@chaoswise/ui 3.0.23 → 3.1.0

package/lib/ConfigProvider/theme/default.js

@@ -0,0 +1,115 @@
+export var defaultToken = {
+  colorPrimary: "#1890ff",
+  colorLink: "#1890ff",
+  colorInfo: "#1890ff",
+  colorError: "#f5222d",
+  colorText: "rgba(0, 0, 0, 0.85)",
+  colorBorder: "rgba(0, 0, 0, 0.15)",
+  colorBorderSecondary: "rgba(0, 0, 0, 0.06)",
+  // 一般用于边框分割线颜色
+  colorTextPlaceholder: "rgba(0,0,0,0.45)"
+};
+export var defaultComponentToken = {
+  Layout: {
+    bodyBg: "#F4F5FA",
+    headerBg: "#1E324E",
+    headerColor: ["colorWhite"]
+  },
+  Breadcrumb: {
+    colorBgTextHover: ["colorWhite"] // token变量 fff
+  },
+  Tooltip: {
+    colorBgSpotlight: ["colorWhite"],
+    // token变量 fff
+    colorTextLightSolid: ["colorText"] // token变量 colorText
+  },
+  Pagination: {
+    controlItemBgActiveDisabled: ["colorFillTertiary"] // token变量colorFillTertiary
+  },
+  Form: {
+    labelColor: ["colorTextSecondary"]
+  },
+  Slider: {
+    trackBgDisabled: "rgb(217, 217, 217)"
+  },
+  Select: {
+    colorText: ["colorText"] // token变量 colorText
+  },
+  Tag: {
+    colorBorder: "rgba(0,0,0,0.09)"
+  },
+  Table: {
+    headerColor: ["colorTextSecondary"],
+    // token变量 colorTextSecondary
+    rowHoverBg: "#fafafa",
+    // token变量 colorFillQuaternary
+    rowSelectedBg: "#fafafa",
+    // token变量 colorFillQuaternary
+    rowSelectedHoverBg: "#fafafa" // token变量 colorFillQuaternary
+  },
+  Tree: {
+    nodeHoverBg: ["colorPrimaryBg"],
+    // token变量,悬停色e6f7ff
+    nodeSelectedBg: ["colorPrimaryBg"],
+    // token变量,悬停色e6f7ff
+    directoryNodeSelectedBg: ["colorPrimaryBg"],
+    controlItemBgHover: ["colorPrimaryBg"],
+    colorBgContainer: "transparent",
+    directoryNodeSelectedColor: ["colorText"],
+    colorBgTextHover: "transparent"
+  },
+  Upload: {
+    colorFillAlter: ["colorWhite"]
+  },
+  Menu: {
+    itemHoverBg: "#F6F7F8",
+    itemActiveBg: "#F6F7F8",
+    itemSelectedBg: "#F6F7F8",
+    subMenuItemBg: "transparent",
+    itemBg: ["colorWhite"]
+  }
+};
+
+// 不可删除，因为组件中在使用
+export var undeletableComponentToken = {
+  Layout: {
+    bodyBg: "#F4F5FA",
+    headerBg: "#1E324E",
+    headerColor: ["colorWhite"],
+    headerHeight: 48,
+    headerPadding: 0,
+    divisionBg: "rgba(255, 255, 255, 0.3)",
+    // 自定义分割线颜色
+    topNavMenuBg: "#FAFBFE" // 自定义头部下拉导航背景色
+  },
+  Notification: {
+    zIndexPopup: 950 // 不要删除
+  },
+  Button: {
+    btnMainPadding: "0 23px" // 主操作按钮padding
+  },
+  AbreastLayout: {
+    abreastLayoutContentPadding: "0 20px 0 16px",
+    // 左右布局内容区域padding
+    siderCollapseBtnBg: ["colorBorderSecondary"] // 左右布局收起按钮背景色
+  },
+  Tabs: {
+    tabsBorderColor: "rgba(0,0,0,0.09)"
+  },
+  BasicLayout: {
+    collapsedBtnBg: "#F6F7F8",
+    siderBtnColor: ["colorTextTertiary"],
+    versionColor: ["colorTextSecondary"],
+    siderBorderColor: "rgba(0, 0, 0, 0.09)"
+  },
+  Tag: {
+    checkableTagBg: "rgba(0, 0, 0, 0.06)",
+    checkableTagHoverBg: "rgba(0, 0, 0, 0.09)"
+  },
+  SearchBar: {
+    searchBarExpandIconBg: "#F2F3F5"
+  },
+  QuickTransfer: {
+    quickTransferDivisionBg: "#f5f5f5"
+  }
+};

package/lib/ConfigProvider/theme/utils.js

@@ -0,0 +1,49 @@
+import _Theme from "@chaoswise/ui/lib/Theme";
+var _excluded = ["token", "components"];
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+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 { commonToken, commonComponentToken } from "./common";
+import { defaultToken, defaultComponentToken, undeletableComponentToken } from "./default";
+import { merge } from "lodash-es";
+// 生成组件相匹配的组件token，如果组件token中value是字符串组成的数组则进行主题token的替换
+export var generateComponentToken = function generateComponentToken(token, ComponentToken) {
+  var _replaceValues = function replaceValues(obj) {
+    for (var key in obj) {
+      if (Array.isArray(obj[key])) {
+        // 替换数组中的值
+        obj[key] = token[obj[key][0]] || obj[key];
+      } else if (_typeof(obj[key]) === "object") {
+        _replaceValues(obj[key]);
+      }
+    }
+  };
+  var newComponentToken = JSON.parse(JSON.stringify(ComponentToken));
+
+  // 开始替换
+  _replaceValues(newComponentToken);
+  return newComponentToken;
+};
+
+// 生成最终的主题信息，后续传入优先级更高
+export var getFinalTheme = function getFinalTheme(theme) {
+  var _ref = theme || {},
+    _ref$token = _ref.token,
+    token = _ref$token === void 0 ? {} : _ref$token,
+    _ref$components = _ref.components,
+    components = _ref$components === void 0 ? {} : _ref$components,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var mergeToken = merge({}, commonToken, defaultToken, token);
+  var globalToken = _Theme.getDesignToken({
+    token: mergeToken
+  });
+  var generateReplaceComponentToken = generateComponentToken(globalToken, defaultComponentToken);
+  var generateUndeletableComponentToken = generateComponentToken(globalToken, undeletableComponentToken);
+  var mergeComponentToken = merge({}, commonComponentToken, generateReplaceComponentToken, generateUndeletableComponentToken, components);
+  var mergeDefaultThemeToken = merge({}, {
+    token: mergeToken
+  }, {
+    components: mergeComponentToken
+  }, rest);
+  return mergeDefaultThemeToken;
+};

package/lib/QuickTransfer/index.js

@@ -29,7 +29,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
-import React, { useState, useEffect, Fragment, forwardRef, useMemo } from "react";
+import React, { useState, useEffect, Fragment, forwardRef, useMemo, useCallback } from "react";
 import { filterTreeByName, filterTree, filterTreeByNameTable, filterObj, getNotSelectKeys, getKeysAndTitle, getBottomKey, renderLeafNodetree, renderRelationNode, createTitle } from "./utils";
 import classnames from "classnames";
 import Drag from "./Drag";
@@ -256,21 +256,6 @@ var QuickTransfer = /*#__PURE__*/forwardRef(function (props, ref) {
           return !i.disabled;
         }));
         setCheckValue(finalCheckValue);
-        var newData = [];
-        var listCheckedKeys_ = [];
-        dataSource.forEach(function (item, index) {
-          if (isMath(item.title, saveSearchValueLeft)) {
-            newData.push(dataSource[index]);
-          }
-        });
-        listCheckedKeys_ = newData.filter(function (item) {
-          return finalCheckValue.find(function (i) {
-            return i.key == item.key;
-          });
-        }).map(function (item) {
-          return item.key;
-        });
-        setListCheckedStyle(listCheckedKeys_, newData);
       }
       //回显table
       if (type === "table") {
@@ -286,19 +271,51 @@ var QuickTransfer = /*#__PURE__*/forwardRef(function (props, ref) {
         }
       }
     }
-  }, [targetKeys, dataSource, saveSearchValueLeft]);
-  //触发前端自定义搜索
+  }, [targetKeys, dataSource]);
   useEffect(function () {
-    if (searchValueLeft !== undefined) {
-      handleSearch(searchValueLeft);
+    // 左侧受控值绑定
+    if (searchValueLeft !== undefined && searchValueLeft !== saveSearchValueLeft) {
       // 初始化搜索结果
       setSaveSearchValueLeft(searchValueLeft);
     }
-    if (searchValueRight !== undefined) {
+  }, [searchValueLeft, saveSearchValueLeft]);
+  useEffect(function () {
+    // 右侧受控值绑定
+    if (searchValueRight !== undefined && searchValueRight !== saveSearchValueRight) {
       // 初始化搜索结果
       setSaveSearchValueRight(searchValueRight);
     }
-  }, [searchValueLeft, searchValueRight]);
+  }, [searchValueRight, saveSearchValueRight]);
+
+  // 左侧搜索框输入触发
+  var handleSearch = useCallback(function (searchValue) {
+    var newData = [];
+    var listCheckedKeys_ = [];
+    if (type === "list") {
+      dataSource.forEach(function (item, index) {
+        if (isMath(item.title, searchValue)) {
+          newData.push(dataSource[index]);
+        }
+      });
+      listCheckedKeys_ = newData.filter(function (item) {
+        return checkValue.find(function (i) {
+          return i.key == item.key;
+        });
+      }).map(function (item) {
+        return item.key;
+      });
+      setData(newData);
+      setListCheckedStyle(listCheckedKeys_, newData);
+    }
+    if (type === "table") {
+      newData = filterTreeByNameTable(dataSource, searchValue, searchColumns ? searchColumns : newSearchColumns);
+      setData(newData);
+    }
+  }, [dataSource, checkValue]);
+  useEffect(function () {
+    handleSearch(saveSearchValueLeft);
+  }, [handleSearch, saveSearchValueLeft]);
+
   //获取左侧列表选中的key
   useEffect(function () {
     if (getTargetKeys) {
@@ -346,35 +363,6 @@ var QuickTransfer = /*#__PURE__*/forwardRef(function (props, ref) {
     setIndeterminate(!!listCheckedKeys.length && listCheckedKeys.length < dataSource.length);
     setCheckAll(listCheckedKeys.length === dataSource.length);
   };
-  // 左侧搜索框输入触发
-  var handleSearch = function handleSearch(searchValue) {
-    var newData = [];
-    var listCheckedKeys_ = [];
-    if (type === "list") {
-      dataSource.forEach(function (item, index) {
-        if (isMath(item.title, searchValue)) {
-          newData.push(dataSource[index]);
-        }
-      });
-      listCheckedKeys_ = newData.filter(function (item) {
-        return checkValue.find(function (i) {
-          return i.key == item.key;
-        });
-      }).map(function (item) {
-        return item.key;
-      });
-      setData(newData);
-      setListCheckedStyle(listCheckedKeys_, newData);
-    }
-    // if (type === "tree") {
-    //     newData = filterTree(dataSource, searchValue);
-    //     setData(newData);
-    // }
-    if (type === "table") {
-      newData = filterTreeByNameTable(dataSource, searchValue, searchColumns ? searchColumns : newSearchColumns);
-      setData(newData);
-    }
-  };
 
   //type为list 左侧列表选中触发的事件
   var onChangeChecked = function onChangeChecked(e, value) {
@@ -595,17 +583,15 @@ var QuickTransfer = /*#__PURE__*/forwardRef(function (props, ref) {
   var showSearchChange = function showSearchChange(e) {
     onSearchChange && onSearchChange(e);
     onLeftSearchChange && onLeftSearchChange(e);
-    // 保存搜索结果
-    if (searchValueLeft === undefined) {
-      handleSearch(e.target.value);
-      setSaveSearchValueLeft(e.target.value);
-    }
+    // 保存搜索结果,实时保存不然受控模式中文会有问题
+    // if (searchValueLeft === undefined) {
+    setSaveSearchValueLeft(e.target.value);
+    //     handleSearch(e.target.value);
+    // }
   };
   var showSearchChangeRight = function showSearchChangeRight(e) {
     onRightSearchChange(e);
-    if (searchValueRight === undefined) {
-      setSaveSearchValueRight(e.target.value);
-    }
+    setSaveSearchValueRight(e.target.value);
   };
   // 全选状态改变触发
   var onCheckAllChange = function onCheckAllChange(e) {

package/lib/Splitter/index.js

@@ -0,0 +1,2 @@
+import Splitter from '../Antd5/splitter';
+export default Splitter;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chaoswise/ui",
   "packageName": "chaoswiseUI",
-  "version": "3.0.23",
+  "version": "3.1.0",
   "description": "公共UI库",
   "keywords": [
     "ui",
@@ -19,15 +19,16 @@
     "build": "gulp es --gulpfile ./scripts/gulpfile.js"
   },
   "dependencies": {
-    "@ant-design/colors": "^7.0.2",
+    "@ant-design/colors": "^7.1.0",
     "@ant-design/create-react-context": "^0.2.6",
-    "@ant-design/cssinjs": "^1.19.1",
-    "@ant-design/icons": "^5.3.7",
+    "@ant-design/cssinjs": "^1.21.1",
+    "@ant-design/cssinjs-utils": "^1.1.1",
+    "@ant-design/icons": "^5.5.1",
     "@ant-design/react-slick": "~1.1.2",
     "@antv/g6": "^4.8.24",
-    "@babel/runtime": "^7.18.3",
+    "@babel/runtime": "^7.25.7",
     "@chaoswise/ace": "^1.4.13",
-    "@chaoswise/cssinjs": "^1.0.5",
+    "@chaoswise/cssinjs": "^1.0.6",
     "@chaoswise/icons-svg": "^1.0.1",
     "@chaoswise/utils": "^0.0.35",
     "@ctrl/tinycolor": "^3.6.1",
@@ -37,53 +38,54 @@
     "@emotion/server": "^11.11.0",
     "@emotion/styled": "^11.11.0",
     "@icon-park/react": "^1.4.2",
-    "@rc-component/color-picker": "~1.5.1",
+    "@rc-component/color-picker": "~2.0.1",
     "@rc-component/mutate-observer": "^1.1.0",
-    "@rc-component/tour": "~1.12.2",
-    "@rc-component/trigger": "^1.18.2",
+    "@rc-component/qrcode": "~1.0.0",
+    "@rc-component/tour": "~1.15.1",
+    "@rc-component/trigger": "^2.2.5",
     "classnames": "^2.5.1",
     "copy-to-clipboard": "^3.3.3",
-    "dayjs": "^1.11.10",
+    "dayjs": "^1.11.11",
     "echarts": "^5.4.3",
     "echarts-for-react": "^3.0.2",
     "highlight.js": "^9.18.5",
     "moment-timezone": "^0.5.46",
     "omit.js": "^2.0.2",
     "qrcode.react": "^3.1.0",
-    "rc-cascader": "~3.27.0",
+    "rc-cascader": "~3.30.0",
     "rc-checkbox": "~3.3.0",
-    "rc-collapse": "~3.7.3",
-    "rc-dialog": "~9.5.2",
+    "rc-collapse": "~3.9.0",
+    "rc-dialog": "~9.6.0",
     "rc-drawer": "~7.2.0",
     "rc-dropdown": "~4.2.0",
-    "rc-field-form": "~2.4.0",
+    "rc-field-form": "~2.5.1",
     "rc-form": "^2.4.12",
-    "rc-image": "~7.9.0",
+    "rc-image": "~7.11.0",
     "rc-input": "~1.6.3",
-    "rc-input-number": "~9.2.0",
-    "rc-mentions": "~2.15.0",
-    "rc-menu": "~9.14.1",
-    "rc-motion": "^2.9.2",
-    "rc-notification": "~5.6.0",
-    "rc-pagination": "~4.2.0",
-    "rc-picker": "~4.6.13",
+    "rc-input-number": "~9.3.0",
+    "rc-mentions": "~2.17.0",
+    "rc-menu": "~9.16.0",
+    "rc-motion": "^2.9.3",
+    "rc-notification": "~5.6.2",
+    "rc-pagination": "~4.3.0",
+    "rc-picker": "~4.8.1",
     "rc-progress": "~4.0.0",
     "rc-rate": "~2.13.0",
     "rc-resize-observer": "^1.4.0",
-    "rc-segmented": "~2.3.0",
-    "rc-select": "~14.15.1",
+    "rc-segmented": "~2.5.0",
+    "rc-select": "~14.16.3",
     "rc-select-cascader": "npm:rc-select@^14.3.0",
-    "rc-slider": "~11.1.5",
+    "rc-slider": "~11.1.7",
     "rc-steps": "~6.0.1",
     "rc-switch": "~4.1.0",
-    "rc-table": "~7.45.7",
-    "rc-tabs": "~15.1.1",
-    "rc-textarea": "~1.8.1",
-    "rc-tooltip": "~6.2.0",
-    "rc-tree": "~5.8.8",
+    "rc-table": "~7.48.1",
+    "rc-tabs": "~15.4.0",
+    "rc-textarea": "~1.8.2",
+    "rc-tooltip": "~6.2.1",
+    "rc-tree": "~5.10.1",
     "rc-tree-cascader": "npm:rc-tree@^5.7.12",
-    "rc-tree-select": "~5.22.1",
-    "rc-upload": "~4.7.0",
+    "rc-tree-select": "~5.24.4",
+    "rc-upload": "~4.8.1",
     "rc-util": "^5.43.0",
     "re-resizable": "^6.9.11",
     "react-custom-scrollbars": "^4.2.1",
@@ -127,9 +129,9 @@
     "gulp": "^4.0.2",
     "gulp-babel": "^8.0.0",
     "gulp-typescript": "^5.0.1",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "react-router-dom": "^5.3.4",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^5.2.0",
     "storybook": "^7.5.3",
     "typescript": "^5.0.2",
     "webpack": "^5.89.0",

package/lib/Antd5/color-picker/components/PanelPicker.js

@@ -1,53 +0,0 @@
-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 = ["prefixCls", "allowClear", "value", "disabledAlpha", "onChange", "onClear", "onChangeComplete"];
-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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useContext } from 'react';
-import RcColorPicker from '@rc-component/color-picker';
-import { PanelPickerContext } from '../context';
-import { generateColor } from '../util';
-import ColorClear from './ColorClear';
-import ColorInput from './ColorInput';
-var PanelPicker = function PanelPicker() {
-  var _useContext = useContext(PanelPickerContext),
-    prefixCls = _useContext.prefixCls,
-    allowClear = _useContext.allowClear,
-    value = _useContext.value,
-    disabledAlpha = _useContext.disabledAlpha,
-    _onChange = _useContext.onChange,
-    onClear = _useContext.onClear,
-    _onChangeComplete = _useContext.onChangeComplete,
-    injectProps = _objectWithoutProperties(_useContext, _excluded);
-  return _jsxs(_Fragment, {
-    children: [allowClear && _jsx(ColorClear, _objectSpread({
-      prefixCls: prefixCls,
-      value: value,
-      onChange: function onChange(clearColor) {
-        _onChange === null || _onChange === void 0 || _onChange(clearColor);
-        onClear === null || onClear === void 0 || onClear();
-      }
-    }, injectProps)), _jsx(RcColorPicker, {
-      prefixCls: prefixCls,
-      value: value === null || value === void 0 ? void 0 : value.toHsb(),
-      disabledAlpha: disabledAlpha,
-      onChange: function onChange(colorValue, type) {
-        _onChange === null || _onChange === void 0 || _onChange(generateColor(colorValue), type, true);
-      },
-      onChangeComplete: function onChangeComplete(colorValue) {
-        _onChangeComplete === null || _onChangeComplete === void 0 || _onChangeComplete(generateColor(colorValue));
-      }
-    }), _jsx(ColorInput, _objectSpread({
-      value: value,
-      onChange: _onChange,
-      prefixCls: prefixCls,
-      disabledAlpha: disabledAlpha
-    }, injectProps))]
-  });
-};
-export default PanelPicker;

package/lib/Antd5/color-picker/hooks/useColorState.js

@@ -1,53 +0,0 @@
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-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(r) { if (Array.isArray(r)) return r; }
-import { useEffect, useRef, useState } from 'react';
-import { generateColor } from '../util';
-var INIT_COLOR_REF = {};
-function hasValue(value) {
-  return value !== undefined;
-}
-var useColorState = function useColorState(defaultStateValue, option) {
-  var defaultValue = option.defaultValue,
-    value = option.value;
-  var prevColor = useRef(generateColor(''));
-  var _useState = useState(function () {
-      var mergedState;
-      if (hasValue(value)) {
-        mergedState = value;
-      } else if (hasValue(defaultValue)) {
-        mergedState = defaultValue;
-      } else {
-        mergedState = defaultStateValue;
-      }
-      var color = generateColor(mergedState || '');
-      prevColor.current = color;
-      return color;
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    colorValue = _useState2[0],
-    _setColorValue = _useState2[1];
-  var setColorValue = function setColorValue(color) {
-    _setColorValue(color);
-    prevColor.current = color;
-  };
-  var prevValue = useRef(INIT_COLOR_REF);
-  useEffect(function () {
-    // `useEffect` will be executed twice in strict mode even if the deps are the same
-    // So we compare the value manually to avoid unnecessary update
-    if (prevValue.current === value) {
-      return;
-    }
-    prevValue.current = value;
-    var newColor = generateColor(hasValue(value) ? value || '' : prevColor.current);
-    if (prevColor.current.cleared === true) {
-      newColor.cleared = 'controlled';
-    }
-    setColorValue(newColor);
-  }, [value]);
-  return [colorValue, setColorValue, prevColor];
-};
-export default useColorState;

package/lib/Antd5/layout/style/light.js

@@ -1,24 +0,0 @@
-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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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); }
-var genLayoutLightStyle = function genLayoutLightStyle(token) {
-  var componentCls = token.componentCls,
-    bodyBg = token.bodyBg,
-    lightSiderBg = token.lightSiderBg,
-    lightTriggerBg = token.lightTriggerBg,
-    lightTriggerColor = token.lightTriggerColor;
-  return _defineProperty({}, "".concat(componentCls, "-sider-light"), _defineProperty(_defineProperty({
-    background: lightSiderBg
-  }, "".concat(componentCls, "-sider-trigger"), {
-    color: lightTriggerColor,
-    background: lightTriggerBg
-  }), "".concat(componentCls, "-sider-zero-width-trigger"), {
-    color: lightTriggerColor,
-    background: lightTriggerBg,
-    border: "1px solid ".concat(bodyBg),
-    // Safe to modify to any other color
-    borderInlineStart: 0
-  }));
-};
-export default genLayoutLightStyle;

package/lib/Antd5/style/operationUnit.js

@@ -1,18 +0,0 @@
-// eslint-disable-next-line import/prefer-default-export
-export var operationUnit = function operationUnit(token) {
-  return {
-    // FIXME: This use link but is a operation unit. Seems should be a colorPrimary.
-    // And Typography use this to generate link style which should not do this.
-    color: token.colorLink,
-    textDecoration: 'none',
-    outline: 'none',
-    cursor: 'pointer',
-    transition: "color ".concat(token.motionDurationSlow),
-    '&:focus, &:hover': {
-      color: token.colorLinkHover
-    },
-    '&:active': {
-      color: token.colorLinkActive
-    }
-  };
-};