@chaoswise/ui 2.5.1 → 2.5.3

package/lib/SingleSpa/hooks/useErrorHandle.js

@@ -0,0 +1,65 @@
+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 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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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; }
+import { useCallback, useEffect, useState, useRef } from "react";
+import { addErrorHandler, removeErrorHandler } from "../singleSpa/single-spa.dev";
+var useErrorHandle = function useErrorHandle(appId) {
+  var timer = useRef(null);
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    errorInfoByAppId = _useState2[0],
+    setErrorInfoByAppId = _useState2[1];
+  useEffect(function () {
+    timer.current = setTimeout(function () {
+      sessionStorage.setItem('singleSpaErrorCount', 0);
+    }, 10000);
+  }, []);
+  var handleReloadError = useCallback(function (errorInfo) {
+    clearTimeout(timer.current);
+    var judgeIsMissScript = function judgeIsMissScript(errorInfo) {
+      if (errorInfo.includes("Unexpected token '<'")) {
+        return true;
+      }
+      return false;
+    };
+    if (errorInfo && judgeIsMissScript(errorInfo)) {
+      if (!sessionStorage.getItem('singleSpaErrorCount')) {
+        sessionStorage.setItem('singleSpaErrorCount', 0);
+      }
+      var errorCount = parseInt(sessionStorage.getItem('singleSpaErrorCount'));
+      if (errorCount < 3) {
+        errorCount++;
+        sessionStorage.setItem('singleSpaErrorCount', errorCount);
+        window.location.reload();
+      } else {
+        timer.current = setTimeout(function () {
+          sessionStorage.setItem('singleSpaErrorCount', 0);
+        }, 3000);
+      }
+    }
+  }, []);
+  var errorHandle = useCallback(function (error) {
+    var errorAppId = error.appOrParcelName;
+    setErrorInfoByAppId(function (pre) {
+      return _objectSpread(_objectSpread({}, pre), {}, _defineProperty({}, errorAppId, error.message));
+    });
+    handleReloadError(error.message);
+  }, [handleReloadError]);
+  useEffect(function () {
+    addErrorHandler(errorHandle);
+    return function () {
+      removeErrorHandler(errorHandle);
+    };
+  }, [errorHandle]);
+  return errorInfoByAppId[appId];
+};
+export default useErrorHandle;

package/lib/SingleSpa/hooks/useModel.js

@@ -0,0 +1,31 @@
+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; }
+import { useState } from "react";
+import { createModel } from "hox";
+function useModel() {
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentAppId = _useState2[0],
+    setCurrentAppId = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loadedIds = _useState4[0],
+    setLoadedIds = _useState4[1];
+  var updateCurrentAppId = function updateCurrentAppId(id) {
+    return setCurrentAppId(id);
+  };
+  var updateLoadedIds = function updateLoadedIds(id) {
+    return setLoadedIds(loadedIds.concat(id));
+  };
+  return {
+    currentAppId: currentAppId,
+    loadedIds: loadedIds,
+    updateCurrentAppId: updateCurrentAppId,
+    updateLoadedIds: updateLoadedIds
+  };
+}
+export default createModel(useModel);

package/lib/SingleSpa/import-html/utils.js

@@ -84,17 +84,20 @@ export function isModuleScriptSupported() {
 }
 
 // RIC and shim for browsers setTimeout() without it
-export var requestIdleCallback = window.requestIdleCallback || function requestIdleCallback(cb) {
-  var start = Date.now();
-  return setTimeout(function () {
-    cb({
-      didTimeout: false,
-      timeRemaining: function timeRemaining() {
-        return Math.max(0, 50 - (Date.now() - start));
-      }
-    });
-  }, 1);
-};
+// export const requestIdleCallback =
+// 	window.requestIdleCallback ||
+// 	function requestIdleCallback(cb) {
+// 		const start = Date.now();
+// 		return setTimeout(() => {
+// 			cb({
+// 				didTimeout: false,
+// 				timeRemaining() {
+// 					return Math.max(0, 50 - (Date.now() - start));
+// 				},
+// 			});
+// 		}, 1);
+// 	};
+
 export function readResAsString(response, autoDetectCharset) {
   // 未启用自动检测
   if (!autoDetectCharset) {

package/lib/SingleSpa/index.js

@@ -1,5 +1,8 @@
 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); }
-var _excluded = ["apps", "props", "routerPrefix", "style"];
+import _Skeleton from "@chaoswise/ui/lib/Skeleton";
+import "@chaoswise/ui/lib/Exception/index.less";
+import _Exception from "@chaoswise/ui/lib/Exception";
+var _excluded = ["apps", "props", "routerPrefix", "style", "routerType"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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; }
@@ -12,16 +15,15 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /* eslint-disable */
-import React, { useEffect, useRef } from 'react';
-import { registerApplication, start, unloadApplication } from './singleSpa/single-spa.dev';
+import React, { useEffect, useRef, useState, useMemo } from 'react';
+import { registerApplication, start, unloadApplication, setUnmountMaxTime, getAppNames } from './singleSpa/single-spa.dev';
 import { SystemCss } from './system/index';
 import { importScripts, hashPrefix, formatUrl, removeStyleAndScript } from './utils';
 import importHTML from './import-html';
-
-/**
- * 标记注册信息
- */
-var registeredApps = [];
+import useErrorHandle from './hooks/useErrorHandle';
+import useModel from './hooks/useModel';
+// Fixed 子应用阻塞，singleSpa被阻塞
+setUnmountMaxTime(3000, true);
 var storeObj = {};
 var SingleSpa = function SingleSpa(_ref) {
   var _ref$apps = _ref.apps,
@@ -32,8 +34,19 @@ var SingleSpa = function SingleSpa(_ref) {
     routerPrefix = _ref$routerPrefix === void 0 ? '' : _ref$routerPrefix,
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
+    _ref$routerType = _ref.routerType,
+    routerType = _ref$routerType === void 0 ? "hash" : _ref$routerType,
     res = _objectWithoutProperties(_ref, _excluded);
   var container = useRef();
+  var model = useModel();
+  var currentAppId = model.currentAppId;
+  var loadedIds = model.loadedIds;
+  var loading = useMemo(function () {
+    return !loadedIds.includes(currentAppId);
+  }, [currentAppId, loadedIds]);
+
+  // 错误处理
+  var errorInfo = useErrorHandle(currentAppId);
   useEffect(function () {
     // 更新路由前缀
     storeObj.routerPrefix = routerPrefix;
@@ -42,8 +55,9 @@ var SingleSpa = function SingleSpa(_ref) {
     storeObj.container = container.current;
   }, []);
   useEffect(function () {
+    var registeredApps = getAppNames();
     apps.filter(function (project) {
-      return !registeredApps.includes(project.id);
+      return registeredApps.indexOf(project.id) < 0;
     }).forEach(function (project) {
       if (!project.id || !project.entry) {
         console.error("project.id & project.entry is required!");
@@ -81,6 +95,7 @@ var SingleSpa = function SingleSpa(_ref) {
               _context.next = 12;
               return importScripts(script).then(function (result) {
                 var _result$default;
+                model.updateLoadedIds(project.id);
                 // 子应用umount周期卸载相关样式（防止样式冲突）
                 (_result$default = result["default"]) === null || _result$default === void 0 || (_result$default = _result$default.unmount) === null || _result$default === void 0 || _result$default.push(function () {
                   unloadApplication(project.id, {
@@ -109,14 +124,12 @@ var SingleSpa = function SingleSpa(_ref) {
         }, _callee, null, [[9, 16]]);
       })),
       // 是否展示子应用判断
-      hashPrefix(project.id, storeObj), // 给子产品通信
+      hashPrefix(project.id, storeObj, routerType, model.updateCurrentAppId), // 给子产品通信
       _objectSpread({
         getContainer: function getContainer() {
           return storeObj.container;
         }
       }, props));
-      // 注册过进行标记
-      registeredApps.push(project.id);
     });
     start();
   });
@@ -126,6 +139,15 @@ var SingleSpa = function SingleSpa(_ref) {
     }, style)
   }, res, {
     ref: container
-  }));
+  }), errorInfo ? /*#__PURE__*/React.createElement(_Exception, {
+    type: "500",
+    desc: errorInfo
+  }) : null, !errorInfo && loading ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Skeleton, {
+    active: true
+  }), /*#__PURE__*/React.createElement(_Skeleton, {
+    active: true
+  }), /*#__PURE__*/React.createElement(_Skeleton, {
+    active: true
+  })) : null);
 };
 export default SingleSpa;

package/lib/SingleSpa/singleSpa/single-spa.dev.js

@@ -919,14 +919,15 @@ function captureRoutingEvents(originalJQueryFunction, nativeFunctionToCall, even
   if (typeof eventString !== "string") {
     return originalJQueryFunction.apply(this, originalArgs);
   }
+  var _eventString = eventString;
   var eventNames = eventString.split(/\s+/);
   eventNames.forEach(function (eventName) {
     if (routingEventsListeningTo.indexOf(eventName) >= 0) {
       nativeFunctionToCall(eventName, fn);
-      eventString = eventString.replace(eventName, "");
+      _eventString = eventString.replace(eventName, "");
     }
   });
-  if (eventString.trim() === "") {
+  if (_eventString.trim() === "") {
     return this;
   } else {
     return originalJQueryFunction.apply(this, originalArgs);
@@ -934,6 +935,10 @@ function captureRoutingEvents(originalJQueryFunction, nativeFunctionToCall, even
 }
 var appsToUnload = {};
 function toUnloadPromise(app) {
+  // TODO 临时修复工作台切换卸载子应用会卸载组件样式的问题
+  if (window.location.hash.includes("portal")) {
+    return Promise.resolve(app);
+  }
   return Promise.resolve().then(function () {
     var unloadInfo = appsToUnload[toName(app)];
     if (!unloadInfo) {
@@ -1183,7 +1188,7 @@ function validateRegisterWithConfig(config) {
   if (!validCustomProps(config.customProps)) throw Error(formatErrorMessage(22, "The optional config.customProps must be an object"));
 }
 function validCustomProps(customProps) {
-  return !customProps || typeof customProps === "function" || _typeof(customProps) === "object" && customProps !== null && !Array.isArray(customProps);
+  return !customProps || typeof customProps === "function" || _typeof(customProps) === "object" && customProps != null && !Array.isArray(customProps);
 }
 function sanitizeArguments(appNameOrConfig, appOrLoadApp, activeWhen, customProps) {
   var usingObjectAPI = _typeof(appNameOrConfig) === "object";
@@ -1443,9 +1448,9 @@ function reroute() {
     };
     function addApp(app, status) {
       var appName = toName(app);
-      status = status || getAppStatus(appName);
-      newAppStatuses[appName] = status;
-      var statusArr = appsByNewStatus[status] = appsByNewStatus[status] || [];
+      var _status = status || getAppStatus(appName);
+      newAppStatuses[appName] = _status;
+      var statusArr = appsByNewStatus[_status] = appsByNewStatus[_status] || [];
       statusArr.push(appName);
     }
   }

package/lib/SingleSpa/system/amd.js

@@ -99,6 +99,7 @@ export default function (self) {
     var amdDefineDeps, amdDefineExec;
     global.define = function (name, deps, execute) {
       // define('', [], function () {})
+
       if (typeof name === 'string') {
         var _depsAndExec = getDepsAndExec(deps, execute);
         if (amdDefineDeps) {

package/lib/SingleSpa/system/system.js

@@ -105,12 +105,14 @@ export default function (self) {
     }
     function resolveAndComposePackages(packages, outPackages, baseUrl, parentMap, parentUrl) {
       for (var p in packages) {
-        var resolvedLhs = resolveIfNotPlainOrUrl(p, baseUrl) || p;
-        var rhs = packages[p];
-        // package fallbacks not currently supported
-        if (typeof rhs !== 'string') continue;
-        var mapped = resolveImportMap(parentMap, resolveIfNotPlainOrUrl(rhs, baseUrl) || rhs, parentUrl);
-        if (!mapped) targetWarning(p, rhs, 'bare specifier did not resolve');else outPackages[resolvedLhs] = mapped;
+        if (packages.hasOwnProperty(p)) {
+          var resolvedLhs = resolveIfNotPlainOrUrl(p, baseUrl) || p;
+          var rhs = packages[p];
+          // package fallbacks not currently supported
+          if (typeof rhs !== 'string') continue;
+          var mapped = resolveImportMap(parentMap, resolveIfNotPlainOrUrl(rhs, baseUrl) || rhs, parentUrl);
+          if (!mapped) targetWarning(p, rhs, 'bare specifier did not resolve');else outPackages[resolvedLhs] = mapped;
+        }
       }
     }
     function resolveAndComposeImportMap(json, baseUrl, parentMap) {
@@ -120,8 +122,10 @@ export default function (self) {
       };
       if (json.imports) resolveAndComposePackages(json.imports, outMap.imports, baseUrl, parentMap, null);
       if (json.scopes) for (var s in json.scopes) {
-        var resolvedScope = resolveUrl(s, baseUrl);
-        resolveAndComposePackages(json.scopes[s], outMap.scopes[resolvedScope] || (outMap.scopes[resolvedScope] = {}), baseUrl, parentMap, resolvedScope);
+        if (json.scopes.hasOwnProperty(s)) {
+          var resolvedScope = resolveUrl(s, baseUrl);
+          resolveAndComposePackages(json.scopes[s], outMap.scopes[resolvedScope] || (outMap.scopes[resolvedScope] = {}), baseUrl, parentMap, resolvedScope);
+        }
       }
       return outMap;
     }
@@ -241,10 +245,12 @@ export default function (self) {
             }
           } else {
             for (var p in name) {
-              var _value = name[p];
-              if (!(p in ns) || ns[p] !== _value) {
-                ns[p] = _value;
-                changed = true;
+              if (name.hasOwnProperty(p)) {
+                var _value = name[p];
+                if (!(p in ns) || ns[p] !== _value) {
+                  ns[p] = _value;
+                  changed = true;
+                }
               }
             }
             if (name.__esModule) {
@@ -463,7 +469,8 @@ export default function (self) {
       var script = document.createElement('script');
       script.charset = 'utf-8';
       script.async = true;
-      script.crossOrigin = 'anonymous';
+      // Fixed 外部链接跨域问题
+      // script.crossOrigin = 'anonymous';
       script.src = url;
       return script;
     };
@@ -644,13 +651,13 @@ export default function (self) {
                 }];
               });
             } else if (contentType.match(/^application\/wasm(;|$)/)) {
-              return (WebAssembly.compileStreaming ? WebAssembly.compileStreaming(res) : res.arrayBuffer().then(WebAssembly.compile)).then(function (module) {
+              return (window.WebAssembly.compileStreaming ? window.WebAssembly.compileStreaming(res) : res.arrayBuffer().then(window.WebAssembly.compile)).then(function (module) {
                 var deps = [];
                 var setters = [];
                 var importObj = {};
 
                 // we can only set imports if supported (eg early Safari doesnt support)
-                if (WebAssembly.Module.imports) WebAssembly.Module.imports(module).forEach(function (impt) {
+                if (window.WebAssembly.Module.imports) window.WebAssembly.Module.imports(module).forEach(function (impt) {
                   var key = impt.module;
                   if (deps.indexOf(key) === -1) {
                     deps.push(key);
@@ -663,7 +670,7 @@ export default function (self) {
                   return {
                     setters: setters,
                     execute: function execute() {
-                      return WebAssembly.instantiate(module, importObj).then(function (instance) {
+                      return window.WebAssembly.instantiate(module, importObj).then(function (instance) {
                         _export(instance.exports);
                       });
                     }

package/lib/SingleSpa/utils.js

@@ -33,9 +33,22 @@ export function importScripts() {
 }
 
 // 是否命中子应用
-export function hashPrefix(id, storeObj) {
+export function hashPrefix(id, storeObj, routerType, setCurrentAppId) {
   return function (location) {
-    return location.hash.startsWith("#".concat(storeObj.routerPrefix, "/").concat(id));
+    if (routerType === 'hash') {
+      var isMatch = location.hash.startsWith("#".concat(storeObj.routerPrefix, "/").concat(id));
+      if (isMatch) {
+        setCurrentAppId(id);
+      }
+      return isMatch;
+    }
+    if (routerType === 'browser') {
+      var _isMatch = location.pathname.startsWith("".concat(storeObj.routerPrefix, "/").concat(id));
+      if (_isMatch) {
+        setCurrentAppId(id);
+      }
+      return _isMatch;
+    }
   };
 }
 export var formatUrl = function formatUrl() {

package/lib/Table/index.js

@@ -1,4 +1,31 @@
 import "antd/es/table/style";
 import _Table from "antd/es/table";
-import './Table.less';
-export default _Table;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { forwardRef, useRef, useEffect } from "react";
+import ReactDom from "react-dom";
+import { adjustScrollbarHeight } from "./util";
+import useConfigContext from "../useConfigContext";
+import "./Table.less";
+var Table = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _ref = useRef(null);
+  var tableRef = ref ? ref : _ref;
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefix = getPrefixCls();
+  useEffect(function () {
+    // fixed 谷歌浏览器高版本表头高度异常问题
+    if (!tableRef.current) {
+      return;
+    }
+    var tableRefWrapperDom = ReactDom.findDOMNode(tableRef.current);
+    var scrollDom = tableRefWrapperDom === null || tableRefWrapperDom === void 0 ? void 0 : tableRefWrapperDom.querySelector(".".concat(prefix, "-table-scroll"));
+    var tableHeaderDom = scrollDom === null || scrollDom === void 0 ? void 0 : scrollDom.querySelector(".".concat(prefix, "-table-header"));
+    if (tableHeaderDom) {
+      adjustScrollbarHeight(tableHeaderDom);
+    }
+  });
+  return /*#__PURE__*/React.createElement(_Table, _extends({
+    ref: tableRef
+  }, props));
+});
+export default Table;

package/lib/Table/util.js

@@ -0,0 +1,15 @@
+function getDomCssAttr(element, attr) {
+  // 获取所有的计算后的样式
+  var style = window.getComputedStyle(element);
+  var attrValue = style.getPropertyValue(attr);
+  return parseFloat(attrValue);
+}
+export function adjustScrollbarHeight(element) {
+  var scrollbarHeight = element.offsetHeight - element.clientHeight;
+  var curMarginBottom = getDomCssAttr(element, "margin-bottom");
+  var curPaddingBottom = getDomCssAttr(element, "padding-bottom");
+  var finalMargin = Math.abs(curMarginBottom) - Math.abs(curPaddingBottom);
+  if (scrollbarHeight > 0 && finalMargin !== scrollbarHeight) {
+    element.style.marginBottom = "-".concat(Math.abs(curMarginBottom) + scrollbarHeight, "px");
+  }
+}

package/lib/TimeRangeSlider/Refresh/index.js

@@ -0,0 +1,161 @@
+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); }
+import "@chaoswise/ui/lib/Tooltip/index.less";
+import _Tooltip from "@chaoswise/ui/lib/Tooltip";
+import "@chaoswise/ui/lib/Button/index.less";
+import _Button from "@chaoswise/ui/lib/Button";
+import _useLocale2 from "@chaoswise/ui/lib/useLocale";
+var _excluded = ["value", "key"];
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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; }
+import React, { forwardRef, useImperativeHandle } from "react";
+import classnames from "classnames";
+import Refresh1Svg from "../assets/Refresh1";
+import Refresh2Svg from "../assets/Refresh2";
+import Refresh3Svg from "../assets/Refresh3";
+import { getChangeUnitDate, funcValueChangeArrayValue, getTimeSpanFromValue, computedRecentlyValue, judgeType } from "../utils";
+import langConfig from "../locale";
+import { formatMessage } from "../../utils";
+import "./index.less";
+var Refresh = /*#__PURE__*/forwardRef(function (props, ref) {
+  var recordDateValue = props.recordDateValue,
+    setRecordDateValue = props.setRecordDateValue,
+    onChange = props.onChange,
+    value = props.value,
+    setIsAutoRefresh = props.setIsAutoRefresh,
+    refreshOption = props.refreshOption,
+    isHasDate = props.isHasDate,
+    enableAutoRefresh = props.enableAutoRefresh,
+    isClickAutoRefresh = props.isClickAutoRefresh,
+    timeSpanOption = props.timeSpanOption;
+  var _refreshOption$onAuto = refreshOption.onAutoRefreshChange,
+    onAutoRefreshChange = _refreshOption$onAuto === void 0 ? function () {} : _refreshOption$onAuto,
+    _refreshOption$onClic = refreshOption.onClickRefresh,
+    onClickRefresh = _refreshOption$onClic === void 0 ? function () {} : _refreshOption$onClic,
+    _refreshOption$onClic2 = refreshOption.onClickAutoRefresh,
+    onClickAutoRefresh = _refreshOption$onClic2 === void 0 ? function () {} : _refreshOption$onClic2,
+    isDisabledAutoRefresh = refreshOption.isDisabledAutoRefresh,
+    isDisabledRefresh = refreshOption.isDisabledRefresh,
+    _refreshOption$showAu = refreshOption.showAutoRefresh,
+    showAutoRefresh = _refreshOption$showAu === void 0 ? true : _refreshOption$showAu,
+    _refreshOption$showRe = refreshOption.showRefresh,
+    showRefresh = _refreshOption$showRe === void 0 ? true : _refreshOption$showRe;
+  var _timeSpanOption$timeS = timeSpanOption.timeSpanBoundary,
+    timeSpanBoundary = _timeSpanOption$timeS === void 0 ? 94608000 : _timeSpanOption$timeS;
+  var _useLocale = _useLocale2(langConfig),
+    localeObj = _useLocale.langObj;
+  // 手动刷新
+  var onRefresh = function onRefresh() {
+    var values = recordDateValue.value;
+    var _judgeType = judgeType(recordDateValue),
+      _judgeType2 = _slicedToArray(_judgeType, 2),
+      isRule = _judgeType2[0],
+      captureUnit = _judgeType2[1];
+    var returnValue = _objectSpread({}, recordDateValue);
+    values = funcValueChangeArrayValue(values);
+    if (enableAutoRefresh) {
+      if (values) {
+        returnValue = _objectSpread(_objectSpread({}, returnValue), {}, {
+          value: computedRecentlyValue(values)
+        });
+      }
+      if (isRule && !values) {
+        returnValue = _objectSpread(_objectSpread({}, recordDateValue), {}, {
+          value: getChangeUnitDate(captureUnit[0], captureUnit[1])
+        });
+      }
+    }
+    onClickRefresh(returnValue);
+  };
+  // 自动刷新
+  var onAutoRefresh = function onAutoRefresh() {
+    onClickAutoRefresh(!enableAutoRefresh);
+    isClickAutoRefresh.current = true;
+    if (isHasDate) {
+      var values = recordDateValue.value,
+        key = recordDateValue.key,
+        rest = _objectWithoutProperties(recordDateValue, _excluded);
+      var _judgeType3 = judgeType(recordDateValue),
+        _judgeType4 = _slicedToArray(_judgeType3, 2),
+        isRule = _judgeType4[0],
+        captureUnit = _judgeType4[1];
+      values = funcValueChangeArrayValue(values);
+      var finalRecordDateValue = {
+        isRecently: false
+      };
+      if (!enableAutoRefresh) {
+        if (values) {
+          values = computedRecentlyValue(values);
+          finalRecordDateValue = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, finalRecordDateValue), rest), getTimeSpanFromValue(values, timeSpanBoundary)), {}, {
+            isRecently: true
+          });
+        }
+        if (isRule && !values) {
+          values = getChangeUnitDate(captureUnit[0], captureUnit[1]);
+          finalRecordDateValue = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, finalRecordDateValue), rest), getTimeSpanFromValue(values, timeSpanBoundary)), {}, {
+            isRecently: true
+          });
+        }
+      } else {
+        if (values) {
+          finalRecordDateValue = _objectSpread(_objectSpread({}, finalRecordDateValue), {}, {
+            value: computedRecentlyValue(values)
+          });
+        }
+        if (isRule && !values) {
+          finalRecordDateValue = _objectSpread(_objectSpread({}, finalRecordDateValue), {}, {
+            value: getChangeUnitDate(captureUnit[0], captureUnit[1])
+          });
+        }
+      }
+      onChange(finalRecordDateValue);
+      if (!value) {
+        setRecordDateValue(finalRecordDateValue);
+      }
+    } else {
+      onAutoRefreshChange(!enableAutoRefresh);
+      setIsAutoRefresh(function (pre) {
+        return !pre;
+      });
+      onChange(recordDateValue);
+      if (!value) {
+        setRecordDateValue(recordDateValue);
+      }
+    }
+  };
+  useImperativeHandle(ref, function () {
+    return {
+      onRefresh: onRefresh,
+      onAutoRefresh: onAutoRefresh
+    };
+  });
+  return (showRefresh || showAutoRefresh) && /*#__PURE__*/React.createElement(_Button.Group, {
+    className: "cw-range-picker-refresh-wrapper"
+  }, showRefresh && /*#__PURE__*/React.createElement(_Tooltip, {
+    title: formatMessage(localeObj["refresh"])
+  }, /*#__PURE__*/React.createElement(_Button, {
+    onClick: onRefresh,
+    disabled: isDisabledRefresh
+  }, /*#__PURE__*/React.createElement(Refresh1Svg, null))), showAutoRefresh && /*#__PURE__*/React.createElement(_Tooltip, {
+    title: formatMessage(localeObj["autoRefresh"])
+  }, /*#__PURE__*/React.createElement(_Button, {
+    onClick: onAutoRefresh,
+    disabled: isDisabledAutoRefresh,
+    className: classnames({
+      "cw-range-picker-auto-refresh-wrapper": enableAutoRefresh
+    })
+  }, enableAutoRefresh ? /*#__PURE__*/React.createElement(Refresh3Svg, {
+    className: "cw-range-picker-auto-refresh"
+  }) : /*#__PURE__*/React.createElement(Refresh2Svg, null))));
+});
+export default Refresh;