@vef-framework/components 1.0.100 → 1.0.101

package/es/vef-table/hooks/use-table-context.js

@@ -1,3 +1,22 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{createSelectableContext as e,noop as o}from"@vef-framework/shared";const{useContextSelector:n,useContext:t,ContextProvider:r}=e({isFetching:!1,refetch:()=>Promise.resolve({}),selectedKeys:[],selectedRecords:[],defaultColumnConfigMap:new Map,columnConfigMap:new Map,setColumnConfigMap:o,columnConfigMapHasChanged:!1}),s=n,a=t;export{r as TableContextProvider,a as useTableContext,s as useTableContextSelector};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { createSelectableContext, noop } from '@vef-framework/shared';
+
+const {
+  useContextSelector,
+  useContext,
+  ContextProvider: TableContextProvider
+} = createSelectableContext({
+  isFetching: false,
+  refetch: () => Promise.resolve({}),
+  selectedKeys: [],
+  selectedRecords: [],
+  defaultColumnConfigMap: /* @__PURE__ */ new Map(),
+  columnConfigMap: /* @__PURE__ */ new Map(),
+  setColumnConfigMap: noop,
+  columnConfigMapHasChanged: false
+});
+const useTableContextSelector = useContextSelector;
+const useTableContext = useContext;
+
+export { TableContextProvider, useTableContext, 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/es/vef-table/hooks/use-table-instance.js

@@ -1,3 +1,16 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useRef as e,useImperativeHandle as t}from"react";function useTableInstance(a,n,c){const r=e(null);return t(a,(()=>({getData:()=>n,refetch:async()=>{await c()}}))),r}export{useTableInstance};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { useRef, useImperativeHandle } from 'react';
+
+function useTableInstance(ref, data, refetch) {
+  const tableRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    getData: () => data,
+    refetch: async () => {
+      await refetch();
+    }
+  }));
+  return tableRef;
+}
+
+export { 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/es/vef-table/hooks/use-table-summary.js

@@ -1,3 +1,43 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as m}from"@emotion/react/jsx-runtime";import{isFunction as r}from"@vef-framework/shared";import{Table as a}from"antd";import{useMemo as e}from"react";const{Summary:n}=a,{Row:o,Cell:t}=n;function useTableSummary(a){const u=e((()=>a.filter((m=>r(m.summary))).map((m=>{const{name:r,summary:a,summaryColSpan:e}=m;return{name:r,summary:a,summaryColSpan:e??1}}))),[a]);return e((()=>{if(0!==u.length)return r=>m(n,{fixed:"bottom",children:m(o,{children:u.map((({name:a,summary:e,summaryColSpan:n},o)=>m(t,{colSpan:n,index:o,children:e(r)},a)))})})}),[u])}export{useTableSummary};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { isFunction } from '@vef-framework/shared';
+import { Table } from 'antd';
+import { useMemo } from 'react';
+
+const { Summary } = Table;
+const { Row, Cell } = Summary;
+function useTableSummary(columns) {
+  const summaryColumns = useMemo(() => columns.filter((column) => isFunction(column.summary)).map((column) => {
+    const {
+      name,
+      summary,
+      summaryColSpan
+    } = column;
+    return {
+      name,
+      summary,
+      summaryColSpan: summaryColSpan ?? 1
+    };
+  }), [columns]);
+  return useMemo(() => {
+    if (summaryColumns.length === 0) {
+      return;
+    }
+    return (records) => /* @__PURE__ */ jsx(Summary, { fixed: "bottom", children: /* @__PURE__ */ jsx(Row, { children: summaryColumns.map(({
+      name,
+      summary,
+      summaryColSpan
+    }, index) => /* @__PURE__ */ jsx(
+      Cell,
+      {
+        colSpan: summaryColSpan,
+        index,
+        children: summary(records)
+      },
+      name
+    )) }) });
+  }, [summaryColumns]);
+}
+
+export { 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/es/vef-table/hooks/use-table-width.js

@@ -1,3 +1,14 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useMemo as e}from"react";function useTableWidth(t,r){return e((()=>{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])}export{useTableWidth};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { useMemo } from 'react';
+
+const defaultColumnWidth = 160;
+const selectionColumnWidth = 40;
+function useTableWidth(columns, selectable) {
+  return 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]);
+}
+
+export { 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/es/vef-table/index.js

@@ -1,5 +1,28 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{themeVariables as t,isDeepEqual as n,isNumber as l}from"@vef-framework/shared";import{Table as i}from"antd";import{useMemo as r,useState as a,useDeferredValue as s,forwardRef as c,memo as m}from"react";import"../internal/index.js";import u from"./components/table-footer.js";import{useComputedBatchActionButtons as f}from"./hooks/use-computed-batch-buttons.js";import{useComputedColumns as p}from"./hooks/use-computed-columns.js";import{useData as d}from"./hooks/use-data.js";import{useDefaultColumnConfigs as h}from"./hooks/use-default-column-configs.js";import{useHelperColumns as b}from"./hooks/use-helper-columns.js";import{usePaginationProps as w}from"./hooks/use-pagination-props.js";import{useRowProps as g}from"./hooks/use-row-props.js";import{useRowSelectionConfig as C}from"./hooks/use-row-selection-config.js";import{useTableColumns as k}from"./hooks/use-table-columns.js";import{TableContextProvider as x}from"./hooks/use-table-context.js";import{useTableInstance as S}from"./hooks/use-table-instance.js";import{useTableSummary as y}from"./hooks/use-table-summary.js";import{useTableWidth as R}from"./hooks/use-table-width.js";import{convertBasicSizeToUiSize as j}from"../internal/utils.js";const v=o`
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { themeVariables, isDeepEqual, isNumber } from '@vef-framework/shared';
+import { Table } from 'antd';
+import { useMemo, useState, useDeferredValue, forwardRef, memo } from 'react';
+import '../internal/index.js';
+import VefTableFooter from './components/table-footer.js';
+import { useComputedBatchActionButtons } from './hooks/use-computed-batch-buttons.js';
+import { useComputedColumns } from './hooks/use-computed-columns.js';
+import { useData } from './hooks/use-data.js';
+import { useDefaultColumnConfigs } from './hooks/use-default-column-configs.js';
+import { useHelperColumns } from './hooks/use-helper-columns.js';
+import { usePaginationProps } from './hooks/use-pagination-props.js';
+import { useRowProps } from './hooks/use-row-props.js';
+import { useRowSelectionConfig } from './hooks/use-row-selection-config.js';
+import { useTableColumns } from './hooks/use-table-columns.js';
+import { TableContextProvider } from './hooks/use-table-context.js';
+import { useTableInstance } from './hooks/use-table-instance.js';
+import { useTableSummary } from './hooks/use-table-summary.js';
+import { useTableWidth } from './hooks/use-table-width.js';
+import { convertBasicSizeToUiSize } from '../internal/utils.js';
+
+const DEFAULT_ROW_KEY = "id";
+const autoHeightTableStyle = css`
   height: 100%;
 
   > .vef-spin-nested-loading {
@@ -33,12 +56,12 @@ import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/r
 
         > .vef-table-title {
           flex-shrink: 0;
-          padding: ${t.paddingSm};
+          padding: ${themeVariables.paddingSm};
         }
 
         > .vef-table-footer {
           flex-shrink: 0;
-          padding: ${t.paddingXs}
+          padding: ${themeVariables.paddingXs}
         }
 
         &.vef-table-empty > .vef-table-container > .vef-table-body > table {
@@ -47,10 +70,208 @@ import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/r
       }
     }
   }
-`,B=o`
+`;
+const unlimitedHeightTableStyle = css`
   .vef-table-content {
     scrollbar-width: thin;
     scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
   }
-`;const K=c((function VefTableBase({columns:o,defaultColumnConfigMap:t,rowNumberColumn:c,operationColumn:m,bordered:h=!1,size:b="medium",rowKey:K="id",height:N,virtual:M=!1,selectedKeys:T,defaultSelectedKeys:V,selectable:A=!1,multipleSelection:F,showSelectAllCheckbox:z,disabledSelection:O,enableRowClick:P,enableRowClickForSelection:D,rowBackgroundColor:L,batchActionButtons:$,selectionSummary:E,externalContext:H,onRowSelectionChange:W,onRowSelect:X,onRowDeselect:q,onRowClick:G,...I},J){const{paginated:Q=!1,...U}=I,{paginationProps:Y,paginationParams:Z}=w(Q,b),{data:_,isFetching:ee,isLoading:oe,total:te,refetch:ne}=d(U,Q,Z),le=r((()=>({...Y,total:te})),[Y,te]),[ie,re]=a((()=>new Map(t))),ae=s(ie),se=p(o,ae),{rowSelectionConfig:ce,handleRowClickSelection:me,selectedKeys:ue,selectedRecords:fe}=C({selectedKeys:T,defaultSelectedKeys:V,selectable:A,multipleSelection:F,disabledSelection:O,enableRowClick:P,enableRowClickForSelection:D,onRowSelect:X,onRowDeselect:q,onRowSelectionChange:W,rowKey:K}),pe=g({enableRowClick:P,enableRowClickForSelection:D,onRowClick:G,disabledSelection:O,handleRowClickSelection:me}),de=r((()=>({externalContext:H,isFetching:ee,refetch:ne,selectedKeys:ue,selectedRecords:fe.current,defaultColumnConfigMap:t,columnConfigMap:ie,setColumnConfigMap:re,columnConfigMapHasChanged:!n(t,ie)})),[H,ee,ne,ue,fe,t,ie]),he=k(se,c,m),be=R(he,A),we=r((()=>({x:be,y:"auto"===N?"auto":N,scrollToFirstRowOnChange:!0})),[N,be]),ge=S(J,_??[],ne),Ce=y(se),{computedBatchActionButtons:ke,batchActionButtonContext:xe}=f($??[],de),Se=r((()=>{if(oe||0===_?.length||!Q&&!1===E&&0===ke.length)return;const o=e(u,{batchActionButtonContext:xe,batchActionButtons:ke,paginationProps:le,selectionSummary:E,size:b});return()=>o}),[xe,ke,_?.length,oe,le,Q,E,b]);return e(x,{value:de,children:e(i,{ref:ge,bordered:h,columns:he,css:"auto"===N?v:B,dataSource:_,footer:Se,loading:ee,pagination:!1,rowKey:K,rowSelection:ce,scroll:we,size:j(b),summary:Ce,tableLayout:"fixed",virtual:l(N)&&N>0&&M,onRow:pe})})}));K.displayName="VefTableBase";const N=m(c((function VefTableWrapper({schema:o,showRowNumber:t,operationButtons:n,maxVisibleOperationButtons:l,...i},a){const{size:s}=i,c=r((()=>o.filter((e=>e.show??!0)).map((e=>({...e,dependentColumnNames:[...new Set([e.name,...e.dependentColumnNames??[]])]})))),[o]);if(0===c.length)throw new Error("The showed columns of VefTable component cannot be empty");const m=h(c),{rowNumberColumn:u,operationColumn:f}=b({showRowNumber:t,operationButtons:n,maxVisibleOperationButtons:l,size:s});return e(K,{ref:a,columns:c,defaultColumnConfigMap:m,operationColumn:f,rowNumberColumn:u,...i})})),n);N.displayName="VefTable";export{N as default};
+`;
+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(paginated, size);
+  const {
+    data,
+    isFetching,
+    isLoading,
+    total,
+    refetch
+  } = useData(queryConfig, paginated, paginationParams);
+  const mergedPaginationProps = useMemo(() => ({
+    ...paginationProps,
+    total
+  }), [paginationProps, total]);
+  const [columnConfigMap, setColumnConfigMap] = useState(() => new Map(defaultColumnConfigMap));
+  const deferredColumnConfigMap = useDeferredValue(columnConfigMap);
+  const computedColumns = useComputedColumns(columns, deferredColumnConfigMap);
+  const {
+    rowSelectionConfig,
+    handleRowClickSelection,
+    selectedKeys: selectedKeysToUse,
+    selectedRecords
+  } = useRowSelectionConfig({
+    selectedKeys,
+    defaultSelectedKeys,
+    selectable,
+    multipleSelection,
+    disabledSelection,
+    enableRowClick,
+    enableRowClickForSelection,
+    onRowSelect,
+    onRowDeselect,
+    onRowSelectionChange,
+    rowKey
+  });
+  const onRow = useRowProps({
+    enableRowClick,
+    enableRowClickForSelection,
+    onRowClick,
+    disabledSelection,
+    handleRowClickSelection
+  });
+  const tableContext = useMemo(() => ({
+    externalContext,
+    isFetching,
+    refetch,
+    selectedKeys: selectedKeysToUse,
+    selectedRecords: selectedRecords.current,
+    defaultColumnConfigMap,
+    columnConfigMap,
+    setColumnConfigMap,
+    columnConfigMapHasChanged: !isDeepEqual(defaultColumnConfigMap, columnConfigMap)
+  }), [
+    externalContext,
+    isFetching,
+    refetch,
+    selectedKeysToUse,
+    selectedRecords,
+    defaultColumnConfigMap,
+    columnConfigMap
+  ]);
+  const columnsToUse = useTableColumns(
+    computedColumns,
+    rowNumberColumn,
+    operationColumn
+  );
+  const tableWidth = useTableWidth(columnsToUse, selectable);
+  const scrollConfig = useMemo(() => ({
+    x: tableWidth,
+    y: height === "auto" ? "auto" : height,
+    scrollToFirstRowOnChange: true
+  }), [height, tableWidth]);
+  const tableRef = useTableInstance(ref, data ?? [], refetch);
+  const tableSummary = useTableSummary(computedColumns);
+  const { computedBatchActionButtons, batchActionButtonContext } = useComputedBatchActionButtons(batchActionButtons ?? [], tableContext);
+  const footer = useMemo(() => {
+    if (isLoading || data?.length === 0 || !paginated && selectionSummary === false && computedBatchActionButtons.length === 0) {
+      return;
+    }
+    const footerNode = /* @__PURE__ */ jsx(
+      VefTableFooter,
+      {
+        batchActionButtonContext,
+        batchActionButtons: computedBatchActionButtons,
+        paginationProps: mergedPaginationProps,
+        selectionSummary,
+        size
+      }
+    );
+    return () => footerNode;
+  }, [
+    batchActionButtonContext,
+    computedBatchActionButtons,
+    data?.length,
+    isLoading,
+    mergedPaginationProps,
+    paginated,
+    selectionSummary,
+    size
+  ]);
+  return /* @__PURE__ */ jsx(TableContextProvider, { value: tableContext, children: /* @__PURE__ */ jsx(
+    Table,
+    {
+      ref: tableRef,
+      bordered,
+      columns: columnsToUse,
+      css: height === "auto" ? autoHeightTableStyle : unlimitedHeightTableStyle,
+      dataSource: data,
+      footer,
+      loading: isFetching,
+      pagination: false,
+      rowKey,
+      rowSelection: rowSelectionConfig,
+      scroll: scrollConfig,
+      size: convertBasicSizeToUiSize(size),
+      summary: tableSummary,
+      tableLayout: "fixed",
+      virtual: isNumber(height) && height > 0 && virtual,
+      onRow
+    }
+  ) });
+}
+const VefTableBaseForwarded = forwardRef(VefTableBase);
+VefTableBaseForwarded.displayName = "VefTableBase";
+function VefTableWrapper({
+  schema,
+  showRowNumber,
+  operationButtons,
+  maxVisibleOperationButtons,
+  ...restProps
+}, ref) {
+  const { size } = restProps;
+  const showedColumns = 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(showedColumns);
+  const { rowNumberColumn, operationColumn } = useHelperColumns({
+    showRowNumber,
+    operationButtons,
+    maxVisibleOperationButtons,
+    size
+  });
+  return /* @__PURE__ */ jsx(
+    VefTableBaseForwarded,
+    {
+      ref,
+      columns: showedColumns,
+      defaultColumnConfigMap,
+      operationColumn,
+      rowNumberColumn,
+      ...restProps
+    }
+  );
+}
+const VefTable = memo(
+  forwardRef(VefTableWrapper),
+  isDeepEqual
+);
+VefTable.displayName = "VefTable";
+
+export { VefTable as default };
 /*! 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/es/vef-table/store.js

@@ -1,3 +1,18 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{createComponentStore as e}from"@vef-framework/shared";const{StoreProvider:o,useStore:r,useStoreApi:a}=e("Table",(e=>o=>({changeSize:e=>o({size:e}),columnConfigMap:new Map,...e})));export{o as TableStoreProvider,r as useTableStore,a as useTableStoreApi};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { createComponentStore } from '@vef-framework/shared';
+
+const {
+  StoreProvider: TableStoreProvider,
+  useStore: useTableStore,
+  useStoreApi: useTableStoreApi
+} = createComponentStore(
+  "Table",
+  (initialState) => (set) => ({
+    changeSize: (size) => set({ size }),
+    columnConfigMap: /* @__PURE__ */ new Map(),
+    ...initialState
+  })
+);
+
+export { TableStoreProvider, useTableStore, 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/es/vef-tabs/index.js

@@ -1,3 +1,26 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{Tabs as e}from"antd";import"../internal/index.js";import{convertBasicSizeToUiSize as i}from"../internal/utils.js";const n={inkBar:!0,tabPane:!0};function VefTabs({size:r,...a}){return t(e,{animated:n,size:i(r),...a})}export{VefTabs as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { Tabs } from 'antd';
+import '../internal/index.js';
+import { convertBasicSizeToUiSize } from '../internal/utils.js';
+
+const animatedConfig = {
+  inkBar: true,
+  tabPane: true
+};
+function VefTabs({
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Tabs,
+    {
+      animated: animatedConfig,
+      size: convertBasicSizeToUiSize(size),
+      ...props
+    }
+  );
+}
+
+export { VefTabs as default };
 /*! 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/es/vef-tag/index.js

@@ -1,3 +1,29 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{Tag as r}from"antd";import{useMemo as e}from"react";function VefTag({closable:t=!1,color:n,inverse:c=!1,...i}){const a=e((()=>c?`${n}-inverse`:n),[n,c]);return o(r,{closeIcon:t?null:void 0,color:a,...i})}export{VefTag as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { Tag } from 'antd';
+import { useMemo } from 'react';
+
+function VefTag({
+  closable = false,
+  color,
+  inverse = false,
+  ...restProps
+}) {
+  const colorToUse = useMemo(() => {
+    if (!inverse) {
+      return color;
+    }
+    return `${color}-inverse`;
+  }, [color, inverse]);
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      closeIcon: closable ? null : void 0,
+      color: colorToUse,
+      ...restProps
+    }
+  );
+}
+
+export { VefTag as default };
 /*! 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/es/vef-temporal-picker/helper.js

@@ -1,3 +1,58 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-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"];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:[]}export{getTemporalFormats};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+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 [];
+  }
+}
+
+export { 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 */

package/es/vef-temporal-picker/hooks/use-dayjs-value.js

@@ -1,3 +1,19 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{isNullish as r,isArray as e}from"@vef-framework/shared";import a from"dayjs";import{useMemo as o}from"react";function useDayjsValue(m,t){return o((()=>r(m)?m:e(m)?m.map((r=>a(r,t))):a(m,t)),[m,t])}export{useDayjsValue};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { isNullish, isArray } from '@vef-framework/shared';
+import dayjs from 'dayjs';
+import { useMemo } from 'react';
+
+function useDayjsValue(value, formats) {
+  return useMemo(() => {
+    if (isNullish(value)) {
+      return value;
+    }
+    if (isArray(value)) {
+      return value.map((it) => dayjs(it, formats));
+    }
+    return dayjs(value, formats);
+  }, [value, formats]);
+}
+
+export { useDayjsValue };
 /*! 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/es/vef-temporal-picker/hooks/use-temporal-limit.js

@@ -1,3 +1,35 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{isFunction as e}from"@vef-framework/shared";import a from"dayjs";import{useMemo as t}from"react";function useTemporalLimit({maxDate:i,minDate:r,disabledDate:m,disabledTime:o}){const[d,l]=t((()=>[r?a(r):void 0,i?a(i):void 0]),[r,i]);return{minDateValue:d,maxDateValue:l,disabledTimeValue:t((()=>{if(e(o))return e=>o(e.toDate())}),[o]),disabledDateValue:t((()=>{if(e(m))return(e,{from:a})=>m(e.toDate(),a?.toDate())}),[m])}}export{useTemporalLimit};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { isFunction } from '@vef-framework/shared';
+import dayjs from 'dayjs';
+import { useMemo } from 'react';
+
+function useTemporalLimit({
+  maxDate,
+  minDate,
+  disabledDate,
+  disabledTime
+}) {
+  const [minDateValue, maxDateValue] = useMemo(() => [
+    minDate ? dayjs(minDate) : void 0,
+    maxDate ? dayjs(maxDate) : void 0
+  ], [minDate, maxDate]);
+  const disabledTimeValue = useMemo(() => {
+    if (isFunction(disabledTime)) {
+      return (now) => disabledTime(now.toDate());
+    }
+  }, [disabledTime]);
+  const disabledDateValue = useMemo(() => {
+    if (isFunction(disabledDate)) {
+      return (now, { from }) => disabledDate(now.toDate(), from?.toDate());
+    }
+  }, [disabledDate]);
+  return {
+    minDateValue,
+    maxDateValue,
+    disabledTimeValue,
+    disabledDateValue
+  };
+}
+
+export { useTemporalLimit };
 /*! 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/es/vef-temporal-picker/hooks/use-temporal-picker-instance.js

@@ -1,3 +1,20 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useRef as r,useImperativeHandle as e}from"react";function useTemporalPickerInstance(c){const n=r(null);return e(c,(()=>({blur:()=>{n.current?.blur()},focus:()=>{n.current?.focus({preventScroll:!0})}}))),n}export{useTemporalPickerInstance};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { useRef, useImperativeHandle } from 'react';
+
+function useTemporalPickerInstance(ref) {
+  const temporalPickerRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    blur: () => {
+      temporalPickerRef.current?.blur();
+    },
+    focus: () => {
+      temporalPickerRef.current?.focus({
+        preventScroll: true
+      });
+    }
+  }));
+  return temporalPickerRef;
+}
+
+export { useTemporalPickerInstance };
 /*! 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 */