/** * cfcs * Copyright (c) 2022-present NAVER Corp. * MIT license */ import { ComputedObserver } from "./ComputedObserver"; import { Observer } from "./Observer"; import { ExtractNever } from "../core"; import { ReactiveSubscribe } from "./decorators/ReactiveSubscribe"; declare type ConvertValue> = { [Key in keyof Object]: Object[Key] extends Observer ? Type : Object[Key]; }; declare type PickObverser> = ExtractNever<{ [Key in keyof Object]: Object[Key] extends Observer ? Type : never; }>; /** * @typedef * @category Reactive */ export declare type ParitalReactiveObject> = ConvertValue & ReactiveSubscribe>; /** * Result type of `reactive` function call * @category Reactive * @see reactive * @example * ```js * import { reactive } from "@cfcs/core"; * * // define reactive state * const obj = reactive({ * value1: 1, * value2: 2, * }); * ``` */ export declare type ReactiveObject> = Object & ReactiveSubscribe; /** * @description Make the return value of the corresponding object or function a reactive object. * @category Reactive * @param setup - The target object or function to which reactive is applied * @returns Makes all values into reactive objects. * @example * ```ts * import { reactive } from "@cfcs/core"; * * const obj = reactive({ * value1: 1, * value2: 2, * }); * * obj.subscribe("value1", value1 => { * console.log(value1); * }); * obj.value1 = 2; * ``` */ export declare function reactive>(setup: Readonly | (() => Readonly)): ReactiveObject; /** * @description Make the return value of the corresponding object or function a reactive object. * @category Reactive * @param setup - The target object or function to which reactive is applied * @returns Only the values to which observer is applied are objects to which reactive is applied. * @example * ```ts * import { partialReactive, observe } from "@cfcs/core"; * * const value1 = observe(1); * const value2 = observe(2); * const obj = partialReactive({ * value1, * value2, * }); * * obj.subscribe("value1", value1 => { * console.log(value1); * }); * value1.current = 2; * ``` */ export declare function partialReactive>(setup: Readonly | (() => Readonly)): ParitalReactiveObject; /** * @description Creates a mutable ref object. You can access the `.current` value and detect the value change through `.subscribe`. * @category Reactive * @example * ```ts * import { observe } from "@cfcs/core"; * * const ob1 = observe(1); * * ob1.subscribe(nextValue => { * console.log(nextValue); * }); * * ob1.current = 2; * ``` */ export declare function observe(defaultValue?: Type): Observer; /** * @hidden */ export declare function computed(computedCallback: () => Type): ComputedObserver; export {};