@viewfly/core 0.0.2 → 0.0.3

package/bundles/index.esm.js

@@ -58,8 +58,12 @@ function getSignalDepsContext() {
     return signalDepsStack[signalDepsStack.length - 1];
 }
 class JSXComponent {
-    constructor(createInstance) {
-        this.createInstance = createInstance;
+    constructor(props, factory) {
+        this.props = props;
+        this.factory = factory;
+    }
+    createInstance(injector) {
+        return this.factory(injector, this.props);
     }
 }
 /**
@@ -473,20 +477,20 @@ const Fragment = function Fragment(props) {
         return props.children;
     };
 };
-function jsx(setup, config, key) {
+function jsx(setup, props, key) {
     if (typeof setup === 'string') {
-        return new JSXElement(setup, config, key);
+        return new JSXElement(setup, props, key);
     }
-    return new JSXComponent(function (context) {
-        return new Component(context, setup, config, key);
+    return new JSXComponent(props, function (context, props) {
+        return new Component(context, setup, props, key);
     });
 }
-function jsxs(setup, config, key) {
+function jsxs(setup, props, key) {
     if (typeof setup === 'string') {
-        return new JSXElement(setup, config, key);
+        return new JSXElement(setup, props, key);
     }
-    return new JSXComponent(function (context) {
-        return new Component(context, setup, config, key);
+    return new JSXComponent(props, function (context, props) {
+        return new Component(context, setup, props, key);
     });
 }
 class JSXText {

package/bundles/index.js

@@ -59,8 +59,12 @@ function getSignalDepsContext() {
     return signalDepsStack[signalDepsStack.length - 1];
 }
 class JSXComponent {
-    constructor(createInstance) {
-        this.createInstance = createInstance;
+    constructor(props, factory) {
+        this.props = props;
+        this.factory = factory;
+    }
+    createInstance(injector) {
+        return this.factory(injector, this.props);
     }
 }
 /**
@@ -474,20 +478,20 @@ const Fragment = function Fragment(props) {
         return props.children;
     };
 };
-function jsx(setup, config, key) {
+function jsx(setup, props, key) {
     if (typeof setup === 'string') {
-        return new JSXElement(setup, config, key);
+        return new JSXElement(setup, props, key);
     }
-    return new JSXComponent(function (context) {
-        return new Component(context, setup, config, key);
+    return new JSXComponent(props, function (context, props) {
+        return new Component(context, setup, props, key);
     });
 }
-function jsxs(setup, config, key) {
+function jsxs(setup, props, key) {
     if (typeof setup === 'string') {
-        return new JSXElement(setup, config, key);
+        return new JSXElement(setup, props, key);
     }
-    return new JSXComponent(function (context) {
-        return new Component(context, setup, config, key);
+    return new JSXComponent(props, function (context, props) {
+        return new Component(context, setup, props, key);
     });
 }
 class JSXText {

package/bundles/jsx.d.ts

@@ -1,5 +1,6 @@
 import { Key, Ref } from '@viewfly/core';
 export declare namespace JSX {
+    type ClassNames = string | Record<string, unknown> | Array<string | Record<string, unknown>>;
     interface Attributes<T extends object> {
         ref?: Ref<T> | Ref<T>[];
         key?: Key;

package/bundles/model/component.d.ts

@@ -1,8 +1,10 @@
 import { Provider, ReflectiveInjector, AbstractType, Type, InjectionToken, InjectFlags, Injector } from '@tanbo/di';
 import { Props, Key, JSXTypeof, JSXChildNode } from './jsx-element';
 export declare class JSXComponent {
-    createInstance: (injector: Component) => Component;
-    constructor(createInstance: (injector: Component) => Component);
+    props: Props;
+    private factory;
+    constructor(props: Props, factory: (injector: Component, props: Props) => Component);
+    createInstance(injector: Component): Component;
 }
 export interface ComponentSetup<T extends Props<any> = Props<any>> {
     (props?: T): () => JSXChildNode;

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

@@ -7,10 +7,10 @@ export interface Props<T = JSXChildNode | JSXChildNode[]> {
 }
 export declare const Fragment: (props: Props) => () => JSXChildNode | JSXChildNode[];
 export type Key = number | string;
-export declare function jsx<T extends JSXChildNode>(name: string, config: Props<T>, key?: Key): JSXElement;
-export declare function jsx<T extends JSXChildNode>(setup: ComponentSetup, config: Props<T>, key?: Key): JSXComponent;
-export declare function jsxs<T extends JSXChildNode[]>(name: string, config: Props<T>, key?: Key): JSXElement;
-export declare function jsxs<T extends JSXChildNode[]>(setup: ComponentSetup, config: Props<T>, key?: Key): JSXComponent;
+export declare function jsx<T extends JSXChildNode>(name: string, props: Props<T>, key?: Key): JSXElement;
+export declare function jsx<T extends JSXChildNode>(setup: ComponentSetup, props: Props<T>, key?: Key): JSXComponent;
+export declare function jsxs<T extends JSXChildNode[]>(name: string, props: Props<T>, key?: Key): JSXElement;
+export declare function jsxs<T extends JSXChildNode[]>(setup: ComponentSetup, props: Props<T>, key?: Key): JSXComponent;
 export interface JSXTypeof {
     $$typeOf: string | ComponentSetup;
     is(target: JSXTypeof): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viewfly/core",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "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": "65bcb20399ed7e6e14102b649588135a7ebf4a72"
+  "gitHead": "55152a4c7db778d22e4ed1d8cd648f9800a01992"
 }