@vef-framework/components 1.0.8 → 1.0.9

package/dist/vef-config-provider/store.d.ts

@@ -1,12 +1,17 @@
-import { type ConfigProviderProps } from "antd";
-import "dayjs/locale/zh-cn";
+import { type BasicSize, type Consumer, type DefaultColorType, type LiteralUnion } from "@vef-framework/shared";
+import type { AppConfig } from "./hooks/use-ui-config";
 /**
- * Configuration
+ * The state of the app.
  */
-export interface Config extends ConfigProviderProps {
-    messageFoldThreshold: number;
-    messageDuration: number;
-    notificationDuration: number;
+export interface AppState extends Required<AppConfig> {
+    /**
+     * Set the font size.
+     */
+    setFontSize: Consumer<Exclude<BasicSize, "small">>;
+    /**
+     * Set the primary color.
+     */
+    setPrimaryColor: Consumer<LiteralUnion<DefaultColorType, string>>;
 }
-declare const ConfigStoreContext: import("react").Context<import("@vef-framework/shared").MaybeNull<import("zustand").StoreApi<Config>>>, ConfigStoreProvider: import("react").FC<import("@vef-framework/shared").StoreProviderProps<Partial<Config>>>, useConfigStore: <T>(selector: import("@vef-framework/shared").Mapper<Config, T>) => T, useConfigStoreApi: () => import("zustand").StoreApi<Config>;
-export { ConfigStoreContext, ConfigStoreProvider, useConfigStore, useConfigStoreApi, };
+declare const ConfigStoreProvider: import("react").FC<import("@vef-framework/shared").StoreProviderProps<Partial<AppState>>>, useConfigStore: <T>(selector: import("@vef-framework/shared").Mapper<AppState, T>) => T, useConfigStoreApi: () => import("zustand").StoreApi<AppState>;
+export { ConfigStoreProvider, useConfigStore, useConfigStoreApi, };

package/dist/vef-config-provider/store.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, made by Venus. */
-import{createComponentStore as e}from"@vef-framework/shared";import{theme as o}from"antd";import r from"antd/locale/zh_CN";import n from"dayjs";import{createStore as t}from"zustand";import"dayjs/locale/zh-cn";n.locale("zh-cn");const{StoreContext:i,StoreProvider:a,useStore:l,useStoreApi:f}=e("Config",(function(){return t((()=>({messageFoldThreshold:6,messageDuration:3,notificationDuration:5,locale:r,iconPrefixCls:"vef-icon",prefixCls:"vef",virtual:!0,componentSize:"middle",variant:"outlined",theme:{cssVar:{prefix:"vef"},hashed:!1,algorithm:o.defaultAlgorithm,token:{borderRadius:6,colorBgBase:"#ffffff",colorPrimary:"#3b82f6",colorInfo:"#0ea5e9",colorSuccess:"#22c55e",colorWarning:"#f97316",colorError:"#ef4444",colorLink:"#6366f1",colorTextBase:"#171717",zIndexPopupBase:10,wireframe:!0,fontSize:16,controlHeight:36,blue:"#3b82f6",purple:"#8b5cf6",cyan:"#06b6d4",green:"#22c55e",pink:"#ec4899",red:"#ef4444",orange:"#f97316",yellow:"#eab308",volcano:"#f43f5e",lime:"#84cc16",gold:"#fbbf24",geekblue:"#6366f1",magenta:"#eb2f96"},components:{Table:{headerBorderRadius:0},Tooltip:{paddingSM:16,paddingXS:12},Button:{onlyIconSize:24,onlyIconSizeSM:18,onlyIconSizeLG:30,contentFontSizeSM:14},TreeSelect:{titleHeight:36},Spin:{contentHeight:"auto"}}}})))}));export{i as ConfigStoreContext,a as ConfigStoreProvider,l as useConfigStore,f as useConfigStoreApi};
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
+import{createComponentStore as r}from"@vef-framework/shared";import{createStore as o}from"zustand";const{StoreProvider:e,useStore:t,useStoreApi:i}=r("Config",(function({fontSize:r="large",primaryColor:e="#0064fa"}){return o((o=>({fontSize:r,primaryColor:e,setFontSize:r=>o({fontSize:r}),setPrimaryColor:r=>o({primaryColor:r})})))}));export{e as ConfigStoreProvider,t as useConfigStore,i as useConfigStoreApi};
 /*! 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-container/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{jsxs as e,jsx as r}from"@emotion/react/jsx-runtime";import{FloatButton as o}from"antd";import t from"../vef-scroll-area/index.js";const{BackTop:a}=o,s=({className:o,style:s,children:m})=>e(t,{className:o,style:s,children:[m,r(a,{})]});export{s 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-crud-page/components/crud-actions.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, 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{DisabledContextProvider as t}from"@vef-framework/hooks";import{useMemo as r}from"react";import e from"../../vef-action-buttons/index.js";import{useActionButtons as s}from"../hooks/use-action-buttons.js";import{useCrudContext as i}from"../hooks/use-crud-context.js";import{useCrudStore as n}from"../store.js";function m({tableApi:m,tableApiParams:a,actionButtons:u}){const c=n((o=>o.confirmedFilterValues)),f=m.useIsFetching(r((()=>({...a,...c})),[a,c])),p=i(),l=s(u);return o(t,{value:f,children:o(e,{buttons:l,context:p,useFlexContainer:!1})})}export{m 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-crud-page/components/crud-filter.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, 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{useMemo as e,useCallback as o}from"react";import r from"../../vef-action-buttons/index.js";import i from"../../vef-filter/index.js";import n from"../../vef-title/index.js";import{useActionButtons as s}from"../hooks/use-action-buttons.js";import{useCrudContext as m}from"../hooks/use-crud-context.js";import{useCrudStore as a}from"../store.js";function f({title:f,tableApi:l,tableApiParams:u,filterSchema:c,actionButtons:p}){const[d,x,h]=a((t=>[t.setFilterValues,t.confirmedFilterValues,t.setConfirmedFilterValues])),j=l.useIsFetching(e((()=>({...u,...x})),[u,x])),b=m(),F=s(p),g=o((()=>h(null)),[h]);return t(i,{loading:j,prefix:t(n,{noPaddingBottom:!0,showLeftBar:!0,level:5,children:f}),schema:c,extraActionButtons:t(r,{buttons:F,context:b,useFlexContainer:!1}),onChange:d,onConfirm:h,onReset:g})}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-crud-page/components/crud-footer.js

@@ -1,9 +1,9 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, made by Venus. */
-import{jsx as e,jsxs as t,Fragment as o}from"@emotion/react/jsx-runtime";import{DeleteOutlined as r}from"@ant-design/icons";import{css as i}from"@emotion/react";import{useApiContext as n}from"@vef-framework/core";import{DisabledContextProvider as c}from"@vef-framework/hooks";import{themeVariables as s,isNullish as m,showSuccessMessage as a,isFunction as l}from"@vef-framework/shared";import{useMemo as d,useCallback as f,memo as p}from"react";import u from"../../vef-action-buttons/index.js";import h from"../../vef-button/index.js";import x from"../../vef-divider/index.js";import v from"../../vef-flex/index.js";import b from"../../vef-text/index.js";import{useCrudContext as g}from"../hooks/use-crud-context.js";import{useCrudStore as y}from"../store.js";const j=i`
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
+import{jsx as e,jsxs as t,Fragment as o}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{useApiContext as i}from"@vef-framework/core";import{DisabledContextProvider as n}from"@vef-framework/hooks";import{themeVariables as c,isNullish as s,showSuccessMessage as m,isFunction as a}from"@vef-framework/shared";import{Trash2Icon as l}from"lucide-react";import{useMemo as d,useCallback as f,memo as p}from"react";import u from"../../vef-action-buttons/index.js";import h from"../../vef-button/index.js";import x from"../../vef-divider/index.js";import v from"../../vef-flex/index.js";import b from"../../vef-icon/index.js";import y from"../../vef-text/index.js";import{useCrudContext as g}from"../hooks/use-crud-context.js";import{useCrudStore as j}from"../store.js";const k=r`
   height: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: ${s.padding};
-`;const k=p((function({tableApi:i,tableApiParams:s,batchDeletionApi:p,batchActionButtons:k,selectionSummary:A}){const{useApiMutation:w,stubMutationApi:C}=n(),F=w(p??C),[I,M,D]=y((e=>[e.selectedInfo,e.confirmedFilterValues,e.setSelectedInfo])),{selectedKeys:K,selectedRecords:R}=I,S=d((()=>m(p)?k??[]:[...k??[],{key:"_batchDeletion",label:"批量删除",icon:e(r,{}),color:"error",permissions:[p.key],requireConfirmation:!0,confirmationMode:"detailed",onClick:async({refetch:e})=>{const{message:t}=await F.mutate(R);a(t),e()}}]),[k,p,F,R]),q=g(),B=d((()=>({...q,...I})),[q,I]),P=i.useIsFetching(d((()=>({...s,...M})),[s,M])),V=f((()=>{D({selectedKeys:[],selectedRecords:[]})}),[D]),$=d((()=>{if(l(A))return A(R)}),[R,A]);return 0===K.length?null:t("div",{css:j,children:[t(b,{color:"secondary",children:["已选择"," ",e(b,{bold:!0,color:"primary",children:K.length})," ","项",$&&t(o,{children:[e(x,{direction:"vertical"}),$]})]}),e(c,{value:P,children:t(v,{align:"center",gap:"medium",children:[e(h,{color:"primary",variant:"text",onClick:V,children:"取消选择"}),e(u,{buttons:S,context:B,useFlexContainer:!1})]})})]})}));export{k as default};
+  padding: ${c.padding};
+`;const A=p((function({tableApi:r,tableApiParams:c,batchDeletionApi:p,batchActionButtons:A,selectionSummary:w}){const{useApiMutation:C,stubMutationApi:F}=i(),I=C(p??F),[M,D,K]=j((e=>[e.selectedInfo,e.confirmedFilterValues,e.setSelectedInfo])),{selectedKeys:R,selectedRecords:S}=M,q=d((()=>s(p)?A??[]:[...A??[],{key:"_batchDeletion",label:"批量删除",icon:e(b,{children:e(l,{})}),color:"error",permissions:[p.key],requireConfirmation:!0,confirmationMode:"detailed",onClick:async({refetch:e})=>{const{message:t}=await I.mutate(S);m(t),e()}}]),[A,p,I,S]),B=g(),P=d((()=>({...B,...M})),[B,M]),V=r.useIsFetching(d((()=>({...c,...D})),[c,D])),$=f((()=>{K({selectedKeys:[],selectedRecords:[]})}),[K]),_=d((()=>{if(a(w))return w(S)}),[S,w]);return 0===R.length?null:t("div",{css:k,children:[t(y,{color:"secondary",children:["已选择"," ",e(y,{bold:!0,color:"primary",children:R.length})," ","项",_&&t(o,{children:[e(x,{orientation:"vertical"}),_]})]}),e(n,{value:V,children:t(v,{align:"center",gap:"medium",children:[e(h,{color:"primary",variant:"text",onClick:$,children:"取消选择"}),e(u,{buttons:q,context:P,useFlexContainer:!1})]})})]})}));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-crud-page/components/crud-form-modal.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, 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 e from"../../vef-form-modal/index.js";import{useCrudStore as r}from"../store.js";function t({formSchema:t,formApis:n}){const[i,{scene:m,title:s,width:c},{onBeforeSubmit:f,onSubmitSuccess:u},a,p,l]=r((o=>[o.isFormOpen,o.currentFormInfo,o.currentFormEventHandlers,o.currentFormInitialValues,o.isFormLoading,o.closeForm])),d=n[m];if(!d)throw new Error(`Form api for scene ${m} not found, please check the formApis props of VefCrudPage component.`);return o(e,{initialValues:a,loading:p,open:i,scene:m,schema:t,submitApi:d,title:s,width:c,onBeforeSubmit:f,onClose:l,onSubmitSuccess:u})}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-crud-page/components/crud-header.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, 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{memo as e}from"react";import r from"./crud-filter.js";const i=e((function({title:e,tableApi:i,tableApiParams:a,filterItems:o,actionButtons:l}){return o.length>0?t(r,{actionButtons:l,filterSchema:o,tableApi:i,tableApiParams:a,title:e}):null}));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-crud-page/components/crud-table.d.ts

@@ -1,10 +1,10 @@
 import type { Except, MutationApi, ObjectType, PaginationParams, PaginationResult, QueryApi, QueryConfig, StringKey } from "@vef-framework/shared";
-import type { TableSchema, VefTableProps } from "../../vef-table";
 import type { CrudContext, CrudFilterVirtualKeys, CrudFormApis, CrudSchema } from "../types";
+import { type TableSchema, type VefTableProps } from "../../vef-table";
 /**
  * The base props of VefCrudTable component.
  */
-type BaseCrudTableProps<Record extends ObjectType, Params extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<Record>>, FormKeys extends ReadonlyArray<StringKey<Record>>, FormResult, Schema extends CrudSchema<Record, FilterKeys, FormKeys> = CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema> = CrudFormApis<Record, FormKeys, FormResult, Schema>> = Except<VefTableProps<Record, Params, Record, CrudContext<Record, FilterKeys, FormKeys, FormResult, Schema, FormApis>>, "schema" | "paginated" | "multipleSelection" | "showSelectAllCheckbox" | "enableRowClick" | "enableRowClickForSelection" | "value" | "defaultValue" | "onChange" | "onSelect" | "onDeselect" | "onRowClick" | keyof QueryConfig> & {
+type BaseCrudTableProps<Record extends ObjectType, Params extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<Record>>, FormKeys extends ReadonlyArray<StringKey<Record>>, FormResult, Schema extends CrudSchema<Record, FilterKeys, FormKeys> = CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema> = CrudFormApis<Record, FormKeys, FormResult, Schema>> = Except<VefTableProps<Record, Params, Record, CrudContext<Record, FilterKeys, FormKeys, FormResult, Schema, FormApis>>, "schema" | "paginated" | "multipleSelection" | "showSelectAllCheckbox" | "enableRowClick" | "enableRowClickForSelection" | "selectedKeys" | "defaultSelectedKeys" | "onRowSelectionChange" | "onRowSelect" | "onRowDeselect" | "onRowClick" | keyof QueryConfig> & {
     /**
      * The schema of the table.
      */

package/dist/vef-crud-page/components/crud-table.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{useMemo as t,useCallback as a,useRef as o,useEffect as s,memo as n}from"react";import r from"../../vef-table/index.js";import{useCrudContext as i}from"../hooks/use-crud-context.js";import{useOperationButtons as l}from"../hooks/use-operation-buttons.js";import{useCrudStore as m,useCrudStoreApi as c}from"../store.js";const p=n((function({api:n,apiParams:p,deletionApi:u,paginated:f,schema:d,selectable:x,operationButtons:h,...b}){const[g,C,S]=m((e=>[e.confirmedFilterValues,e.selectedInfo,e.setSelectedInfo])),j=t((()=>({...p,...g})),[p,g]),y=a(((e,t)=>{S({selectedKeys:e,selectedRecords:t})}),[S]),P=l(u,h),v=o(null),I=c();s((()=>{I.setState({tableInstanceRef:v})}),[I]);const K=i();return e(r,f?x?{ref:v,multipleSelection:!0,paginated:!0,selectable:!0,api:n,apiParams:j,externalContext:K,operationButtons:P,schema:d,selectionSummary:!1,value:C.selectedKeys,onChange:y,...b}:{ref:v,paginated:!0,api:n,apiParams:j,externalContext:K,schema:d,...b}:x?{ref:v,multipleSelection:!0,selectable:!0,api:n,apiParams:j,externalContext:K,schema:d,selectionSummary:!1,value:C.selectedKeys,onChange:y,...b}:{ref:v,api:n,apiParams:j,externalContext:K,paginated:!1,schema:d,...b})}));export{p 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{useMemo as t,useCallback as o,useRef as s,useEffect as a,memo as n}from"react";import r from"../../vef-table/index.js";import{useCrudContext as l}from"../hooks/use-crud-context.js";import{useOperationButtons as i}from"../hooks/use-operation-buttons.js";import{useCrudStore as c,useCrudStoreApi as m}from"../store.js";const p=n((function({api:n,apiParams:p,deletionApi:d,paginated:u,schema:f,selectable:x,operationButtons:S,...h}){const[y,b,j]=c((e=>[e.confirmedFilterValues,e.selectedInfo,e.setSelectedInfo])),K=t((()=>({...p,...y})),[p,y]),g=o(((e,t)=>{j({selectedKeys:e,selectedRecords:t})}),[j]),C=i(d,S),R=s(null),I=m();a((()=>{I.setState({tableInstanceRef:R})}),[I]);const P=l();return e(r,u?{ref:R,multipleSelection:!0,paginated:!0,api:n,apiParams:K,externalContext:P,operationButtons:C,schema:f,selectable:x,selectedKeys:b.selectedKeys,selectionSummary:!1,onRowSelectionChange:g,...h}:{ref:R,multipleSelection:!0,api:n,apiParams:K,externalContext:P,schema:f,selectable:x,selectedKeys:b.selectedKeys,selectionSummary:!1,onRowSelectionChange:g,...h})}));export{p 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-crud-page/hooks/use-action-buttons.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{PlusOutlined as o}from"@ant-design/icons";import{creationFormScene as r}from"@vef-framework/shared";import{useMemo as t}from"react";import{useCrudStore as i}from"../store.js";function m(m){const n=i((e=>e.formApiKeys)),s=Reflect.has(n,r),c=Reflect.get(n,r);return t((()=>s?[...m??[],{label:"创建",key:`_${r}`,icon:e(o,{}),color:"primary",permissions:[c],onClick:({openForm:e,refetch:o})=>e({scene:r,title:"创建",onSubmitSuccess:()=>{o()}})}]:m??[]),[s,m,c])}export{m as useActionButtons};
+/*! 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{creationFormScene as r}from"@vef-framework/shared";import{PlusIcon as o}from"lucide-react";import{useMemo as t}from"react";import i from"../../vef-icon/index.js";import{useCrudStore as m}from"../store.js";function c(c){const n=m((e=>e.formApiKeys)),f=Reflect.has(n,r),s=Reflect.get(n,r);return t((()=>f?[...c??[],{label:"创建",key:`_${r}`,icon:e(i,{children:e(o,{})}),color:"primary",permissions:[s],onClick:({openForm:e,refetch:o})=>e({scene:r,title:"创建",onSubmitSuccess:()=>{o()}})}]:c??[]),[f,c,s])}export{c as useActionButtons};
 /*! 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-crud-page/hooks/use-crud-context.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{useMemo as e}from"react";import{useCrudStore as r}from"../store.js";function t(){const[t,o,n]=r((e=>[e.openForm,e.filterValues,e.tableInstanceRef]));return e((()=>({openForm:t,filterValues:o,refetch:async()=>{await(n.current?.refetch())}})),[t,o,n])}export{t as useCrudContext};
 /*! 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-crud-page/hooks/use-crud-schema.d.ts

@@ -1,4 +1,4 @@
-import type { ObjectType, StringKey } from "@vef-framework/shared";
+import { type ObjectType, type StringKey } from "@vef-framework/shared";
 import type { FilterItem } from "../../vef-filter";
 import type { FormGroup } from "../../vef-form";
 import type { TableSchema } from "../../vef-table";
@@ -12,6 +12,6 @@ import type { CrudSchema } from "../types";
 export declare function useCrudSchema<T extends ObjectType, FilterKeys extends ReadonlyArray<StringKey<T>>, FormKeys extends ReadonlyArray<StringKey<T>>>(schema: CrudSchema<T, FilterKeys, FormKeys>): {
     tableSchema: TableSchema<T>;
     filterItems: FilterItem<Pick<T, FilterKeys[number]>>[];
-    formGroups: FormGroup<Pick<T, FormKeys[number]>, import("../..").FormScene>[];
+    formGroups: FormGroup<Pick<T, FormKeys[number]>, FormKeys[number], import("../..").FormScene>[];
     filterValueAsDefaultKeys: FormKeys[number][];
 };

package/dist/vef-crud-page/hooks/use-crud-schema.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{isNullish as e,isString as t}from"@vef-framework/shared";import{useMemo as o}from"react";function r(r){return o((()=>{const o=[],s=[],n=new Set,c={};for(const a of r){const{filter:r,form:f,...l}=a,{name:u,title:p}=l;if(o.push(l),r){const{label:o,advanced:n,...c}=r,a={name:u,label:n&&e(o)?p:o,advanced:n,...c};("Input"===a.type||"InputNumber"===a.type)&&e(o)&&e(a.placeholder)&&(a.placeholder=t(p)?`请输入${p}`:"请输入"),s.push(a)}if(f){const{group:t,row:o,column:r,filterValueAsDefault:s,label:a,...l}=f,m=`${t??1}`,i=c[m]??{};c[m]||(c[m]=i);const d=`${o??1}`,h=i[d]??{};i[d]||(i[d]=h);const y=`${r??1}`,b=h[y]??[];h[y]||(h[y]=b),"Hidden"===l.type?b.push({name:u,...l}):b.push({name:u,label:e(a)?p:a,...l}),s&&n.add(u)}}const a=[],f=Object.keys(c).sort();for(const e of f){const t=c[e],o=[],r=Object.keys(t).sort();for(const e of r){const r=t[e],s=[],n=Object.keys(r).sort();for(const e of n){const t={key:e,items:r[e]};s.push(t)}o.push({key:e,columns:s})}a.push({key:e,rows:o})}return{tableSchema:o,filterItems:s,formGroups:a,filterValueAsDefaultKeys:Array.from(n)}}),[r])}export{r as useCrudSchema};
 /*! 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-crud-page/hooks/use-operation-buttons.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{EditOutlined as r,DeleteOutlined as e}from"@ant-design/icons";import{useApiContext as t}from"@vef-framework/core";import{modificationFormScene as i,showSuccessMessage as n}from"@vef-framework/shared";import{useMemo as c}from"react";import{useCrudStore as m}from"../store.js";function s(s,a){const{useApiMutation:f,stubMutationApi:p}=t(),u=f(s??p),l=m((o=>o.formApiKeys)),d=Reflect.has(l,i);return c((()=>{const t=[...a??[]];return d&&t.push({key:"_modification",label:"修改",icon:o(r,{}),color:"primary",onClick:async({record:o,openForm:r,refetch:e})=>{r({scene:i,title:"修改",initialValues:o,onSubmitSuccess:()=>{e()}})}}),s&&t.push({key:"_deletion",label:"删除",icon:o(e,{}),color:"error",requireConfirmation:!0,confirmationMode:"simple",onClick:async({record:o,refetch:r})=>{const{message:e}=await u.mutate(o);n(e),r()}}),t}),[s,u,a,d])}export{s as useOperationButtons};
+/*! 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{useApiContext as r}from"@vef-framework/core";import{modificationFormScene as e,showSuccessMessage as i}from"@vef-framework/shared";import{PencilIcon as t,TrashIcon as n}from"lucide-react";import{useMemo as c}from"react";import m from"../../vef-icon/index.js";import{useCrudStore as a}from"../store.js";function s(s,f){const{useApiMutation:l,stubMutationApi:p}=r(),u=l(s??p),d=a((o=>o.formApiKeys)),h=Reflect.has(d,e);return c((()=>{const r=[...f??[]];return h&&r.push({key:"_modification",label:"修改",icon:o(m,{children:o(t,{})}),color:"primary",onClick:({record:o,openForm:r,refetch:i})=>{r({scene:e,title:"修改",initialValues:o,onSubmitSuccess:()=>{i()}})}}),s&&r.push({key:"_deletion",label:"删除",icon:o(m,{children:o(n,{})}),color:"error",requireConfirmation:!0,confirmationMode:"simple",onClick:async({record:o,refetch:r})=>{const{message:e}=await u.mutate(o);i(e),r()}}),r}),[s,u,f,h])}export{s as useOperationButtons};
 /*! 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-crud-page/index.d.ts

@@ -1,6 +1,6 @@
-import type { AnyValue, EmptyObject, ObjectType, ObjectValue, StringKey } from "@vef-framework/shared";
+import { type AnyValue, type EmptyObject, type ObjectType, type ObjectValue, type StringKey } from "@vef-framework/shared";
 import type { VefCrudPageProps } from "./props";
-import type { CrudFormApis, CrudSchema } from "./types";
+import type { BatchActionButtonContext, CrudContext, CrudFormApis, CrudItem, CrudSchema } from "./types";
 declare function VefCrudPage<Record extends ObjectType = ObjectValue, Params extends ObjectType = EmptyObject, FilterKeys extends ReadonlyArray<StringKey<Record>> = [], FormKeys extends ReadonlyArray<StringKey<Record>> = [], FormResult = AnyValue, Schema extends CrudSchema<Record, FilterKeys, FormKeys> = CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema> = CrudFormApis<Record, FormKeys, FormResult, Schema>>({ schema, formApis, onFormOpen, onBeforeSubmit, onSubmitSuccess, ...restProps }: VefCrudPageProps<Record, Params, FilterKeys, FormKeys, FormResult, Schema, FormApis>): import("@emotion/react/jsx-runtime").JSX.Element;
-export type { VefCrudPageProps };
+export type { BatchActionButtonContext, CrudContext, CrudItem, CrudSchema, VefCrudPageProps };
 export default VefCrudPage;

package/dist/vef-crud-page/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{jsx as e,jsxs as t}from"@emotion/react/jsx-runtime";import{isNullish as o}from"@vef-framework/shared";import{useMemo as r}from"react";import s from"../vef-card/index.js";import i from"../vef-page/index.js";import m from"./components/crud-actions.js";import a from"./components/crud-footer.js";import n from"./components/crud-form-modal.js";import c from"./components/crud-header.js";import l from"./components/crud-table.js";import{useCrudSchema as p}from"./hooks/use-crud-schema.js";import{useCrudStore as f,CrudStoreProvider as u}from"./store.js";function b({title:r,actionButtons:p,batchActionButtons:u,tableSchema:b,filterItems:h,formGroups:d,tableApiParams:A,formApis:j,deletionApi:S,batchDeletionApi:y,selectionSummary:B,...g}){const{selectedKeys:P}=f((e=>e.selectedInfo)),k=!o(y)||!o(u)&&u.length>0;let w;if(g.paginated){const{tableApi:t,...o}=g;w=e(l,{showRowNumber:!0,api:t,apiParams:A,deletionApi:S,schema:b,selectable:k,...o})}else{const{tableApi:t,...o}=g;w=e(l,{showRowNumber:!0,api:t,apiParams:A,deletionApi:S,schema:b,selectable:k,...o})}const{tableApi:I}=g;return e(i,{scrollable:!0,title:r,actions:e(m,{actionButtons:p,tableApi:I,tableApiParams:A}),footer:P.length>0&&e(a,{batchActionButtons:u,batchDeletionApi:y,selectionSummary:B,tableApi:I,tableApiParams:A}),header:e(c,{actionButtons:p,filterItems:h,tableApi:I,tableApiParams:A,title:r}),children:t(s,{children:[w,j&&Object.keys(j).length>0&&d.length>0&&e(n,{formApis:j,formSchema:d})]})})}function h({schema:t,formApis:o,onFormOpen:s,onBeforeSubmit:i,onSubmitSuccess:m,...a}){const{tableSchema:n,filterItems:c,formGroups:l,filterValueAsDefaultKeys:f}=p(t),h=r((()=>{const e=o??{};return Object.keys(e).reduce(((t,o)=>(e[o]&&(t[o]=e[o].key),t)),{})}),[o]);return e(u,{filterValueAsDefaultKeys:f,formApiKeys:h,onBeforeSubmit:i,onFormOpen:s,onSubmitSuccess:m,children:e(b,{filterItems:c,formApis:o,formGroups:l,tableSchema:n,...a})})}export{h 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-crud-page/props.d.ts

@@ -10,7 +10,7 @@ export type VefCrudPageProps<Record extends ObjectType = ObjectValue, Params ext
 /**
  * The base props of VefCrudPage component.
  */
-type VefBaseCrudPageProps<Record extends ObjectType = ObjectValue, Params extends ObjectType = EmptyObject, FilterKeys extends ReadonlyArray<StringKey<Record>> = [], FormKeys extends ReadonlyArray<StringKey<Record>> = [], FormResult = AnyValue, Schema extends CrudSchema<Record, FilterKeys, FormKeys> = CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema> = CrudFormApis<Record, FormKeys, FormResult, Schema>> = Except<VefTableProps<Record, Params, Record, CrudContext<Record, FilterKeys, FormKeys, FormResult, Schema, FormApis>>, "schema" | "paginated" | "selectable" | "multipleSelection" | "showSelectAllCheckbox" | "enableRowClick" | "enableRowClickForSelection" | "selectionSummary" | "value" | "defaultValue" | "batchActionButtons" | "onChange" | "onSelect" | "onDeselect" | "onRowClick" | keyof QueryConfig> & FormEventHandlers<Pick<Record, FormKeys[number]>, FormResult, CrudFormScene<FormApis>> & {
+type VefBaseCrudPageProps<Record extends ObjectType = ObjectValue, Params extends ObjectType = EmptyObject, FilterKeys extends ReadonlyArray<StringKey<Record>> = [], FormKeys extends ReadonlyArray<StringKey<Record>> = [], FormResult = AnyValue, Schema extends CrudSchema<Record, FilterKeys, FormKeys> = CrudSchema<Record, FilterKeys, FormKeys>, FormApis extends CrudFormApis<Record, FormKeys, FormResult, Schema> = CrudFormApis<Record, FormKeys, FormResult, Schema>> = Except<VefTableProps<Record, Params, Record, CrudContext<Record, FilterKeys, FormKeys, FormResult, Schema, FormApis>>, "schema" | "paginated" | "selectable" | "multipleSelection" | "showSelectAllCheckbox" | "enableRowClick" | "enableRowClickForSelection" | "selectionSummary" | "selectedKeys" | "defaultSelectedKeys" | "batchActionButtons" | "onRowSelectionChange" | "onRowSelect" | "onRowDeselect" | "onRowClick" | keyof QueryConfig> & FormEventHandlers<Pick<Record, FormKeys[number]>, FormResult, CrudFormScene<FormApis>> & {
     /**
      * The schema of the crud page.
      */

package/dist/vef-crud-page/store.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{useSingleton as e,useUpdateEffect as r}from"@vef-framework/hooks";import{creationFormScene as o,isNullish as n,isFunction as t,mergeFns as s,showSuccessMessage as i,showSuccessAlert as u,invokeMaybeAsyncFn as m,isEqual as l}from"@vef-framework/shared";import{createContext as a,createElement as c,useContext as f}from"react";import{createStore as d}from"zustand";import{useStoreWithEqualityFn as F}from"zustand/traditional";const S=a(null);function p({filterValueAsDefaultKeys:l,formApiKeys:a,onFormOpen:f,onBeforeSubmit:F,onSubmitSuccess:p,children:b}){const V=e((()=>function({filterValueAsDefaultKeys:e,formApiKeys:r,onFormOpen:l,onBeforeSubmit:a,onSubmitSuccess:c}){return d(((f,d)=>({onFormOpen:l,onBeforeSubmit:a,onSubmitSuccess:c,currentFormInfo:{scene:o,title:"创建",width:"medium"},currentFormEventHandlers:{},currentFormInitialValues:{},isFormOpen:!1,openForm:async({initialValues:r,width:o,onBeforeSubmit:l,onSubmitSuccess:a,showSuccessTip:c=!0,successTipType:F="message",...S})=>{const{filterValues:p,onFormOpen:b,closeForm:V,onBeforeSubmit:y,onSubmitSuccess:I,setIsFormLoading:w}=d(),K={...e.reduce(((e,r)=>{const o=p[r];return n(o)||(e[r]=o),e}),{}),...r},v=t(l)||t(y)?async(e,r)=>{const o=await(l?.(e,r));return await(y?.(o??e,r))??o}:void 0,A=t(a)||t(I)?s((({message:e})=>{c&&("message"===F?i(e):u(e)),V()}),a,I):void 0;f({isFormOpen:!0,currentFormInfo:{...S,width:o??"medium"},currentFormEventHandlers:{onBeforeSubmit:v,onSubmitSuccess:A},isFormLoading:Boolean(b)}),b?await m(b,{onSuccess:e=>{f({currentFormInitialValues:e})},onFinally:()=>{w(!1)}},K,p,S.scene):f({currentFormInitialValues:K})},closeForm:()=>{f({isFormOpen:!1,currentFormInitialValues:{},currentFormEventHandlers:{}})},isFormLoading:!1,setIsFormLoading:e=>{f({isFormLoading:e})},filterValueAsDefaultKeys:e,filterValues:{},setFilterValues:e=>{f({filterValues:e})},confirmedFilterValues:null,setConfirmedFilterValues:e=>{f({confirmedFilterValues:e})},selectedInfo:{selectedKeys:[],selectedRecords:[]},setSelectedInfo:e=>{f({selectedInfo:e})},formApiKeys:r,tableInstanceRef:{current:null}})))}({filterValueAsDefaultKeys:l,onFormOpen:f,formApiKeys:a,onBeforeSubmit:F,onSubmitSuccess:p})));return r((()=>{V.setState({filterValueAsDefaultKeys:l,formApiKeys:a,onFormOpen:f,onBeforeSubmit:F,onSubmitSuccess:p})}),[l,a,f,F,p]),c(S.Provider,{value:V},b)}function b(){const e=f(S);if(!e)throw new Error("CrudStore can be used only inside CrudStoreProvider");return e}function V(e){return F(b(),e,l)}export{p as CrudStoreProvider,V as useCrudStore,b as useCrudStoreApi};
 /*! 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-divider/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{Divider as i}from"antd";const o=({direction:o,title:e,titlePosition:n,titleEdgeMargin:r,...a})=>t(i,{children:e,orientation:n,orientationMargin:r,type:o,...a});export{o as default};
+/*! 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{Divider as i}from"antd";const o=({orientation:o,title:e,titlePosition:n,titleEdgeMargin:r,...a})=>t(i,{children:e,orientation:n,orientationMargin:r,type:o,...a});export{o 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-divider/props.d.ts

@@ -1,13 +1,13 @@
-import type { Direction, Except } from "@vef-framework/shared";
+import type { Except, Orientation } from "@vef-framework/shared";
 import type { DividerProps } from "antd";
 /**
  * The props for the VefDivider component.
  */
 export interface VefDividerProps extends Except<DividerProps, "dashed" | "type" | "orientation" | "orientationMargin" | "children"> {
     /**
-     * The direction of the divider.
+     * The orientation of the divider.
      */
-    direction?: Direction;
+    orientation?: Orientation;
     /**
      * The title of the divider.
      */

package/dist/vef-drawer/components/action-button-wrapper.d.ts

@@ -1,6 +1,5 @@
 import { type FC, type ReactElement } from "react";
-import type { VefButtonProps } from "../../vef-button";
-import type VefButton from "../../vef-button";
+import type { default as VefButton, VefButtonProps } from "../../vef-button";
 /**
  * The props of the vef drawer action button wrapper.
  */

package/dist/vef-drawer/components/action-button-wrapper.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{jsx as o,Fragment as r}from"@emotion/react/jsx-runtime";import{invokeMaybeAsyncFn as e}from"@vef-framework/shared";import{useState as i,useMemo as t,cloneElement as n}from"react";import{useDrawerContextSelector as a}from"../context.js";const s=({children:s})=>{const[l,d]=a((o=>[o.isDisabled,o.setIsDisabled])),[m,c]=i(!1),{disabled:f,loading:p,onClick:b}=s.props,k=t((()=>{if(b)return async o=>{await e(b,{beforeInvoke:()=>{c(!0),d(!0)},onFinally:()=>{c(!1),d(!1)}},o)}}),[b,d]),u=n(s,{disabled:l||f,loading:m||p,onClick:k});return o(r,{children:u})};export{s 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-drawer/components/button-props.js

@@ -1,2 +1,2 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/dist/vef-drawer/components/cancel-action-button.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, 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 o from"../../vef-button/index.js";import r from"./action-button-wrapper.js";const e=({text:e,onClick:i})=>t(r,{children:t(o,{color:"default",variant:"text",onClick:i,children:e})});export{e 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-drawer/components/ok-action-button.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{CheckOutlined as r}from"@ant-design/icons";import t from"../../vef-button/index.js";import i from"./action-button-wrapper.js";const n=({text:n,onClick:e})=>o(i,{children:o(t,{color:"primary",icon:o(r,{}),onClick:e,children:n})});export{n as default};
+/*! 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{CheckIcon as r}from"lucide-react";import i from"../../vef-button/index.js";import t from"../../vef-icon/index.js";import e from"./action-button-wrapper.js";const n=({text:n,onClick:c})=>o(e,{children:o(i,{color:"primary",icon:o(t,{children:o(r,{})}),onClick:c,children:n})});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-drawer/context.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{createSelectableContext as e,noop as s}from"@vef-framework/shared";const{ContextProvider:o,useContext:t,useContextSelector:r}=e({isDisabled:!1,setIsDisabled:s,isFullyOpened:!1,isFullyClosed:!1});export{o as DrawerContextProvider,t as useDrawerContext,r as useDrawerContextSelector};
 /*! 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-drawer/index.js

@@ -1,4 +1,4 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, made by Venus. */
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
 import{jsx as e,jsxs as o,Fragment as t}from"@emotion/react/jsx-runtime";import{css as n}from"@emotion/react";import{themeVariables as l,isFunction as s}from"@vef-framework/shared";import{Drawer as r}from"antd";import{useMemo as i,useState as a,useLayoutEffect as c,useCallback as d,memo as m}from"react";import p from"./components/cancel-action-button.js";import f from"./components/ok-action-button.js";import{DrawerContextProvider as u}from"./context.js";export{default as VefDrawerActionButtonWrapper}from"./components/action-button-wrapper.js";const C=n`
   .vef-drawer-footer {
     display: flex;

package/dist/vef-dropdown/index.d.ts

@@ -1,4 +1,7 @@
+import { type MenuItem } from "@vef-framework/shared";
+import { type FC } from "react";
 import type { VefDropdownProps } from "./props";
-declare const VefDropdown: import("react").NamedExoticComponent<VefDropdownProps>;
+declare function VefDropdownBase<T extends readonly MenuItem[] = readonly MenuItem[]>({ className, disabled, placement, children, items, trigger, selectable, deselectable, multiple, defaultSelectedKeys, selectedKeys, onChange, onSelect, onDeselect, onClick, }: VefDropdownProps<T>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefDropdown: typeof VefDropdownBase & Pick<FC, "displayName">;
 export type { VefDropdownProps };
 export default VefDropdown;

package/dist/vef-dropdown/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{useNormalizedMenuItems as o,useDeepCompareMemo as t}from"@vef-framework/hooks";import{isFunction as r}from"@vef-framework/shared";import{Dropdown as i}from"antd";import{useMemo as n,memo as a}from"react";const l=a((({disabled:a,placement:l,children:m,items:s,trigger:d="hover",onClick:c,...f})=>{const p=n((()=>[d]),[d]),u=o(s),v=t((()=>{const{enableSelection:e}=f;if(e){const{defaultValue:e,value:o,onChange:t}=f;return{items:u,selectable:!0,defaultSelectedKeys:e?[e]:void 0,selectedKeys:o?[o]:void 0,onSelect:r(t)?({selectedKeys:e,domEvent:o})=>{o.stopPropagation(),t(e[0])}:void 0}}return{items:u,selectable:!1,onClick:r(c)?({key:e,domEvent:o})=>{o.stopPropagation(),c(e)}:void 0}}),[u,c,f]);return e(i,{disabled:a,menu:v,placement:l,trigger:p,children:m})}));l.displayName="VefDropdown";export{l 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{useNormalizedMenuItems as t,useDeepCompareMemo as o}from"@vef-framework/hooks";import{isFunction as l}from"@vef-framework/shared";import{Dropdown as a}from"antd";import{useMemo as s,memo as r}from"react";const n=r((function({className:r,disabled:n,placement:c,children:i,items:m,trigger:d="hover",selectable:p=!1,deselectable:f=!1,multiple:y=!1,defaultSelectedKeys:k,selectedKeys:u,onChange:h,onSelect:v,onDeselect:g,onClick:b}){const K=s((()=>[d]),[d]),P=t(m),S=o((()=>({items:P,selectable:p,unselectable:f?"on":"off",multiple:y,defaultSelectedKeys:k,selectedKeys:u,onSelect:l(h)||l(v)?({key:e,keyPath:t,selectedKeys:o,domEvent:l})=>{l.stopPropagation(),h?.(o),v?.(e,t)}:void 0,onDeselect:l(h)||l(g)?({key:e,keyPath:t,selectedKeys:o,domEvent:l})=>{l.stopPropagation(),h?.(o),g?.(e,t)}:void 0,onClick:l(b)?({key:e,keyPath:t,domEvent:o})=>{o.stopPropagation(),b(e,t)}:void 0})),[k,y,P,h,b,g,v,p,u,f]);return e(a,{className:r,disabled:n,menu:S,placement:c,trigger:K,children:i})}));n.displayName="VefDropdown";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-dropdown/props.d.ts

@@ -1,17 +1,17 @@
-import type { Consumer, IdValue, MenuItem } from "@vef-framework/shared";
+import type { BiConsumer, Consumer, MenuItem, MenuItemKey } from "@vef-framework/shared";
 import type { DropDownProps } from "antd";
 /**
  * The trigger mode of the dropdown.
  */
 export type DropdownTrigger = "hover" | "click" | "contextMenu";
 /**
- * The base props of the VefDropdown component.
+ * The props of the VefDropdown component.
  */
-interface VefBaseDropdownProps extends Pick<DropDownProps, "disabled" | "placement" | "children"> {
+export interface VefDropdownProps<T extends readonly MenuItem[] = readonly MenuItem[]> extends Pick<DropDownProps, "className" | "disabled" | "placement" | "children"> {
     /**
      * The items of the dropdown.
      */
-    items: MenuItem[];
+    items: T;
     /**
      * The trigger mode of the dropdown.
      * @default "hover"
@@ -21,48 +21,41 @@ interface VefBaseDropdownProps extends Pick<DropDownProps, "disabled" | "placeme
      * Whether to enable selection.
      * @default false
      */
-    enableSelection?: boolean;
-    /**
-     * The callback function when the dropdown item is clicked.
-     */
-    onClick?: Consumer<string>;
-}
-/**
- * The props of the VefDropdown component in default mode.
- */
-interface VefDefaultDropdownProps extends VefBaseDropdownProps {
+    selectable?: boolean;
     /**
-     * Whether to enable selection.
+     * Whether to enable deselectable.
      * @default false
      */
-    enableSelection?: false;
-}
-/**
- * The props of the VefDropdown component in selection mode.
- */
-interface VefSelectionDropdownProps extends VefBaseDropdownProps {
+    deselectable?: boolean;
     /**
-     * Whether to enable selection.
-     * @default true
+     * Whether to enable multiple selection.
+     * @default false
      */
-    enableSelection: true;
+    multiple?: boolean;
     /**
-     * The default selected value of the dropdown.
+     * The default selected keys of the dropdown.
      * Used in uncontrolled mode.
      */
-    defaultValue?: IdValue;
+    defaultSelectedKeys?: Array<MenuItemKey<T>>;
     /**
-     * The selected value of the dropdown.
+     * The selected keys of the dropdown.
      * Used in controlled mode.
      */
-    value?: IdValue;
+    selectedKeys?: Array<MenuItemKey<T>>;
+    /**
+     * The callback function when the selected keys are changed.
+     */
+    onChange?: Consumer<Array<MenuItemKey<T>>>;
     /**
-     * The callback function when the selected value is changed.
+     * The callback function when the dropdown item is selected.
      */
-    onChange?: Consumer<IdValue>;
+    onSelect?: BiConsumer<MenuItemKey<T>, Array<MenuItemKey<T>>>;
+    /**
+     * The callback function when the dropdown item is deselected.
+     */
+    onDeselect?: BiConsumer<MenuItemKey<T>, Array<MenuItemKey<T>>>;
+    /**
+     * The callback function when the dropdown item is clicked.
+     */
+    onClick?: BiConsumer<MenuItemKey<T>, Array<MenuItemKey<T>>>;
 }
-/**
- * The props of the VefDropdown component.
- */
-export type VefDropdownProps = VefDefaultDropdownProps | VefSelectionDropdownProps;
-export {};

package/dist/vef-dynamic-icon/index.d.ts

@@ -0,0 +1,5 @@
+import { type ForwardRefExoticComponent, type RefAttributes } from "react";
+import type { DynamicIconName, VefDynamicIconProps } from "./props";
+declare const VefDynamicIcon: ForwardRefExoticComponent<VefDynamicIconProps & RefAttributes<HTMLSpanElement>>;
+export type { DynamicIconName, VefDynamicIconProps };
+export default VefDynamicIcon;

package/dist/vef-dynamic-icon/index.js

@@ -0,0 +1,3 @@
+/*! 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{useThemeTokens as r}from"@vef-framework/hooks";import e from"lucide-react/dynamicIconImports";import{forwardRef as t,lazy as i,Suspense as n}from"react";import m from"../vef-icon/index.js";function c(){const{colorFillContent:e}=r();return o("svg",{"aria-label":"Loading icon",height:"1em",role:"img",viewBox:"0 0 100 100",width:"1em",xmlns:"http://www.w3.org/2000/svg",children:o("rect",{fill:e,height:"100",rx:"20",width:"100"})})}const a=o(c,{}),l=new Map,f=t((({name:r,...t},c)=>{if(!l.has(r)){const o=i(e[r]);l.set(r,o)}const f=l.get(r);return o(m,{ref:c,...t,children:o(n,{fallback:a,children:o(f,{})})})}));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-dynamic-icon/props.d.ts

@@ -0,0 +1,20 @@
+import type { Except } from "@vef-framework/shared";
+import dynamicIconImports from "lucide-react/dynamicIconImports";
+import type { VefIconProps } from "../vef-icon";
+/**
+ * The name of the icon.
+ */
+export type DynamicIconName = keyof typeof dynamicIconImports;
+/**
+ * The props of the VefDynamicIcon component.
+ */
+export interface VefDynamicIconProps extends Except<VefIconProps, "ref" | "children"> {
+    /**
+     * The name of the icon.
+     */
+    name: DynamicIconName;
+}
+/**
+ * The names of the icons.
+ */
+export declare const dynamicIconNames: DynamicIconName[];

package/dist/vef-dynamic-icon/props.js

@@ -0,0 +1,3 @@
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
+import c from"lucide-react/dynamicIconImports";const o=Object.keys(c);export{o as dynamicIconNames};
+/*! 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-empty/index.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from "react";
+import { type FC } from "react";
 import type { VefEmptyProps } from "./props";
 declare const VefEmpty: FC<VefEmptyProps>;
 export type { VefEmptyProps };

package/dist/vef-empty/index.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{Empty as o}from"antd";const r=r=>t(o,{...r});export{r as default};
+/*! 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{isNullish as e}from"@vef-framework/shared";import{Empty as r}from"antd";import{useMemo as o}from"react";const{PRESENTED_IMAGE_DEFAULT:m,PRESENTED_IMAGE_SIMPLE:a}=r,i=({icon:i,iconStyle:E,presetIcon:f="default",...n})=>{const c=o((()=>e(i)?"default"===f?m:a:i),[i,f]);return t(r,{image:c,imageStyle:E,...n})};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-empty/props.d.ts

@@ -1,7 +1,22 @@
 import type { Except } from "@vef-framework/shared";
 import type { EmptyProps } from "antd";
+import type { CSSProperties, ReactNode } from "react";
 /**
  * The props of VefEmpty component.
  */
-export interface VefEmptyProps extends Except<EmptyProps, "prefixCls" | "rootClassName"> {
+export interface VefEmptyProps extends Except<EmptyProps, "prefixCls" | "rootClassName" | "image" | "imageStyle"> {
+    /**
+     * The icon to display.
+     * When is string, it will be used as the `image` src.
+     * When is set, the `presetIcon` will be ignored.
+     */
+    icon?: string | ReactNode;
+    /**
+     * The style of the icon.
+     */
+    iconStyle?: CSSProperties;
+    /**
+     * The preset icon to display.
+     */
+    presetIcon?: "default" | "simple";
 }

package/dist/vef-empty-placeholder/index.js

@@ -1,7 +1,7 @@
-/*! VefFramework version: 1.0.8, build time: 2024-12-10T13:58:46.329Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{themeVariables as o,styles as t}from"@vef-framework/shared";import i from"../vef-empty/index.js";const m=r`
+/*! 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 r}from"@emotion/react";import{themeVariables as t,styles as m}from"@vef-framework/shared";import o from"../vef-empty/index.js";const i=r`
   height: 100%;
-  padding: ${o.paddingLg};
-  ${t.flexCenter}
-`,d=r=>e("div",{css:m,children:e(i,{...r})});export{d as default};
+  padding: ${t.paddingLg};
+  ${m.flexCenter}
+`,s=({className:r,style:t,...m})=>e("div",{className:r,css:i,style:t,children:e(o,{...m})});export{s 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-error/error-icon.d.ts

@@ -1,4 +1,4 @@
-import type { SVGProps } from "react";
+import { type SVGProps } from "react";
 declare function SvgErrorIcon(props: SVGProps<SVGSVGElement>): import("@emotion/react/jsx-runtime").JSX.Element;
 declare const Memo: import("react").MemoExoticComponent<typeof SvgErrorIcon>;
 export default Memo;