@vef-framework/components 1.0.101 → 1.0.103

package/lib/vef-table/hooks/use-table-columns.cjs

@@ -1,61 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const shared = require('@vef-framework/shared');
-const react = require('react');
-const index = require('../components/columns/index.cjs');
-
-function useTableColumns(columns, rowNumberColumn, operationColumn) {
-  return react.useMemo(() => {
-    const columnsToUse = [];
-    const dataColumns = columns.map((column) => {
-      const {
-        title,
-        show,
-        sort,
-        fixed,
-        dependentColumnNames,
-        ...columnProps
-      } = column;
-      const sortToUse = shared.isNumber(sort) ? { multiple: sort } : sort ?? false ? true : void 0;
-      const ColumnComponent = index.columnComponents[column.type];
-      return {
-        key: columnProps.name,
-        dataIndex: columnProps.name,
-        title: title || columnProps.name,
-        fixed,
-        hidden: !(show ?? true),
-        sorter: sortToUse,
-        align: columnProps.align,
-        width: columnProps.width,
-        shouldCellUpdate: (record, prevRecord) => !shared.isDeepEqual(
-          dependentColumnNames.map((name) => record[name]),
-          dependentColumnNames.map((name) => prevRecord[name])
-        ),
-        render: (value, record, rowIndex) => /* @__PURE__ */ jsxRuntime.jsx(
-          ColumnComponent,
-          {
-            columnProps,
-            record,
-            rowIndex,
-            value
-          }
-        )
-      };
-    });
-    if (rowNumberColumn) {
-      columnsToUse.push(rowNumberColumn);
-    }
-    columnsToUse.push(...dataColumns);
-    if (operationColumn) {
-      columnsToUse.push(operationColumn);
-    }
-    return columnsToUse;
-  }, [columns, rowNumberColumn, operationColumn]);
-}
-
-exports.useTableColumns = useTableColumns;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),react=require("react"),index=require("../components/columns/index.cjs");function useTableColumns(columns,rowNumberColumn,operationColumn){return react.useMemo(()=>{const columnsToUse=[],dataColumns=columns.map(column=>{const{title,show,sort,fixed,dependentColumnNames,...columnProps}=column,sortToUse=shared.isNumber(sort)?{multiple:sort}:sort??!1?!0:void 0,ColumnComponent=index.columnComponents[column.type];return{key:columnProps.name,dataIndex:columnProps.name,title:title||columnProps.name,fixed,hidden:!(show??!0),sorter:sortToUse,align:columnProps.align,width:columnProps.width,shouldCellUpdate:(record,prevRecord)=>!shared.isDeepEqual(dependentColumnNames.map(name=>record[name]),dependentColumnNames.map(name=>prevRecord[name])),render:(value,record,rowIndex)=>jsxRuntime.jsx(ColumnComponent,{columnProps,record,rowIndex,value})}});return rowNumberColumn&&columnsToUse.push(rowNumberColumn),columnsToUse.push(...dataColumns),operationColumn&&columnsToUse.push(operationColumn),columnsToUse},[columns,rowNumberColumn,operationColumn])}exports.useTableColumns=useTableColumns;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-table-context.cjs

@@ -1,28 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const shared = require('@vef-framework/shared');
-
-const {
-  useContextSelector,
-  useContext,
-  ContextProvider: TableContextProvider
-} = shared.createSelectableContext({
-  isFetching: false,
-  refetch: () => Promise.resolve({}),
-  selectedKeys: [],
-  selectedRecords: [],
-  defaultColumnConfigMap: /* @__PURE__ */ new Map(),
-  columnConfigMap: /* @__PURE__ */ new Map(),
-  setColumnConfigMap: shared.noop,
-  columnConfigMapHasChanged: false
-});
-const useTableContextSelector = useContextSelector;
-const useTableContext = useContext;
-
-exports.TableContextProvider = TableContextProvider;
-exports.useTableContext = useTableContext;
-exports.useTableContextSelector = useTableContextSelector;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),{useContextSelector,useContext,ContextProvider:TableContextProvider}=shared.createSelectableContext({isFetching:!1,refetch:()=>Promise.resolve({}),selectedKeys:[],selectedRecords:[],defaultColumnConfigMap:new Map,columnConfigMap:new Map,setColumnConfigMap:shared.noop,columnConfigMapHasChanged:!1}),useTableContextSelector=useContextSelector,useTableContext=useContext;exports.TableContextProvider=TableContextProvider,exports.useTableContext=useTableContext,exports.useTableContextSelector=useTableContextSelector;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-table-instance.cjs

@@ -1,20 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-
-function useTableInstance(ref, data, refetch) {
-  const tableRef = react.useRef(null);
-  react.useImperativeHandle(ref, () => ({
-    getData: () => data,
-    refetch: async () => {
-      await refetch();
-    }
-  }));
-  return tableRef;
-}
-
-exports.useTableInstance = useTableInstance;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react");function useTableInstance(ref,data,refetch){const tableRef=react.useRef(null);return react.useImperativeHandle(ref,()=>({getData:()=>data,refetch:async()=>{await refetch()}})),tableRef}exports.useTableInstance=useTableInstance;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-table-summary.cjs

@@ -1,47 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const shared = require('@vef-framework/shared');
-const antd = require('antd');
-const react = require('react');
-
-const { Summary } = antd.Table;
-const { Row, Cell } = Summary;
-function useTableSummary(columns) {
-  const summaryColumns = react.useMemo(() => columns.filter((column) => shared.isFunction(column.summary)).map((column) => {
-    const {
-      name,
-      summary,
-      summaryColSpan
-    } = column;
-    return {
-      name,
-      summary,
-      summaryColSpan: summaryColSpan ?? 1
-    };
-  }), [columns]);
-  return react.useMemo(() => {
-    if (summaryColumns.length === 0) {
-      return;
-    }
-    return (records) => /* @__PURE__ */ jsxRuntime.jsx(Summary, { fixed: "bottom", children: /* @__PURE__ */ jsxRuntime.jsx(Row, { children: summaryColumns.map(({
-      name,
-      summary,
-      summaryColSpan
-    }, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      Cell,
-      {
-        colSpan: summaryColSpan,
-        index,
-        children: summary(records)
-      },
-      name
-    )) }) });
-  }, [summaryColumns]);
-}
-
-exports.useTableSummary = useTableSummary;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const jsxRuntime=require("@emotion/react/jsx-runtime"),shared=require("@vef-framework/shared"),antd=require("antd"),react=require("react"),{Summary}=antd.Table,{Row,Cell}=Summary;function useTableSummary(columns){const summaryColumns=react.useMemo(()=>columns.filter(column=>shared.isFunction(column.summary)).map(column=>{const{name,summary,summaryColSpan}=column;return{name,summary,summaryColSpan:summaryColSpan??1}}),[columns]);return react.useMemo(()=>{if(summaryColumns.length!==0)return records=>jsxRuntime.jsx(Summary,{fixed:"bottom",children:jsxRuntime.jsx(Row,{children:summaryColumns.map(({name,summary,summaryColSpan},index)=>jsxRuntime.jsx(Cell,{colSpan:summaryColSpan,index,children:summary(records)},name))})})},[summaryColumns])}exports.useTableSummary=useTableSummary;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/hooks/use-table-width.cjs

@@ -1,18 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-
-const defaultColumnWidth = 160;
-const selectionColumnWidth = 40;
-function useTableWidth(columns, selectable) {
-  return react.useMemo(() => {
-    const width = columns.filter((column) => column.hidden !== true).map((column) => column.width ?? column.minWidth ?? defaultColumnWidth).reduce((acc, w) => acc + w, 0);
-    return selectable ? width + selectionColumnWidth : width;
-  }, [columns, selectable]);
-}
-
-exports.useTableWidth = useTableWidth;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const react=require("react"),defaultColumnWidth=160,selectionColumnWidth=40;function useTableWidth(columns,selectable){return react.useMemo(()=>{const width=columns.filter(column=>column.hidden!==!0).map(column=>column.width??column.minWidth??defaultColumnWidth).reduce((acc,w)=>acc+w,0);return selectable?width+selectionColumnWidth:width},[columns,selectable])}exports.useTableWidth=useTableWidth;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/index.cjs

@@ -1,32 +1,4 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const antd = require('antd');
-const react$1 = require('react');
-require('../internal/index.cjs');
-const tableFooter = require('./components/table-footer.cjs');
-const useComputedBatchButtons = require('./hooks/use-computed-batch-buttons.cjs');
-const useComputedColumns = require('./hooks/use-computed-columns.cjs');
-const useData = require('./hooks/use-data.cjs');
-const useDefaultColumnConfigs = require('./hooks/use-default-column-configs.cjs');
-const useHelperColumns = require('./hooks/use-helper-columns.cjs');
-const usePaginationProps = require('./hooks/use-pagination-props.cjs');
-const useRowProps = require('./hooks/use-row-props.cjs');
-const useRowSelectionConfig = require('./hooks/use-row-selection-config.cjs');
-const useTableColumns = require('./hooks/use-table-columns.cjs');
-const useTableContext = require('./hooks/use-table-context.cjs');
-const useTableInstance = require('./hooks/use-table-instance.cjs');
-const useTableSummary = require('./hooks/use-table-summary.cjs');
-const useTableWidth = require('./hooks/use-table-width.cjs');
-const utils = require('../internal/utils.cjs');
-
-const DEFAULT_ROW_KEY = "id";
-const autoHeightTableStyle = react.css`
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),react=require("@emotion/react"),shared=require("@vef-framework/shared"),antd=require("antd"),react$1=require("react");require("../internal/index.cjs");const tableFooter=require("./components/table-footer.cjs"),useComputedBatchButtons=require("./hooks/use-computed-batch-buttons.cjs"),useComputedColumns=require("./hooks/use-computed-columns.cjs"),useData=require("./hooks/use-data.cjs"),useDefaultColumnConfigs=require("./hooks/use-default-column-configs.cjs"),useHelperColumns=require("./hooks/use-helper-columns.cjs"),usePaginationProps=require("./hooks/use-pagination-props.cjs"),useRowProps=require("./hooks/use-row-props.cjs"),useRowSelectionConfig=require("./hooks/use-row-selection-config.cjs"),useTableColumns=require("./hooks/use-table-columns.cjs"),useTableContext=require("./hooks/use-table-context.cjs"),useTableInstance=require("./hooks/use-table-instance.cjs"),useTableSummary=require("./hooks/use-table-summary.cjs"),useTableWidth=require("./hooks/use-table-width.cjs"),utils=require("../internal/utils.cjs"),DEFAULT_ROW_KEY="id",autoHeightTableStyle=react.css`
   height: 100%;
 
   > .vef-spin-nested-loading {
@@ -74,208 +46,9 @@ const autoHeightTableStyle = react.css`
       }
     }
   }
-`;
-const unlimitedHeightTableStyle = react.css`
+`,unlimitedHeightTableStyle=react.css`
   .vef-table-content {
     scrollbar-width: thin;
     scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
   }
-`;
-function VefTableBase({
-  columns,
-  defaultColumnConfigMap,
-  rowNumberColumn,
-  operationColumn,
-  bordered = false,
-  size = "medium",
-  rowKey = DEFAULT_ROW_KEY,
-  height,
-  virtual = false,
-  selectedKeys,
-  defaultSelectedKeys,
-  selectable = false,
-  multipleSelection,
-  showSelectAllCheckbox,
-  disabledSelection,
-  enableRowClick,
-  enableRowClickForSelection,
-  rowBackgroundColor,
-  batchActionButtons,
-  selectionSummary,
-  externalContext,
-  onRowSelectionChange,
-  onRowSelect,
-  onRowDeselect,
-  onRowClick,
-  ...restProps
-}, ref) {
-  const { paginated = false, ...queryConfig } = restProps;
-  const { paginationProps, paginationParams } = usePaginationProps.usePaginationProps(paginated, size);
-  const {
-    data,
-    isFetching,
-    isLoading,
-    total,
-    refetch
-  } = useData.useData(queryConfig, paginated, paginationParams);
-  const mergedPaginationProps = react$1.useMemo(() => ({
-    ...paginationProps,
-    total
-  }), [paginationProps, total]);
-  const [columnConfigMap, setColumnConfigMap] = react$1.useState(() => new Map(defaultColumnConfigMap));
-  const deferredColumnConfigMap = react$1.useDeferredValue(columnConfigMap);
-  const computedColumns = useComputedColumns.useComputedColumns(columns, deferredColumnConfigMap);
-  const {
-    rowSelectionConfig,
-    handleRowClickSelection,
-    selectedKeys: selectedKeysToUse,
-    selectedRecords
-  } = useRowSelectionConfig.useRowSelectionConfig({
-    selectedKeys,
-    defaultSelectedKeys,
-    selectable,
-    multipleSelection,
-    disabledSelection,
-    enableRowClick,
-    enableRowClickForSelection,
-    onRowSelect,
-    onRowDeselect,
-    onRowSelectionChange,
-    rowKey
-  });
-  const onRow = useRowProps.useRowProps({
-    enableRowClick,
-    enableRowClickForSelection,
-    onRowClick,
-    disabledSelection,
-    handleRowClickSelection
-  });
-  const tableContext = react$1.useMemo(() => ({
-    externalContext,
-    isFetching,
-    refetch,
-    selectedKeys: selectedKeysToUse,
-    selectedRecords: selectedRecords.current,
-    defaultColumnConfigMap,
-    columnConfigMap,
-    setColumnConfigMap,
-    columnConfigMapHasChanged: !shared.isDeepEqual(defaultColumnConfigMap, columnConfigMap)
-  }), [
-    externalContext,
-    isFetching,
-    refetch,
-    selectedKeysToUse,
-    selectedRecords,
-    defaultColumnConfigMap,
-    columnConfigMap
-  ]);
-  const columnsToUse = useTableColumns.useTableColumns(
-    computedColumns,
-    rowNumberColumn,
-    operationColumn
-  );
-  const tableWidth = useTableWidth.useTableWidth(columnsToUse, selectable);
-  const scrollConfig = react$1.useMemo(() => ({
-    x: tableWidth,
-    y: height === "auto" ? "auto" : height,
-    scrollToFirstRowOnChange: true
-  }), [height, tableWidth]);
-  const tableRef = useTableInstance.useTableInstance(ref, data ?? [], refetch);
-  const tableSummary = useTableSummary.useTableSummary(computedColumns);
-  const { computedBatchActionButtons, batchActionButtonContext } = useComputedBatchButtons.useComputedBatchActionButtons(batchActionButtons ?? [], tableContext);
-  const footer = react$1.useMemo(() => {
-    if (isLoading || data?.length === 0 || !paginated && selectionSummary === false && computedBatchActionButtons.length === 0) {
-      return;
-    }
-    const footerNode = /* @__PURE__ */ jsxRuntime.jsx(
-      tableFooter.default,
-      {
-        batchActionButtonContext,
-        batchActionButtons: computedBatchActionButtons,
-        paginationProps: mergedPaginationProps,
-        selectionSummary,
-        size
-      }
-    );
-    return () => footerNode;
-  }, [
-    batchActionButtonContext,
-    computedBatchActionButtons,
-    data?.length,
-    isLoading,
-    mergedPaginationProps,
-    paginated,
-    selectionSummary,
-    size
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx(useTableContext.TableContextProvider, { value: tableContext, children: /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Table,
-    {
-      ref: tableRef,
-      bordered,
-      columns: columnsToUse,
-      css: height === "auto" ? autoHeightTableStyle : unlimitedHeightTableStyle,
-      dataSource: data,
-      footer,
-      loading: isFetching,
-      pagination: false,
-      rowKey,
-      rowSelection: rowSelectionConfig,
-      scroll: scrollConfig,
-      size: utils.convertBasicSizeToUiSize(size),
-      summary: tableSummary,
-      tableLayout: "fixed",
-      virtual: shared.isNumber(height) && height > 0 && virtual,
-      onRow
-    }
-  ) });
-}
-const VefTableBaseForwarded = react$1.forwardRef(VefTableBase);
-VefTableBaseForwarded.displayName = "VefTableBase";
-function VefTableWrapper({
-  schema,
-  showRowNumber,
-  operationButtons,
-  maxVisibleOperationButtons,
-  ...restProps
-}, ref) {
-  const { size } = restProps;
-  const showedColumns = react$1.useMemo(() => schema.filter((column) => column.show ?? true).map((column) => ({
-    ...column,
-    dependentColumnNames: [
-      .../* @__PURE__ */ new Set([
-        column.name,
-        ...column.dependentColumnNames ?? []
-      ])
-    ]
-  })), [schema]);
-  if (showedColumns.length === 0) {
-    throw new Error("The showed columns of VefTable component cannot be empty");
-  }
-  const defaultColumnConfigMap = useDefaultColumnConfigs.useDefaultColumnConfigs(showedColumns);
-  const { rowNumberColumn, operationColumn } = useHelperColumns.useHelperColumns({
-    showRowNumber,
-    operationButtons,
-    maxVisibleOperationButtons,
-    size
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    VefTableBaseForwarded,
-    {
-      ref,
-      columns: showedColumns,
-      defaultColumnConfigMap,
-      operationColumn,
-      rowNumberColumn,
-      ...restProps
-    }
-  );
-}
-const VefTable = react$1.memo(
-  react$1.forwardRef(VefTableWrapper),
-  shared.isDeepEqual
-);
-VefTable.displayName = "VefTable";
-
-exports.default = VefTable;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+`;function VefTableBase({columns,defaultColumnConfigMap,rowNumberColumn,operationColumn,bordered=!1,size="medium",rowKey=DEFAULT_ROW_KEY,height,virtual=!1,selectedKeys,defaultSelectedKeys,selectable=!1,multipleSelection,showSelectAllCheckbox,disabledSelection,enableRowClick,enableRowClickForSelection,rowBackgroundColor,batchActionButtons,selectionSummary,externalContext,onRowSelectionChange,onRowSelect,onRowDeselect,onRowClick,...restProps},ref){const{paginated=!1,...queryConfig}=restProps,{paginationProps,paginationParams}=usePaginationProps.usePaginationProps(paginated,size),{data,isFetching,isLoading,total,refetch}=useData.useData(queryConfig,paginated,paginationParams),mergedPaginationProps=react$1.useMemo(()=>({...paginationProps,total}),[paginationProps,total]),[columnConfigMap,setColumnConfigMap]=react$1.useState(()=>new Map(defaultColumnConfigMap)),deferredColumnConfigMap=react$1.useDeferredValue(columnConfigMap),computedColumns=useComputedColumns.useComputedColumns(columns,deferredColumnConfigMap),{rowSelectionConfig,handleRowClickSelection,selectedKeys:selectedKeysToUse,selectedRecords}=useRowSelectionConfig.useRowSelectionConfig({selectedKeys,defaultSelectedKeys,selectable,multipleSelection,disabledSelection,enableRowClick,enableRowClickForSelection,onRowSelect,onRowDeselect,onRowSelectionChange,rowKey}),onRow=useRowProps.useRowProps({enableRowClick,enableRowClickForSelection,onRowClick,disabledSelection,handleRowClickSelection}),tableContext=react$1.useMemo(()=>({externalContext,isFetching,refetch,selectedKeys:selectedKeysToUse,selectedRecords:selectedRecords.current,defaultColumnConfigMap,columnConfigMap,setColumnConfigMap,columnConfigMapHasChanged:!shared.isDeepEqual(defaultColumnConfigMap,columnConfigMap)}),[externalContext,isFetching,refetch,selectedKeysToUse,selectedRecords,defaultColumnConfigMap,columnConfigMap]),columnsToUse=useTableColumns.useTableColumns(computedColumns,rowNumberColumn,operationColumn),tableWidth=useTableWidth.useTableWidth(columnsToUse,selectable),scrollConfig=react$1.useMemo(()=>({x:tableWidth,y:height==="auto"?"auto":height,scrollToFirstRowOnChange:!0}),[height,tableWidth]),tableRef=useTableInstance.useTableInstance(ref,data??[],refetch),tableSummary=useTableSummary.useTableSummary(computedColumns),{computedBatchActionButtons,batchActionButtonContext}=useComputedBatchButtons.useComputedBatchActionButtons(batchActionButtons??[],tableContext),footer=react$1.useMemo(()=>{if(isLoading||data?.length===0||!paginated&&selectionSummary===!1&&computedBatchActionButtons.length===0)return;const footerNode=jsxRuntime.jsx(tableFooter.default,{batchActionButtonContext,batchActionButtons:computedBatchActionButtons,paginationProps:mergedPaginationProps,selectionSummary,size});return()=>footerNode},[batchActionButtonContext,computedBatchActionButtons,data?.length,isLoading,mergedPaginationProps,paginated,selectionSummary,size]);return jsxRuntime.jsx(useTableContext.TableContextProvider,{value:tableContext,children:jsxRuntime.jsx(antd.Table,{ref:tableRef,bordered,columns:columnsToUse,css:height==="auto"?autoHeightTableStyle:unlimitedHeightTableStyle,dataSource:data,footer,loading:isFetching,pagination:!1,rowKey,rowSelection:rowSelectionConfig,scroll:scrollConfig,size:utils.convertBasicSizeToUiSize(size),summary:tableSummary,tableLayout:"fixed",virtual:shared.isNumber(height)&&height>0&&virtual,onRow})})}const VefTableBaseForwarded=react$1.forwardRef(VefTableBase);VefTableBaseForwarded.displayName="VefTableBase";function VefTableWrapper({schema,showRowNumber,operationButtons,maxVisibleOperationButtons,...restProps},ref){const{size}=restProps,showedColumns=react$1.useMemo(()=>schema.filter(column=>column.show??!0).map(column=>({...column,dependentColumnNames:[...new Set([column.name,...column.dependentColumnNames??[]])]})),[schema]);if(showedColumns.length===0)throw new Error("The showed columns of VefTable component cannot be empty");const defaultColumnConfigMap=useDefaultColumnConfigs.useDefaultColumnConfigs(showedColumns),{rowNumberColumn,operationColumn}=useHelperColumns.useHelperColumns({showRowNumber,operationButtons,maxVisibleOperationButtons,size});return jsxRuntime.jsx(VefTableBaseForwarded,{ref,columns:showedColumns,defaultColumnConfigMap,operationColumn,rowNumberColumn,...restProps})}const VefTable=react$1.memo(react$1.forwardRef(VefTableWrapper),shared.isDeepEqual);VefTable.displayName="VefTable",exports.default=VefTable;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/props.cjs

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/store.cjs

@@ -1,24 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const shared = require('@vef-framework/shared');
-
-const {
-  StoreProvider: TableStoreProvider,
-  useStore: useTableStore,
-  useStoreApi: useTableStoreApi
-} = shared.createComponentStore(
-  "Table",
-  (initialState) => (set) => ({
-    changeSize: (size) => set({ size }),
-    columnConfigMap: /* @__PURE__ */ new Map(),
-    ...initialState
-  })
-);
-
-exports.TableStoreProvider = TableStoreProvider;
-exports.useTableStore = useTableStore;
-exports.useTableStoreApi = useTableStoreApi;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const shared=require("@vef-framework/shared"),{StoreProvider:TableStoreProvider,useStore:useTableStore,useStoreApi:useTableStoreApi}=shared.createComponentStore("Table",initialState=>set=>({changeSize:size=>set({size}),columnConfigMap:new Map,...initialState}));exports.TableStoreProvider=TableStoreProvider,exports.useTableStore=useTableStore,exports.useTableStoreApi=useTableStoreApi;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-table/types.cjs

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-tabs/index.cjs

@@ -1,30 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const antd = require('antd');
-require('../internal/index.cjs');
-const utils = require('../internal/utils.cjs');
-
-const animatedConfig = {
-  inkBar: true,
-  tabPane: true
-};
-function VefTabs({
-  size,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Tabs,
-    {
-      animated: animatedConfig,
-      size: utils.convertBasicSizeToUiSize(size),
-      ...props
-    }
-  );
-}
-
-exports.default = VefTabs;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd");require("../internal/index.cjs");const utils=require("../internal/utils.cjs"),animatedConfig={inkBar:!0,tabPane:!0};function VefTabs({size,...props}){return jsxRuntime.jsx(antd.Tabs,{animated:animatedConfig,size:utils.convertBasicSizeToUiSize(size),...props})}exports.default=VefTabs;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-tabs/props.cjs

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-tag/index.cjs

@@ -1,33 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const antd = require('antd');
-const react = require('react');
-
-function VefTag({
-  closable = false,
-  color,
-  inverse = false,
-  ...restProps
-}) {
-  const colorToUse = react.useMemo(() => {
-    if (!inverse) {
-      return color;
-    }
-    return `${color}-inverse`;
-  }, [color, inverse]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Tag,
-    {
-      closeIcon: closable ? null : void 0,
-      color: colorToUse,
-      ...restProps
-    }
-  );
-}
-
-exports.default = VefTag;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const jsxRuntime=require("@emotion/react/jsx-runtime"),antd=require("antd"),react=require("react");function VefTag({closable=!1,color,inverse=!1,...restProps}){const colorToUse=react.useMemo(()=>inverse?`${color}-inverse`:color,[color,inverse]);return jsxRuntime.jsx(antd.Tag,{closeIcon:closable?null:void 0,color:colorToUse,...restProps})}exports.default=VefTag;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-tag/props.cjs

@@ -1,5 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. *//*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-temporal-picker/helper.cjs

@@ -1,62 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const yearFormats = ["YYYY"];
-const quarterFormats = ["YYYY-Q季度"];
-const monthFormats = [
-  "YYYY-MM",
-  "YYYY/MM",
-  "YYYY.MM",
-  "YYYYMM"
-];
-const weekFormats = ["YYYY-wo"];
-const dateFormats = [
-  "YYYY-MM-DD",
-  "YYYY/MM/DD",
-  "YYYY.MM.DD",
-  "YYYYMMDD",
-  "YY/MM/DD",
-  "YY.MM.DD",
-  "YYMMDD"
-];
-const timeFormats = ["HH:mm:ss", "HH.mm.ss", "HHmmss"];
-const hourFormats = ["HH"];
-const minuteFormats = ["HH:mm", "HH.mm", "HHmm"];
-const datetimeFormats = [
-  "YYYY-MM-DD HH:mm:ss",
-  "YYYY/MM/DD HH:mm:ss",
-  "YYYY.MM.DD HH.mm.ss",
-  "YYYYMMDDHHmmss",
-  "YY/MM/DD HH:mm:ss",
-  "YY.MM.DD HH:mm:ss",
-  "YY.MM.DD HH.mm.ss",
-  "YYMMDDHHmmss"
-];
-function getTemporalFormats(mode) {
-  if (mode === "year") {
-    return yearFormats;
-  } else if (mode === "quarter") {
-    return quarterFormats;
-  } else if (mode === "month") {
-    return monthFormats;
-  } else if (mode === "week") {
-    return weekFormats;
-  } else if (mode === "datetime") {
-    return datetimeFormats;
-  } else if (mode === "date") {
-    return dateFormats;
-  } else if (mode === "time") {
-    return timeFormats;
-  } else if (mode === "hour") {
-    return hourFormats;
-  } else if (mode === "minute") {
-    return minuteFormats;
-  } else {
-    return [];
-  }
-}
-
-exports.getTemporalFormats = getTemporalFormats;
-/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */
+"use strict";/*! VefFramework version: 1.0.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const yearFormats=["YYYY"],quarterFormats=["YYYY-Q季度"],monthFormats=["YYYY-MM","YYYY/MM","YYYY.MM","YYYYMM"],weekFormats=["YYYY-wo"],dateFormats=["YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYYMMDD","YY/MM/DD","YY.MM.DD","YYMMDD"],timeFormats=["HH:mm:ss","HH.mm.ss","HHmmss"],hourFormats=["HH"],minuteFormats=["HH:mm","HH.mm","HHmm"],datetimeFormats=["YYYY-MM-DD HH:mm:ss","YYYY/MM/DD HH:mm:ss","YYYY.MM.DD HH.mm.ss","YYYYMMDDHHmmss","YY/MM/DD HH:mm:ss","YY.MM.DD HH:mm:ss","YY.MM.DD HH.mm.ss","YYMMDDHHmmss"];function getTemporalFormats(mode){return mode==="year"?yearFormats:mode==="quarter"?quarterFormats:mode==="month"?monthFormats:mode==="week"?weekFormats:mode==="datetime"?datetimeFormats:mode==="date"?dateFormats:mode==="time"?timeFormats:mode==="hour"?hourFormats:mode==="minute"?minuteFormats:[]}exports.getTemporalFormats=getTemporalFormats;/*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */