wargerm 0.5.39 → 0.6.0

package/dist/components/whox/example/demo1.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function demo1(): JSX.Element;

package/dist/components/wmox/example/demo1.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function demo1(): JSX.Element;

package/dist/hooks/whox.d.ts

@@ -0,0 +1,14 @@
+declare let run: (fn: () => void) => void;
+declare type State = Record<string, any>;
+declare type GetSetStore<T> = {
+    (): T;
+    (s: Partial<T> | ((state: T) => Partial<T>)): void;
+};
+declare type InitStore<T> = (getSetStore: GetSetStore<T>) => T;
+declare const create: {
+    <T extends State>(initStore: InitStore<T>): () => T;
+    config({ batch }: {
+        batch: typeof run;
+    }): void;
+};
+export default create;

package/dist/hooks/wmox.d.ts

@@ -0,0 +1,10 @@
+declare type Callback = () => void;
+declare type State = Record<string, unknown>;
+declare let run: (fn: Callback) => void;
+declare const wmox: {
+    <T extends State>(state: T): T;
+    config({ batch }: {
+        batch: typeof run;
+    }): void;
+};
+export default wmox;

package/dist/index.d.ts

@@ -3,6 +3,8 @@ import './styles/index-dark.less';
 import './styles/index-light.less';
 import './styles/index-nt.less';
 export { default as useEventEmitter } from '@/hooks/useEventEmitter';
+export { default as whox } from '@/hooks/whox';
+export { default as wmox } from '@/hooks/wmox';
 export { default as Button } from './components/Button';
 export { default as IconFont } from './components/IconFont';
 export { default as Input } from './components/Input';

package/dist/index.esm.js

@@ -1,5 +1,6 @@
-import React, { useRef, useEffect, useMemo, useState, useImperativeHandle, memo, forwardRef, createRef, useCallback } from 'react';
+import React, { useRef, useEffect, useMemo, useState, useCallback, useImperativeHandle, memo, forwardRef, createRef } from 'react';
 import { cloneDeep, isEmpty } from 'lodash';
+import { useSyncExternalStore } from 'use-sync-external-store/shim';
 import 'antd/es/button/style';
 import _Button from 'antd/es/button';
 import 'antd/es/dropdown/style';
@@ -542,6 +543,203 @@ function useEventEmitter(options) {
   return ref.current;
 }
 
+var run = function run(fn) {
+  fn();
+};
+
+var __DEV__ = process.env.NODE_ENV !== 'production';
+
+var create = function create(initStore) {
+  if (__DEV__ && typeof initStore !== 'function') {
+    throw new Error('Expected a function');
+  }
+
+  var store;
+  var listeners = new Set();
+
+  function getSetStore(s) {
+    if (typeof s === 'undefined') return store;
+    var partial = typeof s === 'function' ? s(store) : s;
+    store = _objectSpread2(_objectSpread2({}, store), partial);
+    run(function () {
+      return listeners.forEach(function (listener) {
+        return listener(partial);
+      });
+    });
+  }
+
+  store = initStore(getSetStore);
+  return function useStore() {
+    var proxy = useRef({});
+    var handler = useRef({});
+    var hasState = useRef(false);
+    var hasUpdate = useRef(false);
+
+    var _useState = useState(false),
+        _useState2 = _slicedToArray(_useState, 2),
+        setState = _useState2[1];
+
+    useMemo(function () {
+      handler.current = {
+        get: function get(target, key) {
+          var val = store[key];
+
+          if (typeof val !== 'function') {
+            hasState.current = true;
+            target[key] = val;
+            return target[key];
+          }
+
+          target[key] = new Proxy(val, {
+            get: function get(fn, fnKey) {
+              if (fnKey === 'loading' && !('loading' in fn)) {
+                fn.loading = false;
+              }
+
+              return fn[fnKey];
+            },
+            apply: function apply(fn, _this, args) {
+              var res = fn.apply(void 0, _toConsumableArray(args));
+
+              if (!('loading' in fn) || !res || typeof res.then !== 'function') {
+                target[key] = fn;
+                return res;
+              }
+
+              var setLoading = function setLoading(loading) {
+                target[key].loading = loading;
+                setState(function (s) {
+                  return !s;
+                });
+              };
+
+              target[key] = function () {
+                var newRes = fn.apply(void 0, arguments);
+                setLoading(true);
+                return newRes.finally(function () {
+                  return setLoading(false);
+                });
+              };
+
+              setLoading(true);
+              return res.finally(function () {
+                return setLoading(false);
+              });
+            }
+          });
+          return target[key];
+        },
+        set: function set(target, key, val) {
+          if (key in target && val !== target[key]) {
+            hasUpdate.current = true;
+            target[key] = val;
+          }
+
+          return true;
+        }
+      };
+      proxy.current = new Proxy({}, handler.current);
+    }, []);
+    useEffect(function () {
+      handler.current.get = function (target, key) {
+        return target[key];
+      };
+    }, []);
+    var subscribe = useCallback(function (update) {
+      if (!hasState.current) return function () {
+        return undefined;
+      };
+
+      var listener = function listener(partial) {
+        Object.assign(proxy.current, partial);
+
+        if (hasUpdate.current) {
+          hasUpdate.current = false;
+          update();
+        }
+      };
+
+      listeners.add(listener);
+      return function () {
+        return listeners.delete(listener);
+      };
+    }, []);
+    var getSnapshot = useCallback(function () {
+      return store;
+    }, []);
+    useSyncExternalStore(subscribe, getSnapshot);
+    return proxy.current;
+  };
+};
+
+create.config = function (_ref) {
+  var batch = _ref.batch;
+  run = batch;
+};
+
+var run$1 = function run(fn) {
+  fn();
+};
+
+var __DEV__$1 = process.env.NODE_ENV !== 'production';
+
+var wmox = function wmox(state) {
+  if (__DEV__$1 && Object.prototype.toString.call(state) !== '[object Object]') {
+    throw new Error('object required');
+  }
+
+  var store = {};
+  Object.keys(state).forEach(function (key) {
+    if (typeof state[key] === 'function') {
+      return;
+    }
+
+    var listeners = new Set();
+    store[key] = {
+      subscribe: function subscribe(listener) {
+        listeners.add(listener);
+        return function () {
+          return listeners.delete(listener);
+        };
+      },
+      getSnapshot: function getSnapshot() {
+        return state[key];
+      },
+      setSnapshot: function setSnapshot(val) {
+        if (val !== state[key]) {
+          state[key] = val;
+          run$1(function () {
+            return listeners.forEach(function (listener) {
+              return listener();
+            });
+          });
+        }
+      },
+      useSnapshot: function useSnapshot() {
+        return useSyncExternalStore(store[key].subscribe, store[key].getSnapshot);
+      }
+    };
+  });
+  return new Proxy(state, {
+    get: function get(_, key) {
+      try {
+        return store[key].useSnapshot();
+      } catch (e) {
+        return state[key];
+      }
+    },
+    set: function set(_, key, val) {
+      store[key].setSnapshot(val);
+      return true;
+    }
+  });
+};
+
+wmox.config = function (_ref) {
+  var batch = _ref.batch;
+  run$1 = batch;
+};
+
 var _excluded = ["multiple", "children", "disabled"];
 
 var WButton = function WButton(props) {
@@ -7614,4 +7812,4 @@ if (REACT_APP_ENV == 'development') {
   document.documentElement.setAttribute(COLOR_ATTR_NAME, 'nt');
 }
 
-export { Index$a as AutoScroll, Index$c as Breadcrumb, WButton as Button, index$4 as Calendar, index$2 as Card, WCascader as Cascader, Index$4 as Checkbox, Index$9 as CountUp, Index$2 as DatePicker, DragBox, index as IconFont, Index as Input, WInputNumber as InputNumber, LineEcharts, Modal, ModalForm$1 as ModalForm, Modal$1 as ModalTips, Index$8 as Number, NumericInput, Index$3 as Radio, Select, Index$b as Swiper, WSwitch as Switch, index$3 as TabelCard, index$1 as Table, Index$7 as TreeSelect, Upload, index$6 as Video, index$5 as VideoPlayer, Index$6 as WDatePicker, WForm$1 as WForm, WaterLevelCharts, WebsocketHeart, useEventEmitter };
+export { Index$a as AutoScroll, Index$c as Breadcrumb, WButton as Button, index$4 as Calendar, index$2 as Card, WCascader as Cascader, Index$4 as Checkbox, Index$9 as CountUp, Index$2 as DatePicker, DragBox, index as IconFont, Index as Input, WInputNumber as InputNumber, LineEcharts, Modal, ModalForm$1 as ModalForm, Modal$1 as ModalTips, Index$8 as Number, NumericInput, Index$3 as Radio, Select, Index$b as Swiper, WSwitch as Switch, index$3 as TabelCard, index$1 as Table, Index$7 as TreeSelect, Upload, index$6 as Video, index$5 as VideoPlayer, Index$6 as WDatePicker, WForm$1 as WForm, WaterLevelCharts, WebsocketHeart, useEventEmitter, create as whox, wmox };

package/dist/index.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var lodash = require('lodash');
+var shim = require('use-sync-external-store/shim');
 require('antd/es/button/style');
 var _Button = require('antd/es/button');
 require('antd/es/dropdown/style');
@@ -608,6 +609,203 @@ function useEventEmitter(options) {
   return ref.current;
 }
 
+var run = function run(fn) {
+  fn();
+};
+
+var __DEV__ = process.env.NODE_ENV !== 'production';
+
+var create = function create(initStore) {
+  if (__DEV__ && typeof initStore !== 'function') {
+    throw new Error('Expected a function');
+  }
+
+  var store;
+  var listeners = new Set();
+
+  function getSetStore(s) {
+    if (typeof s === 'undefined') return store;
+    var partial = typeof s === 'function' ? s(store) : s;
+    store = _objectSpread2(_objectSpread2({}, store), partial);
+    run(function () {
+      return listeners.forEach(function (listener) {
+        return listener(partial);
+      });
+    });
+  }
+
+  store = initStore(getSetStore);
+  return function useStore() {
+    var proxy = React.useRef({});
+    var handler = React.useRef({});
+    var hasState = React.useRef(false);
+    var hasUpdate = React.useRef(false);
+
+    var _useState = React.useState(false),
+        _useState2 = _slicedToArray(_useState, 2),
+        setState = _useState2[1];
+
+    React.useMemo(function () {
+      handler.current = {
+        get: function get(target, key) {
+          var val = store[key];
+
+          if (typeof val !== 'function') {
+            hasState.current = true;
+            target[key] = val;
+            return target[key];
+          }
+
+          target[key] = new Proxy(val, {
+            get: function get(fn, fnKey) {
+              if (fnKey === 'loading' && !('loading' in fn)) {
+                fn.loading = false;
+              }
+
+              return fn[fnKey];
+            },
+            apply: function apply(fn, _this, args) {
+              var res = fn.apply(void 0, _toConsumableArray(args));
+
+              if (!('loading' in fn) || !res || typeof res.then !== 'function') {
+                target[key] = fn;
+                return res;
+              }
+
+              var setLoading = function setLoading(loading) {
+                target[key].loading = loading;
+                setState(function (s) {
+                  return !s;
+                });
+              };
+
+              target[key] = function () {
+                var newRes = fn.apply(void 0, arguments);
+                setLoading(true);
+                return newRes.finally(function () {
+                  return setLoading(false);
+                });
+              };
+
+              setLoading(true);
+              return res.finally(function () {
+                return setLoading(false);
+              });
+            }
+          });
+          return target[key];
+        },
+        set: function set(target, key, val) {
+          if (key in target && val !== target[key]) {
+            hasUpdate.current = true;
+            target[key] = val;
+          }
+
+          return true;
+        }
+      };
+      proxy.current = new Proxy({}, handler.current);
+    }, []);
+    React.useEffect(function () {
+      handler.current.get = function (target, key) {
+        return target[key];
+      };
+    }, []);
+    var subscribe = React.useCallback(function (update) {
+      if (!hasState.current) return function () {
+        return undefined;
+      };
+
+      var listener = function listener(partial) {
+        Object.assign(proxy.current, partial);
+
+        if (hasUpdate.current) {
+          hasUpdate.current = false;
+          update();
+        }
+      };
+
+      listeners.add(listener);
+      return function () {
+        return listeners.delete(listener);
+      };
+    }, []);
+    var getSnapshot = React.useCallback(function () {
+      return store;
+    }, []);
+    shim.useSyncExternalStore(subscribe, getSnapshot);
+    return proxy.current;
+  };
+};
+
+create.config = function (_ref) {
+  var batch = _ref.batch;
+  run = batch;
+};
+
+var run$1 = function run(fn) {
+  fn();
+};
+
+var __DEV__$1 = process.env.NODE_ENV !== 'production';
+
+var wmox = function wmox(state) {
+  if (__DEV__$1 && Object.prototype.toString.call(state) !== '[object Object]') {
+    throw new Error('object required');
+  }
+
+  var store = {};
+  Object.keys(state).forEach(function (key) {
+    if (typeof state[key] === 'function') {
+      return;
+    }
+
+    var listeners = new Set();
+    store[key] = {
+      subscribe: function subscribe(listener) {
+        listeners.add(listener);
+        return function () {
+          return listeners.delete(listener);
+        };
+      },
+      getSnapshot: function getSnapshot() {
+        return state[key];
+      },
+      setSnapshot: function setSnapshot(val) {
+        if (val !== state[key]) {
+          state[key] = val;
+          run$1(function () {
+            return listeners.forEach(function (listener) {
+              return listener();
+            });
+          });
+        }
+      },
+      useSnapshot: function useSnapshot() {
+        return shim.useSyncExternalStore(store[key].subscribe, store[key].getSnapshot);
+      }
+    };
+  });
+  return new Proxy(state, {
+    get: function get(_, key) {
+      try {
+        return store[key].useSnapshot();
+      } catch (e) {
+        return state[key];
+      }
+    },
+    set: function set(_, key, val) {
+      store[key].setSnapshot(val);
+      return true;
+    }
+  });
+};
+
+wmox.config = function (_ref) {
+  var batch = _ref.batch;
+  run$1 = batch;
+};
+
 var _excluded = ["multiple", "children", "disabled"];
 
 var WButton = function WButton(props) {
@@ -7714,3 +7912,5 @@ exports.WForm = WForm$1;
 exports.WaterLevelCharts = WaterLevelCharts;
 exports.WebsocketHeart = WebsocketHeart;
 exports.useEventEmitter = useEventEmitter;
+exports.whox = create;
+exports.wmox = wmox;

package/package.json

@@ -1,89 +1,91 @@
-{
-  "private": false,
-  "name": "wargerm",
-  "version": "0.5.39",
-  "scripts": {
-    "dev": "dumi dev",
-    "docs:build": "dumi build",
-    "docs:deploy": "gh-pages -d docs-dist",
-    "build": "father-build",
-    "deploy": "npm run docs:build && npm run docs:deploy",
-    "release": "npm run build && npm publish",
-    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
-    "test": "umi-test",
-    "test:coverage": "umi-test --coverage"
-  },
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "unpkg": "dist/index.umd.min.js",
-  "typings": "dist/index.d.ts",
-  "author": "jinly2",
-  "license": "MIT",
-  "keywords": [
-    "React",
-    "Component"
-  ],
-  "gitHooks": {
-    "pre-commit": "lint-staged"
-  },
-  "repository": {
-    "type": "git",
-    "url": "http://code.eblssmart.com/platform/web/wargerm-components.git",
-    "branch": "main"
-  },
-  "files": [
-    "dist",
-    "es",
-    "lib",
-    "index.css"
-  ],
-  "lint-staged": {
-    "*.{js,jsx,less,md,json}": [
-      "prettier --write"
-    ],
-    "*.ts?(x)": [
-      "prettier --parser=typescript --write"
-    ]
-  },
-  "dependencies": {
-    "@ant-design/pro-table": "^2.79.0",
-    "animate.css": "^4.1.1",
-    "echarts": "^5.2.2",
-    "echarts-for-react": "^3.0.2",
-    "moment": "^2.29.4",
-    "react-countup": "^6.0.0",
-    "react-dom": "^17.0.2",
-    "react-file-viewer": "^1.2.1",
-    "swiper": "^6.7.0",
-    "xgplayer": "^2.31.6",
-    "xgplayer-flv": "^2.5.1",
-    "xgplayer-flv.js": "^2.3.0",
-    "xgplayer-hls": "^2.5.2",
-    "xgplayer-hls.js": "^2.6.1"
-  },
-  "peerDependencies": {
-    "@ant-design/icons": ">=4.2.0",
-    "antd": ">=4.7.0",
-    "classnames": ">=2.2.0",
-    "echarts": "^5.2.2",
-    "echarts-for-react": "^3.0.2",
-    "lodash": ">=4.0.0",
-    "react": ">=17.0.0"
-  },
-  "devDependencies": {
-    "@ant-design/icons": "^4.6.4",
-    "@types/lodash": "^4.14.173",
-    "@types/react-dom": "^17.0.11",
-    "@umijs/test": "^3.0.5",
-    "antd": "^4.16.13",
-    "babel-plugin-import": "^1.13.3",
-    "classnames": "^2.3.1",
-    "dumi": "^1.1.31",
-    "father-build": "^1.19.1",
-    "gh-pages": "^3.0.0",
-    "lint-staged": "^10.0.7",
-    "prettier": "^1.19.1",
-    "react": "^16.12.0",
-    "yorkie": "^2.0.0"
-  }
-}
+{
+  "private": false,
+  "name": "wargerm",
+  "version": "0.6.0",
+  "scripts": {
+    "dev": "dumi dev",
+    "docs:build": "dumi build",
+    "docs:deploy": "gh-pages -d docs-dist",
+    "build": "father-build",
+    "deploy": "npm run docs:build && npm run docs:deploy",
+    "release": "npm run build && npm publish",
+    "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
+    "test": "umi-test",
+    "test:coverage": "umi-test --coverage"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "unpkg": "dist/index.umd.min.js",
+  "typings": "dist/index.d.ts",
+  "author": "jinly2",
+  "license": "MIT",
+  "keywords": [
+    "React",
+    "Component"
+  ],
+  "gitHooks": {
+    "pre-commit": "lint-staged"
+  },
+  "repository": {
+    "type": "git",
+    "url": "http://code.eblssmart.com/platform/web/wargerm-components.git",
+    "branch": "main"
+  },
+  "files": [
+    "dist",
+    "es",
+    "lib",
+    "index.css"
+  ],
+  "lint-staged": {
+    "*.{js,jsx,less,md,json}": [
+      "prettier --write"
+    ],
+    "*.ts?(x)": [
+      "prettier --parser=typescript --write"
+    ]
+  },
+  "dependencies": {
+    "@ant-design/pro-table": "^2.79.0",
+    "animate.css": "^4.1.1",
+    "echarts": "^5.2.2",
+    "echarts-for-react": "^3.0.2",
+    "moment": "^2.29.4",
+    "react-countup": "^6.0.0",
+    "react-dom": "^17.0.2",
+    "react-file-viewer": "^1.2.1",
+    "swiper": "^6.7.0",
+    "use-sync-external-store": "^1.2.0",
+    "xgplayer": "^2.31.6",
+    "xgplayer-flv": "^2.5.1",
+    "xgplayer-flv.js": "^2.3.0",
+    "xgplayer-hls": "^2.5.2",
+    "xgplayer-hls.js": "^2.6.1"
+  },
+  "peerDependencies": {
+    "@ant-design/icons": ">=4.2.0",
+    "antd": ">=4.7.0",
+    "classnames": ">=2.2.0",
+    "echarts": "^5.2.2",
+    "echarts-for-react": "^3.0.2",
+    "lodash": ">=4.0.0",
+    "react": ">=17.0.0"
+  },
+  "devDependencies": {
+    "@ant-design/icons": "^4.6.4",
+    "@types/lodash": "^4.14.173",
+    "@types/react-dom": "^17.0.11",
+    "@types/use-sync-external-store": "^0.0.3",
+    "@umijs/test": "^3.0.5",
+    "antd": "^4.16.13",
+    "babel-plugin-import": "^1.13.3",
+    "classnames": "^2.3.1",
+    "dumi": "^1.1.31",
+    "father-build": "^1.19.1",
+    "gh-pages": "^3.0.0",
+    "lint-staged": "^10.0.7",
+    "prettier": "^1.19.1",
+    "react": "^16.12.0",
+    "yorkie": "^2.0.0"
+  }
+}