@dtjoy/dt-design 1.0.6 → 1.0.8

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/overflowList/style/index.d.ts

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

package/lib/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/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.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/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.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/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.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/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.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/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/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 {};

package/lib/splitter/hooks/useItems.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
-import type { PanelProps } from '../interface';
-export declare type ItemType = Omit<PanelProps, 'collapsible'> & {
-    collapsible: {
-        start?: boolean;
-        end?: boolean;
-        showCollapsibleIcon: 'auto' | boolean;
-    };
-};
-/**
- * Convert `children` into `items`.
- */
-declare function useItems(children: React.ReactNode): ItemType[];
-export default useItems;
+import * as React from 'react';
+import type { PanelProps } from '../interface';
+export type ItemType = Omit<PanelProps, 'collapsible'> & {
+    collapsible: {
+        start?: boolean;
+        end?: boolean;
+        showCollapsibleIcon: 'auto' | boolean;
+    };
+};
+/**
+ * Convert `children` into `items`.
+ */
+declare function useItems(children: React.ReactNode): ItemType[];
+export default useItems;

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/useResizable.d.ts

@@ -1,10 +1,10 @@
-import type { ShowCollapsibleIconMode } from '../SplitBar';
-import type { ItemType } from './useItems';
-export declare type ResizableInfo = {
-    resizable: boolean;
-    startCollapsible: boolean;
-    endCollapsible: boolean;
-    showStartCollapsibleIcon: ShowCollapsibleIconMode;
-    showEndCollapsibleIcon: ShowCollapsibleIconMode;
-};
-export default function useResizable(items: ItemType[], pxSizes: number[], isRTL: boolean): ResizableInfo[];
+import type { ShowCollapsibleIconMode } from '../SplitBar';
+import type { ItemType } from './useItems';
+export type ResizableInfo = {
+    resizable: boolean;
+    startCollapsible: boolean;
+    endCollapsible: boolean;
+    showStartCollapsibleIcon: ShowCollapsibleIconMode;
+    showEndCollapsibleIcon: ShowCollapsibleIconMode;
+};
+export default function useResizable(items: ItemType[], pxSizes: number[], isRTL: boolean): ResizableInfo[];

package/lib/splitter/hooks/useResize.d.ts

@@ -1,6 +1,6 @@
-import type { ItemType } from './useItems';
-import type { ResizableInfo } from './useResizable';
-/**
- * Handle user drag resize logic.
- */
-export default function useResize(items: ItemType[], resizableInfos: ResizableInfo[], percentSizes: number[], containerSize: number | undefined, updateSizes: (sizes: number[]) => void, isRTL: boolean): readonly [(index: number) => void, (index: number, offset: number) => number[], () => void, (index: number, type: 'start' | 'end') => number[], number | undefined];
+import type { ItemType } from './useItems';
+import type { ResizableInfo } from './useResizable';
+/**
+ * Handle user drag resize logic.
+ */
+export default function useResize(items: ItemType[], resizableInfos: ResizableInfo[], percentSizes: number[], containerSize: number | undefined, updateSizes: (sizes: number[]) => void, isRTL: boolean): readonly [(index: number) => void, (index: number, offset: number) => number[], () => void, (index: number, type: 'start' | 'end') => number[], number | undefined];

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/splitter/hooks/useSizes.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { PanelProps } from '../interface';
-export declare function getPtg(str: string): number;
-export default function useSizes(items: PanelProps[], containerSize?: number): readonly [(string | number | undefined)[], number[], number[], number[], number[], React.Dispatch<React.SetStateAction<(string | number | undefined)[]>>];
+import React from 'react';
+import type { PanelProps } from '../interface';
+export declare function getPtg(str: string): number;
+export default function useSizes(items: PanelProps[], containerSize?: number): readonly [(string | number | undefined)[], number[], number[], number[], number[], React.Dispatch<React.SetStateAction<(string | number | undefined)[]>>];

package/lib/splitter/index.d.ts

@@ -1,8 +1,8 @@
-import Panel from './Panel';
-import SplitterComp from './Splitter';
-export type { SplitterProps } from './interface';
-declare type CompoundedComponent = typeof SplitterComp & {
-    Panel: typeof Panel;
-};
-declare const Splitter: CompoundedComponent;
-export default Splitter;
+import Panel from './Panel';
+import SplitterComp from './Splitter';
+export type { SplitterProps } from './interface';
+type CompoundedComponent = typeof SplitterComp & {
+    Panel: typeof Panel;
+};
+declare const Splitter: CompoundedComponent;
+export default Splitter;

package/lib/splitter/interface.d.ts

@@ -1,69 +1,69 @@
-/// <reference types="react" />
-import { ShowCollapsibleIconMode } from './SplitBar';
-export interface SplitterProps {
-    prefixCls?: string;
-    className?: string;
-    style?: React.CSSProperties;
-    rootClassName?: string;
-    layout?: 'horizontal' | 'vertical';
-    onResizeStart?: (sizes: number[]) => void;
-    onResize?: (sizes: number[]) => void;
-    onResizeEnd?: (sizes: number[]) => void;
-    onCollapse?: (collapsed: boolean[], sizes: number[]) => void;
-    lazy?: boolean;
-}
-export interface PanelProps {
-    className?: string;
-    style?: React.CSSProperties;
-    min?: number | string;
-    max?: number | string;
-    size?: number | string;
-    collapsible?: boolean | {
-        start?: boolean;
-        end?: boolean;
-        showCollapsibleIcon?: ShowCollapsibleIconMode;
-    };
-    resizable?: boolean;
-    defaultSize?: number | string;
-}
-export interface InternalPanelProps extends PanelProps {
-    className?: string;
-    prefixCls?: string;
-}
-export interface UseResizeProps extends Pick<SplitterProps, 'onResize'> {
-    basicsState: number[];
-    items: PanelProps[];
-    panelsRef: React.RefObject<(HTMLDivElement | null)[]>;
-    reverse: boolean;
-    setBasicsState: React.Dispatch<React.SetStateAction<number[]>>;
-}
-export interface UseResize {
-    setSize: (data: {
-        size: number;
-        index: number;
-    }[]) => void;
-    setOffset: (offset: number, containerSize: number, index: number) => void;
-}
-export interface UseHandleProps extends Pick<SplitterProps, 'layout' | 'onResizeStart' | 'onResizeEnd'> {
-    basicsState: number[];
-    containerRef?: React.RefObject<HTMLDivElement | null>;
-    setOffset: UseResize['setOffset'];
-    setResizing: React.Dispatch<React.SetStateAction<boolean>>;
-}
-export interface UseHandle {
-    onStart: (x: number, y: number, index: number) => void;
-}
-export interface UseCollapsibleProps {
-    basicsState: number[];
-    collapsible?: PanelProps['collapsible'];
-    index: number;
-    reverse: boolean;
-    setSize?: UseResize['setSize'];
-}
-export interface UseCollapsible {
-    nextIcon: boolean;
-    overlap: boolean;
-    previousIcon: boolean;
-    onFold: (type: 'previous' | 'next') => void;
-    setOldBasics: () => void;
-}
+/// <reference types="react" />
+import type { ShowCollapsibleIconMode } from './SplitBar';
+export interface SplitterProps {
+    prefixCls?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    rootClassName?: string;
+    layout?: 'horizontal' | 'vertical';
+    onResizeStart?: (sizes: number[]) => void;
+    onResize?: (sizes: number[]) => void;
+    onResizeEnd?: (sizes: number[]) => void;
+    onCollapse?: (collapsed: boolean[], sizes: number[]) => void;
+    lazy?: boolean;
+}
+export interface PanelProps {
+    className?: string;
+    style?: React.CSSProperties;
+    min?: number | string;
+    max?: number | string;
+    size?: number | string;
+    collapsible?: boolean | {
+        start?: boolean;
+        end?: boolean;
+        showCollapsibleIcon?: ShowCollapsibleIconMode;
+    };
+    resizable?: boolean;
+    defaultSize?: number | string;
+}
+export interface InternalPanelProps extends PanelProps {
+    className?: string;
+    prefixCls?: string;
+}
+export interface UseResizeProps extends Pick<SplitterProps, 'onResize'> {
+    basicsState: number[];
+    items: PanelProps[];
+    panelsRef: React.RefObject<(HTMLDivElement | null)[]>;
+    reverse: boolean;
+    setBasicsState: React.Dispatch<React.SetStateAction<number[]>>;
+}
+export interface UseResize {
+    setSize: (data: {
+        size: number;
+        index: number;
+    }[]) => void;
+    setOffset: (offset: number, containerSize: number, index: number) => void;
+}
+export interface UseHandleProps extends Pick<SplitterProps, 'layout' | 'onResizeStart' | 'onResizeEnd'> {
+    basicsState: number[];
+    containerRef?: React.RefObject<HTMLDivElement | null>;
+    setOffset: UseResize['setOffset'];
+    setResizing: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export interface UseHandle {
+    onStart: (x: number, y: number, index: number) => void;
+}
+export interface UseCollapsibleProps {
+    basicsState: number[];
+    collapsible?: PanelProps['collapsible'];
+    index: number;
+    reverse: boolean;
+    setSize?: UseResize['setSize'];
+}
+export interface UseCollapsible {
+    nextIcon: boolean;
+    overlap: boolean;
+    previousIcon: boolean;
+    onFold: (type: 'previous' | 'next') => void;
+    setOldBasics: () => void;
+}