lupine.web 1.0.19 → 1.0.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lupine.web",
-  "version": "1.0.19",
+  "version": "1.0.20",
   "license": "MIT",
   "author": "uuware.com",
   "homepage": "https://uuware.com/",

package/src/core/component-factory.ts

@@ -0,0 +1,19 @@
+import { RefProps } from '../jsx';
+import { mountComponents } from './mount-components';
+
+export class ComponentFactory {
+  private static _session: Map<Function, { [key: string]: any }> = new Map<Function, { [key: string]: any }>();
+
+  static getSession(fn: Function) {
+    let ret = this._session.get(fn);
+    if (!ret) {
+      ret = {};
+      this._session.set(fn, ret);
+    }
+    return ret;
+  }
+
+  static async refresh(fn: Function, props: any, ref: RefProps) {
+    mountComponents(ref.current!, await fn(props));
+  }
+}

package/src/core/index.ts

@@ -5,6 +5,7 @@ export * from './bind-meta';
 export * from './bind-ref';
 export * from './bind-styles';
 export * from './bind-theme';
+export * from './component-factory';
 export * from './export-lupine';
 export * from './camel-to-hyphens';
 export * from './mount-components';

package/src/core/page-loaded-events.ts

@@ -10,7 +10,7 @@ export const callPageLoadedEvent = () => {
   });
 };
 
-// The fn is called when the page is re-rendered
+// The fn is called when the page is first time loaded
 export const bindPageLoadedEvent = (fn: Function) => {
   _pageLoadedEvents.push(fn);
 };

package/src/jsx.ts

@@ -25,8 +25,6 @@ export type RefProps = {
   onUnload?: (el: Element) => Promise<void>;
   $?: any; // (selector: string) => undefined | Element,
   $all?: any; // (selector: string) => undefined | Element,
-  // refresh?: () => void;
-  // props?: any;
 };
 
 export interface ClassAttributes<T> extends Attributes {

package/src/models/json-props.ts

@@ -1,8 +1,8 @@
 export type JsonKeyValue = {
-  [key: string]: string | number | boolean | null | undefined | JsonKeyValue | JsonKeyValue[];
+  [key: string]: string | number | boolean | null | undefined | string[] | number[] | JsonKeyValue | JsonKeyValue[];
 };
 export type JsonObject =
   | JsonKeyValue[]
   | {
-      [key: string]: string | number | boolean | null | undefined | JsonKeyValue | JsonKeyValue[];
+      [key: string]: string | number | boolean | null | undefined | string[] | number[] | JsonKeyValue | JsonKeyValue[];
     };