@viewfly/core 0.0.1-alpha.16 → 0.0.1-alpha.18

package/bundles/index.esm.js

@@ -72,12 +72,12 @@ class Component extends ReflectiveInjector {
     get changed() {
         return this._changed;
     }
-    constructor(context, setup, props, key) {
+    constructor(context, type, props, key) {
         super(context, []);
-        this.setup = setup;
+        this.type = type;
         this.props = props;
         this.key = key;
-        this.$$typeOf = this.setup;
+        this.$$typeOf = this.type;
         this.destroyCallbacks = [];
         this.mountCallbacks = [];
         this.propsChangedCallbacks = [];
@@ -114,7 +114,7 @@ class Component extends ReflectiveInjector {
         });
         componentSetupStack.push(this);
         let isSetup = true;
-        const render = this.setup(props);
+        const render = this.type(props);
         isSetup = false;
         componentSetupStack.pop();
         signalDepsStack.push([]);
@@ -499,11 +499,11 @@ class JSXText {
     }
 }
 class JSXElement {
-    constructor(name, props, key) {
-        this.name = name;
+    constructor(type, props, key) {
+        this.type = type;
         this.props = props;
         this.key = key;
-        this.$$typeOf = this.name;
+        this.$$typeOf = this.type;
     }
     is(target) {
         return target.$$typeOf === this.$$typeOf;
@@ -973,7 +973,7 @@ let Renderer = class Renderer {
         parent.child = children[0] || null;
     }
     createElement(vNode) {
-        const nativeNode = this.nativeRenderer.createElement(vNode.name);
+        const nativeNode = this.nativeRenderer.createElement(vNode.type);
         const props = vNode.props;
         let bindingRefs;
         const keys = Object.keys(props);

package/bundles/index.js

@@ -73,12 +73,12 @@ class Component extends di.ReflectiveInjector {
     get changed() {
         return this._changed;
     }
-    constructor(context, setup, props, key) {
+    constructor(context, type, props, key) {
         super(context, []);
-        this.setup = setup;
+        this.type = type;
         this.props = props;
         this.key = key;
-        this.$$typeOf = this.setup;
+        this.$$typeOf = this.type;
         this.destroyCallbacks = [];
         this.mountCallbacks = [];
         this.propsChangedCallbacks = [];
@@ -115,7 +115,7 @@ class Component extends di.ReflectiveInjector {
         });
         componentSetupStack.push(this);
         let isSetup = true;
-        const render = this.setup(props);
+        const render = this.type(props);
         isSetup = false;
         componentSetupStack.pop();
         signalDepsStack.push([]);
@@ -500,11 +500,11 @@ class JSXText {
     }
 }
 class JSXElement {
-    constructor(name, props, key) {
-        this.name = name;
+    constructor(type, props, key) {
+        this.type = type;
         this.props = props;
         this.key = key;
-        this.$$typeOf = this.name;
+        this.$$typeOf = this.type;
     }
     is(target) {
         return target.$$typeOf === this.$$typeOf;
@@ -974,7 +974,7 @@ exports.Renderer = class Renderer {
         parent.child = children[0] || null;
     }
     createElement(vNode) {
-        const nativeNode = this.nativeRenderer.createElement(vNode.name);
+        const nativeNode = this.nativeRenderer.createElement(vNode.type);
         const props = vNode.props;
         let bindingRefs;
         const keys = Object.keys(props);

package/bundles/jsx.d.ts

@@ -0,0 +1,13 @@
+import { Key, Ref } from '@viewfly/core';
+export declare namespace JSX {
+    interface Attributes<T extends object> {
+        ref?: Ref<T>;
+        key?: Key;
+    }
+    interface ElementClass {
+    }
+    interface IntrinsicElements {
+    }
+    interface IntrinsicAttributes {
+    }
+}

package/bundles/model/component.d.ts

@@ -11,7 +11,7 @@ export interface ComponentSetup<T extends Props<any> = Props<any>> {
  * Viewfly 组件管理类，用于管理组件的生命周期，上下文等
  */
 export declare class Component extends ReflectiveInjector implements JSXTypeof {
-    setup: ComponentSetup;
+    type: ComponentSetup;
     props: Props<any>;
     key?: Key | undefined;
     $$typeOf: ComponentSetup<Props<any>>;
@@ -28,7 +28,7 @@ export declare class Component extends ReflectiveInjector implements JSXTypeof {
     private propsChangedDestroyCallbacks;
     private unWatch?;
     private isFirstRending;
-    constructor(context: Injector, setup: ComponentSetup, props: Props<any>, key?: Key | undefined);
+    constructor(context: Injector, type: ComponentSetup, props: Props<any>, key?: Key | undefined);
     is(target: JSXTypeof): boolean;
     addProvide<T>(providers: Provider<T> | Provider<T>[]): void;
     init(): {

package/bundles/model/jsx-element.d.ts

@@ -22,10 +22,10 @@ export declare class JSXText implements JSXTypeof {
     is(target: JSXTypeof): boolean;
 }
 export declare class JSXElement implements JSXTypeof {
-    name: string;
+    type: string;
     props: Props<any>;
     key?: Key | undefined;
     $$typeOf: string;
-    constructor(name: string, props: Props<any>, key?: Key | undefined);
+    constructor(type: string, props: Props<any>, key?: Key | undefined);
     is(target: JSXTypeof): boolean;
 }

package/bundles/public-api.d.ts

@@ -3,4 +3,5 @@ export * from '@tanbo/di';
 export * from './_utils/make-error';
 export * from './foundation/_api';
 export * from './model/_api';
+export * from './jsx';
 export * from './viewfly';

package/jsx-runtime/index.d.ts

@@ -1,4 +1,4 @@
-import type { JSXElement, Ref, jsx, jsxs, Fragment } from '@viewfly/core'
+import type { JSXComponent, jsx, jsxs, Fragment } from '@viewfly/core'
 import type { NativeElements } from '@viewfly/platform-browser'
 
 /**
@@ -10,13 +10,9 @@ import type { NativeElements } from '@viewfly/platform-browser'
 export { jsx, jsxs, Fragment }
 
 export namespace JSX {
-  export interface Element extends JSXElement {
+  export interface ElementClass extends JSXComponent {
   }
 
   export interface IntrinsicElements extends NativeElements {
   }
-
-  export interface IntrinsicAttributes {
-    ref?: Ref<any>
-  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viewfly/core",
-  "version": "0.0.1-alpha.16",
+  "version": "0.0.1-alpha.18",
   "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",
@@ -34,5 +34,5 @@
   "bugs": {
     "url": "https://github.com/viewfly/viewfly.git/issues"
   },
-  "gitHead": "c87e571f0caf71e5bb99183643388f9adb4501c1"
+  "gitHead": "742425d66d4b9db93239f5fb50d5faaa41c92571"
 }