@dtjoy/dt-design 1.0.6 → 1.0.8

package/esm/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/esm/splitter/hooks/useItems.js

@@ -23,8 +23,8 @@ function getCollapsible(collapsible) {
   };
 }
 
-/**
- * Convert `children` into `items`.
+/**
+ * Convert `children` into `items`.
  */
 function useItems(children) {
   var items = React.useMemo(function () {

package/esm/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/esm/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/esm/splitter/hooks/useResize.js

@@ -11,8 +11,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import * as React from 'react';
 import { getPtg } from "./useSizes";
 
-/**
- * Handle user drag resize logic.
+/**
+ * Handle user drag resize logic.
  */
 export default function useResize(items, resizableInfos, percentSizes, containerSize, updateSizes, isRTL) {
   var limitSizes = items.map(function (item) {
@@ -38,9 +38,9 @@ export default function useResize(items, resizableInfos, percentSizes, container
     setCacheSizes = _React$useState2[1];
   var 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.
    */
   var _React$useState3 = React.useState(null),
     _React$useState4 = _slicedToArray(_React$useState3, 2),

package/esm/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/esm/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/esm/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;
+}

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

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

package/esm/statusTag/index.d.ts

@@ -1,28 +1,29 @@
-import React, { CSSProperties, HTMLAttributes, ReactNode } from 'react';
-import './style';
-export declare const PRESET_COLOR_TYPES: readonly ["blue", "yellow", "green", "gray", "red", "purple", "cyan", "pink"];
-export declare const STATUS_TAG_TYPES: readonly ["default", "outline", "fill"];
-export declare type PresetColorType = (typeof PRESET_COLOR_TYPES)[number] | (string & {});
-export declare type StatusTagType = (typeof STATUS_TAG_TYPES)[number];
-export interface IStatusTagProps extends HTMLAttributes<HTMLDivElement> {
-    /** 状态类型 */
-    type?: StatusTagType;
-    /** 是否圆角 */
-    rounded?: boolean;
-    /** 状态颜色（支持预设值/自定义十六进制/RGB） */
-    color?: PresetColorType;
-    /** 是否加载中 */
-    loading?: boolean;
-    /** 自定义图标 */
-    icon?: ReactNode;
-    /** 背景颜色（仅fill类型生效），未设置时使用color的0.15透明度 */
-    background?: string;
-    /** 类名 */
-    className?: string;
-    /** 子节点 */
-    children?: ReactNode;
-    /** 自定义样式 */
-    style?: CSSProperties;
-}
-declare const StatusTag: React.FC<IStatusTagProps>;
-export default StatusTag;
+import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import React from 'react';
+import './style';
+export declare const PRESET_COLOR_TYPES: readonly ["blue", "yellow", "green", "gray", "red", "purple", "cyan", "pink"];
+export declare const STATUS_TAG_TYPES: readonly ["default", "outline", "fill"];
+export type PresetColorType = (typeof PRESET_COLOR_TYPES)[number] | (string & {});
+export type StatusTagType = (typeof STATUS_TAG_TYPES)[number];
+export interface IStatusTagProps extends HTMLAttributes<HTMLDivElement> {
+    /** 状态类型 */
+    type?: StatusTagType;
+    /** 是否圆角 */
+    rounded?: boolean;
+    /** 状态颜色（支持预设值/自定义十六进制/RGB） */
+    color?: PresetColorType;
+    /** 是否加载中 */
+    loading?: boolean;
+    /** 自定义图标 */
+    icon?: ReactNode;
+    /** 背景颜色（仅fill类型生效），未设置时使用color的0.15透明度 */
+    background?: string;
+    /** 类名 */
+    className?: string;
+    /** 子节点 */
+    children?: ReactNode;
+    /** 自定义样式 */
+    style?: CSSProperties;
+}
+declare const StatusTag: React.FC<IStatusTagProps>;
+export default StatusTag;

package/esm/statusTag/index.js

@@ -12,8 +12,8 @@ import React, { useMemo } from 'react';
 import { LoadingOutlined } from '@ant-design/icons';
 import { Spin } from 'antd';
 import { globalConfig } from 'antd/es/config-provider';
-import classNames from 'classnames';
 import "./style";
+import clsx from 'clsx';
 export var PRESET_COLOR_TYPES = Object.freeze(['blue', 'yellow', 'green', 'gray', 'red', 'purple', 'cyan', 'pink']);
 export var STATUS_TAG_TYPES = Object.freeze(['default', 'outline', 'fill']);
 var DEFAULT_OPACITY = 0.15;
@@ -44,10 +44,10 @@ function calculateTransparentColor(color) {
       return char + char;
     }).join('');
   }
-  if (!/^[0-9A-Fa-f]{6}$/.test(hex)) return 'rgba(0, 0, 0, 0.15)';
-  var r = parseInt(hex.substring(0, 2), 16);
-  var g = parseInt(hex.substring(2, 4), 16);
-  var b = parseInt(hex.substring(4, 6), 16);
+  if (!/^[0-9A-F]{6}$/i.test(hex)) return 'rgba(0, 0, 0, 0.15)';
+  var r = Number.parseInt(hex.substring(0, 2), 16);
+  var g = Number.parseInt(hex.substring(2, 4), 16);
+  var b = Number.parseInt(hex.substring(4, 6), 16);
   return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(opacity, ")");
 }
 var StatusTag = /*#__PURE__*/React.memo(function (props) {
@@ -70,7 +70,7 @@ var StatusTag = /*#__PURE__*/React.memo(function (props) {
     return icon === undefined;
   }, [icon]);
   var containerClasses = useMemo(function () {
-    return classNames(prefixCls, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "--border"), type === 'outline'), "".concat(prefixCls, "--fill"), type === 'fill'), "".concat(prefixCls, "--rounded"), rounded), "".concat(prefixCls, "__").concat(color, "--fill"), type === 'fill' && isPresetColor(color)));
+    return clsx(prefixCls, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "--border"), type === 'outline'), "".concat(prefixCls, "--fill"), type === 'fill'), "".concat(prefixCls, "--rounded"), rounded), "".concat(prefixCls, "__").concat(color, "--fill"), type === 'fill' && isPresetColor(color)));
   }, [className, type, color, rounded, prefixCls]);
   var customColorStyle = useMemo(function () {
     if (type !== 'fill' || isPresetColor(color)) return {};
@@ -82,12 +82,12 @@ var StatusTag = /*#__PURE__*/React.memo(function (props) {
   var iconStyleConfig = useMemo(function () {
     if (isPresetColor(color)) {
       return {
-        className: classNames('anticon', _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "__").concat(color, "--icon"), true), "".concat(prefixCls, "__icon--default"), !icon), "".concat(prefixCls, "__").concat(color, "--iconBg"), !icon)),
+        className: clsx('anticon', _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "__").concat(color, "--icon"), true), "".concat(prefixCls, "__icon--default"), !icon), "".concat(prefixCls, "__").concat(color, "--iconBg"), !icon)),
         style: {}
       };
     }
     return {
-      className: classNames('anticon', _defineProperty({}, "".concat(prefixCls, "__icon--default"), !icon)),
+      className: clsx('anticon', _defineProperty({}, "".concat(prefixCls, "__icon--default"), !icon)),
       style: {
         color: icon ? color : undefined,
         background: !icon ? color : undefined

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

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

package/esm/style/index.d.ts

@@ -1 +1 @@
-import './index.less';
+import './index.less';

package/esm/style/index.less

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

package/esm/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/esm/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;

package/esm/table/InternalTable.d.ts

@@ -0,0 +1,32 @@
+import type { TableProps as RcTableProps } from '@rc-component/table';
+import type { SpinProps, TooltipProps } from 'antd';
+import type { SizeType } from 'antd/lib/config-provider/SizeContext';
+import type { FilterValue } from 'antd/lib/table/interface';
+import './style';
+import type { AnyObject } from '../_util/type';
+import type { ColumnsType, GetPopupContainer, RefInternalTable, SorterResult, SortOrder, TableCurrentDataSource, TableLocale, TablePaginationConfig, TableRowSelection } from './interface';
+export type { ColumnsType, TablePaginationConfig };
+export interface TableProps<RecordType> extends Omit<RcTableProps<RecordType>, 'transformColumns' | 'internalHooks' | 'internalRefs' | 'data' | 'columns' | 'scroll' | 'emptyText'> {
+    dropdownPrefixCls?: string;
+    dataSource?: RcTableProps<RecordType>['data'];
+    columns?: ColumnsType<RecordType>;
+    pagination?: false | TablePaginationConfig;
+    loading?: boolean | SpinProps;
+    size?: SizeType;
+    bordered?: boolean;
+    locale?: TableLocale;
+    virtual?: boolean;
+    onChange?: (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<RecordType> | SorterResult<RecordType>[], extra: TableCurrentDataSource<RecordType>) => void;
+    rowSelection?: TableRowSelection<RecordType>;
+    getPopupContainer?: GetPopupContainer;
+    scroll?: RcTableProps<RecordType>['scroll'] & {
+        scrollToFirstRowOnChange?: boolean;
+    };
+    sortDirections?: SortOrder[];
+    showSorterTooltip?: boolean | TooltipProps;
+}
+export interface InternalTableProps<RecordType = AnyObject> extends TableProps<RecordType> {
+    _renderTimes: number;
+}
+declare const _default: RefInternalTable;
+export default _default;