@jerry-fd/ui 0.4.3 → 0.4.5

package/data-table.d.ts

@@ -0,0 +1,378 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { g as FiltersState, F as FilterColumnDef, k as ColumnDataTypes } from './helpers-Bv-Ixm5L.js';
+export { C as CascaderConfig, a as CascaderFieldNames, b as CascaderOption, c as DATE_FORMATS, d as DateDisplayFormat, e as DatePickerConfig, f as FilterColumnOption, I as InputNumberConfig, P as PickerType, R as RangeDatePickerConfig, S as SingleDatePickerConfig, h as formatDateRange, i as getDateDisplayFormat, j as getPickerInputFormat, u as useTransition } from './helpers-Bv-Ixm5L.js';
+import { I as IconType } from './icon-BmaneZ4I.js';
+import { a as Button } from './button-DMIeJ1gB.js';
+import React__default, { ReactNode, Dispatch, SetStateAction } from 'react';
+import * as antd from 'antd';
+import { TableProps } from 'antd';
+import { ColumnType } from 'antd/es/table';
+import * as antd_es_table_interface from 'antd/es/table/interface';
+import { TableCurrentDataSource, SorterResult } from 'antd/es/table/interface';
+import * as _rc_component_pagination_lib_Options from '@rc-component/pagination/lib/Options';
+import * as antd_es_pagination_Pagination from 'antd/es/pagination/Pagination';
+import * as _rc_component_pagination from '@rc-component/pagination';
+import * as antd_es_button from 'antd/es/button';
+import * as _rc_component_table_lib_interface from '@rc-component/table/lib/interface';
+import * as zustand from 'zustand';
+import 'dayjs';
+import 'antd/es/date-picker';
+import 'tailwind-variants';
+
+type ProgressHandler = (args: {
+    loaded: number;
+    /** Content-Length 可知时为实际字节数，否则为 0 */
+    total: number;
+    /** false 时表示服务端未返回 Content-Length（如 chunked 传输），total 不可信 */
+    lengthComputable: boolean;
+    /** lengthComputable 为 true 时为 0-100 的整数，否则为 null */
+    percentage: number | null;
+}) => void;
+type Method = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
+interface XhrRequestInit<T = unknown> extends RequestInit {
+    headers?: Record<string, string>;
+    method?: Method;
+    timeout?: number;
+    responseType?: XMLHttpRequestResponseType;
+    withCredentials?: boolean;
+    onUploadProgress?: ProgressHandler;
+    onDownloadProgress?: ProgressHandler;
+    validateResponse?: (response: T) => boolean;
+    /** 为 true 时 resolve 值携带 status 和 headers，方便取 Content-Disposition 等响应头 */
+    withResponseHeaders?: boolean;
+}
+declare class RequestError extends Error {
+    static ETIMEDOUT: string;
+    static ERR_NETWORK: string;
+    static ERR_BAD_OPTION_VALUE: string;
+    static ERR_BAD_OPTION: string;
+    static ECONNABORTED: string;
+    static ERR_FR_TOO_MANY_REDIRECTS: string;
+    static ERR_DEPRECATED: string;
+    static ERR_BAD_RESPONSE: string;
+    static ERR_BAD_REQUEST: string;
+    static ERR_CANCELED: string;
+    static REQUEST_CANCELED: string;
+    static ERR_NOT_SUPPORT: string;
+    static ERR_INVALID_URL: string;
+    message: string;
+    code?: string | number;
+    data?: unknown;
+    constructor(message: string, code?: string | number, data?: unknown);
+}
+
+type DataTableState = {
+    activeTabId: string;
+    tabs: Record<string, PerTabState>;
+    /** 状态变更版本号，subscribe 用于检测变化 */
+    stateVersion: number;
+    /** 最近一次变更原因 */
+    changeReason: TableChangeReason;
+};
+type TabExternal = Pick<PerTabState, 'loading' | 'syncing' | 'exporting' | 'disabled'>;
+type DataTableActions = {
+    setActiveTab: (tabId: string) => void;
+    initTab: (tabId: string, initial: Partial<PerTabState>) => void;
+    /** 同步外部状态 (不递增 stateVersion，不触发 onTableChange) */
+    syncTabExternal: (tabId: string, external: TabExternal) => void;
+    setFilters: (tabId: string, filters: FiltersState) => void;
+    setPagination: (tabId: string, current: number, pageSize: number) => void;
+    setTableChange: (tabId: string, sorter: SorterState, extra: TableCurrentDataSource<BaseRecord>) => void;
+    setTableSize: (size: TableSize) => void;
+    setColumnVisibility: (key: string, visible: boolean) => void;
+    setColumnVisibilityState: (updater: ColumnVisibilityUpdater) => void;
+    toggleColumnVisibility: (key: string) => void;
+    resetTabUIState: (tabId?: string) => void;
+};
+type DataTableStoreState = DataTableState & DataTableActions;
+
+type UseDataTableProps<TData extends BaseRecord = BaseRecord> = ReturnType<typeof useDataTable<TData>>;
+declare function useDataTable<TData extends BaseRecord = BaseRecord>(options: UseDataTableOptions<TData>): {
+    store: zustand.StoreApi<DataTableStoreState>;
+    activeTabId: string;
+    tabList: TabMeta[];
+    columns: DataTableColumnType<TData>[];
+    filterColumns: FilterColumnDef<BaseRecord>[];
+    tableColumns: DataTableColumnType<TData>[];
+    tableProps: {
+        dataSource: TData[] | undefined;
+        rowKey: string | keyof TData | _rc_component_table_lib_interface.GetRowKey<TData> | undefined;
+        size: antd_es_button.ButtonSize;
+        pagination: false;
+        scroll: ({
+            x?: number | true | string;
+            y?: number | string;
+        } & {
+            scrollToFirstRowOnChange?: boolean;
+        }) | undefined;
+        virtual: boolean | undefined;
+        onChange: (pagination: antd.TablePaginationConfig, filters: Record<string, antd_es_table_interface.FilterValue | null>, sorter: antd_es_table_interface.SorterResult<TData> | antd_es_table_interface.SorterResult<TData>[], extra: TableCurrentDataSource<TData>) => void;
+    };
+    paginationProps: {
+        current: number;
+        pageSize: number;
+        total: number | undefined;
+        onChange: (current: number, pageSize: number) => void;
+        onShowSizeChange: (current: number, pageSize: number) => void;
+        size?: antd_es_button.ButtonSize;
+        className?: string | undefined;
+        style?: React__default.CSSProperties | undefined;
+        disabled?: boolean | undefined;
+        role?: string;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
+        align?: "center" | "end" | "start" | undefined;
+        locale?: _rc_component_pagination.PaginationLocale | undefined;
+        classNames?: antd_es_pagination_Pagination.PaginationClassNamesType;
+        styles?: antd_es_pagination_Pagination.PaginationStylesType;
+        prevIcon?: React__default.ComponentType | React__default.ReactNode;
+        nextIcon?: React__default.ComponentType | React__default.ReactNode;
+        prefixCls?: string | undefined;
+        rootClassName?: string;
+        showSizeChanger?: boolean | antd.SelectProps;
+        pageSizeOptions?: (string | number)[];
+        selectPrefixCls?: string | undefined;
+        defaultCurrent?: number | undefined;
+        totalBoundaryShowSizeChanger?: number;
+        defaultPageSize?: number | undefined;
+        hideOnSinglePage?: boolean | undefined;
+        sizeChangerRender?: _rc_component_pagination_lib_Options.SizeChangerRender;
+        showLessItems?: boolean | undefined;
+        showPrevNextJumpers?: boolean | undefined;
+        showQuickJumper?: boolean | {
+            goButton?: React__default.ReactNode;
+        };
+        showTitle?: boolean | undefined;
+        simple?: boolean | {
+            readOnly?: boolean;
+        } | undefined;
+        jumpPrevIcon?: React__default.ComponentType | React__default.ReactNode;
+        jumpNextIcon?: React__default.ComponentType | React__default.ReactNode;
+        itemRender?: (page: number, type: "page" | "prev" | "next" | "jump-prev" | "jump-next", element: React__default.ReactNode) => React__default.ReactNode;
+        showTotal?: (total: number, range: [number, number]) => React__default.ReactNode;
+        responsive?: boolean;
+        selectComponentClass?: any;
+    };
+    defaultFilters: FiltersState;
+    onFiltersChange: React__default.Dispatch<React__default.SetStateAction<FiltersState>>;
+    toolbarItems: false | ToolbarItemConfig<any>[] | undefined;
+    onToolbarAction: (action: ToolbarAction) => void;
+    isCustomTab: boolean;
+    customRender: ((ctx: TabRenderContext) => React__default.ReactNode) | undefined;
+    tabRenderCtx: TabRenderContext;
+    enableTableAutoScrollSizer: boolean;
+};
+
+type BaseRecord = Record<string, unknown>;
+type TableSize = TableProps['size'];
+type ColumnVisibilityState = Record<string, boolean>;
+type SorterState = SorterResult<BaseRecord> | SorterResult<BaseRecord>[];
+type PaginationState = {
+    current: number;
+    pageSize: number;
+};
+type TableChangeReason = 'filter' | 'paginate' | 'sort' | 'tab_switch' | 'mount';
+/** 单个 Tab 的完整状态 */
+type PerTabState = {
+    pagination: PaginationState;
+    filters: FiltersState;
+    sorter: SorterState;
+    extra: TableCurrentDataSource<BaseRecord>;
+    tableSize: TableSize;
+    columnVisibility: ColumnVisibilityState;
+    loading?: boolean;
+    syncing?: boolean;
+    exporting?: boolean;
+    disabled?: boolean;
+};
+type ColumnVisibilityUpdater = ColumnVisibilityState | ((prev: ColumnVisibilityState) => ColumnVisibilityState);
+type ToolbarAction<T extends BaseRecord = BaseRecord> = {
+    action: string;
+    payload?: T;
+    tableState?: TableChangeState;
+};
+type DataTableFilterConfig = ColumnDataTypes & {
+    displayName?: string;
+    icon?: IconType;
+    pin?: boolean;
+};
+type SkeletonVariant = 'text' | 'avatar' | 'double-line' | 'group';
+type DataTableColumnType<TData> = Omit<ColumnType<TData>, 'filterMode' | 'filterIcon' | 'defaultFilteredValue' | 'filteredValue' | 'filterMultiple' | 'filterOnClose' | 'filterDropdown' | 'filters' | 'filtered' | 'filterSearch' | 'onFilter' | 'filterDropdownProps' | 'filterDropdownOpen' | 'onFilterDropdownOpenChange' | 'filterResetToDefaultFilteredValue'> & {
+    /** 隐藏该列不在table里面显示, 如果有配置 filter 那么它仅会在 filter popover中显示 */
+    hidden?: boolean;
+    filter?: DataTableFilterConfig;
+    skeleton?: SkeletonVariant;
+};
+/** 传给 custom tab render 函数的上下文 */
+type TabRenderContext = {
+    loading?: boolean;
+    syncing?: boolean;
+    exporting?: boolean;
+    disabled?: boolean;
+    filters: FiltersState;
+    pagination: PaginationState;
+    onFiltersChange: Dispatch<SetStateAction<FiltersState>>;
+    onPaginationChange: (current: number, pageSize: number) => void;
+};
+type TabConfigBase = {
+    id: string;
+    label: ReactNode;
+    value: string;
+    loading?: boolean;
+    syncing?: boolean;
+    exporting?: boolean;
+    disabled?: boolean;
+    total?: number;
+    defaultPagination?: PaginationState;
+    defaultFilters?: FiltersState;
+    toolbarItems?: false | ToolbarItemConfig<any>[];
+    enableTableAutoScrollSizer?: boolean;
+};
+type TableTabConfig<TData extends BaseRecord = BaseRecord> = TabConfigBase & {
+    type?: 'table';
+    rowKey?: TableProps<TData>['rowKey'];
+    columns: DataTableColumnType<TData>[];
+    dataSource?: TData[];
+    scroll?: TableProps<TData>['scroll'];
+    bordered?: boolean;
+    virtual?: boolean;
+    defaultSorter?: SorterState;
+};
+type CustomTabConfig = TabConfigBase & {
+    type: 'custom';
+    /** 显式提供，不从 columns 派生 */
+    filterColumns?: FilterColumnDef<BaseRecord>[];
+    render: (ctx: TabRenderContext) => ReactNode;
+};
+type TabConfig<TData extends BaseRecord = BaseRecord> = TableTabConfig<TData> | CustomTabConfig;
+type UseDataTableOptions<TData extends BaseRecord = BaseRecord> = {
+    fireOnMount?: boolean;
+    storageKey?: string;
+    tabList: TabConfig<TData>[];
+    onTabChange?: (tabId: string) => void;
+    onTableChange?: (tabState: TableChangeState, reason: TableChangeReason, tabId: string) => void;
+    onToolbarAction?: (action: ToolbarAction, tabId: string) => void | Promise<void>;
+};
+/** Tab 元数据 (用于渲染 tab 列表) */
+type TabMeta = Pick<TabConfig, 'id' | 'label' | 'value'>;
+type NamedClass = 'root' | 'cardHeader' | 'cardHeading' | 'cardIcon' | 'cardToolbar' | 'cardContent' | 'cardSummary' | 'cardFooter' | 'tableSummary';
+type DataTableProps<TData extends BaseRecord = BaseRecord> = UseDataTableProps<TData> & {
+    ref?: React.Ref<HTMLDivElement>;
+    size?: TableProps['size'];
+    variant?: 'default' | 'accent';
+    cardTitle?: React.ReactNode;
+    cardIcon?: React.ReactNode;
+    cardDescription?: React.ReactNode;
+    alwaysShowingColumns?: string[];
+    style?: React.CSSProperties & {
+        [key: `--${string}`]: string | number;
+    };
+    classNames?: Partial<Record<NamedClass, string>>;
+    slots?: Partial<Record<'cardSummary' | 'cardFooter' | 'tableSummary', React.ReactNode>>;
+};
+type ToolbarBuiltInActionType = 'data_refresh' | 'size_setting' | 'column_setting' | 'data_export' | 'data_import' | 'filter_btn';
+/** 内置 toolbar item 配置 (data_import 专属字段在其他 type 下会被忽略) */
+type BuiltInToolbarItem = {
+    type: Exclude<ToolbarBuiltInActionType, 'data_import'>;
+    key?: string;
+    btnProps?: Omit<React.ComponentProps<typeof Button>, 'onClick'>;
+    tooltip?: string;
+    hidden?: boolean;
+};
+type BuiltInToolbarImportItem = Omit<BuiltInToolbarItem, 'type'> & {
+    type: 'data_import';
+    /** accept 仅支持 mime 类型 eg: text/csv */
+    accept?: string;
+    acceptHint?: string;
+    onBeforeUpload?: (files: File[]) => boolean | Promise<File[]>;
+    requestConfig: Omit<XhrRequestInit, 'body'> & {
+        /** 上传地址 */
+        url: string;
+        /** 文件名 */
+        fieldName?: string;
+        body?: Record<string, unknown> | FormData;
+        onSuccess?: (response: unknown) => void;
+        onFailed?: (error: RequestError) => void;
+        /** 自定义验证服务端响应的数据是否正确 */
+        validateResponse?: (response: unknown) => boolean;
+    };
+};
+/** 自定义 toolbar item */
+type CustomToolbarItem<TData = unknown> = {
+    type: 'custom';
+    key: string;
+    render: (ctx: ToolbarRenderContext<TData>) => React.ReactNode;
+    hidden?: boolean;
+};
+/** 渲染 context，传递给自定义组件 */
+interface ToolbarRenderContext<TData = unknown> {
+    disabled?: boolean;
+    loading?: boolean;
+    syncing?: boolean;
+    exporting?: boolean;
+    columns: DataTableColumnType<TData>[];
+    onAction: (action: ToolbarAction) => void | Promise<void>;
+}
+type ToolbarItemConfig<TData = any> = ToolbarBuiltInActionType | BuiltInToolbarItem | BuiltInToolbarImportItem | CustomToolbarItem<TData>;
+type TableChangeState = {
+    pagination: PaginationState;
+    filters: FiltersState;
+    sorter: SorterState;
+};
+
+declare function DataTable<TData extends BaseRecord = BaseRecord>(props: DataTableProps<TData>): react_jsx_runtime.JSX.Element;
+
+declare const DEFAULT_TOOLBAR_ITEMS: ToolbarItemConfig[];
+
+export { DEFAULT_TOOLBAR_ITEMS, DataTable, type DataTableColumnType, FilterColumnDef, FiltersState, type PaginationState, type SorterState, type TabConfig, type TabMeta, type ToolbarItemConfig, type UseDataTableOptions, useDataTable };

package/data-table.js

@@ -0,0 +1,2 @@
+import {j,k as k$1,l as l$1,e,b as b$1,c as c$1,m as m$2,f,g,h,o as o$1,d}from'./chunk-GL6SS2S2.js';import {O as O$1,V,k,l,p,s,c,r,t,q,U,n,T,m as m$1,o,M,i,D as D$1,E,v,F,w,x,z,y,A,B}from'./chunk-T44X4HCD.js';export{P as DATE_FORMATS,R as formatDateRange,Q as getDateDisplayFormat,S as getPickerInputFormat,O as useTransition}from'./chunk-T44X4HCD.js';import {b}from'./chunk-M7AD2PUT.js';import {Table,Pagination,Checkbox}from'antd';import {AnimatePresence,m}from'motion/react';import P,{useState,useCallback}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {create,useStore,createStore}from'zustand';import {useShallow}from'zustand/react/shallow';import {persist}from'zustand/middleware';import {immer}from'zustand/middleware/immer';import {Check,Upload,Download,RefreshCw,FolderUp}from'lucide-react';import {Progress,Portal}from'radix-ui';function me(e){P.useEffect(e,[]);}var da={small:"min-h-22",medium:"min-h-26",middle:"min-h-30",large:"min-h-38"};function mt({count:e,size:n="small",classNames:a,columns:t,scroll:o}){let r=P.useCallback(()=>pa(t,da[n]),[t,n]);return jsx(Table,{rowKey:"id",size:n,rowHoverable:false,classNames:a,dataSource:Array.from({length:e},(s,c)=>({id:c})),pagination:false,scroll:o,children:t.map((s,c)=>jsx(Table.Column,{dataIndex:s.dataIndex,width:s.width,title:jsx(m$2,{className:"h-22 w-full animate-none bg-bg-antd"}),render:r,onCell:()=>c===0?{colSpan:t.length}:{colSpan:0}},s.key||s.dataIndex))})}var ut=16;function pa(e,n){let a=e.length,o=`calc((100% - ${ut*(a-1)}px) / ${a})`,r=e.some(s=>s.skeleton==="avatar"||s.skeleton==="double-line");return jsx("div",{className:c("flex items-center",n),style:{gap:`${ut}px`},children:e.map((s,c)=>{let l=s?.key??c;return jsx("div",{style:{width:o},children:ua(s.skeleton,r)},l)})})}function ua(e,n){switch(e){case "avatar":return jsx(ba,{});case "double-line":return jsx(fa,{});case "group":return jsx(Ta,{needAlignment:n});default:return jsx(ma,{needAlignment:n})}}function ma({needAlignment:e}){return jsxs("div",{className:"grid h-full gap-4",children:[e&&jsx("div",{className:"h-12 w-1"}),jsx(m$2,{className:"h-10"})]})}function ba(){return jsxs("div",{className:"flex w-full items-center gap-6",children:[jsx(m$2,{className:"shrink-0 rounded-full",style:{width:"var(--avatar-size, 32px)",height:"var(--avatar-size, 32px)"}}),jsxs("div",{className:"grid flex-1 gap-4",children:[jsx(m$2,{className:"h-12 w-[60%]"}),jsx(m$2,{className:"h-10"})]})]})}function fa(){return jsxs("div",{className:"grid h-full w-full gap-4 py-4",children:[jsx(m$2,{className:"h-12 w-[60%]"}),jsx(m$2,{className:"h-10"})]})}function Ta({needAlignment:e}){return jsxs("div",{className:"grid h-full gap-4",children:[e&&jsx("div",{className:"h-12 w-1"}),jsxs("div",{className:"flex w-full items-center gap-4",children:[jsx(m$2,{className:"h-10 w-[20%]"}),jsx(m$2,{className:"h-10 w-[20%]"}),jsx(m$2,{className:"h-10 w-[20%]"}),jsx(m$2,{className:"h-10 w-[20%]"}),jsx(m$2,{className:"h-10 w-[20%]"})]})]})}var O={pagination:{current:1,pageSize:10},filters:[],sorter:{},extra:{action:"paginate",currentDataSource:[]},tableSize:"middle",columnVisibility:{},exporting:false,loading:false,syncing:false,disabled:false},Q=(e,n)=>(e.tabs[n]||(e.tabs[n]={...O}),e.tabs[n]),Da="APP_UI_TABLE_CONFIG",ha=(e,n)=>({activeTabId:n,tabs:{},stateVersion:0,changeReason:"mount",setActiveTab:a=>e(t=>{t.activeTabId=a,Q(t,a),t.changeReason="tab_switch",t.stateVersion++;}),syncTabExternal:(a,t)=>e(o=>{let r=o.tabs[a];r&&(r.loading=t.loading,r.syncing=t.syncing,r.exporting=t.exporting,r.disabled=t.disabled);}),initTab:(a,t)=>e(o=>{let r=o.tabs[a];r?(t.pagination&&(r.pagination=t.pagination),t.filters&&(r.filters=t.filters),t.sorter&&(r.sorter=t.sorter),r.loading=t.loading,r.syncing=t.syncing,r.exporting=t.exporting,r.disabled=t.disabled):o.tabs[a]={...O,...t};}),setFilters:(a,t)=>e(o=>{let r=Q(o,a);r.filters=t,r.pagination.current=1,o.changeReason="filter",o.stateVersion++;}),setPagination:(a,t,o)=>e(r=>{let s=Q(r,a);s.pagination={current:t,pageSize:o},r.changeReason="paginate",r.stateVersion++;}),setTableChange:(a,t,o)=>e(r=>{let s=Q(r,a);s.sorter=t,s.extra=o,r.changeReason="sort",r.stateVersion++;}),setTableSize:a=>e(t=>{Q(t,t.activeTabId).tableSize=a;}),setColumnVisibility:(a,t)=>e(o=>{Q(o,o.activeTabId).columnVisibility[a]=t;}),setColumnVisibilityState:a=>e(t=>{let o=Q(t,t.activeTabId);o.columnVisibility=typeof a=="function"?a(o.columnVisibility):a;}),toggleColumnVisibility:a=>e(t=>{let o=Q(t,t.activeTabId);o.columnVisibility[a]=!o.columnVisibility[a];}),resetTabUIState:a=>e(t=>{let o=a??t.activeTabId,r=t.tabs[o];r&&(r.tableSize=O.tableSize,r.columnVisibility={});})}),bt=(e,n=Da)=>createStore()(persist(immer(a=>ha(a,e)),{name:n,partialize:a=>({tableUIStatus:Object.fromEntries(Object.entries(a.tabs).map(([t,o])=>[t,{tableSize:o.tableSize,columnVisibility:o.columnVisibility}]))}),merge:(a,t)=>{let o=a,r={...t};if(!o?.tableUIStatus)return r;for(let[s,c]of Object.entries(o.tableUIStatus)){let l=r.tabs[s];l?(c.tableSize&&(l.tableSize=c.tableSize),c.columnVisibility&&(l.columnVisibility=c.columnVisibility)):r.tabs[s]={...O,tableSize:c.tableSize??O.tableSize,columnVisibility:c.columnVisibility??{}};}return r}}));var Tt=P.createContext(null),gt=["id","action","actions"],yt=P.createContext({alwaysShowingColumns:gt});function Ct({store:e,tabList:n,alwaysShowingColumns:a,children:t}){let o=P.useMemo(()=>({tabList:n,alwaysShowingColumns:a??gt}),[n,a]);return jsx(yt.Provider,{value:o,children:jsx(Tt.Provider,{value:e,children:t})})}function fe(){let e=P.useContext(Tt);if(!e)throw new Error("useDataTableStoreApi must be used within DataTableProvider");return e}function J(e){let n=fe();return useStore(n,e)}function Dt(){let e=fe();return useStore(e,useShallow(n=>n.tabs[n.activeTabId]??O))}function ht(){return J(e=>e.tabs[e.activeTabId]?.tableSize??O.tableSize)}function St(){let e=fe();return useStore(e,useShallow(n=>n.tabs[n.activeTabId]?.columnVisibility??O.columnVisibility))}function vt(){let e=fe();return useStore(e,useShallow(n=>{let a=n.tabs[n.activeTabId];return {loading:a?.loading??false,syncing:a?.syncing??false,exporting:a?.exporting??false,disabled:a?.disabled??false}}))}function re(){return P.useContext(yt)}function xt(e){let{tabList:n$1}=re(),a=J(o=>o.activeTabId),t=J(o=>o.setActiveTab);return !n$1||!n$1?.length||n$1.length===1?null:jsx(n,{...e,children:jsx(f,{className:c("w-full"),value:a,onValueChange:t,children:jsx(g,{variant:"line",size:"medium",className:"w-full px-12",children:n$1.map(o=>jsx(h,{value:o.value,className:"py-8",children:o.label},o.id))})})})}var Z=create((e,n)=>({activeTableId:"",tasks:{},updateTableId:a=>e(()=>({activeTableId:a})),addTask:a=>e(t=>{let o=t.activeTableId;return {tasks:{...t.tasks,[o]:[...t.tasks[o]??[],a]}}}),removeTask:a=>e(t=>{let o=t.activeTableId;return {tasks:{...t.tasks,[o]:(t.tasks[o]??[]).filter(r=>r.localTaskId!==a)}}}),updateTask:(a,t)=>e(o=>{let r=o.activeTableId;return {tasks:{...o.tasks,[r]:(o.tasks[r]??[]).map(s=>s.localTaskId===a?{...s,...t}:s)}}}),getTasks:()=>{let a=n();return a.tasks[a.activeTableId]??[]}})),ge=()=>Z(useShallow(e=>e.tasks[e.activeTableId]??[]));function Rt({className:e,...n}){let a=O$1(),[t,o]=P.useState(false),r=J(l=>l.setTableSize),s=ht(),c$1=P.useMemo(()=>[{groupType:"radio",value:s,options:[{label:a("large"),value:"large"},{label:a("middle"),value:"middle"},{label:a("compact"),value:"small"}],onValueChange:r}],[r,a,s]);return jsx(o$1,{side:"bottom",align:"end",collisionPadding:6,items:c$1,className:"min-w-100",open:t,onOpenChange:o,children:jsxs(M,{mode:"stroke",variant:"neutral",size:"small",className:c("gap-0",e,t&&"active"),...n,children:[jsx(i,{content:a("density"),size:"small",children:jsx("div",{className:"absolute inset-0"})}),jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"size-16",viewBox:"0 0 1024 1024",children:jsx("path",{d:"M840 836H184c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h656c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm0-724H184c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h656c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zM610.8 378c6 0 9.4-7 5.7-11.7L515.7 238.7a7.14 7.14 0 0 0-11.3 0L403.6 366.3a7.23 7.23 0 0 0 5.7 11.7H476v268h-62.8c-6 0-9.4 7-5.7 11.7l100.8 127.5c2.9 3.7 8.5 3.7 11.3 0l100.8-127.5c3.7-4.7.4-11.7-5.7-11.7H548V378h62.8z"})})]})})}function Pt(e,n){return new Promise((a,t)=>{let r=Object.assign({},{method:"GET",responseType:"json"},n),{method:s,timeout:c,responseType:l,headers:p,body:i,validateResponse:f}=r,h;function g(){r.signal&&r.signal.removeEventListener("abort",h);}if(r.signal&&r.signal.aborted)return t(new D("Aborted"));let m=new XMLHttpRequest,b=null,u=null;m.open(s.toUpperCase(),e,true),m.timeout=c||0,m.withCredentials=r.withCredentials===true,m.onloadend=function(){if(!m)return;let x=m.status,N=m.getResponseHeader("Content-Type")??"",z=l&&l!=="text"&&l!=="json",k=z?m.response:m.responseText,G=m.getAllResponseHeaders().split(`\r
+`).reduce((y,I)=>{let V=I.indexOf(": ");return V!==-1&&(y[I.slice(0,V).toLowerCase()]=I.slice(V+2)),y},{});function L(y){if(b){b.cancel();let I=y instanceof Blob?y.size:y instanceof ArrayBuffer?y.byteLength:typeof y=="string"?y.length:0;r.onDownloadProgress?.({loaded:I,total:I,lengthComputable:true,percentage:100});}r.withResponseHeaders?a({data:y,status:x,headers:G}):a(y);}if(x>=200&&x<300)if(l==="json"){let y=k;try{let I=y!==""?JSON.parse(y):null;if(!(f?.(I)??!0))throw new D("invalid response");L(I);}catch(I){t(I);}}else f?.(k)??true?L(k):t(new D("invalid response"));else {let y=null;if(!z)if(N.includes("application/json"))try{y=k!==""?JSON.parse(k):null;}catch{}else y=k||null;t(new D("Xhr Request failed",x,y));}g(),m=null;},m.onabort=function(){m&&(b?.cancel(),u?.cancel(),t(new D(D.ECONNABORTED)),g(),m=null);},m.onerror=function(){b?.cancel(),u?.cancel(),t(new D("Network Error",D.ERR_NETWORK)),g(),m=null;},m.ontimeout=function(){b?.cancel(),u?.cancel(),t(new D("Timeout exceeded",D.ETIMEDOUT)),g(),m=null;},typeof p=="object"&&Object.keys(p).forEach(E=>{m?.setRequestHeader(E,p[E]);}),i==null&&m.setRequestHeader("Content-Type",""),l&&l!=="json"&&(m.responseType=l),r.onDownloadProgress&&(b=Et(r.onDownloadProgress),m.addEventListener("progress",b)),r.onUploadProgress&&m.upload&&(u=Et(r.onUploadProgress),m.upload.addEventListener("progress",u),m.upload.addEventListener("loadend",E=>{u?.cancel(),r.onUploadProgress?.({loaded:E.loaded,total:E.loaded,lengthComputable:true,percentage:100});})),r.signal&&(h=()=>{m&&(t(new D(D.REQUEST_CANCELED,D.REQUEST_CANCELED)),m.abort(),m=null);},r.signal.aborted?h():r.signal.addEventListener("abort",h)),m.send(i??null);})}function Et(e){return d(a=>{e({loaded:a.loaded,total:a.lengthComputable?a.total:0,lengthComputable:a.lengthComputable,percentage:a.lengthComputable&&a.total>0?Math.round(a.loaded/a.total*100):null});},250)}var D=class extends Error{constructor(a,t,o){super(a);b(this,"message");b(this,"code");b(this,"data");this.name="RequestError",this.message=a,t&&(this.code=t),o!==void 0&&(this.data=o);}};b(D,"ETIMEDOUT","ETIMEDOUT"),b(D,"ERR_NETWORK","ERR_NETWORK"),b(D,"ERR_BAD_OPTION_VALUE","ERR_BAD_OPTION_VALUE"),b(D,"ERR_BAD_OPTION","ERR_BAD_OPTION"),b(D,"ECONNABORTED","ECONNABORTED"),b(D,"ERR_FR_TOO_MANY_REDIRECTS","ERR_FR_TOO_MANY_REDIRECTS"),b(D,"ERR_DEPRECATED","ERR_DEPRECATED"),b(D,"ERR_BAD_RESPONSE","ERR_BAD_RESPONSE"),b(D,"ERR_BAD_REQUEST","ERR_BAD_REQUEST"),b(D,"ERR_CANCELED","ERR_CANCELED"),b(D,"REQUEST_CANCELED","REQUEST_CANCELED"),b(D,"ERR_NOT_SUPPORT","ERR_NOT_SUPPORT"),b(D,"ERR_INVALID_URL","ERR_INVALID_URL");var wt=(e=false)=>{let[n,a]=useState(e),t=useCallback(()=>{a(true);},[]),o=useCallback(()=>{a(false);},[]);return [n,t,o]};var At=150,ye={ease:[.26,.08,.25,1],duration:.25},wa={initial:{opacity:0,scale:.95},visible:{opacity:1,scale:1,transition:{...ye,when:"beforeChildren"}},hidden:{opacity:0,scale:1.05,transition:{...ye,when:"afterChildren"}}},Aa={initial:{y:10,opacity:0},visible:{y:0,opacity:1,transition:ye},hidden:{y:-10,opacity:0,transition:ye}};function _t({containerRef:e,accept:n,acceptHint:a,onFileSelect:t}){let o=P.useRef(null),r=P.useRef(null),[s,c,l]=wt(false),p=P.useCallback(g=>{g.stopPropagation();let{target:m,relatedTarget:b}=g;m.matches(".data-drop-target, .data-drop-area")&&(!b||!b.matches(".data-drop-target, .data-drop-area"))&&(o.current=window.setTimeout(()=>{l();},At));},[l]),i=P.useCallback(()=>{o.current&&window.clearTimeout(o.current);},[]),f=P.useCallback(()=>{o.current&&window.clearTimeout(o.current),o.current=window.setTimeout(()=>{l();},At);},[l]),h=P.useEffectEvent(async g=>{let{dataTransfer:m}=g,b=[];m.files&&m.files.length>0&&(b=b.concat(Array.from(m.files))),b.length&&(r.current&&window.clearTimeout(r.current),r.current=window.setTimeout(()=>{t?.(b);},600));});return me(()=>{if(!e?.current)return;let g=e.current;return g.addEventListener("dragenter",c),()=>{g.removeEventListener("dragenter",c),o.current&&window.clearTimeout(o.current),r.current&&window.clearTimeout(r.current);}}),jsx(Portal.Root,{container:e?.current,asChild:true,children:jsx(AnimatePresence,{children:s&&jsx(m.div,{className:"data-drop-area absolute inset-0 bottom-8 z-10 flex items-center justify-center select-none",onDragLeave:p,onDragOver:i,onDrop:f,initial:"hidden",animate:"visible",exit:"hidden",variants:wa,children:jsx(Na,{accept:n,acceptHint:a,onFileSelect:h})})})})}function Na({accept:e,acceptHint:n,onFileSelect:a}){let t=O$1(),[o,r]=P.useState(false),s=P.useCallback(p=>{if(!e||!p.dataTransfer.items.length){r(false);return}let i=[...p.dataTransfer.items].every(f=>_a(f.type,e));r(!i);},[e]),c$1=P.useCallback(p=>{let{relatedTarget:i,currentTarget:f}=p;i&&f.contains(i)&&p.stopPropagation();},[]),l=P.useCallback(p=>{if(o){p.preventDefault();return}a(p);},[o,a]);return jsxs("div",{"data-dropzone":true,onDragEnter:s,onDrop:l,onDragLeave:c$1,className:"data-drop-target relative flex h-full w-full items-center justify-center rounded-[8px] bg-bg-weak p-16",children:[jsx("svg",{className:c("pointer-events-none absolute top-16 left-16 h-[calc(100%-32px)] w-[calc(100%-32px)] overflow-visible",o?"text-error-base":"text-primary-base"),children:jsx("rect",{x:"0",y:"0",width:"100%",height:"100%",rx:"8",fill:"none",stroke:"currentColor",strokeDasharray:"11, 8",strokeDashoffset:"0",strokeLinecap:"round",strokeWidth:"2",children:jsx("animate",{attributeName:"stroke-dashoffset",from:"0",to:"-19",dur:"0.5s",repeatCount:"indefinite"})})}),jsxs(m.div,{className:c("pointer-events-none flex flex-col items-center gap-4",o?"text-error-base":"text-primary-base"),variants:Aa,children:[jsxs("div",{className:"flex flex-col items-center",children:[jsx(FolderUp,{className:"size-48"}),jsx("strong",{className:"text-title-h6",children:t(o?"file_type_rejected":"drop_file_hint")})]}),jsx("span",{className:"text-text-soft",children:n?t("file_support_list",{formats:n}):t("file_support_all")})]})]})}function _a(e,n,a=""){if(!n||n==="*")return  true;if(!e&&!a)return  false;let t=n.split(",").map(s=>s.trim().toLowerCase()),o=(e||"").toLowerCase(),r=(a||"").toLowerCase();return t.some(s=>{if(s.startsWith("."))return r.endsWith(s);if(s.endsWith("/*")){let c=s.slice(0,-1);return o.startsWith(c)}return o===s})}function Lt(e=""){return `${e}-${Date.now().toString(36)+Math.random().toString(36).slice(2)}`}function Ot(e){return e?e.filter(n=>n.filter!==void 0).map(n=>{let{filter:a,dataIndex:t,title:o}=n,r=Array.isArray(t)?t.join("."):t,s=a.displayName??(typeof o=="string"?o:r);return {...a,columnId:r,displayName:s}}):[]}function Bt(e){return e.key?String(e.key):Array.isArray(e.dataIndex)?e.dataIndex.join("."):String(e.dataIndex)}function La(e){return typeof e=="string"&&e.length>0}function Mt(e){return [Array.isArray(e.dataIndex)?e.dataIndex.join(" "):typeof e.dataIndex=="string"?e.dataIndex:null,typeof e.title=="string"?e.title:null,e.key!==null?String(e.key):null].filter(La)}function Ft(e,n=22){if(!e)return "";if(e.length<=n)return e;let a=Math.floor(n/2.5),t=e.lastIndexOf("."),o,r;if(t>0?(o=e.substring(0,t),r=e.substring(t)):(o=e,r=""),o.length<=a*2)return e;let s=o.substring(0,a),c=o.substring(o.length-a);return `${s}\u2026${c}${r}`}function zt(e,n){return {type:"import",localTaskId:Lt(n?`import-file-${n}`:"import-file"),status:"pending",progress:0,file:e}}function Ht({tooltip:e,btnProps:n,disabled:a,loading:t,containerRef:o,accept:r,acceptHint:s,requestConfig:c,onBeforeUpload:l}){let p=O$1(),i$1=P.useId(),f=Z(b=>b.addTask),h=Z(b=>b.updateTask),g=a||t,m=P.useCallback(async b=>{if(b=[b[0]],l&&typeof l=="function"){let u=await l(b);if(u===false)return;Array.isArray(u)&&(b=u);}b.forEach((u,E)=>{let x=new AbortController,N={...zt(u,E),abortController:x};if(f(N),!c)throw Error("requestConfig is required.");let{url:z,method:k="POST",fieldName:G="file",body:L,onSuccess:y,onFailed:I,onUploadProgress:V,...W}=c,B=new FormData;B.append(G,u),L instanceof FormData?L.forEach((_,$)=>B.append($,_)):L&&Object.keys(L).forEach(_=>{B.append(_,L[_]);}),Pt(z,{...W,onUploadProgress:_=>{V?.(_),h(N.localTaskId,{status:"importing",progress:_.percentage??0});},method:k,body:B,signal:x.signal}).then(_=>{y?.(_),h(N.localTaskId,{status:"done"});}).catch(_=>{I?.(_),h(N.localTaskId,{status:"failed"});});});},[c,l,f,h]);return jsxs(Fragment,{children:[jsx(_t,{containerRef:o,onFileSelect:m,accept:r,acceptHint:s}),jsx("input",{type:"file",id:i$1,accept:r,multiple:false,onChange:b=>{let u=Array.from(b.target.files??[]);u.length&&(m(u),b.target.value="");},className:"invisible absolute -top-9999 -left-9999"}),jsx(i,{content:e??p("import_tooltip"),children:jsx("label",{htmlFor:i$1,className:"m-0 inline-flex cursor-pointer p-0 leading-none",children:jsx(M,{variant:"neutral",mode:"stroke",loading:t,startContent:jsx(Upload,{}),disabled:g,className:"pointer-events-none",...n,children:p("data_import")})})})]})}function $t({disabled:e,columns:n}){let a=O$1(),{alwaysShowingColumns:t}=re(),[o,r]=P.useState(false),s=St(),c$1=J(p=>p.setColumnVisibilityState),l=P.useCallback((p,i)=>{c$1(f=>({...f,[p]:i}));},[c$1]);return jsxs(D$1,{open:o,onOpenChange:r,children:[jsx(E,{asChild:true,children:jsx(M,{mode:"stroke",variant:"neutral",size:"small",className:c(o&&"active","relative gap-0"),disabled:e,startContent:jsx(v,{}),children:jsx(i,{content:a("column_set"),children:jsx("div",{className:"absolute inset-0"})})})}),jsx(F,{align:"end",side:"bottom",arrow:false,className:"w-fit rounded-xl p-0",sideOffset:6,children:jsxs(w,{children:[jsx(x,{autoFocus:true,placeholder:"Search..."}),jsx(z,{children:a("no_results")}),jsx(y,{className:"max-h-256",children:jsx(A,{children:n.map(p=>{let i=Bt(p),f=s[i]!==false,h=typeof p.title=="string"&&p.title?.trim()==="",g=h?p.key:p.title;return jsxs(B,{keywords:Mt(p),onSelect:()=>l(i,!f),className:"group flex items-center gap-6",value:i,disabled:t?.includes(i),children:[jsx(Checkbox,{checked:f,tabIndex:-1,className:c("mr-4 opacity-100")}),jsx("span",{className:c(h&&"capitalize"),children:g})]},i)})})})]})})]})}var Kt=["data_refresh","size_setting","column_setting","filter_btn"];function Ua({btnProps:e,disabled:n,loading:a,onAction:t}){let o=O$1();return jsx(M,{variant:"primary",startContent:jsx(Download,{}),loading:a,disabled:n||a,onClick:()=>t({action:"data_export"}),...e,children:o("data_export")})}var $a={initial:{opacity:0,scale:.85,x:10,originX:1},animate:{opacity:1,scale:1,x:0,originX:1},exit:{opacity:0,scale:.85,x:10,originX:1}},Xa={ease:[.26,.08,.25,1],duration:.25};function Wt({containerRef:e,columns:n,filter:a,items:t=Kt,className:o,onAction:r,...s}){let{loading:c$1,syncing:l,exporting:p,disabled:i}=Dt(),f=P.useMemo(()=>t.map(u=>Wa(u)),[t]),h=P.useMemo(()=>f.filter(u=>!u.hidden),[f]),g=P.useCallback(u=>{r?.(u);},[r]),m$1=P.useMemo(()=>({disabled:i,loading:c$1,syncing:l,exporting:p,columns:n,onAction:g}),[i,c$1,p,l,n,g]),b=u=>{let E={btnProps:u.btnProps,tooltip:u.tooltip,disabled:i||l||c$1,loading:c$1,onAction:g};switch(u.type){case "data_refresh":return jsx(Ka,{...E,syncing:l});case "size_setting":return jsx(Rt,{...u.btnProps});case "column_setting":return jsx($t,{...u.btnProps,columns:n});case "data_export":return jsx(Ua,{...E,loading:p});case "data_import":return jsx(Ht,{...E,loading:p,containerRef:e,requestConfig:u.requestConfig,onBeforeUpload:u.onBeforeUpload,acceptHint:u.acceptHint,accept:u.accept});case "custom":return u.render?.(m$1);case "filter_btn":return a;default:return null}};return jsx(m.div,{"data-slot":"data-table-toolbar",className:c("flex items-center gap-8 transition-opacity",o),...s,children:jsx(AnimatePresence,{mode:"popLayout",initial:false,children:h.map(u=>jsx(m.div,{layout:true,variants:$a,initial:"initial",animate:"animate",exit:"exit",className:"leading-none",transition:Xa,children:b(u)},u.key))})})}function Ka({btnProps:e,tooltip:n,disabled:a,loading:t,syncing:o,onAction:r}){let s=O$1(),c=n??s("refresh");return jsx(i,{content:c,children:jsx(M,{mode:"stroke",variant:"neutral",startContent:jsx(RefreshCw,{}),loading:o||t,disabled:a||t||o,className:"gap-0",onClick:()=>r({action:"data_refresh"}),...e})})}function Wa(e){return typeof e=="string"?{type:e,key:e}:e.type==="custom"?{type:"custom",key:e.key,hidden:e.hidden,render:e.render}:e.type==="data_import"?{type:"data_import",key:e.key??e.type,hidden:e.hidden,btnProps:e.btnProps,tooltip:e.tooltip,accept:e.accept,acceptHint:e.acceptHint,requestConfig:e.requestConfig,onBeforeUpload:e.onBeforeUpload}:{type:e.type,key:e.key??e.type,hidden:e.hidden,btnProps:e.btnProps,tooltip:e.tooltip}}function Gt({className:e,value:n,...a}){return jsx(Progress.Root,{"data-slot":"progress",className:c("relative flex h-4 w-full items-center overflow-x-hidden rounded-full bg-bg-soft",e),...a,children:jsx(Progress.Indicator,{"data-slot":"progress-indicator",className:"size-full flex-1 bg-primary-base transition-all",style:{transform:`translateX(-${100-(n||0)}%)`}})})}function Yt({onAction:e,...n}){let a=ge();return jsx(m.div,{"data-slot":"data-table-taskbar",className:"w-fit items-center justify-center bg-bg-white select-none",...n,children:a.map(t=>t.type==="import"?jsx(Ga,{...t,onSuccess:()=>{e?.({action:"import_done"});}},t.localTaskId):jsx(Ya,{...t},t.localTaskId))})}function Ga(e){let n=O$1(),a=Z(s=>s.removeTask),t=e.status==="failed",o=e.status==="done";return jsxs("div",{className:"flex h-full items-center gap-8",children:[jsxs("span",{className:c("truncate text-md font-medium",o?"text-success-base":t?"text-error-base":"text-text-strong"),children:[n(t?"import_failed":o?"import_done":e.status)," ",Ft(e.file.name)]}),jsxs("span",{className:"min-w-34 shrink-0 text-right text-sm text-text-sub",children:[e.progress,"%"]}),jsx(M,{variant:"neutral",mode:"ghost",size:"xsmall",className:"min-w-28 rounded-full px-0",onClick:()=>{e.abortController?.signal.aborted===false&&!t&&!o&&e.abortController?.abort("User canceled"),a(e.localTaskId),o&&e.onSuccess?.(e.localTaskId);},startContent:o?jsx(Check,{className:"text-success-base"}):jsx(Qa,{})})]})}function Ya(e){return jsxs("div",{className:"flex w-fit min-w-220 flex-col justify-center gap-6",children:[jsxs("div",{className:"lable flex items-center justify-center gap-12",children:[jsx("span",{className:"font-medium text-text-strong",children:"Task Name"}),jsx("span",{className:"ml-auto text-sm text-text-sub",children:e.progress})]}),jsx(Gt,{value:66})]})}function Qa(){return jsxs("svg",{width:"0.8em",height:"0.8em",viewBox:"0 0 12 12",fill:"none",children:[jsx("path",{d:"M10.4854 1.99998L2.00007 10.4853",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),jsx("path",{d:"M10.4854 10.4844L2.00007 1.99908",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}var Qt={initial:{y:10,opacity:0},animate:{y:0,opacity:1},exit:{y:-10,opacity:0}},Jt={ease:[.26,.08,.25,1],duration:.25};function Zt({containerRef:e,items:n,filter:a,columns:t,onAction:o}){let r=ge();return jsx(AnimatePresence,{initial:false,mode:"popLayout",children:r.length?jsx(Yt,{variants:Qt,initial:"initial",animate:"animate",exit:"exit",transition:Jt,onAction:o},"task-bar"):jsx(Wt,{variants:Qt,initial:"initial",animate:"animate",exit:"exit",transition:Jt,containerRef:e,onAction:o,filter:a,columns:t,items:n},"toolbar")})}var Za=26,ea=44,eo=200,to=250,ao={},oo=e=>e.querySelector(".ant-table-thead")?.offsetHeight??ea,ke=(e,n)=>{if(!e)return 0;let a=e.querySelectorAll(':scope [data-id^="data-table-card-"]'),t=0;return a.forEach(o=>{let r=o.getAttribute("data-id")==="data-table-card-content";t+=r?0:o.clientHeight;}),document.documentElement.clientHeight-n-window.scrollY-Za-oo(e)-t-3};function ta(e,n,{x:a,y:t,...o}=ao,r,s,c){let[l,p]=P.useState(t),i=P.useRef(0),f=P.useRef(null);if(P.useLayoutEffect(()=>{if(!s)return;i.current=e.current?.offsetTop??0,f.current||(f.current=c$1(()=>{i.current=e.current?.offsetTop??0,p(ke(e.current,i.current));},eo,false,true)),window.addEventListener("resize",f.current);let g=null;return e.current&&(g=new MutationObserver(f.current),g.observe(e.current,{childList:true,subtree:true,attributes:true,attributeFilter:["style","class","hidden"]})),()=>{f.current&&(window.removeEventListener("resize",f.current),f.current.cancel()),g?.disconnect();}},[e,s]),P.useEffect(()=>{if(!s||t!==void 0)return;p(ke(e.current,i.current));let g=setTimeout(()=>{p(ke(e.current,i.current));},to);return ()=>{clearTimeout(g);}},[t,n,e,s]),!s)return {x:a,y:t,...o};let h=l&&typeof l=="number"?l+(r?ea:0):l;return {x:c&&!a?1280:a??"max-content",y:c&&!h?620:h,...o}}var so={ease:[.26,.08,.25,1],duration:.3},io={},lo={root:"m-0 flex w-full [&_.ant-pagination-total-text]:ps-6 [&_.ant-pagination-total-text]:mr-auto"};function co(e){let{store:n,tabList:a,alwaysShowingColumns:t,...o}=e;return me(()=>{let r=document.body,s=l=>{l.preventDefault(),l.dataTransfer&&(l.target.closest("[data-dropzone]")?l.dataTransfer.dropEffect="copy":l.dataTransfer.dropEffect="none");},c=l=>{l.preventDefault();};return r.addEventListener("drop",c),r.addEventListener("dragover",s),r.addEventListener("dragenter",s),()=>{r.removeEventListener("drop",c),r.removeEventListener("dragover",s),r.removeEventListener("dragenter",s);}}),jsx(Ct,{store:n,tabList:a,alwaysShowingColumns:t,children:jsx(po,{...o})})}function po(e$1){let{ref:n$1,activeTabId:a,variant:t$1,style:o$1,cardTitle:r$1,cardIcon:s$1,cardDescription:c$1,classNames:l$2,enableTableAutoScrollSizer:p$1,slots:i,columns:f,filterColumns:h,tableColumns:g,defaultFilters:m$2,tableProps:b,paginationProps:u,toolbarItems:E,isCustomTab:x,tabRenderCtx:N,customRender:z,onToolbarAction:k$2,onFiltersChange:G}=e$1,L=O$1(),y=P.useRef(null),I=P.useRef(null),{tabList:V$1}=re(),{syncing:W,loading:B}=vt(),_=Z(S=>S.updateTableId),[$,ue]=V({filters:m$2,onFiltersChange:G});P.useEffect(()=>{_(a);},[a]);let ee=$&&$.length!==0,he=!!(B&&g.some(S=>S.skeleton)),Se=Math.min(u.pageSize,15),ve=P.useCallback(S=>L("pagination_total").replace("{total}",String(S)),[L]),ie=ta(I,`${$?.length}-${a}`,b.scroll,x,p$1,b.virtual),d=he?jsx(mt,{id:`${a}-skeleton`,columns:g,size:b.size,count:Se,scroll:ie}):jsx(Table,{id:`${a}-data-table`,columns:g,loading:B,showSorterTooltip:false,...b,scroll:ie}),T$1=!!u.total&&(u.hideOnSinglePage!==true||u.total>u.pageSize);return jsxs(k,{ref:e([I,n$1]),style:o$1,className:c("relative rounded-[16px]",p$1&&"h-full max-h-[calc(100vh-var(--offset-top))] overflow-hidden",l$2?.root),variant:t$1,children:[jsxs(l,{"data-id":"data-table-card-header",className:c("data-table-card-header relative min-h-56 grow-0 px-14 pt-12 pb-10",t$1==="accent"&&"pt-10",V$1&&V$1?.length>1&&"border-b-0",l$2?.cardHeader),children:[jsxs(p,{className:c("flex items-center gap-12",l$2?.cardHeading),children:[s$1&&jsx(s,{className:c("size-34 border border-stone-200 bg-stone-100 text-text-sub",!!(r$1&&c$1)&&"size-44 [&_svg]:size-24",l$2?.cardIcon),children:s$1}),r$1&&jsxs("div",{className:c(c$1&&"flex flex-col gap-4"),children:[jsx(r,{children:r$1}),c$1&&jsx(t,{children:c$1})]})]}),jsx(AnimatePresence,{initial:false,children:E!==false&&jsx(q,{as:m.div,className:l$2?.cardToolbar,...j,children:jsx(Zt,{containerRef:y,items:E,columns:f,onAction:k$2,filter:h.length!==0&&jsx(U,{columns:h,filters:$,actions:ue,disabled:B||W,align:"end",enableAutoBack:true},`${a}-filter`)})})})]}),i?.cardSummary&&jsx(n,{"data-id":"data-table-card-summary",className:c("grow-0 p-12",l$2?.cardSummary),children:i.cardSummary}),jsx(xt,{"data-id":"data-table-card-tabs",className:"grow-0 p-0"}),jsx(AnimatePresence,{initial:false,children:ee&&jsx(m.div,{"data-id":"data-table-card-filter-values",...k$1,children:jsx(n,{className:"p-0",children:jsx(T,{columns:h,filters:$,actions:ue,"data-id":"data-table-active-filters",className:"flex flex-wrap gap-10 px-12 pt-16",disabled:W||B,enableAutoClose:true})})},a)}),jsxs(m$1,{"data-id":"data-table-card-content",className:c("relative grow p-12 pb-0",(W||B)&&"pointer-events-none",p$1&&"overflow-hidden",l$2?.cardContent),children:[i?.tableSummary&&jsx(n,{"data-id":"data-table-card-table-summary",className:c("grow-0 p-0 pb-12",l$2?.tableSummary),children:i.tableSummary}),jsx(AnimatePresence,{mode:"popLayout",initial:false,children:jsx(m.div,{ref:y,className:c("relative w-full",x&&p$1&&"overflow-auto"),style:x&&p$1?{maxHeight:ie.y}:io,...l$1,transition:so,children:x?z?.(N):d},a)})]}),T$1&&jsx(o,{"data-id":"data-table-card-pager",className:"flex min-h-44 w-full grow-0 items-center justify-between",children:jsx(Pagination,{classNames:lo,disabled:B||W,size:"small",showTotal:ve,...u})}),i?.cardFooter&&jsx(o,{"data-id":"data-table-card-footer",className:c("grow-0 px-16 py-12",l$2?.cardFooter),children:i.cardFooter})]})}function mo(e){let{tabList:n,fireOnMount:a=true,storageKey:t,onTabChange:o,onTableChange:r,onToolbarAction:s}=e,{pagination:c,tableStateStorageKey:l}=b$1(),p=P.useRef(new Set),[i]=P.useState(()=>{let d=bt(n[0].id,t??l);for(let T of n)d.getState().initTab(T.id,oa(T)),p.current.add(T.id);return d}),f=P.useRef({onTabChange:o,onTableChange:r,onToolbarAction:s});f.current={onTabChange:o,onTableChange:r,onToolbarAction:s};let h=P.useRef(new Map);h.current=new Map(n.map(d=>[d.id,d]));let g=n.map(d=>d.id).join(),m=P.useRef(true);P.useEffect(()=>{if(m.current){m.current=false;return}for(let d of n)p.current.has(d.id)||(i.getState().initTab(d.id,oa(d)),p.current.add(d.id));},[i,g]);let b=n.map(d=>`${d.id}:${d.loading}:${d.syncing}:${d.exporting}:${d.disabled}`).join();P.useEffect(()=>{let{syncTabExternal:d}=i.getState();for(let T of n)d(T.id,{loading:T.loading,syncing:T.syncing,exporting:T.exporting,disabled:T.disabled});},[i,b]),P.useEffect(()=>{let d=i.getState().stateVersion;return i.subscribe(T=>{if(T.stateVersion===d)return;d=T.stateVersion;let S=T.activeTabId,H=T.tabs[S];if(!H)return;let te={pagination:H.pagination,filters:H.filters,sorter:H.sorter},Ne=T.changeReason;Ne==="tab_switch"&&f.current.onTabChange?.(S),f.current.onTableChange?.(te,Ne,S);})},[i]);let u=P.useRef(false);P.useEffect(()=>{if(u.current||(u.current=true,!a))return;let d=i.getState(),T=d.activeTabId,S=d.tabs[T];S&&f.current.onTableChange?.(S,"mount",T);},[i,a]);let E=useStore(i,d=>d.activeTabId),x=useStore(i,useShallow(d=>d.tabs[d.activeTabId]??O)),N=h.current.get(E),z=N?.type==="custom",k=z?void 0:N,G=z?N:void 0,{columnVisibility:L,pagination:y}=x,I=k?.columns,V=G?.filterColumns,W=P.useMemo(()=>I?I.filter(d=>!d.hidden):[],[I]),B=P.useMemo(()=>z?V??[]:Ot(I),[z,V,I]),_=P.useMemo(()=>W.filter(d=>{let T=d.key??d.dataIndex;return !T||L[T]!==false}),[W,L]),$=P.useCallback(d=>{let T=i.getState(),S=T.activeTabId,H=T.tabs[S]?.filters??[],te=typeof d=="function"?d(H):d;T.setFilters(S,te);},[i]),ue=P.useCallback((d,T,S,H)=>{let te=i.getState().activeTabId;i.getState().setTableChange(te,S,H);},[i]),ee=P.useCallback((d,T)=>{let S=i.getState().activeTabId;i.getState().setPagination(S,d,T);},[i]),he=P.useCallback(d=>{let T=i.getState(),S=T.activeTabId,H=T.tabs[S],te={pagination:H?.pagination??O.pagination,filters:H?.filters??O.filters,sorter:H?.sorter??O.sorter};d.tableState=te,f.current.onToolbarAction?.(d,S);},[i]),Se=P.useMemo(()=>({...c,current:y.current,pageSize:y.pageSize,total:N?.total,onChange:ee,onShowSizeChange:ee}),[c,y,N?.total,ee]),ve=P.useMemo(()=>({loading:x.loading,syncing:x.syncing,exporting:x.exporting,disabled:x.disabled,filters:x.filters,pagination:y,onFiltersChange:$,onPaginationChange:ee}),[x,y,$,ee]),ie=P.useMemo(()=>n.map(({id:d,label:T,value:S})=>({id:d,label:T,value:S})),[g]);return {store:i,activeTabId:E,tabList:ie,columns:W,filterColumns:B,tableColumns:_,tableProps:{dataSource:k?.dataSource,rowKey:k?.rowKey,size:x.tableSize,pagination:false,scroll:k?.scroll,virtual:k?.virtual,onChange:ue},paginationProps:Se,defaultFilters:x.filters,onFiltersChange:$,toolbarItems:N?.toolbarItems,onToolbarAction:he,isCustomTab:z,customRender:G?.render,tabRenderCtx:ve,enableTableAutoScrollSizer:k?.enableTableAutoScrollSizer??G?.enableTableAutoScrollSizer??true}}function oa(e){return {pagination:e.defaultPagination,filters:e.defaultFilters,sorter:e.type!=="custom"?e.defaultSorter:void 0,loading:e.loading,syncing:e.syncing,exporting:e.exporting,disabled:e.disabled}}export{Kt as DEFAULT_TOOLBAR_ITEMS,co as DataTable,mo as useDataTable};

package/{types-DAZ2BTzl.d.ts → helpers-Bv-Ixm5L.d.ts}

@@ -1,14 +1,7 @@
-import React__default from 'react';
+import { Dayjs } from 'dayjs';
+import { I as IconType } from './icon-BmaneZ4I.js';
 import { DatePickerProps } from 'antd';
 import { RangePickerProps } from 'antd/es/date-picker';
-import { Dayjs } from 'dayjs';
-
-type IconSize = number | string;
-type IconBaseProps = {
-    size?: IconSize;
-    className?: string;
-};
-type IconType<P extends IconBaseProps = IconBaseProps> = React__default.ComponentType<P> | React__default.ReactElement<P>;
 
 interface FilterColumnOption {
     key?: React.Key;
@@ -141,4 +134,103 @@ type DataFilterProps<T> = UseDataFiltersProps & {
     columns: FilterColumnDef<T>[];
 } & DataFilterUiProps;
 
-export type { CascaderConfig as C, DataFilterProps as D, FilterColumnDef as F, IconType as I, RangeDatePickerConfig as R, SingleDatePickerConfig as S, DatePickerConfig as a, CascaderFieldNames as b, CascaderOption as c, FilterColumnOption as d, FiltersState as e, InputNumberConfig as f, ColumnDataTypes as g };
+var filter = "Add Filters";
+var search_keywords = "Search...";
+var no_results = "No results";
+var to = "to";
+var input_number = "Input Number";
+var min = "Min";
+var max = "Max";
+var apply = "Apply Filter";
+var clear = "Clear Filter";
+var clear_all = "Clear";
+var pagination_total = "Total {total} items";
+var refresh = "Refresh";
+var column_set = "Table Settings";
+var density = "Density";
+var large = "Large";
+var middle = "Middle";
+var compact = "Compact";
+var pinned = "Pinned";
+var data_export = "Export Data";
+var data_import = "Import Data";
+var ok = "Ok";
+var close = "Close";
+var copy = "Copy";
+var copied = "Copied";
+var drop_file_hint = "Drop file here to upload";
+var file_support_all = "All file formats are supported";
+var file_support_list = "Supported formats: {formats}";
+var file_type_rejected = "This file type is not supported";
+var import_tooltip = "Drag and drop files into the table area to import";
+var pending = "Pending";
+var importing = "Importing";
+var exporting = "Exporting";
+var import_failed = "Import Failed";
+var import_done = "Done";
+var done = "Done";
+var enUS = {
+	filter: filter,
+	search_keywords: search_keywords,
+	no_results: no_results,
+	to: to,
+	input_number: input_number,
+	min: min,
+	max: max,
+	apply: apply,
+	clear: clear,
+	clear_all: clear_all,
+	pagination_total: pagination_total,
+	refresh: refresh,
+	column_set: column_set,
+	density: density,
+	large: large,
+	middle: middle,
+	compact: compact,
+	pinned: pinned,
+	"delete": "Delete",
+	data_export: data_export,
+	data_import: data_import,
+	ok: ok,
+	close: close,
+	copy: copy,
+	copied: copied,
+	drop_file_hint: drop_file_hint,
+	file_support_all: file_support_all,
+	file_support_list: file_support_list,
+	file_type_rejected: file_type_rejected,
+	import_tooltip: import_tooltip,
+	pending: pending,
+	importing: importing,
+	exporting: exporting,
+	import_failed: import_failed,
+	import_done: import_done,
+	done: done
+};
+
+type LocaleKey = keyof typeof enUS;
+declare function useTransition(): (key: LocaleKey, params?: Record<string, string | number>) => string;
+
+type PickerType = 'date' | 'week' | 'month' | 'quarter' | 'year';
+interface DateDisplayFormat {
+    full: string;
+    withoutYear: string;
+    timeFormat: string | null;
+}
+declare const DATE_FORMATS: Record<PickerType, {
+    cn: {
+        full: string;
+        withoutYear: string;
+    };
+    en: {
+        full: string;
+        withoutYear: string;
+    };
+}>;
+declare function getDateDisplayFormat(config: DatePickerConfig | undefined, locale: string): DateDisplayFormat;
+declare function formatDateRange(start: Dayjs, end: Dayjs, isCn: boolean, format: DateDisplayFormat, picker: PickerType): string;
+declare function getPickerInputFormat(picker: PickerType | undefined, locale: string, showTime?: boolean | {
+    format: string;
+}): string;
+
+export { type CascaderConfig as C, type DataFilterProps as D, type FilterColumnDef as F, type InputNumberConfig as I, type PickerType as P, type RangeDatePickerConfig as R, type SingleDatePickerConfig as S, type CascaderFieldNames as a, type CascaderOption as b, DATE_FORMATS as c, type DateDisplayFormat as d, type DatePickerConfig as e, type FilterColumnOption as f, type FiltersState as g, formatDateRange as h, getDateDisplayFormat as i, getPickerInputFormat as j, type ColumnDataTypes as k, useTransition as u };

package/icon-BmaneZ4I.d.ts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+
+type IconSize = number | string;
+type IconBaseProps = {
+    size?: IconSize;
+    className?: string;
+};
+type IconType<P extends IconBaseProps = IconBaseProps> = React__default.ComponentType<P> | React__default.ReactElement<P>;
+
+export type { IconType as I };