@arim-aisdc/public-components 0.0.2 → 0.0.4

package/dist/hooks/usePageCacheState/index.js

@@ -0,0 +1,210 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { useMemoizedFn, useUpdateEffect } from 'ahooks';
+import { cloneDeep, mergeWith } from 'lodash';
+import { useState } from 'react';
+import { useLocation } from 'umi'; // TODO: 优化：去掉umi
+
+export * from "./config";
+export * from "./tableDemoConfig";
+
+// 缓存数据使用的key
+var PAGE_CACHE_KEY = 'HBIS_PAGE_CACHE';
+
+// 使用localStorage / sessionStorage；
+var storage = localStorage;
+
+// 页面缓存有效期：1小时
+var CACHE_MAX_AGE = 1 * 60 * 60 * 1000;
+// 页面缓存保存时间字段
+var PAGE_CACHE_SAVE_TIME = 'PAGE_CACHE_SAVE_TIME';
+
+// 获取缓存数据
+function getAllPageCache() {
+  // 所有页面的缓存
+  var allPageCacheData = {};
+  try {
+    var stringifiedData = storage.getItem(PAGE_CACHE_KEY) || '{}';
+    allPageCacheData = JSON.parse(stringifiedData);
+  } catch (e) {
+    console.log(e);
+  }
+  return allPageCacheData;
+}
+
+// 获取状态缓存，如果缓存过期则清除掉缓存
+function getStateCache(pageCacheKey, stateCacheKey) {
+  // 所有页面的缓存
+  var allPageCacheData = getAllPageCache();
+  // 当前页面的缓存
+  var curPageCacheData = allPageCacheData[pageCacheKey] || {};
+  // 上次保存当前页面缓存的的时间
+  var lastSaveTime = curPageCacheData[PAGE_CACHE_SAVE_TIME];
+  if (lastSaveTime && +new Date() - lastSaveTime <= CACHE_MAX_AGE) {
+    // 缓存在有效期内
+    // 当前状态的缓存
+    var stateCacheValue = curPageCacheData[stateCacheKey];
+    return stateCacheValue;
+  }
+  // 缓存过期，清除当前页面缓存
+  delete allPageCacheData[pageCacheKey];
+  try {
+    storage.setItem(PAGE_CACHE_KEY, JSON.stringify(allPageCacheData));
+  } catch (e) {
+    console.log(e);
+  }
+  return undefined;
+}
+
+// 设置缓存数据
+var setStateCache = function setStateCache(pageCacheKey, stateCacheKey, fieldValue) {
+  var _objectSpread2;
+  // 所有页面的缓存
+  var allPageCacheData = getAllPageCache();
+  // 当前页面的缓存
+  var curPageCacheData = allPageCacheData[pageCacheKey] || {};
+  // 更新后的数据
+  var allPageNewCache = _objectSpread(_objectSpread({}, allPageCacheData), {}, _defineProperty({}, pageCacheKey, _objectSpread(_objectSpread({}, curPageCacheData), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, stateCacheKey, fieldValue), _defineProperty(_objectSpread2, PAGE_CACHE_SAVE_TIME, +new Date()), _objectSpread2))));
+  try {
+    storage.setItem(PAGE_CACHE_KEY, JSON.stringify(allPageNewCache));
+    // console.log('写入缓存', allPageNewCache);
+  } catch (e) {
+    console.log(e);
+  }
+};
+
+// 获取深层次属性值
+var getFieldFromObject = function getFieldFromObject(obj, path) {
+  return path.reduce(function (preObj, currentPath) {
+    var innerPreObj = preObj || {};
+    return innerPreObj[currentPath];
+  }, obj);
+};
+
+// 更新深层次属性值
+var updateNestedField = function updateNestedField(obj, fieldPath, defaultValue) {
+  var pathArray = fieldPath.split('.');
+  // 获取不需要缓存的属性的默认值
+  var defaultFieldValue = getFieldFromObject(defaultValue, pathArray);
+  var currentObj = obj;
+  var _iterator = _createForOfIteratorHelper(pathArray.slice(0, -1)),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _key = _step.value;
+      currentObj[_key] = currentObj[_key] || {};
+      currentObj = currentObj[_key];
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  var lastKey = pathArray[pathArray.length - 1];
+  currentObj[lastKey] = defaultFieldValue;
+};
+
+// 自定义合并策略
+function customMerger(defaultValue, cacheValue) {
+  // 数组不merge,直接覆盖
+  if (Array.isArray(defaultValue)) {
+    return cacheValue || defaultValue;
+  }
+}
+
+/**
+ * 替代useState，初始化时会自动读取storage作为默认值，修改数据时会自动同步到storage中;
+ * params:
+ * {
+ *    originStateCacheKey: CacheKeyEnums, // state存储到storage时得key值
+ *    defaultConfig: T | { // 直接传一个对象（state默认值） 或者 一个包含defaultValue字段(state默认值)的对象
+ *      defaultValue: T, // state默认值
+ *      noCacheFields?: string[], // 不需要缓存的字段,会返回传进来的默认值，格式：['pageSize','search.time' ]
+ *    }
+ *    deps: any[], // 依赖值，state存储key = originStateCacheKey + deps，deps不同，存储key不同，deps变化时，自动读取对应key的缓存,
+ * }
+ * return:
+ * [
+ *    state, // 状态
+ *    setState, // 修改状态函数
+ *    initState, // 初始化状态函数
+ * ]
+ */
+export function usePageCacheState(originStateCacheKey, defaultConfig, deps) {
+  // @ts-ignore
+  var defaultValue = _typeof(defaultConfig.defaultValue) === 'object' ? defaultConfig.defaultValue : defaultConfig;
+  // @ts-ignore
+  var noCacheFields = defaultConfig.noCacheFields;
+  var location = useLocation();
+  var pathname = location.pathname;
+  var getStateCacheKey = function getStateCacheKey(newDeps) {
+    var curDeps = newDeps || deps;
+    return curDeps && curDeps.length ? "".concat(originStateCacheKey, "_").concat(curDeps === null || curDeps === void 0 ? void 0 : curDeps.join('_')) : originStateCacheKey;
+  };
+
+  // 状态存储key值
+  var stateCacheKey = getStateCacheKey();
+  var getInitState = function getInitState() {
+    // console.log('getInitState');
+    // 获取state缓存数据
+    var stateCacheValue = getStateCache(pathname, stateCacheKey);
+    // 没有缓存直接返回默认值
+    if (!stateCacheValue) {
+      return defaultValue;
+    }
+    var initState = mergeWith(cloneDeep(defaultValue), stateCacheValue, customMerger);
+    // 处理不需要缓存的属性
+    if (noCacheFields && noCacheFields.length) {
+      noCacheFields.forEach(function (fieldPath) {
+        // 更新不需要缓存的属性为传进来的默认值
+        updateNestedField(initState, fieldPath, defaultValue);
+      });
+    }
+    return initState;
+  };
+  var _useState = useState(getInitState),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+
+  // 修改state的函数
+  var customSetState = function customSetState(newData) {
+    // 用函数式写法，防止多次调用时拿不到最新值的情况。
+    setState(function (pre) {
+      var newState = _objectSpread(_objectSpread({}, pre), newData);
+      // console.log('setState', newState);
+      return newState;
+    });
+  };
+
+  // state变化后写入缓存
+  useUpdateEffect(function () {
+    // console.log('stateChange', state);
+    setStateCache(pathname, stateCacheKey, state);
+  }, [state]);
+
+  // deps变化后，自动初始化state;（deps变更渲染后，再变更，导致两次渲染）
+  // useUpdateLayoutEffect(() => {
+  //   const cacheData = getInitState();
+  //   setState(cacheData);
+  // }, [stateCacheKey]);
+
+  // deps变化时，手动调用初始化函数（和deps同时变更，不会多次渲染）
+  var initState = function initState(newDeps) {
+    stateCacheKey = getStateCacheKey(newDeps);
+    var initData = getInitState();
+    setState(initData);
+  };
+  return [state, useMemoizedFn(customSetState), initState];
+}

package/dist/hooks/usePageCacheState/tableDemoConfig.d.ts

@@ -0,0 +1,3 @@
+export declare enum MockDataCacheKey {
+    CONTROL = "CONTROL_STATE"
+}

package/dist/hooks/usePageCacheState/tableDemoConfig.js

@@ -0,0 +1,5 @@
+// mockData页面
+export var MockDataCacheKey = /*#__PURE__*/function (MockDataCacheKey) {
+  MockDataCacheKey["CONTROL"] = "CONTROL_STATE";
+  return MockDataCacheKey;
+}({});

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Foo } from './components/Foo';
+export * from './components/TableMax';
+export { default as TableMax } from './components/TableMax';

package/dist/index.js

@@ -1,2 +1,3 @@
-export { default as Foo } from "./Foo";
-export { default as TableMax } from "./TableMax";
+export { default as Foo } from "./components/Foo";
+export * from "./components/TableMax";
+export { default as TableMax } from "./components/TableMax";

package/dist/themes/ThemeContext.d.ts

@@ -0,0 +1,6 @@
+export declare const ThemeProvider: ({ children }: {
+    children: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useTheme: () => {
+    theme: string;
+};

package/dist/themes/ThemeContext.js

@@ -0,0 +1,51 @@
+import "antd/es/config-provider/style";
+import _ConfigProvider from "antd/es/config-provider";
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // ThemeContext.js
+import zhCN from 'antd/lib/locale-provider/zh_CN';
+import { usePrefersColor } from 'dumi';
+import { createContext, useContext, useEffect, useState } from 'react';
+import { _setTheme } from "./theme";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ThemeContext = /*#__PURE__*/createContext({
+  theme: 'dark'
+});
+export var ThemeProvider = function ThemeProvider(_ref) {
+  var children = _ref.children;
+  var _usePrefersColor = usePrefersColor(),
+    _usePrefersColor2 = _slicedToArray(_usePrefersColor, 1),
+    color = _usePrefersColor2[0];
+  var _useState = useState(color),
+    _useState2 = _slicedToArray(_useState, 2),
+    theme = _useState2[0],
+    setTheme = _useState2[1];
+  var _useState3 = useState("custom-".concat(color)),
+    _useState4 = _slicedToArray(_useState3, 2),
+    prefix = _useState4[0],
+    setPrefix = _useState4[1];
+  useEffect(function () {
+    setTheme(color);
+    _setTheme(color);
+    setPrefix("custom-".concat(color));
+    _ConfigProvider.config({
+      prefixCls: "custom-".concat(color)
+    }); //配置相关cls
+  }, [color]);
+  return /*#__PURE__*/_jsx(_ConfigProvider, {
+    locale: zhCN,
+    prefixCls: prefix,
+    children: /*#__PURE__*/_jsx(ThemeContext.Provider, {
+      value: {
+        theme: theme
+      },
+      children: children
+    })
+  });
+};
+export var useTheme = function useTheme() {
+  return useContext(ThemeContext);
+};