@dtjoy/dt-design 1.0.7 → 1.0.9

package/lib/statusTag/index.d.ts

@@ -0,0 +1,29 @@
+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/lib/statusTag/style/index.d.ts

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

package/lib/style/index.d.ts

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

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

package/lib/table/RcTable/VirtualTable.d.ts

@@ -0,0 +1,2 @@
+declare const RcVirtualTable: import("@rc-component/table/lib/VirtualTable").ForwardGenericVirtualTable;
+export default RcVirtualTable;

package/lib/table/RcTable/index.d.ts

@@ -0,0 +1,2 @@
+declare const RcTable: import("@rc-component/table/lib/Table").ForwardGenericTable;
+export default RcTable;

package/lib/table/Table.d.ts

@@ -0,0 +1,17 @@
+import { EXPAND_COLUMN, Summary } from '@rc-component/table';
+import Column from 'antd/lib/table/Column';
+import ColumnGroup from 'antd/lib/table/ColumnGroup';
+import { SELECTION_ALL, SELECTION_COLUMN, SELECTION_INVERT, SELECTION_NONE } from 'antd/lib/table/hooks/useSelection';
+import type { RefTable } from './interface';
+declare const ForwardTable: RefTable & {
+    displayName?: string | undefined;
+    SELECTION_COLUMN: typeof SELECTION_COLUMN;
+    EXPAND_COLUMN: typeof EXPAND_COLUMN;
+    SELECTION_ALL: typeof SELECTION_ALL;
+    SELECTION_INVERT: typeof SELECTION_INVERT;
+    SELECTION_NONE: typeof SELECTION_NONE;
+    Column: typeof Column;
+    ColumnGroup: typeof ColumnGroup;
+    Summary: typeof Summary;
+};
+export default ForwardTable;

package/lib/table/TableMeasureRowContext.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TableMeasureRowContext: React.Context<boolean>;
+export default TableMeasureRowContext;

package/lib/table/hooks/useContainerWidth.d.ts

@@ -0,0 +1 @@
+export default function useContainerWidth(prefixCls: string): (ele: HTMLElement, width: number) => number;

package/lib/table/index.d.ts

@@ -0,0 +1,7 @@
+import type { TablePaginationConfig, TableProps } from './InternalTable';
+import Table from './Table';
+export type { ColumnGroupType, ColumnsType, ColumnType } from './interface';
+export type { Reference as TableRef } from '@rc-component/table';
+export type { ColumnProps } from 'antd/lib/table/Column';
+export type { TablePaginationConfig, TableProps };
+export default Table;

package/lib/table/interface.d.ts

@@ -0,0 +1,196 @@
+import type * as React from 'react';
+import type { Reference } from '@rc-component/table';
+import type { ExpandableConfig, FixedType, GetComponentProps, GetRowKey, ColumnType as RcColumnType, RenderedCell as RcRenderedCell } from '@rc-component/table/lib/interface';
+import type { CheckboxProps, DropdownProps, PaginationProps, TooltipProps } from 'antd';
+import type { Breakpoint } from 'antd/lib/_util/responsiveObserve';
+import type { INTERNAL_SELECTION_ITEM } from 'antd/lib/table/hooks/useSelection';
+import type { AnyObject } from '../_util/type';
+import type { InternalTableProps, TableProps } from './InternalTable';
+export type RefTable = <RecordType = AnyObject>(props: React.PropsWithChildren<TableProps<RecordType>> & React.RefAttributes<Reference>) => React.ReactElement;
+export type RefInternalTable = <RecordType = AnyObject>(props: React.PropsWithChildren<InternalTableProps<RecordType>> & React.RefAttributes<Reference>) => React.ReactElement;
+export type { ExpandableConfig, GetRowKey };
+export type Key = React.Key;
+export type SafeKey = Exclude<Key, bigint>;
+export type RowSelectionType = 'checkbox' | 'radio';
+export type SelectionItemSelectFn = (currentRowKeys: Key[]) => void;
+export type ExpandType = null | 'row' | 'nest';
+export interface TableLocale {
+    filterTitle?: string;
+    filterConfirm?: React.ReactNode;
+    filterReset?: React.ReactNode;
+    filterEmptyText?: React.ReactNode;
+    /**
+     * @deprecated Please use `filterCheckAll` instead.
+     */
+    filterCheckall?: React.ReactNode;
+    filterCheckAll?: React.ReactNode;
+    filterSearchPlaceholder?: string;
+    emptyText?: React.ReactNode | (() => React.ReactNode);
+    selectAll?: React.ReactNode;
+    selectNone?: React.ReactNode;
+    selectInvert?: React.ReactNode;
+    selectionAll?: React.ReactNode;
+    sortTitle?: string;
+    expand?: string;
+    collapse?: string;
+    triggerDesc?: string;
+    triggerAsc?: string;
+    cancelSort?: string;
+}
+export type SortOrder = 'descend' | 'ascend' | null;
+export type SorterTooltipTarget = 'full-header' | 'sorter-icon';
+export type SorterTooltipProps = TooltipProps & {
+    target?: SorterTooltipTarget;
+};
+declare const _TableActions: readonly ["paginate", "sort", "filter"];
+export type TableAction = (typeof _TableActions)[number];
+export type CompareFn<T = AnyObject> = (a: T, b: T, sortOrder?: SortOrder) => number;
+export interface ColumnFilterItem {
+    text: React.ReactNode;
+    value: React.Key | boolean;
+    children?: ColumnFilterItem[];
+}
+export interface ColumnTitleProps<RecordType = AnyObject> {
+    /** @deprecated Will be remove in v7, Please use `sorterColumns` instead. */
+    sortOrder?: SortOrder;
+    /** @deprecated Will be remove in v7, Please use `sorterColumns` instead. */
+    sortColumn?: ColumnType<RecordType>;
+    sortColumns?: {
+        column: ColumnType<RecordType>;
+        order: SortOrder;
+    }[];
+    filters?: Record<string, FilterValue>;
+}
+export type ColumnTitle<RecordType = AnyObject> = React.ReactNode | ((props: ColumnTitleProps<RecordType>) => React.ReactNode);
+export type FilterValue = (Key | boolean)[];
+export type FilterKey = (string | number)[] | null;
+export type FilterSearchType<RecordType = AnyObject> = boolean | ((input: string, record: RecordType) => boolean);
+export interface FilterConfirmProps {
+    closeDropdown: boolean;
+}
+export interface FilterRestProps {
+    confirm?: boolean;
+    closeDropdown?: boolean;
+}
+export interface FilterDropdownProps {
+    prefixCls: string;
+    setSelectedKeys: (selectedKeys: React.Key[]) => void;
+    selectedKeys: React.Key[];
+    /**
+     * Confirm filter value, if you want to close dropdown before commit, you can call with
+     * {closeDropdown: true}
+     */
+    confirm: (param?: FilterConfirmProps) => void;
+    clearFilters?: (param?: FilterRestProps) => void;
+    filters?: ColumnFilterItem[];
+    /** Only close filterDropdown */
+    close: () => void;
+    visible: boolean;
+}
+interface CoverableDropdownProps extends Omit<DropdownProps, 'onOpenChange' | 'overlay' | 'visible' | 'onVisibleChange'> {
+    onOpenChange?: (open: boolean) => void;
+}
+export interface ColumnType<RecordType = AnyObject> extends Omit<RcColumnType<RecordType>, 'title'> {
+    title?: ColumnTitle<RecordType>;
+    sorter?: boolean | CompareFn<RecordType> | {
+        compare?: CompareFn<RecordType>;
+        /** Config multiple sorter order priority */
+        multiple?: number;
+    };
+    sortOrder?: SortOrder;
+    defaultSortOrder?: SortOrder;
+    sortDirections?: SortOrder[];
+    sortIcon?: (props: {
+        sortOrder: SortOrder;
+    }) => React.ReactNode;
+    showSorterTooltip?: boolean | SorterTooltipProps;
+    filtered?: boolean;
+    filters?: ColumnFilterItem[];
+    filterDropdown?: React.ReactNode | ((props: FilterDropdownProps) => React.ReactNode);
+    filterOnClose?: boolean;
+    filterMultiple?: boolean;
+    filteredValue?: FilterValue | null;
+    defaultFilteredValue?: FilterValue | null;
+    filterIcon?: React.ReactNode | ((filtered: boolean) => React.ReactNode);
+    filterMode?: 'menu' | 'tree';
+    filterSearch?: FilterSearchType<ColumnFilterItem>;
+    onFilter?: (value: React.Key | boolean, record: RecordType) => boolean;
+    /**
+     * Can cover `<Dropdown>` props
+     * @since 5.22.0
+     */
+    filterDropdownProps?: CoverableDropdownProps;
+    filterResetToDefaultFilteredValue?: boolean;
+    responsive?: Breakpoint[];
+    /**
+     * @deprecated Please use `filterDropdownProps.open` instead.
+     * @since 4.23.0
+     */
+    filterDropdownOpen?: boolean;
+    /**
+     * @deprecated Please use `filterDropdownProps.onOpenChange` instead.
+     * @since 4.23.0
+     */
+    onFilterDropdownOpenChange?: (visible: boolean) => void;
+}
+export interface ColumnGroupType<RecordType = AnyObject> extends Omit<ColumnType<RecordType>, 'dataIndex'> {
+    children: ColumnsType<RecordType>;
+}
+export type ColumnsType<RecordType = AnyObject> = (ColumnGroupType<RecordType> | ColumnType<RecordType>)[];
+export interface SelectionItem {
+    key: string;
+    text: React.ReactNode;
+    onSelect?: SelectionItemSelectFn;
+}
+export type SelectionSelectFn<T = AnyObject> = (record: T, selected: boolean, selectedRows: T[], nativeEvent: Event) => void;
+export type RowSelectMethod = 'all' | 'none' | 'invert' | 'single' | 'multiple';
+export interface TableRowSelection<T = AnyObject> {
+    /** Keep the selection keys in list even the key not exist in `dataSource` anymore */
+    preserveSelectedRowKeys?: boolean;
+    type?: RowSelectionType;
+    selectedRowKeys?: Key[];
+    defaultSelectedRowKeys?: Key[];
+    onChange?: (selectedRowKeys: Key[], selectedRows: T[], info: {
+        type: RowSelectMethod;
+    }) => void;
+    getCheckboxProps?: (record: T) => Partial<Omit<CheckboxProps, 'checked' | 'defaultChecked'>>;
+    onSelect?: SelectionSelectFn<T>;
+    /** @deprecated This function will be remove in v7 and should use `onChange` instead */
+    onSelectMultiple?: (selected: boolean, selectedRows: T[], changeRows: T[]) => void;
+    /** @deprecated This function will be remove in v7 and should use `onChange` instead */
+    onSelectAll?: (selected: boolean, selectedRows: T[], changeRows: T[]) => void;
+    /** @deprecated This function will be remove in v7 and should use `onChange` instead */
+    onSelectInvert?: (selectedRowKeys: Key[]) => void;
+    /** @deprecated This function will be remove in v7 and should use `onChange` instead */
+    onSelectNone?: () => void;
+    selections?: INTERNAL_SELECTION_ITEM[] | boolean;
+    hideSelectAll?: boolean;
+    fixed?: FixedType;
+    columnWidth?: string | number;
+    columnTitle?: React.ReactNode | ((checkboxNode: React.ReactNode) => React.ReactNode);
+    checkStrictly?: boolean;
+    /** Set the alignment of the selection column */
+    align?: 'left' | 'center' | 'right';
+    renderCell?: (value: boolean, record: T, index: number, originNode: React.ReactNode) => React.ReactNode | RcRenderedCell<T>;
+    onCell?: GetComponentProps<T>;
+    getTitleCheckboxProps?: () => Partial<Omit<CheckboxProps, 'checked' | 'defaultChecked'>> & React.AriaAttributes;
+}
+export type TransformColumns<RecordType = AnyObject> = (columns: ColumnsType<RecordType>) => ColumnsType<RecordType>;
+export interface TableCurrentDataSource<RecordType = AnyObject> {
+    currentDataSource: RecordType[];
+    action: TableAction;
+}
+export interface SorterResult<RecordType = AnyObject> {
+    column?: ColumnType<RecordType>;
+    order?: SortOrder;
+    field?: Key | readonly Key[];
+    columnKey?: Key;
+}
+export type GetPopupContainer = (triggerNode: HTMLElement) => HTMLElement;
+export type TablePaginationPlacement = 'topStart' | 'topCenter' | 'topEnd' | 'bottomStart' | 'bottomCenter' | 'bottomEnd' | 'none';
+export type TablePaginationPosition = 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 'none';
+export interface TablePaginationConfig extends PaginationProps {
+    placement?: TablePaginationPlacement[];
+    /** @deprecated please use `placement` instead */
+    position?: TablePaginationPosition[];
+}

package/lib/table/style/index.d.ts

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

package/lib/table/util.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { AnyObject } from '../_util/type';
+import type { ColumnTitle, ColumnTitleProps, ColumnType, Key } from './interface';
+export declare const getColumnKey: <RecordType extends AnyObject = AnyObject>(column: ColumnType<RecordType>, defaultKey: string) => Key;
+export declare function getColumnPos(index: number, pos?: string): string;
+export declare const renderColumnTitle: <RecordType extends AnyObject = AnyObject>(title: ColumnTitle<RecordType>, props: ColumnTitleProps<RecordType>) => import("react").ReactNode;
+/**
+ * Safe get column title
+ *
+ * Should filter [object Object]
+ *
+ * @param title
+ */
+export declare const safeColumnTitle: <RecordType extends AnyObject = AnyObject>(title: ColumnTitle<RecordType>, props: ColumnTitleProps<RecordType>) => import("react").ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dtjoy/dt-design",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "react-component",
   "author": {
     "name": "夕颜",