ronds-metadata 1.2.93 → 1.2.94

package/es/framework/hooks/useModel/index.d.ts

@@ -0,0 +1,9 @@
+import Provider from './utils/Provider';
+import Context from './utils/Context';
+type ReturnTypes<T extends any> = T extends (...args: any) => infer R ? R : any;
+type Model<T extends keyof U, U> = {
+    [key in keyof U]: ReturnTypes<U[T]>;
+};
+type UseModelFn = <T extends keyof U, U>(namespace: T) => Model<T, U>[T];
+declare const useModel: UseModelFn;
+export { useModel, Provider, Context, Model };

package/es/framework/hooks/useModel/index.js

@@ -0,0 +1,50 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/*
+ * @Author: wangxian
+ * @Date: 2023-08-01 19:30:25
+ * @LastEditTime: 2023-08-01 19:30:35
+ */
+import { useEffect, useContext, useRef, useState } from 'react';
+import Provider from './utils/Provider';
+import Context from './utils/Context';
+var useModel = function useModel(namespace) {
+  var dispatcher = useContext(Context);
+  // 判断组件是否挂载
+  var isMount = useRef(false);
+  var _useState = useState(dispatcher.data[namespace]),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  useEffect(function () {
+    isMount.current = true;
+    return function () {
+      isMount.current = false;
+    };
+  }, []);
+  useEffect(function () {
+    var handler = function handler(value) {
+      if (!isMount.current) {
+        // 如果函数执行中，组件被卸载，则强制更新全局 data
+        setTimeout(function () {
+          dispatcher.data[namespace] = value;
+          dispatcher.update(namespace);
+        });
+      } else {
+        setState(value);
+      }
+    };
+    try {
+      dispatcher.callBacks[namespace].add(handler);
+      dispatcher.update(namespace);
+    } catch (e) {
+      dispatcher.callBacks[namespace] = new Set();
+      dispatcher.callBacks[namespace].add(handler);
+      dispatcher.update(namespace);
+    }
+    return function () {
+      dispatcher.callBacks[namespace].delete(handler);
+    };
+  }, [namespace]);
+  return state;
+};
+export { useModel, Provider, Context };

package/es/framework/hooks/useModel/utils/Context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").Context<{}>;
+export default _default;

package/es/framework/hooks/useModel/utils/Context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export default /*#__PURE__*/createContext({});

package/es/framework/hooks/useModel/utils/Executor.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type ExecutorProps = {
+    hook: () => void;
+    namespace: string;
+    onUpdate: (value: any) => void;
+};
+declare const Executor: React.FC<ExecutorProps>;
+export default Executor;

package/es/framework/hooks/useModel/utils/Executor.js

@@ -0,0 +1,33 @@
+import React, { useEffect, useMemo, useRef } from 'react';
+var Executor = function Executor(_ref) {
+  var hook = _ref.hook,
+    namespace = _ref.namespace,
+    onUpdate = _ref.onUpdate;
+  var updateRef = useRef(onUpdate);
+  updateRef.current = onUpdate;
+  var initRef = useRef(false);
+  var data;
+  try {
+    if (typeof hook === 'function') {
+      data = hook();
+    } else {
+      data = null;
+    }
+  } catch (e) {
+    throw new TypeError(e);
+  }
+  // 初始化时执行一次
+  useMemo(function () {
+    updateRef.current(data);
+    initRef.current = false;
+  }, []);
+  useEffect(function () {
+    if (initRef.current) {
+      updateRef.current(data);
+    } else {
+      initRef.current = true;
+    }
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+};
+export default Executor;

package/es/framework/hooks/useModel/utils/Provider.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const Provider: React.FC<{
+    models: any;
+}>;
+export default Provider;

package/es/framework/hooks/useModel/utils/Provider.js

@@ -0,0 +1,30 @@
+/*
+ * @Author: wangxian
+ * @Date: 2023-08-01 19:31:08
+ * @LastEditTime: 2023-08-01 19:32:27
+ */
+import React from 'react';
+import Dispatcher from './dispatcher';
+import Executor from './Executor';
+import Context from './Context';
+var dispatcher = new Dispatcher();
+var Provider = function Provider(_ref) {
+  var children = _ref.children,
+    _ref$models = _ref.models,
+    models = _ref$models === void 0 ? {} : _ref$models;
+  var Exe = Executor;
+  return /*#__PURE__*/React.createElement(Context.Provider, {
+    value: dispatcher
+  }, Object.keys(models).map(function (item) {
+    return /*#__PURE__*/React.createElement(Exe, {
+      key: item,
+      namespace: item,
+      hook: models[item],
+      onUpdate: function onUpdate(value) {
+        dispatcher.data[item] = value;
+        dispatcher.update(item);
+      }
+    });
+  }), children);
+};
+export default Provider;

package/es/framework/hooks/useModel/utils/dispatcher.d.ts

@@ -0,0 +1,5 @@
+export default class Dispatcher {
+    data: any;
+    callBacks: any;
+    update: (namespace: string) => void;
+}

package/es/framework/hooks/useModel/utils/dispatcher.js

@@ -0,0 +1,24 @@
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+/*
+ * @Author: wangxian
+ * @Date: 2023-08-01 19:31:09
+ * @LastEditTime: 2023-08-01 19:32:07
+ */
+var Dispatcher = /*#__PURE__*/_createClass(function Dispatcher() {
+  var _this = this;
+  _classCallCheck(this, Dispatcher);
+  this.data = {};
+  this.callBacks = {};
+  this.update = function (namespace) {
+    (_this.callBacks[namespace] || []).forEach(function (callback) {
+      try {
+        var data = _this.data[namespace];
+        callback(data);
+      } catch (e) {
+        callback(undefined);
+      }
+    });
+  };
+});
+export { Dispatcher as default };

package/es/index.d.ts

@@ -19,6 +19,7 @@ export * from './framework/metadata/index';
 export { default as http, addInterceptor } from './framework/http/index';
 export { default as useMemoSubject } from './framework/rxjs-hooks/useMemoSubject';
 export { default as useObservable } from './framework/rxjs-hooks/useObservable';
+export { useModel, Provider, Context, Model } from './framework/hooks/useModel';
 export { default as useSyncScroll, useSyncScrollByRefs } from './framework/hooks/use-sync-scroll';
 export { registerMetadataAPI } from './framework/metadata/MetadataService';
 export { FormRobot } from './framework/fg/index';

package/es/index.js

@@ -1,7 +1,7 @@
 /*
  * @Author:wangxian
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2023-04-27 19:08:54
+ * @LastEditTime: 2023-08-02 08:35:33
  */
 import './theme.less';
 export { default as MetadataEdit } from './comps/MetadataEdit';
@@ -24,6 +24,7 @@ export * from './framework/metadata/index';
 export { default as http, addInterceptor } from './framework/http/index';
 export { default as useMemoSubject } from './framework/rxjs-hooks/useMemoSubject';
 export { default as useObservable } from './framework/rxjs-hooks/useObservable';
+export { useModel, Provider, Context } from './framework/hooks/useModel';
 export { default as useSyncScroll, useSyncScrollByRefs } from './framework/hooks/use-sync-scroll';
 export { registerMetadataAPI } from './framework/metadata/MetadataService';
 export { FormRobot } from './framework/fg/index';

package/package.json

@@ -1,7 +1,7 @@
 {
   "public": true,
   "name": "ronds-metadata",
-  "version": "1.2.93",
+  "version": "1.2.94",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",