@dtjoy/dt-design 1.0.5 → 1.0.7

package/lib/formList/index.js

@@ -8,22 +8,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _dtUtils = require("@dtinsight/dt-utils");
 var _antd = require("antd");
 var _configProvider = require("antd/es/config-provider");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 require("./style");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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); }
-/**
- * Override NamePath parameters type
+/**
+ * Override NamePath parameters type
  */
 
-/**
- * Override PanelRender type
+/**
+ * Override PanelRender type
  */
 
-/**
- * Form.Table 组件类型
+/**
+ * Form.Table 组件类型
  */
 
 function InternalTable({
@@ -86,9 +86,9 @@ function InternalTable({
       const isRequired = required || rawRules?.some(rule => typeof rule === 'object' && rule.required);
       return {
         ...cols,
-        title: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isRequired && /*#__PURE__*/_react.default.createElement("span", {
+        title: (...titleProps) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isRequired && /*#__PURE__*/_react.default.createElement("span", {
           className: "dtc-form__table__column--required"
-        }), cols.title),
+        }), typeof cols.title === 'function' ? cols.title(...titleProps) : cols.title),
         render(_, fieldData) {
           const currentNamePath = [fieldData.name, cols.dataIndex].filter(_dtUtils.Utils.checkExist).flat();
           const rules = rawRules?.map(rule => typeof rule === 'function' ? form => rule(form, currentNamePath) : rule);
@@ -118,7 +118,7 @@ function InternalTable({
     rules: rules,
     initialValue: initialValue
   }, (fields, ope, meta) => /*#__PURE__*/_react.default.createElement(_antd.Table, _extends({
-    className: (0, _classnames.default)(prefixCls, tableClassName),
+    className: (0, _clsx.default)(prefixCls, tableClassName),
     rowKey: "key",
     dataSource: fields,
     pagination: false,

package/lib/formList/style/index.less

@@ -1,45 +1,45 @@
-@import '../../style/themes/index.less';
-
-@form-list-prefix-cls: ~'@{ant-prefix}-form-list';
-
-.@{form-list-prefix-cls} {
-  height: 100%;
-
-  &__column {
-    &--required {
-      &::before {
-        content: "*";
-        display: inline-block;
-        margin-inline-end: 4px;
-        font-size: 14px;
-        line-height: 1;
-        color: @error-color;
-      }
-
-      vertical-align: -0.1em;
-    }
-  }
-
-  .ant-table,
-  .ant-table-container {
-    height: 100%;
-  }
-
-  .ant-form-item {
-    margin-bottom: 0;
-  }
-
-  table colgroup > col.ant-table-selection-col {
-    width: 48px;
-  }
-
-  .ant-table-thead > tr > th.ant-table-selection-column {
-    padding: 0 16px;
-  }
-
-  .ant-table-tbody > tr > td.ant-table-selection-column {
-    padding: 0 16px;
-  }
-}
-
-
+@import '../../style/themes/index.less';
+
+@form-list-prefix-cls: ~'@{ant-prefix}-form-list';
+
+.@{form-list-prefix-cls} {
+  height: 100%;
+
+  &__column {
+    &--required {
+      &::before {
+        content: "*";
+        display: inline-block;
+        margin-inline-end: 4px;
+        font-size: 14px;
+        line-height: 1;
+        color: @error-color;
+      }
+
+      vertical-align: -0.1em;
+    }
+  }
+
+  .ant-table,
+  .ant-table-container {
+    height: 100%;
+  }
+
+  .ant-form-item {
+    margin-bottom: 0;
+  }
+
+  table colgroup > col.ant-table-selection-col {
+    width: 48px;
+  }
+
+  .ant-table-thead > tr > th.ant-table-selection-column {
+    padding: 0 16px;
+  }
+
+  .ant-table-tbody > tr > td.ant-table-selection-column {
+    padding: 0 16px;
+  }
+}
+
+

package/lib/index.js

@@ -13,7 +13,8 @@ var _exportNames = {
   OverflowList: true,
   Resize: true,
   Splitter: true,
-  StatusTag: true
+  StatusTag: true,
+  Table: true
 };
 Object.defineProperty(exports, "BlockHeader", {
   enumerable: true,
@@ -75,6 +76,12 @@ Object.defineProperty(exports, "StatusTag", {
     return _statusTag.default;
   }
 });
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function () {
+    return _table.default;
+  }
+});
 var _blockHeader = _interopRequireDefault(require("./blockHeader"));
 var _button = _interopRequireDefault(require("./button"));
 var _collapsible = _interopRequireDefault(require("./collapsible"));
@@ -106,7 +113,19 @@ Object.keys(_splitter).forEach(function (key) {
     }
   });
 });
-var _statusTag = _interopRequireDefault(require("./statusTag"));
+var _statusTag = _interopRequireWildcard(require("./statusTag"));
+Object.keys(_statusTag).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _statusTag[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _statusTag[key];
+    }
+  });
+});
+var _table = _interopRequireDefault(require("./table"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/overflowList/index.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _configProvider = require("antd/es/config-provider");
-var _classnames = _interopRequireDefault(require("classnames"));
 require("./style");
+var _clsx = _interopRequireDefault(require("clsx"));
+var _lodashEs = require("lodash-es");
 var _resizeObserver = _interopRequireDefault(require("../resizeObserver"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -111,7 +112,7 @@ class OverflowList extends _react.Component {
         const isVisible = isMeasuring || (collapseFrom === 'end' ? i < visibleCount : i >= items.length - visibleCount);
         if (!isVisible) return null;
         return /*#__PURE__*/_react.default.createElement("div", {
-          key: i,
+          key: (0, _lodashEs.uniqueId)('overflow-list-item'),
           ref: el => {
             if (el) this.itemRefs.set(i, el);else this.itemRefs.delete(i);
           },
@@ -129,7 +130,7 @@ class OverflowList extends _react.Component {
       }, this.measureAndAdjust)
     }, /*#__PURE__*/_react.default.createElement("div", {
       ref: this.containerRef,
-      className: (0, _classnames.default)(this.prefixCls, className),
+      className: (0, _clsx.default)(this.prefixCls, className),
       style: containerStyle
     }, collapseFrom === 'start' && overflowNode, renderItems(), collapseFrom === 'end' && overflowNode));
   }

package/lib/resize/index.js

@@ -29,7 +29,7 @@ const Resize = ({
       const resizeObserver = new ResizeObserver(onResizeProxy);
       resizeObserver.observe(observerEle);
       return () => {
-        resizeObserver.unobserve(observerEle);
+        resizeObserver.disconnect();
       };
     }
   }, [observerEle]);

package/lib/resizeObserver/index.js

@@ -33,9 +33,10 @@ class ReactResizeObserver extends _react.default.Component {
   }
   getElement = () => {
     try {
-      // eslint-disable-next-line react/no-find-dom-node
+      // eslint-disable-next-line react-dom/no-find-dom-node
       return (0, _reactDom.findDOMNode)(this.childNode || this);
-    } catch (error) {
+      // eslint-disable-next-line unused-imports/no-unused-vars
+    } catch (_error) {
       return null;
     }
   };

package/lib/splitter/Panel.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.InternalPanel = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _configProvider = require("antd/es/config-provider");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _configProvider = require("antd/lib/config-provider");
+var _clsx = _interopRequireDefault(require("clsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -22,7 +22,7 @@ const InternalPanel = exports.InternalPanel = /*#__PURE__*/(0, _react.forwardRef
     getPrefixCls
   } = (0, _react.useContext)(_configProvider.ConfigContext);
   const prefixCls = getPrefixCls('splitter', customizePrefixCls);
-  const panelClassName = (0, _classnames.default)(`${prefixCls}-panel`, {
+  const panelClassName = (0, _clsx.default)(`${prefixCls}-panel`, {
     [`${prefixCls}-panel-hidden`]: size === 0
   }, className);
   const hasSize = size !== undefined;

package/lib/splitter/SplitBar.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _icons = require("@ant-design/icons");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _useEvent = _interopRequireDefault(require("rc-util/lib/hooks/useEvent"));
 var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -133,6 +133,7 @@ const SplitBar = props => {
       touchend: handleTouchEnd
     };
     for (const [event, handler] of Object.entries(eventHandlerMap)) {
+      // eslint-disable-next-line react-web-api/no-leaked-event-listener
       window.addEventListener(event, handler);
     }
     return () => {
@@ -153,27 +154,27 @@ const SplitBar = props => {
     "aria-valuemin": getValidNumber(ariaMin),
     "aria-valuemax": getValidNumber(ariaMax)
   }, lazy && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${splitBarPrefixCls}-preview`, {
+    className: (0, _clsx.default)(`${splitBarPrefixCls}-preview`, {
       [`${splitBarPrefixCls}-preview-active`]: !!constrainedOffset
     }),
     style: transformStyle
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${splitBarPrefixCls}-dragger`, {
+    className: (0, _clsx.default)(`${splitBarPrefixCls}-dragger`, {
       [`${splitBarPrefixCls}-dragger-disabled`]: !resizable,
       [`${splitBarPrefixCls}-dragger-active`]: active
     }),
     onMouseDown: onMouseDown,
     onTouchStart: onTouchStart
   }), startCollapsible && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${splitBarPrefixCls}-collapse-bar`, `${splitBarPrefixCls}-collapse-bar-start`, getVisibilityClass(showStartCollapsibleIcon)),
+    className: (0, _clsx.default)(`${splitBarPrefixCls}-collapse-bar`, `${splitBarPrefixCls}-collapse-bar-start`, getVisibilityClass(showStartCollapsibleIcon)),
     onClick: () => onCollapse(index, 'start')
   }, /*#__PURE__*/_react.default.createElement(StartIcon, {
-    className: (0, _classnames.default)(`${splitBarPrefixCls}-collapse-icon`, `${splitBarPrefixCls}-collapse-start`)
+    className: (0, _clsx.default)(`${splitBarPrefixCls}-collapse-icon`, `${splitBarPrefixCls}-collapse-start`)
   })), endCollapsible && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${splitBarPrefixCls}-collapse-bar`, `${splitBarPrefixCls}-collapse-bar-end`, getVisibilityClass(showEndCollapsibleIcon)),
+    className: (0, _clsx.default)(`${splitBarPrefixCls}-collapse-bar`, `${splitBarPrefixCls}-collapse-bar-end`, getVisibilityClass(showEndCollapsibleIcon)),
     onClick: () => onCollapse(index, 'end')
   }, /*#__PURE__*/_react.default.createElement(EndIcon, {
-    className: (0, _classnames.default)(`${splitBarPrefixCls}-collapse-icon`, `${splitBarPrefixCls}-collapse-end`)
+    className: (0, _clsx.default)(`${splitBarPrefixCls}-collapse-icon`, `${splitBarPrefixCls}-collapse-end`)
   })));
 };
 var _default = exports.default = SplitBar;

package/lib/splitter/Splitter.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _configProvider = require("antd/es/config-provider");
-var _classnames = _interopRequireDefault(require("classnames"));
 var _rcResizeObserver = _interopRequireDefault(require("rc-resize-observer"));
 var _useEvent = _interopRequireDefault(require("rc-util/es/hooks/useEvent"));
 var _warning = _interopRequireDefault(require("rc-util/es/warning"));
@@ -17,6 +16,8 @@ var _useSizes = _interopRequireDefault(require("./hooks/useSizes"));
 var _Panel = require("./Panel");
 var _SplitBar = _interopRequireDefault(require("./SplitBar"));
 require("./style/index.less");
+var _clsx = _interopRequireDefault(require("clsx"));
+var _lodashEs = require("lodash-es");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -97,7 +98,7 @@ const Splitter = props => {
     const collapsed = nextSizes.map(size => Math.abs(size) < Number.EPSILON);
     props.onCollapse?.(collapsed, nextSizes);
   });
-  const containerClassName = (0, _classnames.default)(prefixCls, className, `${prefixCls}-${layout}`, {
+  const containerClassName = (0, _clsx.default)(prefixCls, className, `${prefixCls}-${layout}`, {
     [`${prefixCls}-rtl`]: isRTL
   }, rootClassName);
   const maskCls = `${prefixCls}-mask`;
@@ -159,11 +160,11 @@ const Splitter = props => {
       });
     }
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-      key: `split-panel-${idx}`
+      key: `split-panel-${(0, _lodashEs.uniqueId)()}`
     }, panel, splitBar);
   }), typeof movingIndex === 'number' && /*#__PURE__*/_react.default.createElement("div", {
     "aria-hidden": true,
-    className: (0, _classnames.default)(maskCls, `${maskCls}-${layout}`)
+    className: (0, _clsx.default)(maskCls, `${maskCls}-${layout}`)
   })));
 };
 if (process.env.NODE_ENV !== 'production') {

package/lib/splitter/hooks/useItems.js

@@ -24,8 +24,8 @@ function getCollapsible(collapsible) {
   };
 }
 
-/**
- * Convert `children` into `items`.
+/**
+ * Convert `children` into `items`.
  */
 function useItems(children) {
   const items = React.useMemo(() => (0, _toArray.default)(children).filter(item => /*#__PURE__*/React.isValidElement(item)).map(node => {

package/lib/splitter/hooks/useResize.js

@@ -8,8 +8,8 @@ var React = _interopRequireWildcard(require("react"));
 var _useSizes = require("./useSizes");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/**
- * Handle user drag resize logic.
+/**
+ * Handle user drag resize logic.
  */
 function useResize(items, resizableInfos, percentSizes, containerSize, updateSizes, isRTL) {
   const limitSizes = items.map(item => [item.min, item.max]);
@@ -28,9 +28,9 @@ function useResize(items, resizableInfos, percentSizes, containerSize, updateSiz
   const [cacheSizes, setCacheSizes] = React.useState([]);
   const cacheCollapsedSize = React.useRef([]);
 
-  /**
-   * When start drag, check the direct is `start` or `end`.
-   * This will handle when 2 splitter bar are in the same position.
+  /**
+   * When start drag, check the direct is `start` or `end`.
+   * This will handle when 2 splitter bar are in the same position.
    */
   const [movingIndex, setMovingIndex] = React.useState(null);
   const getPxSizes = () => percentSizes.map(ptg2px);

package/lib/statusTag/index.js

@@ -8,8 +8,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _icons = require("@ant-design/icons");
 var _antd = require("antd");
 var _configProvider = require("antd/es/config-provider");
-var _classnames = _interopRequireDefault(require("classnames"));
 require("./style");
+var _clsx = _interopRequireDefault(require("clsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -41,10 +41,10 @@ function calculateTransparentColor(color, opacity = DEFAULT_OPACITY) {
   if (hex.length === 3) {
     hex = hex.split('').map(char => char + char).join('');
   }
-  if (!/^[0-9A-Fa-f]{6}$/.test(hex)) return 'rgba(0, 0, 0, 0.15)';
-  const r = parseInt(hex.substring(0, 2), 16);
-  const g = parseInt(hex.substring(2, 4), 16);
-  const b = parseInt(hex.substring(4, 6), 16);
+  if (!/^[0-9A-F]{6}$/i.test(hex)) return 'rgba(0, 0, 0, 0.15)';
+  const r = Number.parseInt(hex.substring(0, 2), 16);
+  const g = Number.parseInt(hex.substring(2, 4), 16);
+  const b = Number.parseInt(hex.substring(4, 6), 16);
   return `rgba(${r}, ${g}, ${b}, ${opacity})`;
 }
 const StatusTag = /*#__PURE__*/_react.default.memo(props => {
@@ -62,7 +62,7 @@ const StatusTag = /*#__PURE__*/_react.default.memo(props => {
   } = props;
   const prefixCls = (0, _configProvider.globalConfig)().getPrefixCls('status-tag');
   const showDefaultIcon = (0, _react.useMemo)(() => icon === undefined, [icon]);
-  const containerClasses = (0, _react.useMemo)(() => (0, _classnames.default)(prefixCls, className, {
+  const containerClasses = (0, _react.useMemo)(() => (0, _clsx.default)(prefixCls, className, {
     [`${prefixCls}--border`]: type === 'outline',
     [`${prefixCls}--fill`]: type === 'fill',
     [`${prefixCls}--rounded`]: rounded,
@@ -78,7 +78,7 @@ const StatusTag = /*#__PURE__*/_react.default.memo(props => {
   const iconStyleConfig = (0, _react.useMemo)(() => {
     if (isPresetColor(color)) {
       return {
-        className: (0, _classnames.default)('anticon', {
+        className: (0, _clsx.default)('anticon', {
           [`${prefixCls}__${color}--icon`]: true,
           [`${prefixCls}__icon--default`]: !icon,
           [`${prefixCls}__${color}--iconBg`]: !icon
@@ -87,7 +87,7 @@ const StatusTag = /*#__PURE__*/_react.default.memo(props => {
       };
     }
     return {
-      className: (0, _classnames.default)('anticon', {
+      className: (0, _clsx.default)('anticon', {
         [`${prefixCls}__icon--default`]: !icon
       }),
       style: {

package/lib/style/index.less

@@ -1 +1 @@
-@import "./themes/index.less";
+@import "./themes/index.less";

package/lib/style/themes/index.less

@@ -1,2 +1,2 @@
-@import '~antd/es/style/themes/default.less';
-@import './variable.less';
+@import '~antd/es/style/themes/default.less';
+@import './variable.less';

package/lib/style/themes/variable.less

@@ -1 +1,5 @@
 @primary-color-disabled: #f3f3f3;
+
+@motion-duration-fast: 0.1s;
+@motion-duration-mid: 0.2s;
+@motion-duration-slow: 0.3s;