@jerry-fd/ui 0.4.2 → 0.4.4

package/data-table.d.ts

@@ -0,0 +1,377 @@
+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;
+};
+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?: (tabId: string, tabState: TableChangeState, reason: TableChangeReason) => void;
+    onToolbarAction?: (tabId: string, action: ToolbarAction) => 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 {e,b as b$1,c as c$1,j,f,g,h,l as l$1,d}from'./chunk-EM7GIZXE.js';import {O,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-VZDC732G.js';export{P as DATE_FORMATS,R as formatDateRange,Q as getDateDisplayFormat,S as getPickerInputFormat,O as useTransition}from'./chunk-VZDC732G.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 mt(t){P.useEffect(t,[]);}var ca={initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}},le={variants:ca,initial:"initial",animate:"animate",exit:"exit"},da={initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0}},ce={variants:da,initial:"initial",animate:"animate",exit:"exit"},pa={initial:{opacity:0,y:24},animate:{opacity:1,y:0},exit:{opacity:0,y:-24}},de={variants:pa,initial:"initial",animate:"animate",exit:"exit"};var ma={small:"min-h-22",medium:"min-h-26",middle:"min-h-30",large:"min-h-38"};function me({count:t,size:n="small",classNames:a,columns:e,scroll:o}){let r=P.useCallback(()=>ba(e,ma[n]),[e,n]);return jsx(Table,{rowKey:"id",size:n,rowHoverable:false,classNames:a,dataSource:Array.from({length:t},(s,c)=>({id:c})),pagination:false,scroll:o,children:e.map((s,c)=>jsx(Table.Column,{dataIndex:s.dataIndex,width:s.width,title:jsx(j,{className:"h-22 w-full animate-none bg-bg-antd"}),render:r,onCell:()=>c===0?{colSpan:e.length}:{colSpan:0}},s.key||s.dataIndex))})}var ue=16;function ba(t,n){let a=t.length,o=`calc((100% - ${ue*(a-1)}px) / ${a})`,r=t.some(s=>s.skeleton==="avatar"||s.skeleton==="double-line");return jsx("div",{className:c("flex items-center",n),style:{gap:`${ue}px`},children:t.map((s,c)=>{let l=s?.key??c;return jsx("div",{style:{width:o},children:fa(s.skeleton,r)},l)})})}function fa(t,n){switch(t){case "avatar":return jsx(ga,{});case "double-line":return jsx(ya,{});case "group":return jsx(Ca,{needAlignment:n});default:return jsx(Ta,{needAlignment:n})}}function Ta({needAlignment:t}){return jsxs("div",{className:"grid h-full gap-4",children:[t&&jsx("div",{className:"h-12 w-1"}),jsx(j,{className:"h-10"})]})}function ga(){return jsxs("div",{className:"flex w-full items-center gap-6",children:[jsx(j,{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(j,{className:"h-12 w-[60%]"}),jsx(j,{className:"h-10"})]})]})}function ya(){return jsxs("div",{className:"grid h-full w-full gap-4 py-4",children:[jsx(j,{className:"h-12 w-[60%]"}),jsx(j,{className:"h-10"})]})}function Ca({needAlignment:t}){return jsxs("div",{className:"grid h-full gap-4",children:[t&&jsx("div",{className:"h-12 w-1"}),jsxs("div",{className:"flex w-full items-center gap-4",children:[jsx(j,{className:"h-10 w-[20%]"}),jsx(j,{className:"h-10 w-[20%]"}),jsx(j,{className:"h-10 w-[20%]"}),jsx(j,{className:"h-10 w-[20%]"}),jsx(j,{className:"h-10 w-[20%]"})]})]})}var $={pagination:{current:1,pageSize:10},filters:[],sorter:{},extra:{action:"paginate",currentDataSource:[]},tableSize:"middle",columnVisibility:{},exporting:false,loading:false,syncing:false,disabled:false},Q=(t,n)=>(t.tabs[n]||(t.tabs[n]={...$}),t.tabs[n]),Sa="APP_UI_TABLE_CONFIG",xa=(t,n)=>({activeTabId:n,tabs:{},stateVersion:0,changeReason:"mount",setActiveTab:a=>t(e=>{e.activeTabId=a,Q(e,a),e.changeReason="tab_switch",e.stateVersion++;}),syncTabExternal:(a,e)=>t(o=>{let r=o.tabs[a];r&&(r.loading=e.loading,r.syncing=e.syncing,r.exporting=e.exporting,r.disabled=e.disabled);}),initTab:(a,e)=>t(o=>{let r=o.tabs[a];r?(e.pagination&&(r.pagination=e.pagination),e.filters&&(r.filters=e.filters),e.sorter&&(r.sorter=e.sorter),r.loading=e.loading,r.syncing=e.syncing,r.exporting=e.exporting,r.disabled=e.disabled):o.tabs[a]={...$,...e};}),setFilters:(a,e)=>t(o=>{let r=Q(o,a);r.filters=e,r.pagination.current=1,o.changeReason="filter",o.stateVersion++;}),setPagination:(a,e,o)=>t(r=>{let s=Q(r,a);s.pagination={current:e,pageSize:o},r.changeReason="paginate",r.stateVersion++;}),setTableChange:(a,e,o)=>t(r=>{let s=Q(r,a);s.sorter=e,s.extra=o,r.changeReason="sort",r.stateVersion++;}),setTableSize:a=>t(e=>{Q(e,e.activeTabId).tableSize=a;}),setColumnVisibility:(a,e)=>t(o=>{Q(o,o.activeTabId).columnVisibility[a]=e;}),setColumnVisibilityState:a=>t(e=>{let o=Q(e,e.activeTabId);o.columnVisibility=typeof a=="function"?a(o.columnVisibility):a;}),toggleColumnVisibility:a=>t(e=>{let o=Q(e,e.activeTabId);o.columnVisibility[a]=!o.columnVisibility[a];}),resetTabUIState:a=>t(e=>{let o=a??e.activeTabId,r=e.tabs[o];r&&(r.tableSize=$.tableSize,r.columnVisibility={});})}),be=(t,n=Sa)=>createStore()(persist(immer(a=>xa(a,t)),{name:n,partialize:a=>({tableUIStatus:Object.fromEntries(Object.entries(a.tabs).map(([e,o])=>[e,{tableSize:o.tableSize,columnVisibility:o.columnVisibility}]))}),merge:(a,e)=>{let o=a,r={...e};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]={...$,tableSize:c.tableSize??$.tableSize,columnVisibility:c.columnVisibility??{}};}return r}}));var Te=P.createContext(null),ge=["id","action","actions"],ye=P.createContext({alwaysShowingColumns:ge});function Ce({store:t,tabList:n,alwaysShowingColumns:a,children:e}){let o=P.useMemo(()=>({tabList:n,alwaysShowingColumns:a??ge}),[n,a]);return jsx(ye.Provider,{value:o,children:jsx(Te.Provider,{value:t,children:e})})}function ft(){let t=P.useContext(Te);if(!t)throw new Error("useDataTableStoreApi must be used within DataTableProvider");return t}function J(t){let n=ft();return useStore(n,t)}function De(){let t=ft();return useStore(t,useShallow(n=>n.tabs[n.activeTabId]??$))}function he(){return J(t=>t.tabs[t.activeTabId]?.tableSize??$.tableSize)}function ve(){let t=ft();return useStore(t,useShallow(n=>n.tabs[n.activeTabId]?.columnVisibility??$.columnVisibility))}function Se(){let t=ft();return useStore(t,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 ot(){return P.useContext(ye)}function xe(t){let{tabList:n$1}=ot(),a=J(o=>o.activeTabId),e=J(o=>o.setActiveTab);return !n$1||!n$1?.length||n$1.length===1?null:jsx(n,{...t,children:jsx(f,{className:c("w-full"),value:a,onValueChange:e,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((t,n)=>({activeTableId:"",tasks:{},updateTableId:a=>t(()=>({activeTableId:a})),addTask:a=>t(e=>{let o=e.activeTableId;return {tasks:{...e.tasks,[o]:[...e.tasks[o]??[],a]}}}),removeTask:a=>t(e=>{let o=e.activeTableId;return {tasks:{...e.tasks,[o]:(e.tasks[o]??[]).filter(r=>r.localTaskId!==a)}}}),updateTask:(a,e)=>t(o=>{let r=o.activeTableId;return {tasks:{...o.tasks,[r]:(o.tasks[r]??[]).map(s=>s.localTaskId===a?{...s,...e}:s)}}}),getTasks:()=>{let a=n();return a.tasks[a.activeTableId]??[]}})),gt=()=>Z(useShallow(t=>t.tasks[t.activeTableId]??[]));function Re({className:t,...n}){let a=O(),[e,o]=P.useState(false),r=J(l=>l.setTableSize),s=he(),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(l$1,{side:"bottom",align:"end",collisionPadding:6,items:c$1,className:"min-w-100",open:e,onOpenChange:o,children:jsxs(M,{mode:"stroke",variant:"neutral",size:"small",className:c("gap-0",t,e&&"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 Pe(t,n){return new Promise((a,e)=>{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 e(new D("Aborted"));let m=new XMLHttpRequest,b=null,u=null;m.open(s.toUpperCase(),t,true),m.timeout=c||0,m.withCredentials=r.withCredentials===true,m.onloadend=function(){if(!m)return;let S=m.status,N=m.getResponseHeader("Content-Type")??"",F=l&&l!=="text"&&l!=="json",k=F?m.response:m.responseText,q=m.getAllResponseHeaders().split(`\r
+`).reduce((y,x)=>{let V=x.indexOf(": ");return V!==-1&&(y[x.slice(0,V).toLowerCase()]=x.slice(V+2)),y},{});function L(y){if(b){b.cancel();let x=y instanceof Blob?y.size:y instanceof ArrayBuffer?y.byteLength:typeof y=="string"?y.length:0;r.onDownloadProgress?.({loaded:x,total:x,lengthComputable:true,percentage:100});}r.withResponseHeaders?a({data:y,status:S,headers:q}):a(y);}if(S>=200&&S<300)if(l==="json"){let y=k;try{let x=y!==""?JSON.parse(y):null;if(!(f?.(x)??!0))throw new D("invalid response");L(x);}catch(x){e(x);}}else f?.(k)??true?L(k):e(new D("invalid response"));else {let y=null;if(!F)if(N.includes("application/json"))try{y=k!==""?JSON.parse(k):null;}catch{}else y=k||null;e(new D("Xhr Request failed",S,y));}g(),m=null;},m.onabort=function(){m&&(b?.cancel(),u?.cancel(),e(new D(D.ECONNABORTED)),g(),m=null);},m.onerror=function(){b?.cancel(),u?.cancel(),e(new D("Network Error",D.ERR_NETWORK)),g(),m=null;},m.ontimeout=function(){b?.cancel(),u?.cancel(),e(new D("Timeout exceeded",D.ETIMEDOUT)),g(),m=null;},typeof p=="object"&&Object.keys(p).forEach(R=>{m?.setRequestHeader(R,p[R]);}),i==null&&m.setRequestHeader("Content-Type",""),l&&l!=="json"&&(m.responseType=l),r.onDownloadProgress&&(b=Ee(r.onDownloadProgress),m.addEventListener("progress",b)),r.onUploadProgress&&m.upload&&(u=Ee(r.onUploadProgress),m.upload.addEventListener("progress",u),m.upload.addEventListener("loadend",R=>{u?.cancel(),r.onUploadProgress?.({loaded:R.loaded,total:R.loaded,lengthComputable:true,percentage:100});})),r.signal&&(h=()=>{m&&(e(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 Ee(t){return d(a=>{t({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,e,o){super(a);b(this,"message");b(this,"code");b(this,"data");this.name="RequestError",this.message=a,e&&(this.code=e),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 we=(t=false)=>{let[n,a]=useState(t),e=useCallback(()=>{a(true);},[]),o=useCallback(()=>{a(false);},[]);return [n,e,o]};var Ae=150,yt={ease:[.26,.08,.25,1],duration:.25},_a={initial:{opacity:0,scale:.95},visible:{opacity:1,scale:1,transition:{...yt,when:"beforeChildren"}},hidden:{opacity:0,scale:1.05,transition:{...yt,when:"afterChildren"}}},La={initial:{y:10,opacity:0},visible:{y:0,opacity:1,transition:yt},hidden:{y:-10,opacity:0,transition:yt}};function _e({containerRef:t,accept:n,acceptHint:a,onFileSelect:e}){let o=P.useRef(null),r=P.useRef(null),[s,c,l]=we(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();},Ae));},[l]),i=P.useCallback(()=>{o.current&&window.clearTimeout(o.current);},[]),f=P.useCallback(()=>{o.current&&window.clearTimeout(o.current),o.current=window.setTimeout(()=>{l();},Ae);},[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(()=>{e?.(b);},600));});return mt(()=>{if(!t?.current)return;let g=t.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:t?.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:_a,children:jsx(Oa,{accept:n,acceptHint:a,onFileSelect:h})})})})}function Oa({accept:t,acceptHint:n,onFileSelect:a}){let e=O(),[o,r]=P.useState(false),s=P.useCallback(p=>{if(!t||!p.dataTransfer.items.length){r(false);return}let i=[...p.dataTransfer.items].every(f=>Ma(f.type,t));r(!i);},[t]),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:La,children:[jsxs("div",{className:"flex flex-col items-center",children:[jsx(FolderUp,{className:"size-48"}),jsx("strong",{className:"text-title-h6",children:e(o?"file_type_rejected":"drop_file_hint")})]}),jsx("span",{className:"text-text-soft",children:n?e("file_support_list",{formats:n}):e("file_support_all")})]})]})}function Ma(t,n,a=""){if(!n||n==="*")return  true;if(!t&&!a)return  false;let e=n.split(",").map(s=>s.trim().toLowerCase()),o=(t||"").toLowerCase(),r=(a||"").toLowerCase();return e.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 Le(t=""){return `${t}-${Date.now().toString(36)+Math.random().toString(36).slice(2)}`}function Oe(t){return t?t.filter(n=>n.filter!==void 0).map(n=>{let{filter:a,dataIndex:e,title:o}=n,r=Array.isArray(e)?e.join("."):e,s=a.displayName??(typeof o=="string"?o:r);return {...a,columnId:r,displayName:s}}):[]}function Me(t){return t.key?String(t.key):Array.isArray(t.dataIndex)?t.dataIndex.join("."):String(t.dataIndex)}function Ba(t){return typeof t=="string"&&t.length>0}function Be(t){return [Array.isArray(t.dataIndex)?t.dataIndex.join(" "):typeof t.dataIndex=="string"?t.dataIndex:null,typeof t.title=="string"?t.title:null,t.key!==null?String(t.key):null].filter(Ba)}function Fe(t,n=22){if(!t)return "";if(t.length<=n)return t;let a=Math.floor(n/2.5),e=t.lastIndexOf("."),o,r;if(e>0?(o=t.substring(0,e),r=t.substring(e)):(o=t,r=""),o.length<=a*2)return t;let s=o.substring(0,a),c=o.substring(o.length-a);return `${s}\u2026${c}${r}`}function Ve(t,n){return {type:"import",localTaskId:Le(n?`import-file-${n}`:"import-file"),status:"pending",progress:0,file:t}}function He({tooltip:t,btnProps:n,disabled:a,loading:e,containerRef:o,accept:r,acceptHint:s,requestConfig:c,onBeforeUpload:l}){let p=O(),i$1=P.useId(),f=Z(b=>b.addTask),h=Z(b=>b.updateTask),g=a||e,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,R)=>{let S=new AbortController,N={...Ve(u,R),abortController:S};if(f(N),!c)throw Error("requestConfig is required.");let{url:F,method:k="POST",fieldName:q="file",body:L,onSuccess:y,onFailed:x,onUploadProgress:V,...K}=c,O=new FormData;O.append(q,u),L instanceof FormData?L.forEach((_,H)=>O.append(H,_)):L&&Object.keys(L).forEach(_=>{O.append(_,L[_]);}),Pe(F,{...K,onUploadProgress:_=>{V?.(_),h(N.localTaskId,{status:"importing",progress:_.percentage??0});},method:k,body:O,signal:S.signal}).then(_=>{y?.(_),h(N.localTaskId,{status:"done"});}).catch(_=>{x?.(_),h(N.localTaskId,{status:"failed"});});});},[c,l,f,h]);return jsxs(Fragment,{children:[jsx(_e,{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:t??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:e,startContent:jsx(Upload,{}),disabled:g,className:"pointer-events-none",...n,children:p("data_import")})})})]})}function $e({disabled:t,columns:n}){let a=O(),{alwaysShowingColumns:e}=ot(),[o,r]=P.useState(false),s=ve(),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:t,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=Me(p),f=s[i]!==false,h=typeof p.title=="string"&&p.title?.trim()==="",g=h?p.key:p.title;return jsxs(B,{keywords:Be(p),onSelect:()=>l(i,!f),className:"group flex items-center gap-6",value:i,disabled:e?.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 Ke=["data_refresh","size_setting","column_setting","filter_btn"];function Ka({btnProps:t,disabled:n,loading:a,onAction:e}){let o=O();return jsx(M,{variant:"primary",startContent:jsx(Download,{}),loading:a,disabled:n||a,onClick:()=>e({action:"data_export"}),...t,children:o("data_export")})}var Wa={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}},ja={ease:[.26,.08,.25,1],duration:.25};function We({containerRef:t,columns:n,filter:a,items:e=Ke,className:o,onAction:r,...s}){let{loading:c$1,syncing:l,exporting:p,disabled:i}=De(),f=P.useMemo(()=>e.map(u=>Ga(u)),[e]),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 R={btnProps:u.btnProps,tooltip:u.tooltip,disabled:i||l||c$1,loading:c$1,onAction:g};switch(u.type){case "data_refresh":return jsx(qa,{...R,syncing:l});case "size_setting":return jsx(Re,{...u.btnProps});case "column_setting":return jsx($e,{...u.btnProps,columns:n});case "data_export":return jsx(Ka,{...R,loading:p});case "data_import":return jsx(He,{...R,loading:p,containerRef:t,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:Wa,initial:"initial",animate:"animate",exit:"exit",className:"leading-none",transition:ja,children:b(u)},u.key))})})}function qa({btnProps:t,tooltip:n,disabled:a,loading:e,syncing:o,onAction:r}){let s=O(),c=n??s("refresh");return jsx(i,{content:c,children:jsx(M,{mode:"stroke",variant:"neutral",startContent:jsx(RefreshCw,{}),loading:o||e,disabled:a||e||o,className:"gap-0",onClick:()=>r({action:"data_refresh"}),...t})})}function Ga(t){return typeof t=="string"?{type:t,key:t}:t.type==="custom"?{type:"custom",key:t.key,hidden:t.hidden,render:t.render}:t.type==="data_import"?{type:"data_import",key:t.key??t.type,hidden:t.hidden,btnProps:t.btnProps,tooltip:t.tooltip,accept:t.accept,acceptHint:t.acceptHint,requestConfig:t.requestConfig,onBeforeUpload:t.onBeforeUpload}:{type:t.type,key:t.key??t.type,hidden:t.hidden,btnProps:t.btnProps,tooltip:t.tooltip}}function Ge({className:t,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",t),...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 Ye({onAction:t,...n}){let a=gt();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(e=>e.type==="import"?jsx(Ja,{...e,onSuccess:()=>{t?.({action:"import_done"});}},e.localTaskId):jsx(Za,{...e},e.localTaskId))})}function Ja(t){let n=O(),a=Z(s=>s.removeTask),e=t.status==="failed",o=t.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":e?"text-error-base":"text-text-strong"),children:[n(e?"import_failed":o?"import_done":t.status)," ",Fe(t.file.name)]}),jsxs("span",{className:"min-w-34 shrink-0 text-right text-sm text-text-sub",children:[t.progress,"%"]}),jsx(M,{variant:"neutral",mode:"ghost",size:"xsmall",className:"min-w-28 rounded-full px-0",onClick:()=>{t.abortController?.signal.aborted===false&&!e&&!o&&t.abortController?.abort("User canceled"),a(t.localTaskId),o&&t.onSuccess?.(t.localTaskId);},startContent:o?jsx(Check,{className:"text-success-base"}):jsx(to,{})})]})}function Za(t){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:t.progress})]}),jsx(Ge,{value:66})]})}function to(){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 Qe={initial:{y:10,opacity:0},animate:{y:0,opacity:1},exit:{y:-10,opacity:0}},Je={ease:[.26,.08,.25,1],duration:.25};function Ze({containerRef:t,items:n,filter:a,columns:e,onAction:o}){let r=gt();return jsx(AnimatePresence,{initial:false,mode:"popLayout",children:r.length?jsx(Ye,{variants:Qe,initial:"initial",animate:"animate",exit:"exit",transition:Je,onAction:o},"task-bar"):jsx(We,{variants:Qe,initial:"initial",animate:"animate",exit:"exit",transition:Je,containerRef:t,onAction:o,filter:a,columns:e,items:n},"toolbar")})}var ao=26,ta=44,oo=200,ro=250,no={},so=t=>t.querySelector(".ant-table-thead")?.offsetHeight??ta,kt=(t,n)=>{if(!t)return 0;let a=t.querySelectorAll(':scope [data-id^="data-table-card-"]'),e=0;return a.forEach(o=>{let r=o.getAttribute("data-id")==="data-table-card-content";e+=r?0:o.clientHeight;}),document.documentElement.clientHeight-n-window.scrollY-ao-so(t)-e-3};function ea(t,n,{x:a,y:e,...o}=no,r,s,c){let[l,p]=P.useState(e),i=P.useRef(0),f=P.useRef(null);if(P.useLayoutEffect(()=>{if(!s)return;i.current=t.current?.offsetTop??0,f.current||(f.current=c$1(()=>{i.current=t.current?.offsetTop??0,p(kt(t.current,i.current));},oo,false,true)),window.addEventListener("resize",f.current);let g=null;return t.current&&(g=new MutationObserver(f.current),g.observe(t.current,{childList:true,subtree:true,attributes:true,attributeFilter:["style","class","hidden"]})),()=>{f.current&&(window.removeEventListener("resize",f.current),f.current.cancel()),g?.disconnect();}},[t,s]),P.useEffect(()=>{if(!s||e!==void 0)return;p(kt(t.current,i.current));let g=setTimeout(()=>{p(kt(t.current,i.current));},ro);return ()=>{clearTimeout(g);}},[e,n,t,s]),!s)return {x:a,y:e,...o};let h=l&&typeof l=="number"?l+(r?ta:0):l;return {x:c&&!a?1280:a??"max-content",y:c&&!h?620:h,...o}}var co={ease:[.26,.08,.25,1],duration:.3},po={},uo={root:"m-0 flex w-full [&_.ant-pagination-total-text]:ps-6 [&_.ant-pagination-total-text]:mr-auto"};function mo(t){let{store:n,tabList:a,alwaysShowingColumns:e,...o}=t;return mt(()=>{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(Ce,{store:n,tabList:a,alwaysShowingColumns:e,children:jsx(bo,{...o})})}function bo(t$1){let{ref:n$1,activeTabId:a,variant:e$1,style:o$1,cardTitle:r$1,cardIcon:s$1,cardDescription:c$1,classNames:l$1,enableTableAutoScrollSizer:p$1,slots:i,columns:f,filterColumns:h,tableColumns:g,defaultFilters:m$2,tableProps:b,paginationProps:u,toolbarItems:R,isCustomTab:S,tabRenderCtx:N,customRender:F,onToolbarAction:k$1,onFiltersChange:q$1}=t$1,L=O(),y=P.useRef(null),x=P.useRef(null),{tabList:V$1}=ot(),{syncing:K,loading:O$1}=Se(),_=Z(E=>E.updateTableId),[H,ut]=V({filters:m$2,onFiltersChange:q$1});P.useEffect(()=>{_(a);},[a]);let tt=H&&H.length!==0,ht=!!(O$1&&g.some(E=>E.skeleton)),vt=Math.min(u.pageSize,15),St=P.useCallback(E=>L("pagination_total").replace("{total}",String(E)),[L]),st=ea(x,`${H?.length}-${a}`,b.scroll,S,p$1,b.virtual),d=ht?jsx(me,{id:`${a}-skeleton`,columns:g,size:b.size,count:vt,scroll:st}):jsx(Table,{id:`${a}-data-table`,columns:g,loading:O$1,showSorterTooltip:false,...b,scroll:st}),T$1=!!u.total&&(u.hideOnSinglePage!==true||u.total>u.pageSize);return jsxs(k,{ref:e([x,n$1]),style:o$1,className:c("relative rounded-[16px]",p$1&&"h-full max-h-[calc(100vh-var(--offset-top))] overflow-hidden",l$1?.root),variant:e$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",e$1==="accent"&&"pt-10",V$1&&V$1?.length>1&&"border-b-0",l$1?.cardHeader),children:[jsxs(p,{className:c("flex items-center gap-12",l$1?.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$1?.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:R!==false&&jsx(q,{as:m.div,className:l$1?.cardToolbar,...le,children:jsx(Ze,{containerRef:y,items:R,columns:f,onAction:k$1,filter:h.length!==0&&jsx(U,{columns:h,filters:H,actions:ut,disabled:O$1||K,align:"end",enableAutoBack:true},`${a}-filter`)})})})]}),i?.cardSummary&&jsx(n,{"data-id":"data-table-card-summary",className:c("grow-0 p-12",l$1?.cardSummary),children:i.cardSummary}),jsx(xe,{"data-id":"data-table-card-tabs",className:"grow-0 p-0"}),jsx(AnimatePresence,{initial:false,children:tt&&jsx(m.div,{"data-id":"data-table-card-filter-values",...ce,children:jsx(n,{className:"p-0",children:jsx(T,{columns:h,filters:H,actions:ut,"data-id":"data-table-active-filters",className:"flex flex-wrap gap-10 px-12 pt-16",disabled:K||O$1,enableAutoClose:true})})},a)}),jsxs(m$1,{"data-id":"data-table-card-content",className:c("relative grow p-12 pb-0",(K||O$1)&&"pointer-events-none",p$1&&"overflow-hidden",l$1?.cardContent),children:[i?.tableSummary&&jsx(n,{"data-id":"data-table-card-table-summary",className:c("grow-0 p-0 pb-12",l$1?.tableSummary),children:i.tableSummary}),jsx(AnimatePresence,{mode:"popLayout",initial:false,children:jsx(m.div,{ref:y,className:c("relative w-full",S&&p$1&&"overflow-auto"),style:S&&p$1?{maxHeight:st.y}:po,...de,transition:co,children:S?F?.(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:uo,disabled:O$1||K,size:"small",showTotal:St,...u})}),i?.cardFooter&&jsx(o,{"data-id":"data-table-card-footer",className:c("grow-0 px-16 py-12",l$1?.cardFooter),children:i.cardFooter})]})}function To(t){let{tabList:n,fireOnMount:a=true,storageKey:e,onTabChange:o,onTableChange:r,onToolbarAction:s}=t,{pagination:c,tableStateStorageKey:l}=b$1(),p=P.useRef(new Set),[i]=P.useState(()=>{let d=be(n[0].id,e??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 E=T.activeTabId,G=T.tabs[E];if(!G)return;let it={pagination:G.pagination,filters:G.filters,sorter:G.sorter},Nt=T.changeReason;Nt==="tab_switch"&&f.current.onTabChange?.(E),f.current.onTableChange?.(E,it,Nt);})},[i]);let u=P.useRef(false);P.useEffect(()=>{if(u.current||(u.current=true,!a))return;let d=i.getState(),T=d.activeTabId,E=d.tabs[T];E&&f.current.onTableChange?.(T,E,"mount");},[i,a]);let R=useStore(i,d=>d.activeTabId),S=useStore(i,useShallow(d=>d.tabs[d.activeTabId]??$)),N=h.current.get(R),F=N?.type==="custom",k=F?void 0:N,q=F?N:void 0,{columnVisibility:L,pagination:y}=S,x=k?.columns,V=q?.filterColumns,K=P.useMemo(()=>x?x.filter(d=>!d.hidden):[],[x]),O=P.useMemo(()=>F?V??[]:Oe(x),[F,V,x]),_=P.useMemo(()=>K.filter(d=>{let T=d.key??d.dataIndex;return !T||L[T]!==false}),[K,L]),H=P.useCallback(d=>{let T=i.getState(),E=T.activeTabId,G=T.tabs[E]?.filters??[],it=typeof d=="function"?d(G):d;T.setFilters(E,it);},[i]),ut=P.useCallback((d,T,E,G)=>{let it=i.getState().activeTabId;i.getState().setTableChange(it,E,G);},[i]),tt=P.useCallback((d,T)=>{let E=i.getState().activeTabId;i.getState().setPagination(E,d,T);},[i]),ht=P.useCallback(d=>{let T=i.getState().activeTabId;f.current.onToolbarAction?.(T,d);},[i]),vt=P.useMemo(()=>({...c,current:y.current,pageSize:y.pageSize,total:N?.total,onChange:tt,onShowSizeChange:tt}),[c,y,N?.total,tt]),St=P.useMemo(()=>({loading:S.loading,syncing:S.syncing,exporting:S.exporting,disabled:S.disabled,filters:S.filters,pagination:y,onFiltersChange:H,onPaginationChange:tt}),[S,y,H,tt]),st=P.useMemo(()=>n.map(({id:d,label:T,value:E})=>({id:d,label:T,value:E})),[g]);return {store:i,activeTabId:R,tabList:st,columns:K,filterColumns:O,tableColumns:_,tableProps:{dataSource:k?.dataSource,rowKey:k?.rowKey,size:S.tableSize,pagination:false,scroll:k?.scroll,virtual:k?.virtual,onChange:ut},paginationProps:vt,defaultFilters:S.filters,onFiltersChange:H,toolbarItems:N?.toolbarItems,onToolbarAction:ht,isCustomTab:F,customRender:q?.render,tabRenderCtx:St,enableTableAutoScrollSizer:k?.enableTableAutoScrollSizer??q?.enableTableAutoScrollSizer??true}}function oa(t){return {pagination:t.defaultPagination,filters:t.defaultFilters,sorter:t.type!=="custom"?t.defaultSorter:void 0,loading:t.loading,syncing:t.syncing,exporting:t.exporting,disabled:t.disabled}}export{Ke as DEFAULT_TOOLBAR_ITEMS,mo as DataTable,To 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 };