@vef-framework/components 1.0.98 → 1.0.99

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

@@ -1,3 +1,61 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 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 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,3 +1,28 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 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 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,3 +1,20 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 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 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,3 +1,47 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 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 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,3 +1,18 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 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 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,5 +1,32 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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`
+/*! 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`
   height: 100%;
 
   > .vef-spin-nested-loading {
@@ -33,12 +60,12 @@
 
         > .vef-table-title {
           flex-shrink: 0;
-          padding: ${t.themeVariables.paddingSm};
+          padding: ${shared.themeVariables.paddingSm};
         }
 
         > .vef-table-footer {
           flex-shrink: 0;
-          padding: ${t.themeVariables.paddingXs}
+          padding: ${shared.themeVariables.paddingXs}
         }
 
         &.vef-table-empty > .vef-table-container > .vef-table-body > table {
@@ -47,10 +74,208 @@
       }
     }
   }
-`,S=o.css`
+`;
+const unlimitedHeightTableStyle = react.css`
   .vef-table-content {
     scrollbar-width: thin;
     scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
   }
-`;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;
+`;
+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 */

package/lib/vef-table/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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,3 +1,24 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 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 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,3 +1,5 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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,3 +1,30 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 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 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,3 +1,5 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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,3 +1,33 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 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 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,3 +1,5 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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,3 +1,62 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 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 is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */