@vef-framework/components 1.0.7 → 1.0.9

package/dist/vef-table/index.js

@@ -1,5 +1,5 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{themeVariables as t,isEqual as n,isNumber as l}from"@vef-framework/shared";import{Table as i}from"antd";import{useMemo as a,useState as r,useDeferredValue as s,forwardRef as m,memo as c}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 g}from"./hooks/use-pagination-props.js";import{useRowProps as C}from"./hooks/use-row-props.js";import{useRowSelectionConfig as w}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 v}from"./hooks/use-table-summary.js";import{useTableWidth as y}from"./hooks/use-table-width.js";import{convertBasicSizeToUiSize as j}from"../internal/utils.js";const R=o`
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{themeVariables as t,isEqual 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 d}from"./hooks/use-computed-columns.js";import{useData as p}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`
   height: 100%;
 
   > .vef-spin-nested-loading {
@@ -52,5 +52,5 @@ import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/r
     scrollbar-width: thin;
     scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
   }
-`;const N=m((function({columns:o,defaultColumnConfigMap:t,rowNumberColumn:m,operationColumn:c,bordered:h=!1,size:b="medium",rowKey:N="id",height:V,virtual:M=!1,value:A,defaultValue:F,selectable:z=!1,multipleSelection:T,showSelectAllCheckbox:K,disabledSelection:O,enableRowClick:P,enableRowClickForSelection:D,rowBackgroundColor:L,batchActionButtons:$,selectionSummary:E,externalContext:H,onRowClick:X,onChange:q,onSelect:G,onDeselect:I,...J},Q){const{paginated:U=!1,...W}=J,{paginationProps:Y,paginationParams:Z}=g(U,b),{data:_,isFetching:ee,isLoading:oe,total:te,refetch:ne}=d(W,U,Z),le=a((()=>({...Y,total:te})),[Y,te]),[ie,ae]=r((()=>new Map(t))),re=s(ie),se=p(o,re),{rowSelectionConfig:me,handleRowClickSelection:ce,mergedValue:ue,selectedRecords:fe}=w({value:A,defaultValue:F,selectable:z,multipleSelection:T,disabledSelection:O,enableRowClick:P,enableRowClickForSelection:D,onSelect:G,onDeselect:I,onChange:q,rowKey:N}),pe=C({enableRowClick:P,enableRowClickForSelection:D,onRowClick:X,disabledSelection:O,handleRowClickSelection:ce}),de=a((()=>({externalContext:H,isFetching:ee,refetch:ne,selectedKeys:ue,selectedRecords:fe.current,defaultColumnConfigMap:t,columnConfigMap:ie,setColumnConfigMap:ae,columnConfigMapHasChanged:!n(t,ie)})),[H,ee,ne,ue,fe,t,ie]),he=k(se,m,c),be=y(he,z),ge=a((()=>({x:be,y:"auto"===V?"auto":V,scrollToFirstRowOnChange:!0})),[V,be]),Ce=S(Q,_??[],ne),we=v(se),{computedBatchActionButtons:ke,batchActionButtonContext:xe}=f($??[],de),Se=a((()=>{if(oe||0===_?.length||!U&&!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,U,E,b]);return e(x,{value:de,children:e(i,{ref:Ce,bordered:h,columns:he,css:"auto"===V?R:B,dataSource:_,footer:Se,loading:ee,pagination:!1,rowKey:N,rowSelection:me,scroll:ge,size:j(b),summary:we,tableLayout:"fixed",virtual:l(V)&&V>0&&M,onRow:pe})})}));N.displayName="VefTableBase";const V=c(m((function({schema:o,showRowNumber:t,operationButtons:n,maxVisibleOperationButtons:l,...i},r){const{size:s}=i,m=a((()=>o.filter((e=>e.show??!0)).map((e=>({...e,dependentColumnNames:[...new Set([e.name,...e.dependentColumnNames??[]])]})))),[o]);if(0===m.length)throw new Error("The showed columns of VefTable component cannot be empty");const c=h(m),{rowNumberColumn:u,operationColumn:f}=b({showRowNumber:t,operationButtons:n,maxVisibleOperationButtons:l,size:s});return e(N,{ref:r,columns:m,defaultColumnConfigMap:c,operationColumn:f,rowNumberColumn:u,...i})})),n);V.displayName="VefTable";export{V as default};
+`;const K=c((function({columns:o,defaultColumnConfigMap:t,rowNumberColumn:c,operationColumn:m,bordered:h=!1,size:b="medium",rowKey:K="id",height:N,virtual:M=!1,selectedKeys:A,defaultSelectedKeys:F,selectable:z=!1,multipleSelection:T,showSelectAllCheckbox:V,disabledSelection:O,enableRowClick:P,enableRowClickForSelection:D,rowBackgroundColor:L,batchActionButtons:$,selectionSummary:E,externalContext:H,onRowSelectionChange:X,onRowSelect:q,onRowDeselect:G,onRowClick:I,...J},Q){const{paginated:U=!1,...W}=J,{paginationProps:Y,paginationParams:Z}=w(U,b),{data:_,isFetching:ee,isLoading:oe,total:te,refetch:ne}=p(W,U,Z),le=r((()=>({...Y,total:te})),[Y,te]),[ie,re]=a((()=>new Map(t))),ae=s(ie),se=d(o,ae),{rowSelectionConfig:ce,handleRowClickSelection:me,selectedKeys:ue,selectedRecords:fe}=C({selectedKeys:A,defaultSelectedKeys:F,selectable:z,multipleSelection:T,disabledSelection:O,enableRowClick:P,enableRowClickForSelection:D,onRowSelect:q,onRowDeselect:G,onRowSelectionChange:X,rowKey:K}),de=g({enableRowClick:P,enableRowClickForSelection:D,onRowClick:I,disabledSelection:O,handleRowClickSelection:me}),pe=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,z),we=r((()=>({x:be,y:"auto"===N?"auto":N,scrollToFirstRowOnChange:!0})),[N,be]),ge=S(Q,_??[],ne),Ce=y(se),{computedBatchActionButtons:ke,batchActionButtonContext:xe}=f($??[],pe),Se=r((()=>{if(oe||0===_?.length||!U&&!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,U,E,b]);return e(x,{value:pe,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:de})})}));K.displayName="VefTableBase";const N=m(c((function({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};
 /*! 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/dist/vef-table/props.d.ts

@@ -22,7 +22,7 @@ export type OnChangeHandler<T extends ObjectType> = NonNullable<TableProps<T>["o
 /**
  * The props of VefTable component.
  */
-export type VefTableProps<T extends ObjectType = ObjectValue, P extends ObjectType = EmptyObject, R = T, C extends ObjectType = EmptyObject> = VefNoSelectionDefaultTableProps<T, P, R, C> | VefSingleSelectionDefaultTableProps<T, P, R, C> | VefMultipleSelectionDefaultTableProps<T, P, R, C> | VefNoSelectionPaginatedTableProps<T, P, R, C> | VefSingleSelectionPaginatedTableProps<T, P, R, C> | VefMultipleSelectionPaginatedTableProps<T, P, R, C>;
+export type VefTableProps<T extends ObjectType = ObjectValue, P extends ObjectType = EmptyObject, R = T, C extends ObjectType = EmptyObject> = VefDefaultTableProps<T, P, R, C> | VefPaginatedTableProps<T, P, R, C>;
 /**
  * The base props of VefTable component.
  */
@@ -105,119 +105,40 @@ interface VefBaseTableProps<T extends ObjectType = ObjectValue, C extends Object
      * The external context of the table.
      */
     externalContext?: C;
-    /**
-     * The callback function when the row is clicked.
-     * Only works when `enableRowClick` is true and `enableRowClickForSelection` is false.
-     */
-    onRowClick?: BiConsumer<T, number>;
-}
-/**
- * The props of VefTable component without pagination.
- */
-interface VefDefaultTableProps<T extends ObjectType = ObjectValue, P extends ObjectType = EmptyObject, R = T, C extends ObjectType = EmptyObject> extends VefBaseTableProps<T, C>, QueryConfig<T[], P, R[]> {
-    /**
-     * Whether to allow pagination.
-     */
-    paginated?: false;
-}
-/**
- * The props of VefTable component without pagination and no selection.
- */
-interface VefNoSelectionDefaultTableProps<T extends ObjectType = ObjectValue, P extends ObjectType = EmptyObject, R = T, C extends ObjectType = EmptyObject> extends VefDefaultTableProps<T, P, R, C> {
     /**
      * The value of the table.
      */
-    value?: never;
+    selectedKeys?: IdValue[];
     /**
-     * The default value of the table.
+     * The default selected keys of the table.
      */
-    defaultValue?: never;
+    defaultSelectedKeys?: IdValue[];
     /**
-     * Whether to allow selection.
+     * The callback function when the selected keys is changed.
      */
-    selectable?: false;
-    /**
-     * Whether to allow multiple selection.
-     */
-    multipleSelection?: never;
-    /**
-     * The callback function when the value is changed.
-     */
-    onChange?: never;
+    onRowSelectionChange?: BiConsumer<IdValue[], T[]>;
     /**
      * The callback function when the row is selected.
      */
-    onSelect?: never;
+    onRowSelect?: BiConsumer<IdValue, T>;
     /**
      * The callback function when the row is deselected.
      */
-    onDeselect?: never;
-}
-/**
- * The props of VefTable component without pagination and single selection.
- */
-interface VefSingleSelectionDefaultTableProps<T extends ObjectType = ObjectValue, P extends ObjectType = EmptyObject, R = T, C extends ObjectType = EmptyObject> extends VefDefaultTableProps<T, P, R, C> {
-    /**
-     * The value of the table.
-     */
-    value?: IdValue;
-    /**
-     * The default value of the table.
-     */
-    defaultValue?: IdValue;
-    /**
-     * Whether to allow selection.
-     */
-    selectable: true;
+    onRowDeselect?: BiConsumer<IdValue, T>;
     /**
-     * Whether to allow multiple selection.
-     */
-    multipleSelection?: false;
-    /**
-     * The callback function when the value is changed.
-     */
-    onChange?: BiConsumer<IdValue, T>;
-    /**
-     * The callback function when the row is selected.
-     */
-    onSelect?: never;
-    /**
-     * The callback function when the row is deselected.
+     * The callback function when the row is clicked.
+     * Only works when `enableRowClick` is true and `enableRowClickForSelection` is false.
      */
-    onDeselect?: never;
+    onRowClick?: BiConsumer<T, number>;
 }
 /**
- * The props of VefTable component without pagination and multiple selection.
+ * The props of VefTable component without pagination.
  */
-interface VefMultipleSelectionDefaultTableProps<T extends ObjectType = ObjectValue, P extends ObjectType = EmptyObject, R = T, C extends ObjectType = EmptyObject> extends VefDefaultTableProps<T, P, R, C> {
-    /**
-     * The value of the table.
-     */
-    value?: IdValue[];
-    /**
-     * The default value of the table.
-     */
-    defaultValue?: IdValue[];
-    /**
-     * Whether to allow selection.
-     */
-    selectable: true;
-    /**
-     * Whether to allow multiple selection.
-     */
-    multipleSelection: true;
-    /**
-     * The callback function when the value is changed.
-     */
-    onChange?: BiConsumer<IdValue[], T[]>;
-    /**
-     * The callback function when the row is selected.
-     */
-    onSelect?: BiConsumer<IdValue, T>;
+interface VefDefaultTableProps<T extends ObjectType = ObjectValue, P extends ObjectType = EmptyObject, R = T, C extends ObjectType = EmptyObject> extends VefBaseTableProps<T, C>, QueryConfig<T[], P, R[]> {
     /**
-     * The callback function when the row is deselected.
+     * Whether to allow pagination.
      */
-    onDeselect?: BiConsumer<IdValue, T>;
+    paginated?: false;
 }
 /**
  * The props of VefTable component with pagination.
@@ -228,103 +149,4 @@ interface VefPaginatedTableProps<T extends ObjectType = ObjectValue, P extends O
      */
     paginated: true;
 }
-/**
- * The props of VefTable component with pagination and no selection.
- */
-interface VefNoSelectionPaginatedTableProps<T extends ObjectType = ObjectValue, P extends ObjectType = EmptyObject, R = T, C extends ObjectType = EmptyObject> extends VefPaginatedTableProps<T, P, R, C> {
-    /**
-     * The value of the table.
-     */
-    value?: never;
-    /**
-     * The default value of the table.
-     */
-    defaultValue?: never;
-    /**
-     * Whether to allow selection.
-     */
-    selectable?: false;
-    /**
-     * Whether to allow multiple selection.
-     */
-    multipleSelection?: never;
-    /**
-     * The callback function when the value is changed.
-     */
-    onChange?: never;
-    /**
-     * The callback function when the row is selected.
-     */
-    onSelect?: never;
-    /**
-     * The callback function when the row is deselected.
-     */
-    onDeselect?: never;
-}
-/**
- * The props of VefTable component with pagination and single selection.
- */
-interface VefSingleSelectionPaginatedTableProps<T extends ObjectType = ObjectValue, P extends ObjectType = EmptyObject, R = T, C extends ObjectType = EmptyObject> extends VefPaginatedTableProps<T, P, R, C> {
-    /**
-     * The value of the table.
-     */
-    value?: IdValue;
-    /**
-     * The default value of the table.
-     */
-    defaultValue?: IdValue;
-    /**
-     * Whether to allow selection.
-     */
-    selectable: true;
-    /**
-     * Whether to allow multiple selection.
-     */
-    multipleSelection?: false;
-    /**
-     * The callback function when the value is changed.
-     */
-    onChange?: BiConsumer<IdValue, T>;
-    /**
-     * The callback function when the row is selected.
-     */
-    onSelect?: never;
-    /**
-     * The callback function when the row is deselected.
-     */
-    onDeselect?: never;
-}
-/**
- * The props of VefTable component with pagination and multiple selection.
- */
-interface VefMultipleSelectionPaginatedTableProps<T extends ObjectType = ObjectValue, P extends ObjectType = EmptyObject, R = T, C extends ObjectType = EmptyObject> extends VefPaginatedTableProps<T, P, R, C> {
-    /**
-     * The value of the table.
-     */
-    value?: IdValue[];
-    /**
-     * The default value of the table.
-     */
-    defaultValue?: IdValue[];
-    /**
-     * Whether to allow selection.
-     */
-    selectable: true;
-    /**
-     * Whether to allow multiple selection.
-     */
-    multipleSelection: true;
-    /**
-     * The callback function when the value is changed.
-     */
-    onChange?: BiConsumer<IdValue[], T[]>;
-    /**
-     * The callback function when the row is selected.
-     */
-    onSelect?: BiConsumer<IdValue, T>;
-    /**
-     * The callback function when the row is deselected.
-     */
-    onDeselect?: BiConsumer<IdValue, T>;
-}
 export {};

package/dist/vef-table/store.d.ts

@@ -17,5 +17,5 @@ export interface TableState {
      */
     columnConfigMap: Map<string, TableColumnConfig>;
 }
-declare const TableStoreContext: import("react").Context<import("@vef-framework/shared").MaybeNull<import("zustand").StoreApi<TableState>>>, TableStoreProvider: import("react").FC<import("@vef-framework/shared").StoreProviderProps<Pick<TableState, "size">>>, useTableStore: <T>(selector: import("@vef-framework/shared").Mapper<TableState, T>) => T, useTableStoreApi: () => import("zustand").StoreApi<TableState>;
-export { TableStoreContext, TableStoreProvider, useTableStore, useTableStoreApi, };
+declare const TableStoreProvider: import("react").FC<import("@vef-framework/shared").StoreProviderProps<Pick<TableState, "size">>>, useTableStore: <T>(selector: import("@vef-framework/shared").Mapper<TableState, T>) => T, useTableStoreApi: () => import("zustand").StoreApi<TableState>;
+export { TableStoreProvider, useTableStore, useTableStoreApi, };

package/dist/vef-table/store.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
-import{VefError as e,createComponentStore as t}from"@vef-framework/shared";import{createStore as r}from"zustand";const{StoreContext:o,StoreProvider:i,useStore:n,useStoreApi:a}=t("table",(function(t){if(!t)throw new e(-2,"The initial state of the table store is required");return r((e=>({changeSize:t=>e({size:t}),columnConfigMap:new Map,...t})))}));export{o as TableStoreContext,i as TableStoreProvider,n as useTableStore,a as useTableStoreApi};
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
+import{createComponentStore as e}from"@vef-framework/shared";import{createStore as r}from"zustand";const{StoreProvider:o,useStore:t,useStoreApi:n}=e("table",(function(e){return r((r=>({changeSize:e=>r({size:e}),columnConfigMap:new Map,...e})))}));export{o as TableStoreProvider,t as useTableStore,n as 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/dist/vef-tabs/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{jsx as t}from"@emotion/react/jsx-runtime";import{Tabs as i}from"antd";import"../internal/index.js";import{convertBasicSizeToUiSize as r}from"../internal/utils.js";const e={inkBar:!0,tabPane:!0},n=({size:n,...a})=>t(i,{animated:e,size:r(n),...a});export{n as VefTabs,n 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/dist/vef-tag/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{jsx as o}from"@emotion/react/jsx-runtime";import{Tag as r}from"antd";import{useMemo as e}from"react";const t=({closable:t=!1,color:n,inverse:c=!1,...i})=>{const l=e((()=>c?`${n}-inverse`:n),[n,c]);return o(r,{closeIcon:t?null:void 0,color:l,...i})};export{t 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/dist/vef-temporal-picker/helper.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, 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 n(n){return"year"===n?Y:"quarter"===n?M:"month"===n?m:"week"===n?D:"datetime"===n?r:"date"===n?H:"time"===n?s:"hour"===n?e:"minute"===n?t:[]}export{n as 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/dist/vef-temporal-picker/hooks/use-dayjs-value.d.ts

@@ -1,4 +1,4 @@
-import type { MaybeNullish } from "@vef-framework/shared";
+import { type MaybeNullish } from "@vef-framework/shared";
 import { type Dayjs } from "dayjs";
 import type { TemporalValueType } from "../props";
 /**

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

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{isNullish as r,isArray as o}from"@vef-framework/shared";import m from"dayjs";import{useMemo as t}from"react";function e(e,f){return t((()=>r(e)?e:o(e)?e.map((r=>m(r,f))):m(e,f)),[e,f])}export{e as 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/dist/vef-temporal-picker/hooks/use-temporal-limit.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{isFunction as e}from"@vef-framework/shared";import a from"dayjs";import{useMemo as t}from"react";function r({maxDate:r,minDate:i,disabledDate:o,disabledTime:m}){const[d,f]=t((()=>[i?a(i):void 0,r?a(r):void 0]),[i,r]);return{minDateValue:d,maxDateValue:f,disabledTimeValue:t((()=>{if(e(m))return e=>m(e.toDate())}),[m]),disabledDateValue:t((()=>{if(e(o))return(e,{from:a})=>o(e.toDate(),a?.toDate())}),[o])}}export{r as 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/dist/vef-temporal-picker/hooks/use-temporal-picker-instance.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{useRef as r,useImperativeHandle as t}from"react";function u(u){const c=r(null);return t(u,(()=>({blur:()=>{c.current?.blur()},focus:()=>{c.current?.focus({preventScroll:!0})}}))),c}export{u as 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 */

package/dist/vef-temporal-picker/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{jsx as e}from"@emotion/react/jsx-runtime";import{isFunction as a,isArray as t}from"@vef-framework/shared";import{TimePicker as i,DatePicker as l}from"antd";import{useMemo as o,memo as m,forwardRef as r}from"react";import"../internal/index.js";import{getTemporalFormats as u}from"./helper.js";import{useDayjsValue as n}from"./hooks/use-dayjs-value.js";import{useTemporalLimit as s}from"./hooks/use-temporal-limit.js";import{useTemporalPickerInstance as d}from"./hooks/use-temporal-picker-instance.js";import{convertBasicSizeToUiSize as p}from"../internal/utils.js";const f=m(r((function({defaultValue:m,value:r,clearable:f,size:D,mode:h="date",multiple:c=!1,minDate:b,maxDate:V,disabledTime:j,disabledDate:k,hourStep:x,minuteStep:S,secondStep:v,onChange:C,...w},T){const g=u(h),z=n(r,g),y=n(m,g),{minDateValue:N,maxDateValue:P,disabledTimeValue:q,disabledDateValue:A}=s({maxDate:V,minDate:b,disabledTime:j,disabledDate:k}),B=d(T),E=o((()=>{if(a(C))return(e,a)=>{if(!e)return void C(null,null);const i=t(e)?e.map((e=>e.toDate())):e.toDate();C(a,i)}}),[C]);return"time"===h||"hour"===h||"minute"===h?e(i,{ref:B,allowClear:f,defaultValue:y,disabledTime:q,format:g,hourStep:x,minuteStep:S,multiple:c,secondStep:v,showNow:"hour"!==h,size:p(D),value:z,onChange:E,...w}):e(l,"datetime"===h?{ref:B,allowClear:f,defaultValue:y,disabledDate:A,disabledTime:q,format:g,hourStep:x,maxDate:P,minDate:N,minuteStep:S,multiple:c,picker:"date",size:p(D),value:z,onChange:E,...w}:{ref:B,allowClear:f,defaultValue:y,disabledDate:A,format:g,maxDate:P,minDate:N,multiple:c,picker:h,size:p(D),value:z,onChange:E,...w})})));f.displayName="VefTemporalPicker";export{f 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/dist/vef-temporal-range-picker/helper.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, 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 n(n){return"year"===n?Y:"quarter"===n?M:"month"===n?m:"week"===n?D:"datetime"===n?r:"date"===n?H:"time"===n?s:"hour"===n?e:"minute"===n?t:[]}export{n as 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/dist/vef-temporal-range-picker/hooks/use-dayjs-values.d.ts

@@ -1,4 +1,4 @@
-import type { MaybeNullish } from "@vef-framework/shared";
+import { type MaybeNullish } from "@vef-framework/shared";
 import { type Dayjs } from "dayjs";
 import { type TemporalRangeValueType } from "../props";
 /**

package/dist/vef-temporal-range-picker/hooks/use-dayjs-values.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{isNullish as r,isArray as o}from"@vef-framework/shared";import t from"dayjs";import{useMemo as m}from"react";import{stringFormatSeparator as e}from"../props.js";function f(f,p){return m((()=>{if(r(f))return f;if(o(f))return f.map((r=>t(r,p)));const[m,i]=f.split(e);return[t(m,p),t(i,p)]}),[f,p])}export{f as useDayjsValues};
 /*! 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/dist/vef-temporal-range-picker/hooks/use-temporal-limit.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{isFunction as e}from"@vef-framework/shared";import a from"dayjs";import{useMemo as t}from"react";function r({maxDate:r,minDate:i,disabledDate:o,disabledTime:m}){const[d,f]=t((()=>[i?a(i):void 0,r?a(r):void 0]),[i,r]);return{minDateValue:d,maxDateValue:f,disabledTimeValue:t((()=>{if(e(m))return e=>m(e.toDate())}),[m]),disabledDateValue:t((()=>{if(e(o))return(e,{from:a})=>o(e.toDate(),a?.toDate())}),[o])}}export{r as 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/dist/vef-temporal-range-picker/hooks/use-temporal-range-picker-instance.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{useRef as r,useImperativeHandle as t}from"react";function u(u){const c=r(null);return t(u,(()=>({blur:()=>{c.current?.blur()},focus:()=>{c.current?.focus({preventScroll:!0})}}))),c}export{u as useTemporalRangePickerInstance};
 /*! 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/dist/vef-temporal-range-picker/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{jsx as e}from"@emotion/react/jsx-runtime";import{isFunction as a}from"@vef-framework/shared";import{TimePicker as t,DatePicker as i}from"antd";import{useMemo as r,memo as o,forwardRef as m}from"react";import"../internal/index.js";import{getTemporalFormats as l}from"./helper.js";import{useDayjsValues as n}from"./hooks/use-dayjs-values.js";import{useTemporalLimit as s}from"./hooks/use-temporal-limit.js";import{useTemporalRangePickerInstance as d}from"./hooks/use-temporal-range-picker-instance.js";import{stringFormatSeparator as u}from"./props.js";import{convertBasicSizeToUiSize as p}from"../internal/utils.js";const f=o(m((function({defaultValue:o,value:m,clearable:f,mode:c="date",size:D,useStringFormat:h=!1,maxDate:b,minDate:j,disabledTime:k,disabledDate:S,hourStep:g,minuteStep:V,secondStep:x,onChange:v,...C},T){const w=l(c),z=n(m,w),P=n(m,w),{minDateValue:R,maxDateValue:y,disabledTimeValue:F,disabledDateValue:N}=s({maxDate:b,minDate:j,disabledTime:k,disabledDate:S}),q=d(T),A=r((()=>{if(a(v))return(e,a)=>{if(!e)return void v(null,null);const t=[e[0].toDate(),e[1].toDate()];v(h?a.join(u):a,t)}}),[v,h]);return"time"===c||"hour"===c||"minute"===c?e(t.RangePicker,{ref:q,allowClear:f,defaultValue:P,disabledTime:F,format:w,hourStep:g,minuteStep:V,secondStep:x,size:p(D),value:z,onChange:A,...C}):e(i.RangePicker,"datetime"===c?{ref:q,showTime:!0,allowClear:f,defaultValue:P,disabledDate:N,disabledTime:F,format:w,hourStep:g,maxDate:y,minDate:R,minuteStep:V,picker:"date",secondStep:x,size:p(D),value:z,onChange:A,...C}:{ref:q,allowClear:f,defaultValue:P,disabledDate:N,format:w,maxDate:y,minDate:R,picker:c,size:p(D),value:z,onChange:A,...C})})));f.displayName="VefTemporalRangePicker";export{f 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/dist/vef-temporal-range-picker/props.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 const o="_";export{o as stringFormatSeparator};
 /*! 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/dist/vef-text/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{jsx as e}from"@emotion/react/jsx-runtime";import{useColorTokens as o}from"@vef-framework/hooks";import{Typography as t}from"antd";import{useMemo as r}from"react";const{Text:i}=t,l=({variant:t,color:l,bold:n,ellipsis:s,ellipsisTip:p,ellipsisTipPlacement:c,copyable:a,copiedText:m,onCopy:d,...f})=>{const u=r((()=>{if(s)return{tooltip:p??f.children,placement:c}}),[s,p,c,f.children]),y=o(),h=r((()=>{const e={};return"shortcut"===t?e.keyboard=!0:"strikethrough"===t?e.delete=!0:t&&(e[t]=!0),"secondary"===l?e.type="secondary":l&&(e.css={color:y.get(l)}),n&&(e.strong=!0),e}),[n,l,y,t]),x=r((()=>{if(a)return{format:"text/plain",text:m,onCopy:d}}),[a,m,d]);return e(i,{copyable:x,ellipsis:u,...h,...f})};export{l 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/dist/vef-textarea/hooks/use-textarea-instance.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{useRef as r,useImperativeHandle as t}from"react";function u(u){const c=r(null);return t(u,(()=>({blur:()=>c.current?.blur(),focus:()=>c.current?.focus({preventScroll:!0})}))),c}export{u as useTextareaInstance};
 /*! 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/dist/vef-textarea/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{jsx as e}from"@emotion/react/jsx-runtime";import{isFunction as o}from"@vef-framework/shared";import{Input as r}from"antd";import{forwardRef as t,useMemo as a}from"react";import"../internal/index.js";import{useTextareaInstance as n}from"./hooks/use-textarea-instance.js";import{convertBasicSizeToUiSize as u}from"../internal/utils.js";const{TextArea:l}=r;function s(e){return""===e?null:e}const i=t((({defaultValue:r,value:t,size:i,clearable:m,showCount:f,onChange:v,onEnterKeyPress:c,onBlur:d,onFocus:p,...g},h)=>{const x=a((()=>({onChange:o(v)?e=>v(s(e.target.value)):void 0,onPressEnter:o(c)?e=>c(s(e.target.value)):void 0,onBlur:o(d)?e=>d(s(e.target.value)):void 0,onFocus:o(p)?e=>p(s(e.target.value)):void 0})),[v,c,d,p]),C=n(h);return e(l,{ref:C,allowClear:m,defaultValue:r,showCount:f,size:u(i),value:t,...g,...x})}));export{i 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/dist/vef-title/index.js

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{jsxs as e,Fragment as r,jsx as t}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{useColorTokens as i}from"@vef-framework/hooks";import{themeVariables as n}from"@vef-framework/shared";import{Typography as a}from"antd";import{useMemo as l}from"react";import s from"../vef-divider/index.js";const{Title:m}=a,f=o`
   margin: ${n.marginSm} 0 ${n.marginLg};
 `,p=o`
@@ -11,5 +11,5 @@ import{jsxs as e,Fragment as r,jsx as t}from"@emotion/react/jsx-runtime";import{
     background: linear-gradient(to top, ${n.colorPrimary}, ${n.blue5});
     margin-right: ${n.paddingSm};
   }
-`,c=({showLeftBar:o,showBottomLine:n,noPaddingBottom:a,variant:c,color:d,ellipsis:h,ellipsisTip:g,...v})=>{const{level:u}=v,y=l((()=>{if(h)return{tooltip:g??v.children}}),[h,g,v.children]),b=i(),$=l((()=>{const e={};if("secondary"===d)e.type="secondary";else{const r=[];d&&r.push({color:b.get(d)}),o&&r.push(p),e.css=r}return c&&(e[c]=!0),o&&(e.style={"--vef-title-left-bar-height":`calc(var(--vef-font-size-heading-${u}) * 0.8)`}),a&&(e.style={...e.style,"--vef-typography-title-margin-bottom":0}),e}),[d,c,o,b,u,a]);return e(r,{children:[t(m,{ellipsis:y,...$,...v}),n&&t(s,{css:f})]})};export{c as default};
+`,c=({showLeftBar:o,showBottomLine:n,noPaddingBottom:a,variant:c,color:d,ellipsis:h,ellipsisTip:g,...v})=>{const{level:u=1}=v,y=l((()=>{if(h)return{tooltip:g??v.children}}),[h,g,v.children]),b=i(),$=l((()=>{const e={};if("secondary"===d)e.type="secondary";else{const r=[];d&&r.push({color:b.get(d)}),o&&r.push(p),e.css=r}return c&&(e[c]=!0),o&&(e.style={"--vef-title-left-bar-height":`calc(var(--vef-font-size-heading-${u}) * 0.8)`}),a&&(e.style={...e.style,"--vef-typography-title-margin-bottom":0}),e}),[d,c,o,b,u,a]);return e(r,{children:[t(m,{ellipsis:y,...$,...v}),n&&t(s,{css:f})]})};export{c 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/dist/vef-tooltip/index.d.ts

@@ -1,5 +1,4 @@
-import type { MaybeUndefined } from "@vef-framework/shared";
 import type { VefTooltipProps } from "./props";
-declare const VefTooltip: import("react").ForwardRefExoticComponent<VefTooltipProps & import("react").RefAttributes<MaybeUndefined<HTMLElement>>>;
+declare const VefTooltip: import("react").ForwardRefExoticComponent<VefTooltipProps & import("react").RefAttributes<HTMLElement>>;
 export type { VefTooltipProps };
 export default VefTooltip;

package/dist/vef-tooltip/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
-import{jsx as r}from"@emotion/react/jsx-runtime";import{Tooltip as t}from"antd";import{forwardRef as e,useRef as o,useImperativeHandle as n}from"react";const a=e((({content:e,trigger:a="hover",arrow:m=!0,delay:i=.1,...l},c)=>{const u=o(null);return n(c,(()=>u.current?.nativeElement)),r(t,{ref:u,arrow:m,mouseEnterDelay:i,title:e,trigger:a,...l})}));export{a as default};
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{Tooltip as r}from"antd";import{forwardRef as t,useRef as n,useImperativeHandle as o}from"react";const a=t((({content:t,trigger:a="hover",arrow:m=!0,delay:p=.1,defaultOpened:i,opened:l,onOpenedChange:d,...u},f)=>{const c=n(null);return o(f,(()=>c.current.nativeElement)),e(r,{ref:c,arrow:m,defaultOpen:i,mouseEnterDelay:p,open:l,title:t,trigger:a,onOpenChange:d,...u})}));export{a 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/dist/vef-tooltip/props.d.ts

@@ -1,3 +1,4 @@
+import type { Consumer } from "@vef-framework/shared";
 import type { TooltipProps } from "antd";
 import type { ReactNode } from "react";
 /**
@@ -7,7 +8,7 @@ export type TooltipTrigger = "hover" | "click" | "focus";
 /**
  * The props of the VefTooltip component.
  */
-export interface VefTooltipProps extends Pick<TooltipProps, "placement" | "open" | "defaultOpen" | "onOpenChange" | "children"> {
+export interface VefTooltipProps extends Pick<TooltipProps, "placement" | "children"> {
     /**
      * The content of the tooltip.
      */
@@ -27,4 +28,16 @@ export interface VefTooltipProps extends Pick<TooltipProps, "placement" | "open"
      * @default 0.1
      */
     delay?: number;
+    /**
+     * The default opened state of the tooltip.
+     */
+    defaultOpened?: boolean;
+    /**
+     * Whether the tooltip is opened.
+     */
+    opened?: boolean;
+    /**
+     * The callback function when the tooltip is opened.
+     */
+    onOpenedChange?: Consumer<boolean>;
 }

package/dist/vef-tree-select/hooks/use-change-handler.d.ts

@@ -1,4 +1,4 @@
-import type { DataOption, IdValue, MaybeArray, MaybeNull, NormalizedDataOption } from "@vef-framework/shared";
+import { type DataOption, type IdValue, type MaybeArray, type MaybeNull, type NormalizedDataOption } from "@vef-framework/shared";
 import type { VefTreeSelectProps } from "../props";
 /**
  * The change handler of the tree select.

package/dist/vef-tree-select/hooks/use-change-handler.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{isFunction as e,isArray as r}from"@vef-framework/shared";import{useMemo as t}from"react";function n(n,o){const u=t((()=>o.reduce(((e,r)=>(e.set(r.value,r),e)),new Map)),[o]);return t((()=>{if(e(n))return e=>{e?r(e)?n(e,e.map((e=>u.get(e)))):n(e,u.get(e)):n(null,null)}}),[n,u])}export{n as useChangeHandler};
 /*! 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/dist/vef-tree-select/hooks/use-data-options.d.ts

@@ -1,4 +1,4 @@
-import type { DataOption, EmptyObject, Except, ObjectType, PureDataOption } from "@vef-framework/shared";
+import { type DataOption, type EmptyObject, type Except, type ObjectType, type PureDataOption } from "@vef-framework/shared";
 import type { VefTreeSelectProps } from "../props";
 /**
  * The hook to use data options.

package/dist/vef-tree-select/hooks/use-data-options.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{useComputedOptions as o}from"@vef-framework/hooks";import{isArray as a,isFunction as e,isNullish as i}from"@vef-framework/shared";import{useLayoutEffect as n}from"react";function r({value:r,multiple:t=!1,onChange:l,...s}){const{onFilterKeywordChange:p,normalizedOptions:d,defaultOption:f,isLoading:m,fallbackOptions:c,isFallbackOptionsLoading:u}=o({...s,selectedOptionValues:a(r)?r:r?[r]:[]});return n((()=>{f&&e(l)&&i(r)&&l(t?[f.value]:f.value,t?[f]:f)}),[f,t,l,r]),{onFilterKeywordChange:p,normalizedOptions:d,isLoading:m,fallbackOptions:c,isFallbackOptionsLoading:u}}export{r as useDataOptions};
 /*! 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/dist/vef-tree-select/hooks/use-tree-select-instance.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{useRef as r,useImperativeHandle as t}from"react";function n(n,o){const u=r(null);return t(n,(()=>({blur:()=>{u.current?.blur()},focus:()=>{u.current?.focus({preventScroll:!0})},getDataOptions:()=>o}))),u}export{n as useTreeSelectInstance};
 /*! 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/dist/vef-tree-select/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{jsx as e}from"@emotion/react/jsx-runtime";import{useOptionFilter as o}from"@vef-framework/hooks";import{styles as r}from"@vef-framework/shared";import{TreeSelect as t}from"antd";import{memo as l,forwardRef as a}from"react";import"../internal/index.js";import i from"../vef-loading-placeholder/index.js";import{useChangeHandler as n}from"./hooks/use-change-handler.js";import{useDataOptions as s}from"./hooks/use-data-options.js";import{useTreeSelectInstance as m}from"./hooks/use-tree-select-instance.js";import{convertBasicSizeToUiSize as d}from"../internal/utils.js";const f=e("div",{css:{height:140},children:e(i,{})}),c={showLeafIcon:!1};const u=l(a((function({defaultValue:l,value:a,size:i,clearable:u,disabled:h,placeholder:p,variant:v,onClear:g,onBlur:C,onFocus:j,onChange:k,onSelect:b,onDeselect:w,multiple:x=!1,filterable:F=!0,filterFromRemote:S=!1,...z},D){const{normalizedOptions:L,isLoading:T}=s({value:a,multiple:x,onChange:k,filterable:F,filterFromRemote:S,...z}),V=o(F,!1),B=n(k,L),N=m(D,L);return e(t,{ref:N,allowClear:u,css:r.fullWidth,defaultValue:l,disabled:h,filterTreeNode:V,listHeight:280,loading:T,maxTagCount:x?"responsive":void 0,multiple:x,notFoundContent:T?f:void 0,placeholder:p,showSearch:F,size:d(i),treeCheckable:x,treeData:L,treeLine:c,value:a,variant:v,onBlur:C,onChange:B,onClear:g,onDeselect:w,onFocus:j,onSelect:b})})));u.displayName="VefTreeSelect";export{u 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/dist/vef-virtual-grid/index.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from "react";
+import type { VefVirtualGridProps, VirtualGridItem } from "./props";
+declare function VefVirtualGridBase<T>({ className, style, items, renderItem, itemClassName, itemStyle, rowHeight, columnWidth, gap, ...restProps }: VefVirtualGridProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefVirtualGrid: typeof VefVirtualGridBase & Pick<FC, "displayName">;
+export type { VefVirtualGridProps, VirtualGridItem };
+export default VefVirtualGrid;

package/dist/vef-virtual-grid/index.js

@@ -0,0 +1,14 @@
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{css as e}from"@emotion/react";import{useVirtualizer as i}from"@tanstack/react-virtual";import{useGapSizeNormalizer as r}from"@vef-framework/hooks";import{isArray as a,isNumber as l}from"@vef-framework/shared";import{useMemo as o,memo as n,useRef as m,Fragment as s,createElement as d}from"react";import v from"../vef-auto-sizer/index.js";import h from"../vef-scroll-area/index.js";const f={willChange:"transform"},g=e`
+  position: relative;
+  width: var(--vef-virtual-grid-width);
+  height: var(--vef-virtual-grid-height);
+`,u=e`
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: var(--vef-virtual-grid-item-width);
+  height: var(--vef-virtual-grid-item-height);
+  transform: translateX(var(--vef-virtual-grid-item-x)) translateY(var(--vef-virtual-grid-item-y));
+`;const c=n((function({className:e,style:c,items:p,renderItem:x,itemClassName:w,itemStyle:z,rowHeight:S,columnWidth:y,gap:k,...$}){const I=o((()=>n(x)),[x]),N=m(null),T=r(),[V,j]=o((()=>{if(a(k))return[T(k[0]),T(k[1])];if(k){const t=T(k);return[t,t]}return[0,0]}),[k,T]),b=i({count:p.length,getScrollElement:()=>N.current,estimateSize:l(S)?()=>S:S,overscan:2,gap:V}),C=i({horizontal:!0,count:p[0]?.length??0,getScrollElement:()=>N.current,estimateSize:l(y)?()=>y:y,overscan:2,gap:j}),E=o((()=>({"--vef-virtual-grid-height":`${b.getTotalSize()}px`,"--vef-virtual-grid-width":`${C.getTotalSize()}px`})),[b.getTotalSize(),C.getTotalSize()]),G=(i,r)=>t(h,{className:e,height:i,scrollbarSize:"small",style:c,viewportRef:N,viewportStyle:f,width:r,children:t("div",{css:g,style:E,children:b.getVirtualItems().map((e=>t(s,{children:C.getVirtualItems().map((i=>{const r=p[e.index][i.index];return t("div",{className:w,css:u,style:{...z,"--vef-virtual-grid-item-width":`${i.size}px`,"--vef-virtual-grid-item-height":`${e.size}px`,"--vef-virtual-grid-item-x":`${i.start}px`,"--vef-virtual-grid-item-y":`${e.start}px`},children:r&&d(I,{item:r,rowIndex:e.index,columnIndex:i.index})},i.key)}))},e.key)))})});if(!$.autoSize){const{height:t,width:e}=$;return G(t,e)}return t(v,{children:({height:t,width:e})=>G(t,e)})}));c.displayName="VefVirtualGrid";export{c 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 */