@luck-design-biz/luckda 0.0.27 → 1.0.0-10-alpha

package/es/lowcode/engine/provider/ContextProvider/index.js

@@ -0,0 +1,206 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { createContext, useContext as useReactContext, useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import { isNil } from 'lodash';
+import { useLDEventBus } from "../EventBusProvider";
+import RemoteSourceProvider, { RemoteSourceContext } from "../RemoteSourceProvider";
+import usePageVar from "./usePageVar";
+import useTodo from "./useTodo";
+import { getModuleData } from "./usePageDataStore";
+import API_PREFIX from "@/services/ApiConfig";
+import { getBehaviorUrl } from "../../../constants/api-url";
+import * as topics from "../../../constants/event-topics";
+import * as utils from "./utils";
+import * as router from "./router";
+export var Context = /*#__PURE__*/createContext(null);
+export var useContext = function useContext() {
+  return useReactContext(Context);
+};
+export var useRemoteSource = function useRemoteSource() {
+  return useReactContext(RemoteSourceContext);
+};
+export * from "./usePageDataStore";
+var PRIVATE_KEYS = ['componentList', 'componentMap', 'remoteApiMap'];
+export default (function (_ref) {
+  var children = _ref.children,
+    code = _ref.code;
+  var eventBus = useLDEventBus();
+  var _useTodo = useTodo(),
+    _useTodo2 = _slicedToArray(_useTodo, 2),
+    todo = _useTodo2[0],
+    loading = _useTodo2[1];
+  var _usePageVar = usePageVar(),
+    setState = _usePageVar.setState,
+    getState = _usePageVar.getState,
+    global = _usePageVar.global,
+    setGlobal = _usePageVar.setGlobal;
+  var _componentList = useRef([]);
+  var _remoteApiMap = useRef(new Map());
+  var _privateGetter = useRef({
+    componentList: function componentList() {
+      return _componentList.current;
+    },
+    componentMap: function componentMap() {
+      return new Map(_componentList.current);
+    },
+    remoteApiMap: function remoteApiMap() {
+      return Object.fromEntries(_remoteApiMap.current.entries());
+    }
+  });
+  var _register = useMemoizedFn(function (id, component) {
+    _componentList.current.push([id, component]);
+  });
+  var _unregister = useMemoizedFn(function (id) {
+    _componentList.current = _componentList.current.filter(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 1),
+        _id = _ref3[0];
+      return _id !== id;
+    });
+  });
+  var _initRemoteApiMap = useMemoizedFn(function (_apiMap) {
+    _remoteApiMap.current = _apiMap;
+  });
+  var getElementById = useMemoizedFn(function (compId) {
+    var _componentList$curren;
+    return (_componentList$curren = _componentList.current.find(function (_ref4) {
+      var _ref5 = _slicedToArray(_ref4, 1),
+        _id = _ref5[0];
+      return compId === _id;
+    })) === null || _componentList$curren === void 0 ? void 0 : _componentList$curren[1];
+  });
+  var getParentElementById = useMemoizedFn(function (compId) {
+    var _target$api$getSelfDa;
+    var compMap = new Map(_componentList.current);
+    var _target = compMap.get(compId);
+    var _parentId = (_target$api$getSelfDa = _target.api.getSelfData()) === null || _target$api$getSelfDa === void 0 ? void 0 : _target$api$getSelfDa.props.parentId;
+    if (!_parentId) return null;
+    return compMap.get(_parentId);
+  });
+  var want = useMemoizedFn(function (wanted) {
+    var _getModuleData;
+    if (isNil(wanted)) return false;
+    var serials = ((_getModuleData = getModuleData()) === null || _getModuleData === void 0 ? void 0 : _getModuleData.resources) || [];
+    var serialMap = serials.reduce(function (acc, cur, index) {
+      if (!acc[cur]) {
+        acc[cur] = Math.pow(2, index);
+      }
+      return acc;
+    }, {});
+    var serialsValue = serials.reduce(function (acc, cur) {
+      acc |= serialMap[cur];
+      return acc;
+    }, 0);
+    return (serialsValue & (serialMap[wanted] || 0)) === 1;
+  });
+  var ctx = new Proxy(_objectSpread({
+    _register: _register,
+    _unregister: _unregister,
+    _initRemoteApiMap: _initRemoteApiMap,
+    /**
+     * @property {boolean} loading - loading状态
+     */
+    loading: loading,
+    /**
+     * @property {object} topics - 内置的事件话题
+     */
+    topics: topics,
+    /**
+     * @property {object} topics - service api前缀
+     */
+    API_PREFIX: API_PREFIX,
+    /**
+     * @property {string} PRIMARY_KEY - 主键key
+     */
+    PRIMARY_KEY: window.appConfig.constraintKeys.PRIMARY,
+    /**
+     * @property {string} PARENT_KEY - 树组件主键key
+     */
+    PARENT_KEY: window.appConfig.constraintKeys.PARENT,
+    /**
+     * @method - 根据组件ID获取实例
+     * @param {string} compId - 组件ID
+     * @return {object} target - 组件实例
+     */
+    $: getElementById,
+    /**
+     * @method - 根据组件ID获取父组件实例
+     * @param {string} compId - 组件ID
+     * @return {object} target - 父组件实例
+     */
+    $$: getParentElementById,
+    /**
+     * @method - 执行行为池
+     * @param {object} actionPool - 行为池
+     * @param {object} args - 参数
+     */
+    doAction: function doAction(actionPool, args) {
+      return todo(this, actionPool, args);
+    },
+    /**
+     * @method - 是否有权限
+     * @return {string} wanted - 期望的资源串
+     */
+    want: want,
+    /**
+     * @method - 获取执行行为请求的接口URL
+     * @return {string} BEHAVIOR_URL - 执行行为请求的接口URL
+     */
+    getBehaviorUrl: getBehaviorUrl,
+    /**
+     * @typedef {Object} Utils
+     * @property {function(type, props): void} dialog - 弹出对话框
+     * @property {function({ moduleCode, datasetCode, behaviorKey }, params, data): Promise} callBehavior - 执行行为
+     * @property {function(type, value, formatOrSeparator): string} formatter - 常用的 formatter 函数用于进行事件、金额、手机号等 format
+     * @property {function(when, type): string} getDateTimeRange - 获取当前或指定日期的开始结束区间时间戳
+     */
+    /**
+     * @property {Utils} 工具类
+     */
+    utils: utils,
+    /**
+     * @typedef {Object} Router
+     * @property {function(path, params): void} push - 跳转
+     * @property {function(path, state): void} replace - 替换
+     * @property {function{}: object} getQuery - 获取URL参数
+     * @property {function(params): string} stringifyQuery - 序列化 URL 参数
+     */
+    /**
+     * @property {Router} router - 路由
+     */
+    router: router
+  }, eventBus), {
+    get: function get(target, property, receiver) {
+      if (PRIVATE_KEYS.includes(property)) {
+        var _privateGetter$curren;
+        return (_privateGetter$curren = _privateGetter.current) === null || _privateGetter$curren === void 0 ? void 0 : _privateGetter$curren[property]();
+      } else if (property === 'state') {
+        return getState();
+      } else if (property === 'global') {
+        return global.current;
+      }
+      return Reflect.get(target, property, receiver);
+    },
+    set: function set(target, property, receiver) {
+      if (PRIVATE_KEYS.includes(property)) {
+        throw new Error("\u5C5E\u6027 \"".concat(property, "\" \u662F\u53EA\u8BFB\u7684"));
+      } else if (property.startsWith('_')) {
+        throw new Error("\u5C5E\u6027 \"".concat(property, "\" \u662F\u79C1\u6709\u7684"));
+      } else if (property === 'state') {
+        setState(receiver);
+        return true;
+      } else if (property === 'global') {
+        setGlobal(receiver);
+        return true;
+      } else {
+        return Reflect.set(target, property, receiver);
+      }
+    }
+  });
+  return /*#__PURE__*/React.createElement(Context.Provider, {
+    value: ctx
+  }, /*#__PURE__*/React.createElement(RemoteSourceProvider, {
+    code: code,
+    eventBus: eventBus
+  }, children));
+});

package/es/lowcode/engine/provider/ContextProvider/router.js

@@ -0,0 +1,43 @@
+import { history } from 'umi';
+import { isNil } from 'lodash';
+export function push(path, params) {
+  var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'push';
+  var blank = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  if (blank) {
+    window.openUrl("new:".concat(path));
+    return;
+  }
+  if (type === 'replace') {
+    window.openUrl(path, {
+      method: 'replace'
+    });
+  } else if (type === 'layer') {
+    window.openUrl("layer:".concat(path), params);
+  } else if (type === 'iframe') {
+    window.openUrl("iframe:".concat(path));
+  } else if (type === 'sso') {
+    window.openUrl("sso:".concat(path));
+  } else {
+    history[type](path, params);
+  }
+}
+export function replace(path, state) {
+  history.replace(path, state);
+}
+export function getQuery(key) {
+  var toSearch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  if (toSearch) {
+    return history.location.search;
+  }
+  var query = history.location.query;
+  if (isNil(key)) {
+    return query;
+  }
+  return query[key];
+}
+export function stringifyQuery(params) {
+  return Object.keys(params).map(function (key) {
+    return "".concat(encodeURIComponent(key), "=").concat(encodeURIComponent(params[key]));
+  }).join('&');
+}
+export { history };

package/es/lowcode/engine/provider/ContextProvider/usePageDataStore.js

@@ -0,0 +1,362 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import { useRef, useEffect, useCallback } from 'react';
+import { create, createStore, useStore } from 'zustand';
+import { immer } from 'zustand/middleware/immer';
+import { subscribeWithSelector } from 'zustand/middleware';
+import { useShallow } from 'zustand/react/shallow';
+import { isObject, isArray, isNil, isFunction, isString, get, set as _set, unset, assign, forOwn, forEach, omit, debounce } from 'lodash';
+import isDeepEqual from 'fast-deep-equal';
+import { getPathNodesById, findNodeAndParent } from "../../tools/dataProcess";
+import { LC_BUILDIN_UNIT_KEY } from "../../../constants";
+var temporalStateCreator = function temporalStateCreator(userSet, userGet, options) {
+  var stateCreator = function stateCreator(set, get) {
+    return {
+      pastStates: (options === null || options === void 0 ? void 0 : options.pastStates) || [],
+      futureStates: (options === null || options === void 0 ? void 0 : options.futureStates) || [],
+      undo: function undo() {
+        var steps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+        if (get().pastStates.length) {
+          var _options$partialize, _options$diff;
+          var currentState = (options === null || options === void 0 || (_options$partialize = options.partialize) === null || _options$partialize === void 0 ? void 0 : _options$partialize.call(options, userGet())) || userGet();
+          var statesToApply = get().pastStates.splice(-steps, steps);
+          var nextState = statesToApply.shift();
+          userSet(nextState);
+          set({
+            pastStates: get().pastStates,
+            futureStates: get().futureStates.concat((options === null || options === void 0 || (_options$diff = options.diff) === null || _options$diff === void 0 ? void 0 : _options$diff.call(options, currentState, nextState)) || currentState, statesToApply.reverse())
+          });
+        }
+      },
+      redo: function redo() {
+        var steps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+        if (get().futureStates.length) {
+          var _options$partialize2, _options$diff2;
+          var currentState = (options === null || options === void 0 || (_options$partialize2 = options.partialize) === null || _options$partialize2 === void 0 ? void 0 : _options$partialize2.call(options, userGet())) || userGet();
+          var statesToApply = get().futureStates.splice(-steps, steps);
+          var nextState = statesToApply.shift();
+          userSet(nextState);
+          set({
+            pastStates: get().pastStates.concat((options === null || options === void 0 || (_options$diff2 = options.diff) === null || _options$diff2 === void 0 ? void 0 : _options$diff2.call(options, currentState, nextState)) || currentState, statesToApply.reverse()),
+            futureStates: get().futureStates
+          });
+        }
+      },
+      clear: function clear() {
+        return set({
+          pastStates: [],
+          futureStates: []
+        });
+      },
+      isTracking: true,
+      pause: function pause() {
+        return set({
+          isTracking: false
+        });
+      },
+      resume: function resume() {
+        return set({
+          isTracking: true
+        });
+      },
+      setOnSave: function setOnSave(_onSave) {
+        return set({
+          _onSave: _onSave
+        });
+      },
+      // Internal properties
+      _onSave: options === null || options === void 0 ? void 0 : options.onSave,
+      _handleSet: function _handleSet(pastState, replace, currentState, deltaState) {
+        var _get$_onSave, _get;
+        if (options !== null && options !== void 0 && options.limit && get().pastStates.length >= (options === null || options === void 0 ? void 0 : options.limit)) {
+          get().pastStates.shift();
+        }
+        (_get$_onSave = (_get = get())._onSave) === null || _get$_onSave === void 0 || _get$_onSave.call(_get, pastState, currentState);
+        set({
+          pastStates: get().pastStates.concat(deltaState || pastState),
+          futureStates: []
+        });
+      }
+    };
+  };
+  return stateCreator;
+};
+var temporal = function temporal(config, options) {
+  var configWithTemporal = function configWithTemporal(set, get, store) {
+    var _options$wrapTemporal, _options$handleSet;
+    store.temporal = createStore((options === null || options === void 0 || (_options$wrapTemporal = options.wrapTemporal) === null || _options$wrapTemporal === void 0 ? void 0 : _options$wrapTemporal.call(options, temporalStateCreator(set, get, options))) || temporalStateCreator(set, get, options));
+    var curriedHandleSet = (options === null || options === void 0 || (_options$handleSet = options.handleSet) === null || _options$handleSet === void 0 ? void 0 : _options$handleSet.call(options, store.temporal.getState()._handleSet)) || store.temporal.getState()._handleSet;
+    var temporalHandleSet = function temporalHandleSet(pastState) {
+      var _options$partialize3, _options$diff3, _options$equality;
+      if (!store.temporal.getState().isTracking) return;
+      var currentState = (options === null || options === void 0 || (_options$partialize3 = options.partialize) === null || _options$partialize3 === void 0 ? void 0 : _options$partialize3.call(options, get())) || get();
+      var deltaState = options === null || options === void 0 || (_options$diff3 = options.diff) === null || _options$diff3 === void 0 ? void 0 : _options$diff3.call(options, pastState, currentState);
+      if (
+      // Don't call handleSet if state hasn't changed, as determined by diff fn or equality fn
+      !(
+      // If the user has provided a diff function but nothing has been changed, deltaState will be null
+
+      deltaState === null || // If the user has provided an equality function, use it
+      options !== null && options !== void 0 && (_options$equality = options.equality) !== null && _options$equality !== void 0 && _options$equality.call(options, pastState, currentState))) {
+        curriedHandleSet(pastState, void 0, currentState, deltaState);
+      }
+    };
+    var setState = store.setState;
+    store.setState = function () {
+      var _options$partialize4;
+      var pastState = (options === null || options === void 0 || (_options$partialize4 = options.partialize) === null || _options$partialize4 === void 0 ? void 0 : _options$partialize4.call(options, get())) || get();
+      setState.apply(void 0, arguments);
+      temporalHandleSet(pastState);
+    };
+    return config(
+    // Modify the set function to call the userlandSet function
+    function () {
+      var _options$partialize5;
+      var pastState = (options === null || options === void 0 || (_options$partialize5 = options.partialize) === null || _options$partialize5 === void 0 ? void 0 : _options$partialize5.call(options, get())) || get();
+      set.apply(void 0, arguments);
+      temporalHandleSet(pastState);
+    }, get, store);
+  };
+  return configWithTemporal;
+};
+var findNode = function findNode(obj, id) {
+  for (var key in obj) {
+    if (!['props', 'children'].includes(key)) {
+      if (key === id) {
+        return {
+          target: obj[key],
+          parent: obj
+        };
+      }
+      if (_typeof(obj[key]) === 'object' && !Array.isArray(obj[key])) {
+        var result = findNode(obj[key], id);
+        if (result) {
+          return result;
+        }
+      }
+    }
+  }
+  return null;
+};
+var usePageDataStore = create()(immer(subscribeWithSelector(temporal(function (set) {
+  return {
+    pageData: null,
+    moduleData: null,
+    needPrompt: false,
+    initialize: function initialize(data) {
+      return set(function (state) {
+        state.pageData = data;
+      });
+    },
+    initializeModule: function initializeModule(data) {
+      return set(function (state) {
+        state.moduleData = data;
+      });
+    },
+    reset: function reset(data) {
+      return set(function (state) {
+        state.pageData = data || null;
+      });
+    }
+  };
+}, {
+  partialize: function partialize(state) {
+    return {
+      pageData: state.pageData
+    };
+  },
+  equality: function equality(pastState, newState) {
+    return isDeepEqual(pastState, newState);
+  },
+  handleSet: function handleSet(_handleSet2) {
+    return debounce(function (state) {
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key2 = 1; _key2 < _len; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+      return _handleSet2.apply(void 0, [state].concat(args));
+    }, 400, {
+      leading: true,
+      trailing: false
+    });
+  }
+}))));
+export default usePageDataStore;
+usePageDataStore.subscribe(function (state) {
+  return state.pageData;
+}, function (_, prev) {
+  usePageDataStore.setState(function (state) {
+    if (prev === null) {
+      state.needPrompt = false;
+    } else if (state.needPrompt === false) {
+      state.needPrompt = true;
+    }
+  });
+});
+export var resetPageData = function resetPageData(data) {
+  usePageDataStore.setState(function (state) {
+    state.pageData = data || null;
+  });
+};
+export var addNode = function addNode(parentId, id, data) {
+  usePageDataStore.setState(function (state) {
+    if (parentId === LC_BUILDIN_UNIT_KEY.PAGE_ROOT) {
+      state.pageData.children.push(id);
+      state.pageData[id] = {
+        props: _objectSpread(_objectSpread({}, data), {}, {
+          id: id,
+          parentId: parentId
+        })
+      };
+      return;
+    }
+    var _ref = findNode(state.pageData, parentId) || {},
+      target = _ref.target;
+    if (!target) return;
+    if (!target.hasOwnProperty('children')) {
+      target.children = [];
+    }
+    if (!target.children.includes(id)) {
+      target.children.push(id);
+      target[id] = {
+        props: _objectSpread(_objectSpread({}, data), {}, {
+          id: id,
+          parentId: parentId
+        })
+      };
+    }
+  });
+};
+export var deleteNode = function deleteNode(id) {
+  usePageDataStore.setState(function (state) {
+    var _parent$children;
+    var _ref2 = findNode(state.pageData, id) || {},
+      parent = _ref2.parent;
+    if (!parent || !((_parent$children = parent.children) !== null && _parent$children !== void 0 && _parent$children.length)) return;
+    parent.children.splice(parent.children.indexOf(id), 1);
+    if (parent.children.length === 0) {
+      delete parent['children'];
+    }
+    delete parent[id];
+  });
+};
+export var modifyNode = function modifyNode(id, data) {
+  usePageDataStore.setState(function (state) {
+    if (id === LC_BUILDIN_UNIT_KEY.PAGE_ROOT) {
+      assign(state.pageData.props, omit(data, ['id', 'parentId', 'component', 'buildIn']));
+      return;
+    }
+    var _ref3 = findNode(state.pageData, id) || {},
+      target = _ref3.target;
+    if (!target) return;
+    forOwn(omit(data, ['id', 'parentId', 'component', 'buildIn']), function (_val, _key) {
+      if (isNil(_val)) {
+        unset(target.props, _key, _val);
+      } else {
+        _set(target.props, _key, _val);
+      }
+    });
+  });
+};
+export var clearChildren = function clearChildren(id) {
+  usePageDataStore.setState(function (state) {
+    if (id === LC_BUILDIN_UNIT_KEY.PAGE_ROOT) {
+      return;
+    }
+    var _ref4 = findNode(state.pageData, id) || {},
+      target = _ref4.target;
+    if (!target) return;
+    forEach(target.children, function (c) {
+      delete target[c];
+    });
+    delete target['children'];
+  });
+};
+export var useTask = function useTask(type) {
+  var promiseRef = useRef(null);
+  var task = useCallback(function () {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key3 = 0; _key3 < _len2; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+    return new Promise(function (resolve) {
+      promiseRef.current = resolve;
+      switch (type) {
+        case 'add':
+          addNode.apply(void 0, args);
+          break;
+        case 'update':
+        case 'modify':
+          modifyNode.apply(void 0, args);
+          break;
+        case 'delete':
+          deleteNode.apply(void 0, args);
+          break;
+        default:
+          break;
+      }
+    });
+  }, []);
+  useEffect(function () {
+    var unsub = usePageDataStore.subscribe(function (state, prevState) {
+      if (!promiseRef.current) {
+        return;
+      }
+      promiseRef.current(state.pageData, prevState.pageData);
+      promiseRef.current = null;
+    });
+    return unsub;
+  }, []);
+  return task;
+};
+export var useGet = function useGet(_) {
+  var result = usePageDataStore(useShallow(function (state) {
+    if (isNil(_)) {
+      return state.pageData;
+    } else if (isFunction(_)) {
+      return _(state.pageData);
+    } else if (isArray(_)) {
+      return _.map(function (k) {
+        var _findNode;
+        return k.includes('.') ? get(state.pageData, k) : (_findNode = findNode(state.pageData, k)) === null || _findNode === void 0 ? void 0 : _findNode.target;
+      });
+    } else if (isObject(_) && _.id) {
+      var _findNode2;
+      var path = _.path;
+      var _target = _.id === LC_BUILDIN_UNIT_KEY.PAGE_ROOT ? state.pageData : (_findNode2 = findNode(state.pageData, _.id)) === null || _findNode2 === void 0 ? void 0 : _findNode2.target;
+      return isNil(path) ? _target : get(_target, path);
+    } else if (isString(_)) {
+      return get(state.pageData, _);
+    }
+  }));
+  return result;
+};
+export var getModuleData = function getModuleData() {
+  return usePageDataStore.getState().moduleData;
+};
+export var setNeedPrompt = function setNeedPrompt(_need) {
+  usePageDataStore.setState(function (state) {
+    state.needPrompt = _need;
+  });
+};
+export var getNeedPrompt = function getNeedPrompt() {
+  return usePageDataStore.getState().needPrompt;
+};
+export var useTemporalStore = function useTemporalStore(selector) {
+  var _temp$pastStates, _temp$futureStates;
+  var temp = useStore(usePageDataStore.temporal, selector);
+  if (!temp) return {
+    canUndo: false,
+    canRedo: false
+  };
+  var canUndo = !!((_temp$pastStates = temp.pastStates) !== null && _temp$pastStates !== void 0 && _temp$pastStates.length);
+  var canRedo = !!((_temp$futureStates = temp.futureStates) !== null && _temp$futureStates !== void 0 && _temp$futureStates.length);
+  return _objectSpread(_objectSpread({}, temp), {}, {
+    canUndo: canUndo,
+    canRedo: canRedo
+  });
+};
+export var getLevelNodes = function getLevelNodes(id) {
+  return getPathNodesById(usePageDataStore.getState().pageData, id);
+};
+export var getSelfAndParent = function getSelfAndParent(id) {
+  return findNodeAndParent(id, usePageDataStore.getState().pageData);
+};

package/es/lowcode/engine/provider/ContextProvider/usePageVar.js

@@ -0,0 +1,61 @@
+import { useRef } from 'react';
+import { useMemoizedFn } from 'ahooks';
+import { create } from 'zustand';
+import { immer } from 'zustand/middleware/immer';
+import { subscribeWithSelector } from 'zustand/middleware';
+import { forOwn, isNil, isString, isObject } from 'lodash';
+export var useStateStore = create()(immer(subscribeWithSelector(function (set) {
+  return {
+    state: {},
+    initialize: function initialize(init) {
+      return set(function (store) {
+        store.state = init;
+      });
+    },
+    clear: function clear() {
+      return set(function (store) {
+        store.state = {};
+      });
+    }
+  };
+})));
+var usePageVar = function usePageVar() {
+  var globalRef = useRef(null);
+  var state = useStateStore(function (store) {
+    return store.state;
+  });
+  var setState = useMemoizedFn(function (newState) {
+    useStateStore.setState(function (store) {
+      forOwn(newState, function (_val, _key) {
+        if (isNil(_val)) {
+          delete store.state[_key];
+        } else {
+          store.state[_key] = _val;
+        }
+      });
+    });
+  });
+  var getState = useMemoizedFn(function () {
+    return useStateStore.getState().state;
+  });
+  var setGlobal = useMemoizedFn(function (newGlobal) {
+    if (isNil(globalRef.current)) {
+      globalRef.current = {};
+    }
+    if (isString(newGlobal)) {
+      globalRef.current[newGlobal] = newGlobal;
+    } else if (isObject(newGlobal)) {
+      forOwn(newGlobal, function (value, key) {
+        globalRef.current[key] = value;
+      });
+    }
+  });
+  return {
+    state: state,
+    setState: setState,
+    getState: getState,
+    global: globalRef,
+    setGlobal: setGlobal
+  };
+};
+export default usePageVar;