@viewfly/core 0.0.31 → 0.1.1

package/bundles/foundation/component.d.ts

@@ -11,7 +11,7 @@ export declare class Component extends ReflectiveInjector implements JSXTypeof<J
     props: Props;
     key?: Key | undefined;
     $$typeOf: JSXInternal.ComponentSetup<any>;
-    destroyCallbacks: LifeCycleCallback[];
+    unmountedCallbacks: LifeCycleCallback[];
     mountCallbacks: LifeCycleCallback[];
     propsChangedCallbacks: PropsChangedCallback<any>[];
     updatedCallbacks: LifeCycleCallback[];
@@ -99,7 +99,7 @@ export declare function onPropsChanged<T extends Props>(callback: PropsChangedCa
  * 当组件销毁时调用回调函数
  * @param callback
  */
-export declare function onDestroy(callback: () => void): void;
+export declare function onUnmounted(callback: () => void): void;
 export interface RefListener<T> {
     (current: T): void | (() => void);
 }
@@ -143,6 +143,7 @@ declare const depsKey: unique symbol;
  * ```
  */
 export interface Signal<T> {
+    $isSignal: true;
     /**
      *  直接调用一个 Signal 实例，可以获取最新状态
      */

package/bundles/index.esm.js

@@ -663,7 +663,7 @@ class Component extends ReflectiveInjector {
         this.props = props;
         this.key = key;
         this.$$typeOf = this.type;
-        this.destroyCallbacks = [];
+        this.unmountedCallbacks = [];
         this.mountCallbacks = [];
         this.propsChangedCallbacks = [];
         this.updatedCallbacks = [];
@@ -716,7 +716,7 @@ class Component extends ReflectiveInjector {
                 ref.bind(this.instance);
             }
         });
-        this.destroyCallbacks.push(() => {
+        this.unmountedCallbacks.push(() => {
             for (const ref of this.refs) {
                 ref.unBind(this.instance);
             }
@@ -738,6 +738,9 @@ class Component extends ReflectiveInjector {
         if (add.length || remove.length || replace.length) {
             this.invokePropsChangedHooks(newProps);
         }
+        else if (!this.dirty) {
+            return this.template;
+        }
         const newRefs = toRefs(newProps.ref);
         for (const oldRef of this.refs) {
             if (!newRefs.includes(oldRef)) {
@@ -791,7 +794,7 @@ class Component extends ReflectiveInjector {
             fn();
         });
         this.propsChangedDestroyCallbacks = [];
-        for (const fn of this.destroyCallbacks) {
+        for (const fn of this.unmountedCallbacks) {
             fn();
         }
         this.updatedCallbacks = [];
@@ -816,7 +819,7 @@ class Component extends ReflectiveInjector {
         for (const fn of this.mountCallbacks) {
             const destroyFn = fn();
             if (typeof destroyFn === 'function') {
-                this.destroyCallbacks.push(destroyFn);
+                this.unmountedCallbacks.push(destroyFn);
             }
         }
     }
@@ -912,9 +915,9 @@ function onPropsChanged(callback) {
  * 当组件销毁时调用回调函数
  * @param callback
  */
-function onDestroy(callback) {
+function onUnmounted(callback) {
     const component = getSetupContext();
-    component.destroyCallbacks.push(callback);
+    component.unmountedCallbacks.push(callback);
 }
 class Ref {
     constructor(callback) {
@@ -1000,6 +1003,7 @@ function useSignal(state) {
         }
         return state;
     }
+    signal.$isSignal = true;
     signal.set = function (newState) {
         if (newState === state) {
             return;
@@ -1011,6 +1015,14 @@ function useSignal(state) {
             fn();
         }
     };
+    //
+    // signal.toString = function () {
+    //   return String(state)
+    // }
+    //
+    // signal.valueOf = function () {
+    //   return state
+    // }
     signal[depsKey] = new Set();
     return signal;
 }
@@ -1075,7 +1087,7 @@ function useDerived(callback, isContinue) {
     const component = getSetupContext(false);
     const unListen = listen(signal, deps, callback, isContinue);
     if (component) {
-        component.destroyCallbacks.push(() => {
+        component.unmountedCallbacks.push(() => {
             unListen();
         });
     }
@@ -1083,9 +1095,7 @@ function useDerived(callback, isContinue) {
 }
 /* eslint-enable max-len*/
 function useEffect(deps, effect) {
-    if (typeof deps === 'function' &&
-        typeof deps.set === 'undefined' &&
-        typeof deps[depsKey] === 'undefined') {
+    if (typeof deps === 'function' && !deps.$isSignal) {
         deps = useDerived(deps);
     }
     const signals = Array.isArray(deps) ? deps : [deps];
@@ -1110,15 +1120,15 @@ function useEffect(deps, effect) {
         }
         isClean = true;
         if (component) {
-            const index = component.destroyCallbacks.indexOf(destroyFn);
-            component.destroyCallbacks.splice(index, 1);
+            const index = component.unmountedCallbacks.indexOf(destroyFn);
+            component.unmountedCallbacks.splice(index, 1);
         }
         for (const dep of signals) {
             dep[depsKey].delete(effectCallback);
         }
     };
     if (component) {
-        component.destroyCallbacks.push(destroyFn);
+        component.unmountedCallbacks.push(destroyFn);
     }
     return destroyFn;
 }
@@ -1330,6 +1340,7 @@ function diff(nativeRenderer, parentComponent, newAtom, oldAtom, context, expect
                 newAtom.jsxNode = instance;
                 if (newTemplate === oldTemplate) {
                     reuseComponentView(nativeRenderer, newAtom, reusedAtom, context, expectIndex !== diffIndex - offset);
+                    updateView(nativeRenderer, instance);
                     return;
                 }
                 if (newTemplate) {
@@ -1789,8 +1800,10 @@ class RootComponent extends Component {
 }
 
 const viewflyErrorFn = makeError('Viewfly');
-function viewfly({ context, nativeRenderer, autoUpdate, root }) {
+function viewfly(config) {
+    const { context, nativeRenderer, autoUpdate, root } = Object.assign({ autoUpdate: true }, config);
     const appProviders = [];
+    const modules = [];
     let destroyed = false;
     const rootComponent = new RootComponent(context || null, () => {
         provide(appProviders);
@@ -1820,13 +1833,29 @@ function viewfly({ context, nativeRenderer, autoUpdate, root }) {
             }
             return app;
         },
+        use(module) {
+            if (Array.isArray(module)) {
+                modules.push(...module);
+            }
+            else {
+                modules.push(module);
+            }
+            return app;
+        },
         mount(host) {
+            var _a, _b;
             if (isStarted) {
                 throw viewflyErrorFn('application has already started.');
             }
+            for (const module of modules) {
+                (_a = module.setup) === null || _a === void 0 ? void 0 : _a.call(module, app);
+            }
             isStarted = true;
             appHost = host;
             render(host);
+            for (const module of modules) {
+                (_b = module.onAfterStartup) === null || _b === void 0 ? void 0 : _b.call(module, app);
+            }
             if (!autoUpdate) {
                 return app;
             }
@@ -1848,12 +1877,16 @@ function viewfly({ context, nativeRenderer, autoUpdate, root }) {
             return app;
         },
         destroy() {
+            var _a;
             destroyed = true;
             rootComponent.markAsDirtied();
             app.render();
+            for (const module of modules) {
+                (_a = module.onDestroy) === null || _a === void 0 ? void 0 : _a.call(module);
+            }
         }
     };
     return app;
 }
 
-export { Component, ForwardRef, Fragment, Inject, InjectFlags, Injectable, InjectionToken, Injector, JSXComponent, JSXElement, JSXText, NativeRenderer, NullInjector, Optional, Prop, Ref, ReflectiveInjector, RootComponent, Scope, Self, SkipSelf, THROW_IF_NOT_FOUND, Type, createRenderer, forwardRef, inject, jsx, jsxs, makeError, normalizeProvider, onDestroy, onMounted, onPropsChanged, onUpdated, provide, useDerived, useEffect, useRef, useSignal, viewfly, withMemo };
+export { Component, ForwardRef, Fragment, Inject, InjectFlags, Injectable, InjectionToken, Injector, JSXComponent, JSXElement, JSXText, NativeRenderer, NullInjector, Optional, Prop, Ref, ReflectiveInjector, RootComponent, Scope, Self, SkipSelf, THROW_IF_NOT_FOUND, Type, createRenderer, forwardRef, inject, jsx, jsxs, makeError, normalizeProvider, onMounted, onPropsChanged, onUnmounted, onUpdated, provide, useDerived, useEffect, useRef, useSignal, viewfly, withMemo };

package/bundles/index.js

@@ -665,7 +665,7 @@ class Component extends ReflectiveInjector {
         this.props = props;
         this.key = key;
         this.$$typeOf = this.type;
-        this.destroyCallbacks = [];
+        this.unmountedCallbacks = [];
         this.mountCallbacks = [];
         this.propsChangedCallbacks = [];
         this.updatedCallbacks = [];
@@ -718,7 +718,7 @@ class Component extends ReflectiveInjector {
                 ref.bind(this.instance);
             }
         });
-        this.destroyCallbacks.push(() => {
+        this.unmountedCallbacks.push(() => {
             for (const ref of this.refs) {
                 ref.unBind(this.instance);
             }
@@ -740,6 +740,9 @@ class Component extends ReflectiveInjector {
         if (add.length || remove.length || replace.length) {
             this.invokePropsChangedHooks(newProps);
         }
+        else if (!this.dirty) {
+            return this.template;
+        }
         const newRefs = toRefs(newProps.ref);
         for (const oldRef of this.refs) {
             if (!newRefs.includes(oldRef)) {
@@ -793,7 +796,7 @@ class Component extends ReflectiveInjector {
             fn();
         });
         this.propsChangedDestroyCallbacks = [];
-        for (const fn of this.destroyCallbacks) {
+        for (const fn of this.unmountedCallbacks) {
             fn();
         }
         this.updatedCallbacks = [];
@@ -818,7 +821,7 @@ class Component extends ReflectiveInjector {
         for (const fn of this.mountCallbacks) {
             const destroyFn = fn();
             if (typeof destroyFn === 'function') {
-                this.destroyCallbacks.push(destroyFn);
+                this.unmountedCallbacks.push(destroyFn);
             }
         }
     }
@@ -914,9 +917,9 @@ function onPropsChanged(callback) {
  * 当组件销毁时调用回调函数
  * @param callback
  */
-function onDestroy(callback) {
+function onUnmounted(callback) {
     const component = getSetupContext();
-    component.destroyCallbacks.push(callback);
+    component.unmountedCallbacks.push(callback);
 }
 class Ref {
     constructor(callback) {
@@ -1002,6 +1005,7 @@ function useSignal(state) {
         }
         return state;
     }
+    signal.$isSignal = true;
     signal.set = function (newState) {
         if (newState === state) {
             return;
@@ -1013,6 +1017,14 @@ function useSignal(state) {
             fn();
         }
     };
+    //
+    // signal.toString = function () {
+    //   return String(state)
+    // }
+    //
+    // signal.valueOf = function () {
+    //   return state
+    // }
     signal[depsKey] = new Set();
     return signal;
 }
@@ -1077,7 +1089,7 @@ function useDerived(callback, isContinue) {
     const component = getSetupContext(false);
     const unListen = listen(signal, deps, callback, isContinue);
     if (component) {
-        component.destroyCallbacks.push(() => {
+        component.unmountedCallbacks.push(() => {
             unListen();
         });
     }
@@ -1085,9 +1097,7 @@ function useDerived(callback, isContinue) {
 }
 /* eslint-enable max-len*/
 function useEffect(deps, effect) {
-    if (typeof deps === 'function' &&
-        typeof deps.set === 'undefined' &&
-        typeof deps[depsKey] === 'undefined') {
+    if (typeof deps === 'function' && !deps.$isSignal) {
         deps = useDerived(deps);
     }
     const signals = Array.isArray(deps) ? deps : [deps];
@@ -1112,15 +1122,15 @@ function useEffect(deps, effect) {
         }
         isClean = true;
         if (component) {
-            const index = component.destroyCallbacks.indexOf(destroyFn);
-            component.destroyCallbacks.splice(index, 1);
+            const index = component.unmountedCallbacks.indexOf(destroyFn);
+            component.unmountedCallbacks.splice(index, 1);
         }
         for (const dep of signals) {
             dep[depsKey].delete(effectCallback);
         }
     };
     if (component) {
-        component.destroyCallbacks.push(destroyFn);
+        component.unmountedCallbacks.push(destroyFn);
     }
     return destroyFn;
 }
@@ -1332,6 +1342,7 @@ function diff(nativeRenderer, parentComponent, newAtom, oldAtom, context, expect
                 newAtom.jsxNode = instance;
                 if (newTemplate === oldTemplate) {
                     reuseComponentView(nativeRenderer, newAtom, reusedAtom, context, expectIndex !== diffIndex - offset);
+                    updateView(nativeRenderer, instance);
                     return;
                 }
                 if (newTemplate) {
@@ -1791,8 +1802,10 @@ class RootComponent extends Component {
 }
 
 const viewflyErrorFn = makeError('Viewfly');
-function viewfly({ context, nativeRenderer, autoUpdate, root }) {
+function viewfly(config) {
+    const { context, nativeRenderer, autoUpdate, root } = Object.assign({ autoUpdate: true }, config);
     const appProviders = [];
+    const modules = [];
     let destroyed = false;
     const rootComponent = new RootComponent(context || null, () => {
         provide(appProviders);
@@ -1822,13 +1835,29 @@ function viewfly({ context, nativeRenderer, autoUpdate, root }) {
             }
             return app;
         },
+        use(module) {
+            if (Array.isArray(module)) {
+                modules.push(...module);
+            }
+            else {
+                modules.push(module);
+            }
+            return app;
+        },
         mount(host) {
+            var _a, _b;
             if (isStarted) {
                 throw viewflyErrorFn('application has already started.');
             }
+            for (const module of modules) {
+                (_a = module.setup) === null || _a === void 0 ? void 0 : _a.call(module, app);
+            }
             isStarted = true;
             appHost = host;
             render(host);
+            for (const module of modules) {
+                (_b = module.onAfterStartup) === null || _b === void 0 ? void 0 : _b.call(module, app);
+            }
             if (!autoUpdate) {
                 return app;
             }
@@ -1850,9 +1879,13 @@ function viewfly({ context, nativeRenderer, autoUpdate, root }) {
             return app;
         },
         destroy() {
+            var _a;
             destroyed = true;
             rootComponent.markAsDirtied();
             app.render();
+            for (const module of modules) {
+                (_a = module.onDestroy) === null || _a === void 0 ? void 0 : _a.call(module);
+            }
         }
     };
     return app;
@@ -1887,9 +1920,9 @@ exports.jsx = jsx;
 exports.jsxs = jsxs;
 exports.makeError = makeError;
 exports.normalizeProvider = normalizeProvider;
-exports.onDestroy = onDestroy;
 exports.onMounted = onMounted;
 exports.onPropsChanged = onPropsChanged;
+exports.onUnmounted = onUnmounted;
 exports.onUpdated = onUpdated;
 exports.provide = provide;
 exports.useDerived = useDerived;

package/bundles/viewfly.d.ts

@@ -17,7 +17,13 @@ export interface Config {
 export interface Application<T extends NativeNode = NativeNode> {
     provide(providers: Provider | Provider[]): Application<T>;
     mount(host: T, autoUpdate?: boolean): Application<T>;
+    use(module: Module | Module[]): Application<T>;
     render(): Application<T>;
     destroy(): void;
 }
-export declare function viewfly<T extends NativeNode>({ context, nativeRenderer, autoUpdate, root }: Config): Application<T>;
+export interface Module {
+    setup?(app: Application): void;
+    onAfterStartup?(app: Application): void;
+    onDestroy?(): void;
+}
+export declare function viewfly<T extends NativeNode>(config: Config): Application<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viewfly/core",
-  "version": "0.0.31",
+  "version": "0.1.1",
   "description": "Viewfly is a simple and easy-to-use JavaScript framework with an intuitive development experience.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",
@@ -46,5 +46,5 @@
   "bugs": {
     "url": "https://github.com/viewfly/viewfly.git/issues"
   },
-  "gitHead": "cb3bcc1d390c6ee85411c1713f966b3d50f6e066"
+  "gitHead": "d6c54831a96266979af7b95c7152fe7ef2b62a4f"
 }