@vef-framework/components 1.0.99 → 1.0.100

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

@@ -1,61 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared"),n=require("react"),t=require("../components/columns/index.cjs");exports.useTableColumns=function useTableColumns(o,s,u){return n.useMemo((()=>{const n=[],i=o.map((n=>{const{title:o,show:s,sort:u,fixed:i,dependentColumnNames:a,...l}=n,m=r.isNumber(u)?{multiple:u}:!!u||void 0,d=t.columnComponents[n.type];return{key:l.name,dataIndex:l.name,title:o||l.name,fixed:i,hidden:!(s??1),sorter:m,align:l.align,width:l.width,shouldCellUpdate:(e,n)=>!r.isDeepEqual(a.map((r=>e[r])),a.map((e=>n[e]))),render:(r,n,t)=>e.jsx(d,{columnProps:l,record:n,rowIndex:t,value:r})}}));return s&&n.push(s),n.push(...i),u&&n.push(u),n}),[o,s,u])};
 /*! 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,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),{useContextSelector:t,useContext:o,ContextProvider:r}=e.createSelectableContext({isFetching:!1,refetch:()=>Promise.resolve({}),selectedKeys:[],selectedRecords:[],defaultColumnConfigMap:new Map,columnConfigMap:new Map,setColumnConfigMap:e.noop,columnConfigMapHasChanged:!1}),n=t,s=o;exports.TableContextProvider=r,exports.useTableContext=s,exports.useTableContextSelector=n;
 /*! 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,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTableInstance=function useTableInstance(t,a,n){const r=e.useRef(null);return e.useImperativeHandle(t,(()=>({getData:()=>a,refetch:async()=>{await n()}}))),r};
 /*! 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,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared"),m=require("antd"),a=require("react"),{Summary:n}=m.Table,{Row:u,Cell:t}=n;exports.useTableSummary=function useTableSummary(m){const s=a.useMemo((()=>m.filter((e=>r.isFunction(e.summary))).map((e=>{const{name:r,summary:m,summaryColSpan:a}=e;return{name:r,summary:m,summaryColSpan:a??1}}))),[m]);return a.useMemo((()=>{if(0!==s.length)return r=>e.jsx(n,{fixed:"bottom",children:e.jsx(u,{children:s.map((({name:m,summary:a,summaryColSpan:n},u)=>e.jsx(t,{colSpan:n,index:u,children:a(r)},m)))})})}),[s])};
 /*! 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,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTableWidth=function useTableWidth(t,r){return e.useMemo((()=>{const e=t.filter((e=>!0!==e.hidden)).map((e=>e.width??e.minWidth??160)).reduce(((e,t)=>e+t),0);return r?e+40:e}),[t,r])};
 /*! 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,5 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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`
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),o=require("@emotion/react"),t=require("@vef-framework/shared"),n=require("antd"),s=require("react");require("../internal/index.cjs");const l=require("./components/table-footer.cjs"),a=require("./hooks/use-computed-batch-buttons.cjs"),i=require("./hooks/use-computed-columns.cjs"),r=require("./hooks/use-data.cjs"),u=require("./hooks/use-default-column-configs.cjs"),c=require("./hooks/use-helper-columns.cjs"),d=require("./hooks/use-pagination-props.cjs"),m=require("./hooks/use-row-props.cjs"),h=require("./hooks/use-row-selection-config.cjs"),b=require("./hooks/use-table-columns.cjs"),f=require("./hooks/use-table-context.cjs"),p=require("./hooks/use-table-instance.cjs"),g=require("./hooks/use-table-summary.cjs"),w=require("./hooks/use-table-width.cjs"),C=require("../internal/utils.cjs"),x=o.css`
   height: 100%;
 
   > .vef-spin-nested-loading {
@@ -60,12 +33,12 @@ const autoHeightTableStyle = react.css`
 
         > .vef-table-title {
           flex-shrink: 0;
-          padding: ${shared.themeVariables.paddingSm};
+          padding: ${t.themeVariables.paddingSm};
         }
 
         > .vef-table-footer {
           flex-shrink: 0;
-          padding: ${shared.themeVariables.paddingXs}
+          padding: ${t.themeVariables.paddingXs}
         }
 
         &.vef-table-empty > .vef-table-container > .vef-table-body > table {
@@ -74,208 +47,10 @@ const autoHeightTableStyle = react.css`
       }
     }
   }
-`;
-const unlimitedHeightTableStyle = react.css`
+`,S=o.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;
+`;const k=s.forwardRef((function VefTableBase({columns:o,defaultColumnConfigMap:u,rowNumberColumn:c,operationColumn:k,bordered:R=!1,size:y="medium",rowKey:q="id",height:j,virtual:v=!1,selectedKeys:B,defaultSelectedKeys:T,selectable:M=!1,multipleSelection:N,showSelectAllCheckbox:V,disabledSelection:K,enableRowClick:P,enableRowClickForSelection:z,rowBackgroundColor:A,batchActionButtons:D,selectionSummary:F,externalContext:O,onRowSelectionChange:E,onRowSelect:H,onRowDeselect:L,onRowClick:W,...$},_){const{paginated:I=!1,...U}=$,{paginationProps:X,paginationParams:G}=d.usePaginationProps(I,y),{data:J,isFetching:Q,isLoading:Y,total:Z,refetch:ee}=r.useData(U,I,G),oe=s.useMemo((()=>({...X,total:Z})),[X,Z]),[te,ne]=s.useState((()=>new Map(u))),se=s.useDeferredValue(te),le=i.useComputedColumns(o,se),{rowSelectionConfig:ae,handleRowClickSelection:ie,selectedKeys:re,selectedRecords:ue}=h.useRowSelectionConfig({selectedKeys:B,defaultSelectedKeys:T,selectable:M,multipleSelection:N,disabledSelection:K,enableRowClick:P,enableRowClickForSelection:z,onRowSelect:H,onRowDeselect:L,onRowSelectionChange:E,rowKey:q}),ce=m.useRowProps({enableRowClick:P,enableRowClickForSelection:z,onRowClick:W,disabledSelection:K,handleRowClickSelection:ie}),de=s.useMemo((()=>({externalContext:O,isFetching:Q,refetch:ee,selectedKeys:re,selectedRecords:ue.current,defaultColumnConfigMap:u,columnConfigMap:te,setColumnConfigMap:ne,columnConfigMapHasChanged:!t.isDeepEqual(u,te)})),[O,Q,ee,re,ue,u,te]),me=b.useTableColumns(le,c,k),he=w.useTableWidth(me,M),be=s.useMemo((()=>({x:he,y:"auto"===j?"auto":j,scrollToFirstRowOnChange:!0})),[j,he]),fe=p.useTableInstance(_,J??[],ee),pe=g.useTableSummary(le),{computedBatchActionButtons:ge,batchActionButtonContext:we}=a.useComputedBatchActionButtons(D??[],de),Ce=s.useMemo((()=>{if(Y||0===J?.length||!I&&!1===F&&0===ge.length)return;const o=e.jsx(l.default,{batchActionButtonContext:we,batchActionButtons:ge,paginationProps:oe,selectionSummary:F,size:y});return()=>o}),[we,ge,J?.length,Y,oe,I,F,y]);return e.jsx(f.TableContextProvider,{value:de,children:e.jsx(n.Table,{ref:fe,bordered:R,columns:me,css:"auto"===j?x:S,dataSource:J,footer:Ce,loading:Q,pagination:!1,rowKey:q,rowSelection:ae,scroll:be,size:C.convertBasicSizeToUiSize(y),summary:pe,tableLayout:"fixed",virtual:t.isNumber(j)&&j>0&&v,onRow:ce})})}));k.displayName="VefTableBase";const R=s.memo(s.forwardRef((function VefTableWrapper({schema:o,showRowNumber:t,operationButtons:n,maxVisibleOperationButtons:l,...a},i){const{size:r}=a,d=s.useMemo((()=>o.filter((e=>e.show??!0)).map((e=>({...e,dependentColumnNames:[...new Set([e.name,...e.dependentColumnNames??[]])]})))),[o]);if(0===d.length)throw new Error("The showed columns of VefTable component cannot be empty");const m=u.useDefaultColumnConfigs(d),{rowNumberColumn:h,operationColumn:b}=c.useHelperColumns({showRowNumber:t,operationButtons:n,maxVisibleOperationButtons:l,size:r});return e.jsx(k,{ref:i,columns:d,defaultColumnConfigMap:m,operationColumn:b,rowNumberColumn:h,...a})})),t.isDeepEqual);R.displayName="VefTable",exports.default=R;
 /*! 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,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */

package/lib/vef-table/store.cjs

@@ -1,24 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),{StoreProvider:r,useStore:o,useStoreApi:t}=e.createComponentStore("Table",(e=>r=>({changeSize:e=>r({size:e}),columnConfigMap:new Map,...e})));exports.TableStoreProvider=r,exports.useTableStore=o,exports.useTableStoreApi=t;
 /*! 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,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */

package/lib/vef-tabs/index.cjs

@@ -1,30 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),i=require("antd");require("../internal/index.cjs");const t=require("../internal/utils.cjs"),r={inkBar:!0,tabPane:!0};exports.default=function VefTabs({size:n,...s}){return e.jsx(i.Tabs,{animated:r,size:t.convertBasicSizeToUiSize(n),...s})};
 /*! 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,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */

package/lib/vef-tag/index.cjs

@@ -1,33 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),o=require("antd"),r=require("react");exports.default=function VefTag({closable:t=!1,color:s,inverse:n=!1,...u}){const i=r.useMemo((()=>n?`${s}-inverse`:s),[s,n]);return e.jsx(o.Tag,{closeIcon:t?null:void 0,color:i,...u})};
 /*! 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,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 */

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

@@ -1,62 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const yearFormats = ["YYYY"];
-const quarterFormats = ["YYYY-Q\u5B63\u5EA6"];
-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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=["YYYY"],M=["YYYY-Q季度"],m=["YYYY-MM","YYYY/MM","YYYY.MM","YYYYMM"],D=["YYYY-wo"],H=["YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYYMMDD","YY/MM/DD","YY.MM.DD","YYMMDD"],s=["HH:mm:ss","HH.mm.ss","HHmmss"],e=["HH"],t=["HH:mm","HH.mm","HHmm"],r=["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"];exports.getTemporalFormats=function getTemporalFormats(o){return"year"===o?Y:"quarter"===o?M:"month"===o?m:"week"===o?D:"datetime"===o?r:"date"===o?H:"time"===o?s:"hour"===o?e:"minute"===o?t:[]};
 /*! 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 */