@dtjoy/dt-design 1.0.6 → 1.0.7

package/lib/collapsible/index.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _configProvider = require("antd/es/config-provider");
-var _classnames = _interopRequireDefault(require("classnames"));
 var _lodashEs = require("lodash-es");
 require("./style");
+var _context = require("antd/lib/config-provider/context");
+var _clsx = _interopRequireDefault(require("clsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
 class Collapsible extends _react.default.Component {
@@ -21,18 +21,11 @@ class Collapsible extends _react.default.Component {
     collapseHeight: 0,
     fade: false
   };
-  prefixCls = 'collapsible';
+  static displayName;
   foundation;
   domRef = /*#__PURE__*/_react.default.createRef();
   resizeObserver = null;
   hasBeenRendered = false;
-  static displayName;
-  // public cssClasses = {
-  //     PREFIX: 'ant-collapsible',
-  //     TRANSITION: 'ant-collapsible-transition',
-  //     WRAPPER: 'ant-collapsible-wrapper',
-  // };
-
   constructor(props) {
     super(props);
     this.state = {
@@ -42,7 +35,6 @@ class Collapsible extends _react.default.Component {
       isTransitioning: false,
       cacheIsOpen: this.props.isOpen || false
     };
-    this.prefixCls = `${(0, _configProvider.globalConfig)().getPrefixCls(this.prefixCls)}`;
     this.foundation = {
       updateDOMInRenderTree: val => this.setState({
         domInRenderTree: val
@@ -58,20 +50,6 @@ class Collapsible extends _react.default.Component {
       })
     };
   }
-  handleResize = entryList => {
-    const entry = entryList[0];
-    if (entry) {
-      const entryInfo = Collapsible.getEntryInfo(entry);
-      this.foundation.updateDOMHeight(entryInfo.height);
-      this.foundation.updateDOMInRenderTree(entryInfo.isShown);
-    }
-  };
-  isChildrenInRenderTree = () => {
-    if (this.domRef.current) {
-      return this.domRef.current.offsetHeight > 0;
-    }
-    return false;
-  };
   static getEntryInfo = entry => {
     let inRenderTree;
     if (entry.borderBoxSize) {
@@ -91,26 +69,6 @@ class Collapsible extends _react.default.Component {
       height
     };
   };
-  getDataAttr = props => {
-    const dataAttrs = {};
-    Object.keys(props).forEach(key => {
-      if (key.startsWith('data-')) {
-        dataAttrs[key] = String(props[key]);
-      }
-    });
-    return dataAttrs;
-  };
-  componentDidMount() {
-    this.resizeObserver = new ResizeObserver(this.handleResize);
-    if (this.domRef.current) {
-      this.resizeObserver.observe(this.domRef.current);
-    }
-    const domInRenderTree = this.isChildrenInRenderTree();
-    this.foundation.updateDOMInRenderTree(domInRenderTree);
-    if (domInRenderTree && this.domRef.current) {
-      this.foundation.updateDOMHeight(this.domRef.current.scrollHeight);
-    }
-  }
   static getDerivedStateFromProps(props, prevState) {
     const newState = {};
     const isOpenChanged = props.isOpen !== prevState.cacheIsOpen;
@@ -125,6 +83,18 @@ class Collapsible extends _react.default.Component {
     newState.cacheIsOpen = props.isOpen;
     return newState;
   }
+  componentDidMount() {
+    // eslint-disable-next-line compat/compat
+    this.resizeObserver = new ResizeObserver(this.handleResize);
+    if (this.domRef.current) {
+      this.resizeObserver.observe(this.domRef.current);
+    }
+    const domInRenderTree = this.isChildrenInRenderTree();
+    this.foundation.updateDOMInRenderTree(domInRenderTree);
+    if (domInRenderTree && this.domRef.current) {
+      this.foundation.updateDOMHeight(this.domRef.current.scrollHeight);
+    }
+  }
   componentDidUpdate(prevProps, prevState) {
     const changedPropKeys = Object.keys((0, _lodashEs.pick)(this.props, ['reCalcKey'])).filter(key => !(0, _lodashEs.isEqual)(this.props[key], prevProps[key]));
     const changedStateKeys = Object.keys((0, _lodashEs.pick)(this.state, ['domInRenderTree'])).filter(key => !(0, _lodashEs.isEqual)(this.state[key], prevState[key]));
@@ -141,7 +111,9 @@ class Collapsible extends _react.default.Component {
       this.resizeObserver = null;
     }
   }
-  render() {
+  renderCollapsible = ({
+    getPrefixCls
+  }) => {
     const {
       isOpen,
       collapseHeight,
@@ -153,13 +125,15 @@ class Collapsible extends _react.default.Component {
       id,
       keepDOM,
       lazyRender,
-      onMotionEnd
+      onMotionEnd,
+      prefixCls: customizePrefixCls
     } = this.props;
     const {
       domHeight,
       isTransitioning,
       visible
     } = this.state;
+    const prefixCls = getPrefixCls('splitter', customizePrefixCls);
     const wrapperStyle = {
       overflow: 'hidden',
       height: isOpen ? domHeight : collapseHeight,
@@ -167,8 +141,8 @@ class Collapsible extends _react.default.Component {
       transitionDuration: `${motion && isTransitioning ? duration : 0}ms`,
       ...style
     };
-    const wrapperCls = (0, _classnames.default)(`${this.prefixCls}-wrapper`, {
-      [`${this.prefixCls}-transition`]: motion && isTransitioning
+    const wrapperCls = (0, _clsx.default)(`${prefixCls}-wrapper`, {
+      [`${prefixCls}-transition`]: motion && isTransitioning
     }, className);
     const shouldRender = keepDOM && (lazyRender ? this.hasBeenRendered : true) || collapseHeight !== 0 || visible || isOpen;
     if (shouldRender && !this.hasBeenRendered) {
@@ -191,7 +165,33 @@ class Collapsible extends _react.default.Component {
       },
       id: id
     }, shouldRender && this.props.children));
+  };
+  render() {
+    return /*#__PURE__*/_react.default.createElement(_context.ConfigConsumer, null, this.renderCollapsible);
   }
+  handleResize = entryList => {
+    const entry = entryList[0];
+    if (entry) {
+      const entryInfo = Collapsible.getEntryInfo(entry);
+      this.foundation.updateDOMHeight(entryInfo.height);
+      this.foundation.updateDOMInRenderTree(entryInfo.isShown);
+    }
+  };
+  isChildrenInRenderTree = () => {
+    if (this.domRef.current) {
+      return this.domRef.current.offsetHeight > 0;
+    }
+    return false;
+  };
+  getDataAttr = props => {
+    const dataAttrs = {};
+    Object.keys(props).forEach(key => {
+      if (key.startsWith('data-')) {
+        dataAttrs[key] = String(props[key]);
+      }
+    });
+    return dataAttrs;
+  };
 }
 if (process.env.NODE_ENV !== 'production') {
   Collapsible.displayName = 'Collapsible';

package/lib/collapsibleActionItems/index.js

@@ -9,8 +9,8 @@ var _icons = require("@ant-design/icons");
 var _ = require("./..");
 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 _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); }
 const CollapsibleActionItems = props => {
@@ -50,7 +50,7 @@ const CollapsibleActionItems = props => {
     onClick: info => onItemClick?.(info.key)
   }, actionItems.slice(maxCount - 1).map(item => getActionItemNode(item, true))) : null;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(prefixCls, className),
+    className: (0, _clsx.default)(prefixCls, className),
     style: style
   }, displayAction.map((actionItem, index) => {
     const showDivider = index < actionItems.length - 1;

package/lib/flex/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _configProvider = require("antd/es/config-provider");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _lodashEs = require("lodash-es");
 require("./style");
 var _gapSize = require("../_util/gapSize");
@@ -34,7 +34,7 @@ const Flex = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   } = _react.default.useContext(_configProvider.ConfigContext);
   const prefixCls = customizePrefixCls || (0, _configProvider.globalConfig)().getPrefixCls('flex');
   const [mergedVertical] = (0, _hooks.useOrientation)(orientation, vertical);
-  const mergedCls = (0, _classnames.default)(className, rootClassName, prefixCls, (0, _utils.default)(prefixCls, props), {
+  const mergedCls = (0, _clsx.default)(className, rootClassName, prefixCls, (0, _utils.default)(prefixCls, props), {
     [`${prefixCls}-rtl`]: ctxDirection === 'rtl',
     [`${prefixCls}-gap-${gap}`]: (0, _gapSize.isPresetSize)(gap),
     [`${prefixCls}-vertical`]: mergedVertical === 'vertical'

package/lib/flex/style/index.less

@@ -1,77 +1,77 @@
-@import '../../style/themes/index.less';
-
-@flex-prefix-cls: ~'@{ant-prefix}-flex';
-
-// 属性与值的映射
-@align-items-values: {
-    stretch: stretch;
-    flex-start: flex-start;
-    center: center;
-    flex-end: flex-end;
-    baseline: baseline;
-};
-
-@justify-content-values: {
-    flex-start: flex-start;
-    center: center;
-    flex-end: flex-end;
-    space-between: space-between;
-    space-around: space-around;
-    space-evenly: space-evenly;
-};
-
-@flex-wrap-values: {
-    nowrap: nowrap;
-    wrap: wrap;
-    wrap-reverse: wrap-reverse;
-};
-
-.@{flex-prefix-cls} {
-    display: flex;
-    margin: 0;
-    padding: 0;
-
-    // 方向
-    &-vertical {
-        flex-direction: column;
-    }
-    &-rtl {
-        direction: rtl;
-    }
-    &:empty {
-        display: none;
-    }
-
-    // 间距 (Gap)
-    &-gap-small {
-        gap: @padding-xs;
-    }
-    &-gap-middle {
-        gap: @padding-md;
-    }
-    &-gap-large {
-        gap: @padding-lg;
-    }
-
-    // 使用 Loops/Each 抽象重复代码
-    // flex-wrap
-    each(@flex-wrap-values, .(@value, @key) {
-        &-wrap-@{key} {
-            flex-wrap: @value;
-        }
-    });
-
-    // align-items
-    each(@align-items-values, .(@value, @key) {
-        &-align-@{key} {
-            align-items: @value;
-        }
-    });
-
-    // justify-content
-    each(@justify-content-values, .(@value, @key) {
-        &-justify-@{key} {
-            justify-content: @value;
-        }
-    });
+@import '../../style/themes/index.less';
+
+@flex-prefix-cls: ~'@{ant-prefix}-flex';
+
+// 属性与值的映射
+@align-items-values: {
+    stretch: stretch;
+    flex-start: flex-start;
+    center: center;
+    flex-end: flex-end;
+    baseline: baseline;
+};
+
+@justify-content-values: {
+    flex-start: flex-start;
+    center: center;
+    flex-end: flex-end;
+    space-between: space-between;
+    space-around: space-around;
+    space-evenly: space-evenly;
+};
+
+@flex-wrap-values: {
+    nowrap: nowrap;
+    wrap: wrap;
+    wrap-reverse: wrap-reverse;
+};
+
+.@{flex-prefix-cls} {
+    display: flex;
+    margin: 0;
+    padding: 0;
+
+    // 方向
+    &-vertical {
+        flex-direction: column;
+    }
+    &-rtl {
+        direction: rtl;
+    }
+    &:empty {
+        display: none;
+    }
+
+    // 间距 (Gap)
+    &-gap-small {
+        gap: @padding-xs;
+    }
+    &-gap-middle {
+        gap: @padding-md;
+    }
+    &-gap-large {
+        gap: @padding-lg;
+    }
+
+    // 使用 Loops/Each 抽象重复代码
+    // flex-wrap
+    each(@flex-wrap-values, .(@value, @key) {
+        &-wrap-@{key} {
+            flex-wrap: @value;
+        }
+    });
+
+    // align-items
+    each(@align-items-values, .(@value, @key) {
+        &-align-@{key} {
+            align-items: @value;
+        }
+    });
+
+    // justify-content
+    each(@justify-content-values, .(@value, @key) {
+        &-justify-@{key} {
+            justify-content: @value;
+        }
+    });
 }

package/lib/flex/utils.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.justifyContentValues = exports.flexWrapValues = exports.default = exports.alignItemsValues = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const flexWrapValues = exports.flexWrapValues = ['wrap', 'nowrap', 'wrap-reverse'];
 const justifyContentValues = exports.justifyContentValues = ['flex-start', 'flex-end', 'start', 'end', 'center', 'space-between', 'space-around', 'space-evenly', 'stretch', 'normal', 'left', 'right'];
@@ -31,7 +31,7 @@ const genClsJustify = (prefixCls, props) => {
   return justifyCls;
 };
 const createFlexClassNames = (prefixCls, props) => {
-  return (0, _classnames.default)({
+  return (0, _clsx.default)({
     ...genClsWrap(prefixCls, props),
     ...genClsAlign(prefixCls, props),
     ...genClsJustify(prefixCls, props)

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;