@dtjoy/dt-design 1.0.6 → 1.0.8

package/esm/formList/index.js

@@ -14,19 +14,19 @@ import React, { useMemo } from 'react';
 import { Utils } from '@dtinsight/dt-utils';
 import { Form, Table } from 'antd';
 import { globalConfig } from 'antd/es/config-provider';
-import classnames from 'classnames';
+import clsx from 'clsx';
 import "./style";
 
-/**
- * Override NamePath parameters type
+/**
+ * Override NamePath parameters type
  */
 
-/**
- * Override PanelRender type
+/**
+ * Override PanelRender type
  */
 
-/**
- * Form.Table 组件类型
+/**
+ * Form.Table 组件类型
  */
 
 export default function InternalTable(_ref) {
@@ -85,9 +85,11 @@ export default function InternalTable(_ref) {
         return _typeof(rule) === 'object' && rule.required;
       }));
       return _objectSpread(_objectSpread({}, cols), {}, {
-        title: /*#__PURE__*/React.createElement(React.Fragment, null, isRequired && /*#__PURE__*/React.createElement("span", {
-          className: "dtc-form__table__column--required"
-        }), cols.title),
+        title: function title() {
+          return /*#__PURE__*/React.createElement(React.Fragment, null, isRequired && /*#__PURE__*/React.createElement("span", {
+            className: "dtc-form__table__column--required"
+          }), typeof cols.title === 'function' ? cols.title.apply(cols, arguments) : cols.title);
+        },
         render: function render(_, fieldData) {
           var currentNamePath = [fieldData.name, cols.dataIndex].filter(Utils.checkExist).flat();
           var rules = rawRules === null || rawRules === void 0 ? void 0 : rawRules.map(function (rule) {
@@ -124,7 +126,7 @@ export default function InternalTable(_ref) {
     initialValue: initialValue
   }, function (fields, ope, meta) {
     return /*#__PURE__*/React.createElement(Table, _extends({
-      className: classnames(prefixCls, tableClassName),
+      className: clsx(prefixCls, tableClassName),
       rowKey: "key",
       dataSource: fields,
       pagination: false,

package/esm/formList/style/index.d.ts

@@ -1,2 +1,2 @@
-import '../../style/index.less';
-import './index.less';
+import '../../style/index.less';
+import './index.less';

package/esm/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/esm/index.d.ts

@@ -1,14 +1,17 @@
-export { default as BlockHeader } from './blockHeader';
-export type { ButtonProps } from './button';
-export { default as Button } from './button';
-export { default as Collapsible } from './collapsible';
-export { default as CollapsibleActionItems } from './collapsibleActionItems';
-export { default as Flex } from './flex';
-export type { FlexProps } from './flex/interface';
-export { default as FormList } from './formList';
-export * from './formList';
-export { default as OverflowList } from './overflowList';
-export { default as Resize } from './resize';
-export { default as Splitter } from './splitter';
-export * from './splitter';
-export { default as StatusTag } from './statusTag';
+export { default as BlockHeader } from './blockHeader';
+export type { ButtonProps } from './button';
+export { default as Button } from './button';
+export { default as Collapsible } from './collapsible';
+export { default as CollapsibleActionItems } from './collapsibleActionItems';
+export { default as Flex } from './flex';
+export type { FlexProps } from './flex/interface';
+export { default as FormList } from './formList';
+export * from './formList';
+export { default as OverflowList } from './overflowList';
+export { default as Resize } from './resize';
+export { default as Splitter } from './splitter';
+export * from './splitter';
+export { default as StatusTag } from './statusTag';
+export * from './statusTag';
+export { default as Table } from './table';
+export type { ColumnGroupType as TableColumnGroupType, ColumnProps as TableColumnProps, ColumnsType as TableColumnsType, ColumnType as TableColumnType, TablePaginationConfig, TableProps, } from './table';

package/esm/index.js

@@ -9,4 +9,6 @@ export { default as OverflowList } from "./overflowList";
 export { default as Resize } from "./resize";
 export { default as Splitter } from "./splitter";
 export * from "./splitter";
-export { default as StatusTag } from "./statusTag";
+export { default as StatusTag } from "./statusTag";
+export * from "./statusTag";
+export { default as Table } from "./table";

package/esm/overflowList/index.d.ts

@@ -1,39 +1,40 @@
-import React, { Component, ReactElement, ReactNode } from 'react';
-import './style';
-export declare type OverflowItem<T = Record<string, any>> = T;
-export interface OverflowListProps<T = Record<string, any>> {
-    items: OverflowItem<T>[];
-    visibleItemRenderer: (item: OverflowItem<T>, index: number) => ReactElement;
-    overflowRenderer: (overflowItems: OverflowItem<T>[]) => ReactNode | ReactNode[];
-    className?: string;
-    style?: React.CSSProperties;
-    renderMode?: 'collapse' | 'scroll';
-    collapseFrom?: 'start' | 'end';
-    minVisibleItems?: number;
-    onOverflow?: (overflowItems: OverflowItem<T>[]) => void;
-}
-interface OverflowListState {
-    visibleCount: number;
-    isMeasuring: boolean;
-}
-declare class OverflowList<T extends object> extends Component<OverflowListProps<T>, OverflowListState> {
-    static defaultProps: {
-        items: never[];
-        collapseFrom: string;
-        minVisibleItems: number;
-        renderMode: string;
-    };
-    static displayName: string;
-    private containerRef;
-    private overflowRef;
-    private itemRefs;
-    private prefixCls;
-    constructor(props: OverflowListProps<T>);
-    componentDidMount(): void;
-    componentUpdate(prevProps: OverflowListProps<T>): void;
-    private measureAndAdjust;
-    private getOverflowItems;
-    renderCollapse(): React.JSX.Element;
-    render(): React.JSX.Element;
-}
-export default OverflowList;
+import type { ReactElement, ReactNode } from 'react';
+import React, { Component } from 'react';
+import './style';
+export type OverflowItem<T = Record<string, any>> = T;
+export interface OverflowListProps<T = Record<string, any>> {
+    items: OverflowItem<T>[];
+    visibleItemRenderer: (item: OverflowItem<T>, index: number) => ReactElement;
+    overflowRenderer: (overflowItems: OverflowItem<T>[]) => ReactNode | ReactNode[];
+    className?: string;
+    style?: React.CSSProperties;
+    renderMode?: 'collapse' | 'scroll';
+    collapseFrom?: 'start' | 'end';
+    minVisibleItems?: number;
+    onOverflow?: (overflowItems: OverflowItem<T>[]) => void;
+}
+interface OverflowListState {
+    visibleCount: number;
+    isMeasuring: boolean;
+}
+declare class OverflowList<T extends object> extends Component<OverflowListProps<T>, OverflowListState> {
+    static defaultProps: {
+        items: never[];
+        collapseFrom: string;
+        minVisibleItems: number;
+        renderMode: string;
+    };
+    static displayName: string;
+    private containerRef;
+    private overflowRef;
+    private itemRefs;
+    private prefixCls;
+    constructor(props: OverflowListProps<T>);
+    componentDidMount(): void;
+    componentUpdate(prevProps: OverflowListProps<T>): void;
+    private measureAndAdjust;
+    private getOverflowItems;
+    renderCollapse(): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+export default OverflowList;

package/esm/overflowList/index.js

@@ -16,8 +16,9 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 import React, { Component, createRef } from 'react';
 import { globalConfig } from 'antd/es/config-provider';
-import classNames from 'classnames';
 import "./style";
+import clsx from 'clsx';
+import { uniqueId } from 'lodash-es';
 import ReactResizeObserver from "../resizeObserver";
 var OverflowList = /*#__PURE__*/function (_Component) {
   _inherits(OverflowList, _Component);
@@ -120,7 +121,7 @@ var OverflowList = /*#__PURE__*/function (_Component) {
           var isVisible = isMeasuring || (collapseFrom === 'end' ? i < visibleCount : i >= items.length - visibleCount);
           if (!isVisible) return null;
           return /*#__PURE__*/React.createElement("div", {
-            key: i,
+            key: uniqueId('overflow-list-item'),
             ref: function ref(el) {
               if (el) _this2.itemRefs.set(i, el);else _this2.itemRefs.delete(i);
             },
@@ -140,7 +141,7 @@ var OverflowList = /*#__PURE__*/function (_Component) {
         }
       }, /*#__PURE__*/React.createElement("div", {
         ref: this.containerRef,
-        className: classNames(this.prefixCls, className),
+        className: clsx(this.prefixCls, className),
         style: containerStyle
       }, collapseFrom === 'start' && overflowNode, renderItems(), collapseFrom === 'end' && overflowNode));
     }

package/esm/overflowList/style/index.d.ts

@@ -1,2 +1,2 @@
-import '../../style/index.less';
-import './index.less';
+import '../../style/index.less';
+import './index.less';

package/esm/resize/index.d.ts

@@ -1,8 +1,9 @@
-import React, { ReactNode } from 'react';
-export interface ResizeProps {
-    observerEle?: HTMLElement | null;
-    children?: ReactNode;
-    onResize?: () => void;
-}
-declare const Resize: React.FC<ResizeProps>;
-export default Resize;
+import type { ReactNode } from 'react';
+import React from 'react';
+export interface ResizeProps {
+    observerEle?: HTMLElement | null;
+    children?: ReactNode;
+    onResize?: () => void;
+}
+declare const Resize: React.FC<ResizeProps>;
+export default Resize;

package/esm/resize/index.js

@@ -20,7 +20,7 @@ var Resize = function Resize(_ref) {
       var resizeObserver = new ResizeObserver(onResizeProxy);
       resizeObserver.observe(observerEle);
       return function () {
-        resizeObserver.unobserve(observerEle);
+        resizeObserver.disconnect();
       };
     }
   }, [observerEle]);

package/esm/resizeObserver/index.d.ts

@@ -1,45 +1,45 @@
-import React from 'react';
-interface BaseProps {
-    className?: string;
-    style?: React.CSSProperties;
-    [key: string]: any;
-}
-export interface ResizeEntry {
-    contentRect: DOMRectReadOnly;
-    target: Element;
-}
-export interface ReactResizeObserverProps extends BaseProps {
-    onResize?: (entries: ResizeEntry[]) => void;
-    observeParent?: boolean;
-    observerProperty?: ObserverProperty;
-    delayTick?: number;
-    children: React.ReactElement;
-}
-export declare enum ObserverProperty {
-    Width = "width",
-    Height = "height",
-    All = "all"
-}
-export default class ReactResizeObserver extends React.Component<ReactResizeObserverProps> {
-    static defaultProps: {
-        onResize: () => void;
-        observeParent: boolean;
-        observerProperty: ObserverProperty;
-        delayTick: number;
-    };
-    observer: ResizeObserver | null;
-    childNode: HTMLElement | null;
-    element: Element | null;
-    _parentNode: HTMLElement | null;
-    formerPropertyValue: Map<Element, number>;
-    constructor(props: ReactResizeObserverProps);
-    getElement: () => Element | null;
-    handleResizeEventTriggered: (entries: ResizeEntry[]) => void;
-    observeElement: (force?: boolean) => void;
-    mergeRef: (ref: React.Ref<any>, node: HTMLElement) => void;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: ReactResizeObserverProps): void;
-    componentWillUnmount(): void;
-    render(): React.ReactElement;
-}
-export {};
+import React from 'react';
+interface BaseProps {
+    className?: string;
+    style?: React.CSSProperties;
+    [key: string]: any;
+}
+export interface ResizeEntry {
+    contentRect: DOMRectReadOnly;
+    target: Element;
+}
+export interface ReactResizeObserverProps extends BaseProps {
+    onResize?: (entries: ResizeEntry[]) => void;
+    observeParent?: boolean;
+    observerProperty?: ObserverProperty;
+    delayTick?: number;
+    children: React.ReactElement;
+}
+export declare enum ObserverProperty {
+    Width = "width",
+    Height = "height",
+    All = "all"
+}
+export default class ReactResizeObserver extends React.Component<ReactResizeObserverProps> {
+    static defaultProps: {
+        onResize: () => void;
+        observeParent: boolean;
+        observerProperty: ObserverProperty;
+        delayTick: number;
+    };
+    observer: ResizeObserver | null;
+    childNode: HTMLElement | null;
+    element: Element | null;
+    _parentNode: HTMLElement | null;
+    formerPropertyValue: Map<Element, number>;
+    constructor(props: ReactResizeObserverProps);
+    getElement: () => Element | null;
+    handleResizeEventTriggered: (entries: ResizeEntry[]) => void;
+    observeElement: (force?: boolean) => void;
+    mergeRef: (ref: React.Ref<any>, node: HTMLElement) => void;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ReactResizeObserverProps): void;
+    componentWillUnmount(): void;
+    render(): React.ReactElement;
+}
+export {};

package/esm/resizeObserver/index.js

@@ -42,9 +42,10 @@ var ReactResizeObserver = /*#__PURE__*/function (_React$Component) {
     _defineProperty(_assertThisInitialized(_this), "formerPropertyValue", new Map());
     _defineProperty(_assertThisInitialized(_this), "getElement", function () {
       try {
-        // eslint-disable-next-line react/no-find-dom-node
+        // eslint-disable-next-line react-dom/no-find-dom-node
         return findDOMNode(_this.childNode || _assertThisInitialized(_this));
-      } catch (error) {
+        // eslint-disable-next-line unused-imports/no-unused-vars
+      } catch (_error) {
         return null;
       }
     });

package/esm/splitter/Panel.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { InternalPanelProps, PanelProps } from './interface';
-export declare const InternalPanel: React.ForwardRefExoticComponent<InternalPanelProps & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const Panel: React.FC<React.PropsWithChildren<PanelProps>>;
-export default Panel;
+import React from 'react';
+import type { InternalPanelProps, PanelProps } from './interface';
+export declare const InternalPanel: React.ForwardRefExoticComponent<InternalPanelProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const Panel: React.FC<React.PropsWithChildren<PanelProps>>;
+export default Panel;

package/esm/splitter/Panel.js

@@ -5,8 +5,8 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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); }
 import React, { forwardRef, useContext } from 'react';
-import { ConfigContext } from 'antd/es/config-provider';
-import classNames from 'classnames';
+import { ConfigContext } from 'antd/lib/config-provider';
+import clsx from 'clsx';
 export var InternalPanel = /*#__PURE__*/forwardRef(function (props, ref) {
   var customizePrefixCls = props.prefixCls,
     className = props.className,
@@ -17,7 +17,7 @@ export var InternalPanel = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('splitter', customizePrefixCls);
-  var panelClassName = classNames("".concat(prefixCls, "-panel"), _defineProperty({}, "".concat(prefixCls, "-panel-hidden"), size === 0), className);
+  var panelClassName = clsx("".concat(prefixCls, "-panel"), _defineProperty({}, "".concat(prefixCls, "-panel-hidden"), size === 0), className);
   var hasSize = size !== undefined;
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,

package/esm/splitter/SplitBar.d.ts

@@ -1,24 +1,24 @@
-import React from 'react';
-export declare type ShowCollapsibleIconMode = boolean | 'auto';
-export interface SplitBarProps {
-    index: number;
-    active: boolean;
-    prefixCls: string;
-    resizable: boolean;
-    startCollapsible: boolean;
-    endCollapsible: boolean;
-    showStartCollapsibleIcon: ShowCollapsibleIconMode;
-    showEndCollapsibleIcon: ShowCollapsibleIconMode;
-    onOffsetStart: (index: number) => void;
-    onOffsetUpdate: (index: number, offsetX: number, offsetY: number, lazyEnd?: boolean) => void;
-    onOffsetEnd: (lazyEnd?: boolean) => void;
-    onCollapse: (index: number, type: 'start' | 'end') => void;
-    vertical: boolean;
-    ariaNow: number;
-    ariaMin: number;
-    ariaMax: number;
-    lazy?: boolean;
-    containerSize: number;
-}
-declare const SplitBar: React.FC<SplitBarProps>;
-export default SplitBar;
+import React from 'react';
+export type ShowCollapsibleIconMode = boolean | 'auto';
+export interface SplitBarProps {
+    index: number;
+    active: boolean;
+    prefixCls: string;
+    resizable: boolean;
+    startCollapsible: boolean;
+    endCollapsible: boolean;
+    showStartCollapsibleIcon: ShowCollapsibleIconMode;
+    showEndCollapsibleIcon: ShowCollapsibleIconMode;
+    onOffsetStart: (index: number) => void;
+    onOffsetUpdate: (index: number, offsetX: number, offsetY: number, lazyEnd?: boolean) => void;
+    onOffsetEnd: (lazyEnd?: boolean) => void;
+    onCollapse: (index: number, type: 'start' | 'end') => void;
+    vertical: boolean;
+    ariaNow: number;
+    ariaMin: number;
+    ariaMax: number;
+    lazy?: boolean;
+    containerSize: number;
+}
+declare const SplitBar: React.FC<SplitBarProps>;
+export default SplitBar;

package/esm/splitter/SplitBar.js

@@ -10,7 +10,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState } from 'react';
 import { DownOutlined, LeftOutlined, RightOutlined, UpOutlined } from '@ant-design/icons';
-import classNames from 'classnames';
+import clsx from 'clsx';
 import useEvent from 'rc-util/lib/hooks/useEvent';
 import useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';
 function getValidNumber(num) {
@@ -139,6 +139,7 @@ var SplitBar = function SplitBar(props) {
       var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
         event = _Object$entries$_i[0],
         handler = _Object$entries$_i[1];
+      // eslint-disable-next-line react-web-api/no-leaked-event-listener
       window.addEventListener(event, handler);
     }
     return function () {
@@ -160,26 +161,26 @@ var SplitBar = function SplitBar(props) {
     "aria-valuemin": getValidNumber(ariaMin),
     "aria-valuemax": getValidNumber(ariaMax)
   }, lazy && /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(splitBarPrefixCls, "-preview"), _defineProperty({}, "".concat(splitBarPrefixCls, "-preview-active"), !!constrainedOffset)),
+    className: clsx("".concat(splitBarPrefixCls, "-preview"), _defineProperty({}, "".concat(splitBarPrefixCls, "-preview-active"), !!constrainedOffset)),
     style: transformStyle
   }), /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(splitBarPrefixCls, "-dragger"), _defineProperty(_defineProperty({}, "".concat(splitBarPrefixCls, "-dragger-disabled"), !resizable), "".concat(splitBarPrefixCls, "-dragger-active"), active)),
+    className: clsx("".concat(splitBarPrefixCls, "-dragger"), _defineProperty(_defineProperty({}, "".concat(splitBarPrefixCls, "-dragger-disabled"), !resizable), "".concat(splitBarPrefixCls, "-dragger-active"), active)),
     onMouseDown: onMouseDown,
     onTouchStart: onTouchStart
   }), startCollapsible && /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(splitBarPrefixCls, "-collapse-bar"), "".concat(splitBarPrefixCls, "-collapse-bar-start"), getVisibilityClass(showStartCollapsibleIcon)),
+    className: clsx("".concat(splitBarPrefixCls, "-collapse-bar"), "".concat(splitBarPrefixCls, "-collapse-bar-start"), getVisibilityClass(showStartCollapsibleIcon)),
     onClick: function onClick() {
       return onCollapse(index, 'start');
     }
   }, /*#__PURE__*/React.createElement(StartIcon, {
-    className: classNames("".concat(splitBarPrefixCls, "-collapse-icon"), "".concat(splitBarPrefixCls, "-collapse-start"))
+    className: clsx("".concat(splitBarPrefixCls, "-collapse-icon"), "".concat(splitBarPrefixCls, "-collapse-start"))
   })), endCollapsible && /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(splitBarPrefixCls, "-collapse-bar"), "".concat(splitBarPrefixCls, "-collapse-bar-end"), getVisibilityClass(showEndCollapsibleIcon)),
+    className: clsx("".concat(splitBarPrefixCls, "-collapse-bar"), "".concat(splitBarPrefixCls, "-collapse-bar-end"), getVisibilityClass(showEndCollapsibleIcon)),
     onClick: function onClick() {
       return onCollapse(index, 'end');
     }
   }, /*#__PURE__*/React.createElement(EndIcon, {
-    className: classNames("".concat(splitBarPrefixCls, "-collapse-icon"), "".concat(splitBarPrefixCls, "-collapse-end"))
+    className: clsx("".concat(splitBarPrefixCls, "-collapse-icon"), "".concat(splitBarPrefixCls, "-collapse-end"))
   })));
 };
 export default SplitBar;

package/esm/splitter/Splitter.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { SplitterProps } from './interface';
-import './style/index.less';
-declare const Splitter: React.FC<React.PropsWithChildren<SplitterProps>>;
-export default Splitter;
+import React from 'react';
+import type { SplitterProps } from './interface';
+import './style/index.less';
+declare const Splitter: React.FC<React.PropsWithChildren<SplitterProps>>;
+export default Splitter;

package/esm/splitter/Splitter.js

@@ -13,7 +13,6 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useContext, useState } from 'react';
 import { ConfigContext } from 'antd/es/config-provider';
-import classNames from 'classnames';
 import ResizeObserver from 'rc-resize-observer';
 import useEvent from 'rc-util/es/hooks/useEvent';
 import warning from 'rc-util/es/warning';
@@ -24,6 +23,8 @@ import useSizes from "./hooks/useSizes";
 import { InternalPanel } from "./Panel";
 import SplitBar from "./SplitBar";
 import "./style/index.less";
+import clsx from 'clsx';
+import { uniqueId } from 'lodash-es';
 var Splitter = function Splitter(props) {
   var customizePrefixCls = props.prefixCls,
     className = props.className,
@@ -115,7 +116,7 @@ var Splitter = function Splitter(props) {
     });
     (_props$onCollapse = props.onCollapse) === null || _props$onCollapse === void 0 || _props$onCollapse.call(props, collapsed, nextSizes);
   });
-  var containerClassName = classNames(prefixCls, className, "".concat(prefixCls, "-").concat(layout), _defineProperty({}, "".concat(prefixCls, "-rtl"), isRTL), rootClassName);
+  var containerClassName = clsx(prefixCls, className, "".concat(prefixCls, "-").concat(layout), _defineProperty({}, "".concat(prefixCls, "-rtl"), isRTL), rootClassName);
   var maskCls = "".concat(prefixCls, "-mask");
   var stackSizes = React.useMemo(function () {
     var mergedSizes = [];
@@ -173,11 +174,11 @@ var Splitter = function Splitter(props) {
       });
     }
     return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: "split-panel-".concat(idx)
+      key: "split-panel-".concat(uniqueId())
     }, panel, splitBar);
   }), typeof movingIndex === 'number' && /*#__PURE__*/React.createElement("div", {
     "aria-hidden": true,
-    className: classNames(maskCls, "".concat(maskCls, "-").concat(layout))
+    className: clsx(maskCls, "".concat(maskCls, "-").concat(layout))
   })));
 };
 if (process.env.NODE_ENV !== 'production') {

package/esm/splitter/hooks/sizeUtil.d.ts

@@ -1,3 +1,3 @@
-declare type SizeUnit = number | undefined;
-export declare function autoPtgSizes(ptgSizes: SizeUnit[], minPtgSizes: SizeUnit[], maxPtgSizes: SizeUnit[]): number[];
-export {};
+type SizeUnit = number | undefined;
+export declare function autoPtgSizes(ptgSizes: SizeUnit[], minPtgSizes: SizeUnit[], maxPtgSizes: SizeUnit[]): number[];
+export {};