@vef-framework/components 1.0.7 → 1.0.9

package/dist/vef-form/hooks/use-columns-layout.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{unique as e,VefError as n}from"@vef-framework/shared";import{useMemo as s}from"react";const o=24,t=[{breakpoint:"xs",base:o,spans:1},{breakpoint:"sm",base:12,spans:2},{breakpoint:"md",base:8,spans:3},{breakpoint:"lg",base:6,spans:4},{breakpoint:"xl",base:6,spans:4},{breakpoint:"xxl",base:4,spans:6}],a=e(t.map((e=>e.spans)));function r(e,r,p,l){return s((()=>0===r.length?{}:"responsive"===p?function(e,s,o){const r=s.reduce(((e,n)=>e+(n.span??1)),0);if(!a.includes(r))throw new n(-3,`The total spans of the columns of the row [${e}] must be one of the following: ${a.join(", ")}.`);const p=24/r,l={};for(const{breakpoint:e,base:n,spans:a}of t)if(p>=n)l[e]=s.reduce(((e,n)=>(e[n.key]=(n.span??1)*p,e)),{});else{const t={};let r=a,p=null;for(const e of s){const s=e.span??1;r>=s?(t[e.key]=s*n,r-=s,p=e.key):(p&&(o&&(t[p]+=r*n),r=a,p=null),s>a?t[e.key]=24:(t[e.key]=s*n,r-=s,p=e.key)),0===r&&(r=a,p=null)}r>0&&(o&&(t[p]+=r*n),p=null),l[e]=t}return l}(e,r,l):function(e,s){const t=s.reduce(((e,n)=>e+(n.span??1)),0);if(t>o||o%t!=0)throw new n(-3,`The total spans of the columns of the row [${e}] must be less than or equal to 24 and a divisor of 24.`);const a=o/t;return s.reduce(((e,n)=>(e[n.key]=(n.span??1)*a,e)),{})}(e,r)),[])}export{r as useColumnsLayout};
 /*! 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-form/hooks/use-computed-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{useUpdate as e,useDeepCompareMemo as r,useDeepCompareLayoutEffect as o}from"@vef-framework/hooks";import{isFunctionOrExpression as t,isEqual as a}from"@vef-framework/shared";import{computeValue as f}from"../helper.js";import{useFormStore as n}from"../store.js";function u(u,s=!1){const[l,m,c]=n((e=>[e.scene,e.eventBus,e.getValues])),i=e(),k=c(),p=r((()=>u.reduce(((e,r)=>{const{key:o,rawValue:t,defaultValue:a}=r,n=f(t,k,l,a);return e[o]=n,e}),{})),[k,l,u]);return o((()=>{const e=u.filter((({rawValue:e})=>t(e)));if(e.length>0){const r=r=>{for(const o of e){const{key:e,rawValue:t,defaultValue:n}=o,u=p[e],s=f(t,r,l,n);if(!a(s,u)){i();break}}};return m.onChange(r),()=>{m.offChange(r)}}}),[p,m,i,l,u]),s?u.reduce(((e,{key:r})=>(e[r]=p[r],e)),{}):u.map((({key:e})=>p[e]))}export{u as useComputedValues};
 /*! 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-form/hooks/use-form-context.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{createSelectableContext as o}from"@vef-framework/shared";const{useContextSelector:e,useContext:t,ContextProvider:r}=o({autoExpand:!0,labelPosition:"top",layoutMode:"responsive"});export{r as FormContextProvider,t as useFormContext,e as useFormContextSelector};
 /*! 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-form/hooks/use-form-initialization.d.ts

@@ -1,4 +1,4 @@
-import type { BiConsumer, MaybeNull, ObjectType, StringKey } from "@vef-framework/shared";
+import { type BiConsumer, type MaybeNull, type ObjectType, type StringKey } from "@vef-framework/shared";
 import type { FormContext, FormScene, FormSchema } from "../types";
 /**
  * Initialize the form values.

package/dist/vef-form/hooks/use-form-initialization.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 o,isFunction as e}from"@vef-framework/shared";import{useMemo as n}from"react";function r(r,t){return n((()=>{const n={...t},s={},a=[];for(const t of r){const{rows:r}=t;for(const t of r){const{columns:r}=t;for(const t of r){const{items:r}=t;for(const t of r){const{name:r,defaultValue:f,virtual:c}=t;!o(f)&&o(n[r])&&(n[r]=f),"Hidden"!==t.type&&e(t.onChange)&&(s[r]=t.onChange),!0===c&&a.push(r)}}}}return{mergedInitialValues:n,valueChangeHandlers:s,virtualFieldNames:a}}),[])}export{r as useFormInitialization};
 /*! 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-form/hooks/use-form-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{useImperativeHandle as t}from"react";import{useFormStore as e}from"../store.js";function s(s,o){const[u,m,r,i]=e((t=>[t.form,t.eventBus,t.getValues,t.setValues]));t(s,(()=>({submit:()=>new Promise(((t,e)=>{const s=o=>{m.offSubmitResult(s),o?t():e(o)};m.onSubmitResult(s),u.submit()})),reset:o,getValues:r,setValues:i})))}export{s as useFormInstance};
 /*! 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-form/hooks/use-form-values-change.d.ts

@@ -1,4 +1,4 @@
-import type { BiConsumer, ObjectType } from "@vef-framework/shared";
+import { type BiConsumer, type ObjectType } from "@vef-framework/shared";
 import type { FormScene, FormValues } from "../types";
 /**
  * Use the form values change

package/dist/vef-form/hooks/use-form-values-change.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{useMemo as n,useEffect as r,useLayoutEffect as o}from"react";import{useFormStore as t}from"../store.js";function a(a){const[f,s,m]=t((e=>[e.scene,e.eventBus,e.invokeValueChangeHandlers])),h=n((()=>(e,n)=>{s.emitChange(n)}),[s]);return r((()=>{if(e(a)){const e=e=>{a(e,f)};return s.onChange(e),()=>{s.offChange(e)}}}),[s,a,f]),o((()=>{m()}),[]),{handleValuesChange:h}}export{a as useFormValuesChange};
 /*! 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-form/hooks/use-label-width.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{showWarningMessage as e}from"@vef-framework/shared";import{useMemo as r}from"react";function t(t,o){return r((()=>{if("top"!==t&&o)return(o<60||o>120)&&e("The labelWidth of VefForm component must be between 60 and 120, otherwise it will be 60 or 120."),Math.min(Math.max(o,60),120)}),[t,o])}export{t as useLabelWidth};
 /*! 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-form/index.d.ts

@@ -1,8 +1,7 @@
-import type { AnyValue, ObjectType, ObjectValue } from "@vef-framework/shared";
+import { type AnyValue, type ObjectType, type ObjectValue } from "@vef-framework/shared";
 import { type FC, type ReactNode, type RefAttributes } from "react";
 import type { VefFormInstance, VefFormProps } from "./props";
-import type { FormScene, FormSchema, FormVirtualKeys } from "./types";
+import type { FormActionButtonConfig, FormColumn, FormContext, FormGroup, FormItem, FormLabelAlign, FormLabelPosition, FormLayoutMode, FormRow, FormScene, FormSchema, FormTabsUse, FormValidationRule, FormVirtualKeys } from "./types";
 declare const VefForm: (<Values extends ObjectType = ObjectValue, Result = AnyValue, Scene extends FormScene = FormScene, Schema extends FormSchema<Values, Scene> = FormSchema<Values, Scene>, VirtualKeys extends FormVirtualKeys<Schema> = FormVirtualKeys<Schema>>(props: VefFormProps<Values, Result, Scene, Schema, VirtualKeys> & RefAttributes<VefFormInstance<Values>>) => ReactNode) & Pick<FC, "displayName">;
-export type { FormActionButtonConfig, FormColumn, FormContext, FormGroup, FormItem, FormLabelAlign, FormLabelPosition, FormLayoutMode, FormRow, FormScene, FormSchema, FormTabsUse, FormValidationRule } from "./types";
-export type { VefFormInstance, VefFormProps };
+export type { FormActionButtonConfig, FormColumn, FormContext, FormGroup, FormItem, FormLabelAlign, FormLabelPosition, FormLayoutMode, FormRow, FormScene, FormSchema, FormTabsUse, FormValidationRule, VefFormInstance, VefFormProps };
 export default VefForm;

package/dist/vef-form/index.js

@@ -1,5 +1,5 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, made by Venus. */
-import{jsxs as o,jsx as e}from"@emotion/react/jsx-runtime";import{css as i}from"@emotion/react";import{useContextDisabled as t,useSingleton as s,useUnmount as a}from"@vef-framework/hooks";import{isNumber as n,isEqual as r,omit as l}from"@vef-framework/shared";import{Form as m}from"antd";import{useMemo as u,forwardRef as h,memo as c}from"react";import"../internal/index.js";import f from"./components/form-actions.js";import d from"./components/form-content.js";import{FormEventBus as p}from"./event.js";import{useActionHandlers as b}from"./hooks/use-action-handlers.js";import{useFormContextSelector as v,FormContextProvider as g}from"./hooks/use-form-context.js";import{useFormInitialization as j}from"./hooks/use-form-initialization.js";import{useFormInstance as F}from"./hooks/use-form-instance.js";import{useFormValuesChange as S}from"./hooks/use-form-values-change.js";import{useLabelWidth as V}from"./hooks/use-label-width.js";import{useFormStore as k,FormStoreProvider as x}from"./store.js";import{convertBasicSizeToUiSize as B}from"../internal/utils.js";const{useForm:w}=m,C={scrollMode:"if-needed",behavior:"smooth"};const y=h((function({schema:s,labelAlign:a="right",variant:r,showTabs:l=!1,height:h="auto",size:c,disabled:p=!1,onChange:g,submissionButton:j,resetButton:V,submitApi:x,submitTip:w,onBeforeSubmit:y,onSubmit:T,onSubmitSuccess:z,onSubmitFailure:A,onReset:N},R){const[W,E]=v((o=>[o.labelPosition,o.labelWidth])),[M,P,$]=k((o=>[o.form,o.initialValues,o.isLoading])),{handleValuesChange:H}=S(g),{handleReset:I,handleSubmit:L,handleSubmitFailed:q}=b({submitApi:x,submitTip:w,onBeforeSubmit:y,onSubmit:T,onSubmitSuccess:z,onSubmitFailure:A,onReset:N});F(R,I);const D=u((()=>{if(E)return{flex:`0 0 ${E}px`}}),[E]),G=u((()=>{let o=h;return"auto"===h?o="100%":n(h)&&(o=`${h}px`),i`
-      height: ${o};
-    `}),[h]),J=t();return o(m,{labelWrap:!0,colon:!1,css:G,disabled:J||p||$,form:M,initialValues:P,labelAlign:a,labelCol:D,layout:"top"===W?"vertical":"horizontal",scrollToFirstError:C,size:B(c),variant:r,onFinish:L,onFinishFailed:q,onValuesChange:H,children:[e(d,{schema:s,showTabs:!0===l?"switch":l}),e(f,{handleReset:I,resetButton:V,submissionButton:j})]})}));y.displayName="VefFormBase";const T=c(h((function({initialValues:o,scene:i,layoutMode:t="responsive",autoExpand:n=!1,labelPosition:r="top",labelWidth:l,...m},h){const{schema:c}=m,[f]=w(),d=s((()=>new p));a((()=>{d.clear()}));const b=V(r,l),v=u((()=>({labelPosition:r,labelWidth:b,autoExpand:n,layoutMode:t})),[t,n,r,b]),{mergedInitialValues:F,valueChangeHandlers:S,virtualFieldNames:k}=j(c,o);return e(x,{eventBus:d,form:f,initialValues:F,scene:i,valueChangeHandlers:S,virtualFieldNames:k,children:e(g,{value:v,children:e(y,{ref:h,...m})})})})),((o,e)=>r(l(o,["initialValues","schema"]),l(e,["initialValues","schema"]))));T.displayName="VefForm";export{T as default};
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
+import{jsxs as e,jsx as o}from"@emotion/react/jsx-runtime";import{css as i}from"@emotion/react";import{useContextDisabled as t,useSingleton as s,useUnmount as n}from"@vef-framework/hooks";import{isNumber as a,isEqual as r,omit as l}from"@vef-framework/shared";import{Form as m}from"antd";import{useMemo as u,forwardRef as h,memo as f}from"react";import"../internal/index.js";import c from"./components/form-actions.js";import d from"./components/form-content.js";import{FormEventBus as p}from"./event.js";import{useActionHandlers as b}from"./hooks/use-action-handlers.js";import{useFormContextSelector as v,FormContextProvider as g}from"./hooks/use-form-context.js";import{useFormInitialization as j}from"./hooks/use-form-initialization.js";import{useFormInstance as F}from"./hooks/use-form-instance.js";import{useFormValuesChange as S}from"./hooks/use-form-values-change.js";import{useLabelWidth as V}from"./hooks/use-label-width.js";import{useFormStore as k,FormStoreProvider as x}from"./store.js";import{convertBasicSizeToUiSize as B}from"../internal/utils.js";const{useForm:w}=m,C={scrollMode:"if-needed",behavior:"smooth"};const y=h((function({schema:s,labelAlign:n="right",variant:r,showTabs:l=!1,height:h="auto",size:f,disabled:p=!1,onChange:g,submissionButton:j,resetButton:V,submitApi:x,submitTip:w,onBeforeSubmit:y,onSubmit:T,onSubmitSuccess:z,onSubmitFailure:A,onReset:N},R){const[W,E]=v((e=>[e.labelPosition,e.labelWidth])),[M,P,$]=k((e=>[e.form,e.initialValues,e.isLoading])),{handleValuesChange:H}=S(g),{handleReset:I,handleSubmit:L,handleSubmitFailed:q}=b({submitApi:x,submitTip:w,onBeforeSubmit:y,onSubmit:T,onSubmitSuccess:z,onSubmitFailure:A,onReset:N});F(R,I);const D=u((()=>{if(E)return{flex:`0 0 ${E}px`}}),[E]),G=u((()=>{let e=h;return"full"===h?e="100%":a(h)&&(e=`${h}px`),i`
+      height: ${e};
+    `}),[h]),J=t();return e(m,{labelWrap:!0,colon:!1,css:G,disabled:J||p||$,form:M,initialValues:P,labelAlign:n,labelCol:D,layout:"top"===W?"vertical":"horizontal",scrollToFirstError:C,size:B(f),variant:r,onFinish:L,onFinishFailed:q,onValuesChange:H,children:[o(d,{height:h,schema:s,showTabs:!0===l?"switch":l}),o(c,{handleReset:I,resetButton:V,submissionButton:j})]})}));y.displayName="VefFormBase";const T=f(h((function({initialValues:e,scene:i,layoutMode:t="responsive",autoExpand:a=!1,labelPosition:r="top",labelWidth:l,...m},h){const{schema:f}=m,[c]=w(),d=s((()=>new p));n((()=>{d.clear()}));const b=V(r,l),v=u((()=>({labelPosition:r,labelWidth:b,autoExpand:a,layoutMode:t})),[t,a,r,b]),{mergedInitialValues:F,valueChangeHandlers:S,virtualFieldNames:k}=j(f,e);return o(x,{eventBus:d,form:c,initialValues:F,scene:i,valueChangeHandlers:S,virtualFieldNames:k,children:o(g,{value:v,children:o(y,{ref:h,...m})})})})),((e,o)=>r(l(e,["initialValues","schema"]),l(o,["initialValues","schema"]))));T.displayName="VefForm";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-form/props.d.ts

@@ -1,5 +1,4 @@
-import type { AnyValue, ApiResponse, BasicSize, BiConsumer, BiMapper, Consumer, Except, Handler, LengthValue, LiteralUnion, MaybePromise, MutationApi, ObjectType, ObjectValue, Provider, TriConsumer, VefError } from "@vef-framework/shared";
-import type { Variant } from "antd/es/config-provider";
+import type { AnyValue, ApiResponse, BasicSize, BiConsumer, BiMapper, Consumer, Except, FormItemVariant, Handler, LengthValue, LiteralUnion, MaybePromise, MutationApi, ObjectType, ObjectValue, Provider, TriConsumer, VefError } from "@vef-framework/shared";
 import type { ReactNode } from "react";
 import type { FormActionButtonConfig, FormLabelAlign, FormLabelPosition, FormLayoutMode, FormScene, FormSchema, FormTabsUse, FormValues, FormVirtualKeys } from "./types";
 /**
@@ -73,7 +72,7 @@ export interface VefFormProps<Values extends ObjectType = ObjectValue, Result =
     /**
      * The variant of the form.
      */
-    variant?: Variant;
+    variant?: FormItemVariant;
     /**
      * Whether to show tabs.
      * When set to true, the form will be displayed in tabs, default use is 'switch'.
@@ -84,7 +83,7 @@ export interface VefFormProps<Values extends ObjectType = ObjectValue, Result =
     /**
      * The height of the form.
      */
-    height?: LiteralUnion<"auto", LengthValue>;
+    height?: LiteralUnion<"auto" | "full", LengthValue>;
     /**
      * The size of the form.
      */

package/dist/vef-form/store.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{useSingleton as e,useUpdateEffect as t}from"@vef-framework/hooks";import{isEqual as n,VefError as o}from"@vef-framework/shared";import{createContext as s,createElement as r,useContext as i}from"react";import{createStore as a}from"zustand";import{useStoreWithEqualityFn as l}from"zustand/traditional";const u=s(null);function c({children:o,...s}){const i=e((()=>{return e=s,a(((t,o)=>({...e,invokeValueChangeHandlers(e,t){const{scene:n,valueChangeHandlers:s,initialValues:r,setValues:i}=o(),a=e??r,l=t?new Set(t):null;for(const[e,t]of Object.entries(s))l&&!l.has(e)||t(a[e]??null,{values:a,scene:n,setValues:i})},getValues(){const{form:e,initialValues:t}=o();return e.isFieldsTouched(!0)?t:e.getFieldsValue()},setValues(e){const{form:t,eventBus:s,invokeValueChangeHandlers:r}=o(),i=t.getFieldsValue(),a=Object.keys(e).filter((t=>!n(e[t],i[t])));t.setFieldsValue(e);const l=t.getFieldsValue();s.emitChange(l),r(l,a)},isLoading:!1,setIsLoading(e){t({isLoading:e})},showActionButtons:!0,setShowActionButtons(e){t({showActionButtons:e})}})));var e})),{scene:l}=s;return t((()=>{i.setState({scene:l})}),[l]),r(u.Provider,{value:i},o)}function d(){const e=i(u);if(!e)throw new o(-2,"FormStore can be used only inside FormStoreProvider");return e}function f(e){return l(d(),e,n)}export{c as FormStoreProvider,f as useFormStore,d as useFormStoreApi};
 /*! 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-form/types.d.ts

@@ -106,19 +106,19 @@ export interface InternalFormContext {
 /**
  * The virtual keys of the form.
  */
-export type FormVirtualKeys<S extends ReadonlyArray<FormGroup<any, any>>> = FormVirtualItems<FlattenFormItem<S>>[number];
-type FormVirtualItems<T extends ReadonlyArray<FormItem<any>>> = {
+export type FormVirtualKeys<S extends ReadonlyArray<FormGroup<any, any, any>>> = FormVirtualItems<FlattenFormItem<S>>[number];
+type FormVirtualItems<T extends ReadonlyArray<FormItem<any, any, any>>> = {
     [K in keyof T]: T[K]["virtual"] extends true ? T[K]["name"] : never;
 };
-type FlattenFormItem<T extends readonly any[]> = T extends readonly [infer Head, ...infer Tail] ? Head extends FormGroup<any> ? [...FlattenFormItem<Head["rows"]>, ...FlattenFormItem<Tail>] : Head extends FormRow<any> ? [...FlattenFormItem<Head["columns"]>, ...FlattenFormItem<Tail>] : Head extends FormColumn<any> ? [...FlattenFormItem<Head["items"]>, ...FlattenFormItem<Tail>] : Head extends FormItem<any> ? [Head, ...FlattenFormItem<Tail>] : FlattenFormItem<Tail> : [];
+type FlattenFormItem<T extends readonly any[]> = T extends readonly [infer Head, ...infer Tail] ? Head extends FormGroup<any, any, any> ? [...FlattenFormItem<Head["rows"]>, ...FlattenFormItem<Tail>] : Head extends FormRow<any, any, any> ? [...FlattenFormItem<Head["columns"]>, ...FlattenFormItem<Tail>] : Head extends FormColumn<any, any, any> ? [...FlattenFormItem<Head["items"]>, ...FlattenFormItem<Tail>] : Head extends FormItem<any, any, any> ? [Head, ...FlattenFormItem<Tail>] : FlattenFormItem<Tail> : [];
 /**
  * The form schema.
  */
-export type FormSchema<Values extends ObjectType, Scene extends FormScene = FormScene> = NonEmptyTuple<FormGroup<Values, Scene>>;
+export type FormSchema<Values extends ObjectType, Scene extends FormScene = FormScene> = NonEmptyTuple<FormGroup<Values, StringKey<Values>, Scene>>;
 /**
  * The form group of the form.
  */
-export interface FormGroup<Values extends ObjectType = ObjectValue, Scene extends FormScene = FormScene> extends ControlOptions<Values, Scene> {
+export interface FormGroup<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene> extends ControlOptions<Values, Scene> {
     /**
      * The key of the form group.
      */
@@ -130,12 +130,12 @@ export interface FormGroup<Values extends ObjectType = ObjectValue, Scene extend
     /**
      * The rows of the form group.
      */
-    rows: ReadonlyArray<FormRow<Values, Scene>>;
+    rows: ReadonlyArray<FormRow<Values, Key, Scene>>;
 }
 /**
  * The row of the form group.
  */
-export interface FormRow<Values extends ObjectType = ObjectValue, Scene extends FormScene = FormScene> extends ControlOptions<Values, Scene> {
+export interface FormRow<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene> extends ControlOptions<Values, Scene> {
     /**
      * The key of the form row.
      */
@@ -147,12 +147,12 @@ export interface FormRow<Values extends ObjectType = ObjectValue, Scene extends
     /**
      * The columns of the form row.
      */
-    columns: ReadonlyArray<FormColumn<Values, Scene>>;
+    columns: ReadonlyArray<FormColumn<Values, Key, Scene>>;
 }
 /**
  * The column of the form row.
  */
-export interface FormColumn<Values extends ObjectType = ObjectValue, Scene extends FormScene = FormScene> extends ControlOptions<Values, Scene> {
+export interface FormColumn<Values extends ObjectType = ObjectValue, Key extends StringKey<Values> = StringKey<Values>, Scene extends FormScene = FormScene> extends ControlOptions<Values, Scene> {
     /**
      * The key of the form column.
      */
@@ -164,7 +164,7 @@ export interface FormColumn<Values extends ObjectType = ObjectValue, Scene exten
     /**
      * The items of the form column.
      */
-    items: ReadonlyArray<FormItem<Values, StringKey<Values>, Scene>>;
+    items: ReadonlyArray<FormItem<Values, Key, Scene>>;
 }
 /**
  * The form item.

package/dist/vef-form/validation-rules.d.ts

@@ -1,5 +1,5 @@
-import type { AnyValue, ObjectType, ObjectValue, StringKey } from "@vef-framework/shared";
 import type { ReactElement } from "react";
+import { type AnyValue, type ObjectType, type ObjectValue, type StringKey } from "@vef-framework/shared";
 import type { FormScene, FormValidationRule } from "./types";
 type MessageType = string | ReactElement;
 /**

package/dist/vef-form/validation-rules.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{isEqual as e,VefError as r,validator as o,getNowDateString as i}from"@vef-framework/shared";function n(e){return()=>[{required:!0,message:e}]}function t(o,i){return({label:n})=>[{validator:(t,s)=>e(s,o)?Promise.resolve():Promise.reject(new r(-2,i??`${n?`${n}的值`:"值"}必须是${o}`))}]}function s(o,i){return({label:n})=>[{validator:(t,s)=>e(s,o)?Promise.reject(new r(-2,i??`${n?`${n}的值`:"值"}不能是${o}`)):Promise.resolve()}]}function l(e,r){return()=>[{type:"enum",enum:e,message:r}]}function a(e,r){return()=>[{min:e,message:r}]}function m(e,r){return()=>[{max:e,message:r}]}function u(e,r,o){return()=>[{min:e,max:r,message:o}]}function c(e){return({label:i})=>[{validator:(n,t)=>o.isAlpha(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是字母`))}]}function P(e){return({label:i})=>[{validator:(n,t)=>o.isAlphanumeric(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是字母或数字`))}]}function v(e){return({label:i})=>[{validator:(n,t)=>o.isAscii(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是ASCII字符`))}]}function f(e){return({label:i})=>[{validator:(n,t)=>o.isNumeric(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是数字`))}]}function $(e){return({label:i})=>[{validator:(n,t)=>o.isEmail(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是合法的邮箱`))}]}function d(e){return({label:i})=>[{validator:(n,t)=>o.isHexColor(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是十六进制颜色`))}]}function w(e){return({label:i})=>[{validator:(n,t)=>o.isIdentityCard(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是合法的身份证`))}]}function b(e){return({label:i})=>[{validator:(n,t)=>o.isIp(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是合法的IP地址`))}]}function j(e){return({label:i})=>[{validator:(n,t)=>o.isPort(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是合法的端口`))}]}function p(e){return({label:i})=>[{validator:(n,t)=>o.isJson(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是合法的JSON`))}]}function I(e){return({label:i})=>[{validator:(n,t)=>o.isUrl(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是合法的URL`))}]}function g(e){return({label:i})=>[{validator:(n,t)=>o.isUri(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是合法的URI`))}]}function A(e){return({label:i})=>[{validator:(n,t)=>o.isPostalCode(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是合法的邮政编码`))}]}function C(e,n){return({label:t})=>[{validator:(s,l)=>o.isBefore(l,e??i())?Promise.resolve():Promise.reject(new r(-2,n??`${t??"值"}必须在${e}之前`))}]}function h(e,n){return({label:t})=>[{validator:(s,l)=>o.isAfter(l,e??i())?Promise.resolve():Promise.reject(new r(-2,n??`${t??"值"}必须在${e}之后`))}]}function x(e){return({label:i})=>[{validator:(n,t)=>o.isChineseName(t)?Promise.resolve():Promise.reject(new r(-2,e??`${i??"值"}必须是中文名称`))}]}export{c as isAlpha,P as isAlphanumeric,v as isAscii,x as isChineseName,h as isDateAfter,C as isDateBefore,$ as isEmail,t as isEqualsTo,d as isHexColor,w as isIdentityCard,l as isIn,b as isIp,p as isJson,m as isMeetsMaxSize,a as isMeetsMinSize,u as isMeetsRangeSize,s as isNotEqualsTo,f as isNumeric,j as isPort,A as isPostalCode,n as isRequired,g as isUri,I as isUrl};
 /*! 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-form-drawer/index.d.ts

@@ -1,8 +1,8 @@
-import type { AnyValue, ObjectType, ObjectValue } from "@vef-framework/shared";
+import { type AnyValue, type ObjectType, type ObjectValue } from "@vef-framework/shared";
 import { type FC } from "react";
-import type { FormScene, FormSchema } from "../vef-form";
 import type { FormVirtualKeys } from "../vef-form/types";
 import type { VefFormDrawerProps } from "./props";
+import { type FormScene, type FormSchema } from "../vef-form";
 declare function VefFormDrawerBase<Values extends ObjectType = ObjectValue, Result = AnyValue, Scene extends FormScene = FormScene, Schema extends FormSchema<Values, Scene> = FormSchema<Values, Scene>, VirtualKeys extends FormVirtualKeys<Schema> = FormVirtualKeys<Schema>>({ title, open, closable, closeOnMaskClick, closeOnEscPress, destroyOnClose, cancelOnClose, placement, expansionSize, loading, extra, cancelButtonText, actions, onClose, onCancel, onAfterClose, onAfterOpen, submissionButtonText, disabled, ...formProps }: VefFormDrawerProps<Values, Result, Scene, Schema, VirtualKeys>): import("@emotion/react/jsx-runtime").JSX.Element;
 declare const VefFormDrawer: typeof VefFormDrawerBase & Pick<FC, "displayName">;
 export type { VefFormDrawerProps };

package/dist/vef-form-drawer/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,jsxs as o,Fragment as n}from"@emotion/react/jsx-runtime";import{useContextDisabled as t,DisabledContextProvider as r}from"@vef-framework/hooks";import{isFunction as s}from"@vef-framework/shared";import{useRef as i,useCallback as l,memo as a}from"react";import c from"../vef-button/index.js";import m from"../vef-drawer/index.js";import f from"../vef-form/index.js";import d from"../vef-drawer/components/action-button-wrapper.js";const u=a((function({title:a,open:u,closable:p,closeOnMaskClick:C,closeOnEscPress:x,destroyOnClose:O=!0,cancelOnClose:k,placement:b,expansionSize:v="medium",loading:h,extra:w,cancelButtonText:B,actions:j,onClose:A,onCancel:y,onAfterClose:T,onAfterOpen:g,submissionButtonText:z,disabled:E=!1,...M}){const P=i(null),S=l((async()=>{await(P.current?.submit())}),[]),D=t()||E,F=l((()=>{P.current?.reset()}),[]),N=l((([t,r])=>{const i=e(d,{children:e(c,{color:"default",disabled:D,variant:"filled",onClick:F,children:"重置"})},"resetActionButton");return s(j)?j([t,i,r]):o(n,{children:[t,i,r]})}),[j,D,F]);return e(r,{value:D,children:e(m,{actions:N,cancelOnClose:k,closable:p,closeOnEscPress:x,closeOnMaskClick:C,destroyOnClose:O,expansionSize:v,extra:w,loading:h,okButtonText:z,open:u,placement:b,title:a,onAfterClose:T,onAfterOpen:g,onCancel:y,onClose:A,onOk:S,children:e(f,{ref:P,resetButton:!1,submissionButton:!1,...M})})})}));u.displayName="VefFormDrawer";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-form-modal/index.d.ts

@@ -1,8 +1,8 @@
-import type { AnyValue, ObjectType, ObjectValue } from "@vef-framework/shared";
+import { type AnyValue, type ObjectType, type ObjectValue } from "@vef-framework/shared";
 import { type FC } from "react";
-import type { FormScene, FormSchema } from "../vef-form";
 import type { FormVirtualKeys } from "../vef-form/types";
 import type { VefFormModalProps } from "./props";
+import { type FormScene, type FormSchema } from "../vef-form";
 declare function VefFormModalBase<Values extends ObjectType = ObjectValue, Result = AnyValue, Scene extends FormScene = FormScene, Schema extends FormSchema<Values, Scene> = FormSchema<Values, Scene>, VirtualKeys extends FormVirtualKeys<Schema> = FormVirtualKeys<Schema>>({ submissionButtonText, actions, title, open, closable, closeOnMaskClick, closeOnEscPress, destroyOnClose, cancelOnClose, width, loading, cancelButtonText, onClose, onCancel, onAfterOpen, onAfterClose, disabled, ...formProps }: VefFormModalProps<Values, Result, Scene, Schema, VirtualKeys>): import("@emotion/react/jsx-runtime").JSX.Element;
 declare const VefFormModal: typeof VefFormModalBase & Pick<FC, "displayName">;
 export type { VefFormModalProps };

package/dist/vef-form-modal/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,jsxs as o,Fragment as n}from"@emotion/react/jsx-runtime";import{useContextDisabled as t,DisabledContextProvider as r}from"@vef-framework/hooks";import{isFunction as s}from"@vef-framework/shared";import{useRef as l,useCallback as i,memo as c}from"react";import a from"../vef-button/index.js";import m from"../vef-form/index.js";import d from"../vef-modal/index.js";import f from"../vef-modal/components/action-button-wrapper.js";const u=c((function({submissionButtonText:c="提交",actions:u,title:p,open:C,closable:O,closeOnMaskClick:k,closeOnEscPress:b,destroyOnClose:h=!0,cancelOnClose:x,width:v="medium",loading:B,cancelButtonText:w,onClose:j,onCancel:A,onAfterOpen:y,onAfterClose:T,disabled:M=!1,...g}){const E=l(null),P=i((async()=>{await(E.current?.submit())}),[]),F=t()||M,N=i((()=>{E.current?.reset()}),[]),V=i((([t,r])=>{const l=e(f,{children:e(a,{color:"default",variant:"filled",onClick:N,children:"重置"})},"resetActionButton");return s(u)?u([t,l,r]):o(n,{children:[t,l,r]})}),[u,N]);return e(r,{value:F,children:e(d,{actions:V,cancelButtonText:w,cancelOnClose:x,closable:O,closeOnEscPress:b,closeOnMaskClick:k,destroyOnClose:h,loading:B,okButtonText:c,open:C,title:p,width:v,onAfterClose:T,onAfterOpen:y,onCancel:A,onClose:j,onOk:P,children:e(m,{ref:E,disabled:F,resetButton:!1,submissionButton:!1,...g})})})}));u.displayName="VefFormModal";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-generic-select/index.d.ts

@@ -0,0 +1,4 @@
+import type { VefGenericSelectContentProps, VefGenericSelectProps } from "./props";
+declare function VefGenericSelect<T, P extends VefGenericSelectContentProps>({ value, size, renderLabel, placeholder, disabled, clearable, loading, variant, children, onClear, }: VefGenericSelectProps<T, P>): import("@emotion/react/jsx-runtime").JSX.Element;
+export type { VefGenericSelectContentProps, VefGenericSelectProps };
+export default VefGenericSelect;

package/dist/vef-generic-select/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 e}from"@emotion/react/jsx-runtime";import{SearchOutlined as o}from"@ant-design/icons";import{isFunction as r,styles as n}from"@vef-framework/shared";import{Select as i}from"antd";import{LeafIcon as a}from"lucide-react";import{useState as t,useDeferredValue as l,useCallback as d,useMemo as c,cloneElement as s}from"react";import"../internal/index.js";import m from"../vef-icon/index.js";import{convertBasicSizeToUiSize as p}from"../internal/utils.js";const f={"--vef-select-option-padding":0};function u({value:u,size:h,renderLabel:v,placeholder:b,disabled:w,clearable:C,loading:g,variant:x,children:j,onClear:S}){const[k,y]=t(!1),[z,F]=t(!1),[V,W]=t(),B=l(V),D=d((()=>{F(!1)}),[]),I=d((()=>{F(!0)}),[]),L=d((()=>{y(!1)}),[]),M=c((()=>{if(r(v))return({value:e})=>v?.(e)}),[v]),R=z&&k?e(o,{}):e(m,{children:e(a,{})}),q=s(j,{keyword:B,onConfirm:L});return e(i,{showSearch:!0,allowClear:C,css:n.fullWidth,disabled:w,dropdownStyle:f,labelRender:M,loading:g,notFoundContent:q,open:k,placeholder:b,popupMatchSelectWidth:!1,searchValue:V,size:p(h),suffixIcon:R,value:u,variant:x,onBlur:D,onClear:S,onDropdownVisibleChange:y,onFocus:I,onSearch:W})}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-generic-select/props.d.ts

@@ -0,0 +1,60 @@
+import type { BasicSize, FormItemVariant, Handler, Mapper, MaybeNull } from "@vef-framework/shared";
+import type { ReactElement, ReactNode } from "react";
+/**
+ * The partial props for the VefGenericSelectContent component.
+ */
+export interface VefGenericSelectContentProps {
+    /**
+     * The keyword to filter the content to be selected.
+     */
+    keyword?: string;
+    /**
+     * The handler to confirm the selection.
+     */
+    onConfirm?: Handler;
+}
+/**
+ * The props for the VefGenericSelect component.
+ */
+export interface VefGenericSelectProps<T, P extends VefGenericSelectContentProps> {
+    /**
+     * The value of the generic select.
+     */
+    value: MaybeNull<T>;
+    /**
+     * The mapper to render the label.
+     */
+    renderLabel?: Mapper<T, ReactNode>;
+    /**
+     * The size of the generic select.
+     */
+    size?: BasicSize;
+    /**
+     * The placeholder of the generic select.
+     */
+    placeholder?: string;
+    /**
+     * Whether the generic select is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the generic select is clearable.
+     */
+    clearable?: boolean;
+    /**
+     * Whether the generic select is loading.
+     */
+    loading?: boolean;
+    /**
+     * The variant of the generic select.
+     */
+    variant?: FormItemVariant;
+    /**
+     * The children of the generic select.
+     */
+    children: ReactElement<P>;
+    /**
+     * The handler to clear the generic select.
+     */
+    onClear?: Handler;
+}

package/dist/vef-grid/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{jsx as r}from"@emotion/react/jsx-runtime";import{css as n}from"@emotion/react";import{useGapSizeNormalizer as t,useSize as i}from"@vef-framework/hooks";import{breakpoints as e,isArray as o}from"@vef-framework/shared";import m from"clsx";import{useMemo as a,useRef as f,useEffect as c}from"react";import{useContainerQuery as d}from"react-container-query";const p=24,s=n`
   display: grid;
   grid: auto-flow / repeat(${p}, minmax(0, 1fr));

package/dist/vef-grid/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 x=["xs","sm","md","lg","xl","xxl"];export{x as BREAKPOINTS};
 /*! 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-grid-item/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 r from"clsx";import{useMemo as i}from"react";const t=({span:t,xs:m,sm:s,md:d,lg:o,xl:p,xxl:f,children:l})=>{const u=i((()=>{const e=[];return t&&e.push(`vef-grid-item-${t}`),m&&e.push(`vef-grid-item-xs-${m}`),s&&e.push(`vef-grid-item-sm-${s}`),d&&e.push(`vef-grid-item-md-${d}`),o&&e.push(`vef-grid-item-lg-${o}`),p&&e.push(`vef-grid-item-xl-${p}`),f&&e.push(`vef-grid-item-xxl-${f}`),e}),[t,m,s,d,o,p,f]);return e("div",{className:r(u),children:l})};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-icon/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 o}from"@emotion/react/jsx-runtime";import r from"@ant-design/icons";import{omit as e}from"@vef-framework/shared";import{forwardRef as m,cloneElement as t,memo as i}from"react";const f=i(m((({children:m,...i},f)=>o(r,{ref:f,component:o=>t(m,e(o,["fill"])),...i}))));f.displayName="VefIcon";export{f 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 r from"@ant-design/icons";import{themeVariables as o,omit as t}from"@vef-framework/shared";import{forwardRef as i,useMemo as n,Suspense as f,cloneElement as m,memo as l}from"react";const s=l(i((({size:i,children:l,...s},c)=>{const a=n((()=>{const e="small"===i?o.fontSizeSm:"medium"===i?o.fontSize:"large"===i?o.fontSizeLg:"huge"===i?o.fontSizeXl:void 0;if(e)return{fontSize:e}}),[i]);return e(r,{ref:c,style:a,component:e=>{if(l.type===f){const{children:r}=l.props;return m(l,{children:m(r,t(e,["fill"]))})}return m(l,t(e,["fill"]))},...s})})));s.displayName="VefIcon";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-icon/props.d.ts

@@ -1,10 +1,14 @@
 import type { IconComponentProps } from "@ant-design/icons/lib/components/Icon";
-import type { Except } from "@vef-framework/shared";
+import type { Except, Size } from "@vef-framework/shared";
 import type { ReactElement } from "react";
 /**
  * The props of VefIcon component.
  */
-export interface VefIconProps extends Except<IconComponentProps, "component" | "children"> {
+export interface VefIconProps extends Except<IconComponentProps, "component" | "size" | "children"> {
+    /**
+     * The size of the icon.
+     */
+    size?: Exclude<Size, "tiny">;
     /**
      * The icon component.
      */

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

@@ -0,0 +1,5 @@
+import { type FC } from "react";
+import type { VefIconSelectProps } from "./props";
+declare const VefIconSelect: FC<VefIconSelectProps>;
+export type { VefIconSelectProps };
+export default VefIconSelect;

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

@@ -0,0 +1,42 @@
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
+import{jsx as e,jsxs as r}from"@emotion/react/jsx-runtime";import{css as i}from"@emotion/react";import{useThemeTokens as o}from"@vef-framework/hooks";import{themeVariables as n,trim as t,cluster as l,isUndefined as c}from"@vef-framework/shared";import{useMemo as a,useCallback as s,memo as d,useState as m}from"react";import f from"../vef-dynamic-icon/index.js";import{dynamicIconNames as p}from"../vef-dynamic-icon/props.js";import h from"../vef-empty-placeholder/index.js";import v from"../vef-generic-select/index.js";import u from"../vef-space/index.js";import g from"../vef-text/index.js";import x from"../vef-virtual-grid/index.js";const y=i`
+  color: ${n.colorTextSlate};
+
+  .vef-icon-select-wrapper {
+    padding: calc(${n.paddingXxs} + 2px) ${n.paddingXs};
+  }
+`,b=i`
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: ${n.colorFillContent};
+  border-radius: ${n.borderRadius};
+  transition: background-color ${n.motionDurationMid} ${n.motionEaseInOut};
+  &:hover {
+    cursor: pointer;
+    background-color: ${n.colorFillContentHover};
+  }
+
+  &.vef-icon-select-item-selected {
+    background-color: ${n.colorPrimaryBg};
+  }
+
+  .vef-icon {
+    font-size: 28px;
+  }
+`;const w=d((function({value:r,onChange:i,keyword:n,onConfirm:c}){const{paddingXS:d,paddingXXS:m}=o(),v=a((()=>{const e=t(n);return l(e?p.filter((r=>r.includes(e))):p,6)}),[n]),[u,g]=a((()=>[420+2*d,348+2*(m+2)]),[m,d]),w=s((({item:o})=>{const n=o===r;return e("div",{className:n?"vef-icon-select-item-selected":void 0,css:b,title:o,onClick:()=>{n||i(o),c?.()},children:e(f,{name:o})})}),[i,c,r]),j=a((()=>({width:u,height:g})),[u,g]);return 0===v.length?e("div",{css:y,children:e("div",{className:"vef-icon-select-wrapper",style:j,children:e(h,{description:"暂无图标",presetIcon:"simple"})})}):e("div",{css:y,children:e(x,{className:"vef-icon-select-wrapper",columnWidth:60,gap:"small",height:g,items:v,renderItem:w,rowHeight:60,width:u})})})),j=i`
+  width: 100%;
+
+  .vef-space-item:last-of-type {
+    min-width: 0;
+  }
+
+  .vef-typography {
+    line-height: inherit;
+    font-size: inherit;
+    font-family: inherit;
+    color: inherit;
+  }
+`;function k(i){return r(u,{css:j,children:[e(f,{name:i}),e(g,{ellipsis:!0,children:i})]})}const C=({defaultValue:r,value:i,size:o,placeholder:n,disabled:t,clearable:l,variant:a,onChange:d,onClear:f})=>{const[p,h]=m(r??null),u=s((e=>{c(i)?h(e):d?.(e)}),[d,i]),g=s((()=>{u(null),f?.()}),[u,f]);return e(v,{clearable:l,disabled:t,placeholder:n,renderLabel:k,size:o,value:i??p,variant:a,onClear:g,children:e(w,{value:c(i)?p:i,onChange:u})})};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-icon-select/props.d.ts

@@ -0,0 +1,43 @@
+import type { BasicSize, Consumer, FormItemVariant, Handler, MaybeNull } from "@vef-framework/shared";
+import type { DynamicIconName } from "../vef-dynamic-icon";
+/**
+ * The props for the VefIconSelect component.
+ */
+export interface VefIconSelectProps {
+    /**
+     * The default value of the icon select.
+     */
+    defaultValue?: DynamicIconName;
+    /**
+     * The value of the icon select.
+     */
+    value?: MaybeNull<DynamicIconName>;
+    /**
+     * The size of the icon select.
+     */
+    size?: BasicSize;
+    /**
+     * The placeholder of the icon select.
+     */
+    placeholder?: string;
+    /**
+     * Whether the icon select is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the icon select is clearable.
+     */
+    clearable?: boolean;
+    /**
+     * The variant of the icon select.
+     */
+    variant?: FormItemVariant;
+    /**
+     * The onChange event of the icon select.
+     */
+    onChange?: Consumer<MaybeNull<DynamicIconName>>;
+    /**
+     * The onClear event of the icon select.
+     */
+    onClear?: Handler;
+}

package/dist/vef-input/hooks/use-input-instance.js

@@ -1,3 +1,3 @@
-/*! VefFramework version: 1.0.7, build time: 2024-12-10T13:48:48.540Z, 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 useInputInstance};
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
+import{useRef as n,useImperativeHandle as r}from"react";function t(t){const e=n(null);return r(t,(()=>({blur:()=>e.current?.blur(),focus:()=>e.current?.focus({preventScroll:!0}),input:e.current?.input??null,nativeElement:e.current?.nativeElement??null}))),e}export{t as useInputInstance};
 /*! 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-input/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 n}from"react";import"../internal/index.js";import{useInputInstance as a}from"./hooks/use-input-instance.js";import{convertBasicSizeToUiSize as u}from"../internal/utils.js";function l(e){return""===e?null:e}const i=t((({defaultValue:t,value:i,clearable:s,size:d,showCount:m,prepend:f,append:p,onChange:v,onEnterKeyPress:c,onBlur:g,onFocus:h,...C},j)=>{const w=n((()=>({onChange:o(v)?e=>v(l(e.target.value)):void 0,onPressEnter:o(c)?e=>c(l(e.target.value)):void 0,onBlur:o(g)?e=>g(l(e.target.value)):void 0,onFocus:o(h)?e=>h(l(e.target.value)):void 0})),[v,c,g,h]),x=a(j);return e(r,{ref:x,addonAfter:p,addonBefore:f,allowClear:s,defaultValue:t,showCount:m,size:u(d),type:"text",value:i,...C,...w})}));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-input/props.d.ts

@@ -13,6 +13,14 @@ export interface VefInputInstance {
      * The focus handler.
      */
     focus: Handler;
+    /**
+     * The input element.
+     */
+    input: MaybeNull<HTMLInputElement>;
+    /**
+     * The native element of the input.
+     */
+    nativeElement: MaybeNull<HTMLElement>;
 }
 /**
  * The props of the VefInput component.

package/dist/vef-input-number/hooks/use-input-number-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 useInputNumberInstance};
 /*! 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-input-number/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{isFunction as r,styles as e}from"@vef-framework/shared";import{InputNumber as n}from"antd";import{forwardRef as t,useMemo as s}from"react";import"../internal/index.js";import{useInputNumberInstance as a}from"./hooks/use-input-number-instance.js";import{convertBasicSizeToUiSize as u}from"../internal/utils.js";function i(o,r){const e=Number.parseFloat(o);return Number.isNaN(e)?null:r?`${e}`:e}const l=t((({size:t,showControls:l,step:m,min:d,max:f,prepend:c,append:g,...v},p)=>{const F=s((()=>{const{useStringFormat:o}=v;if(o){const{onChange:o,onEnterKeyPress:e,onBlur:n,onFocus:t}=v;return{stringFormat:!0,onChange:r(o)?r=>o(r):void 0,onPressEnter:r(e)?o=>e(i(o.target.value,!0)):void 0,onBlur:r(n)?o=>n(i(o.target.value,!0)):void 0,onFocus:r(t)?o=>t(i(o.target.value,!0)):void 0}}const{onChange:e,onEnterKeyPress:n,onBlur:t,onFocus:s}=v;return{stringFormat:!1,onChange:r(e)?o=>e(o):void 0,onPressEnter:r(n)?o=>n(i(o.target.value,!1)):void 0,onBlur:r(t)?o=>t(i(o.target.value,!1)):void 0,onFocus:r(s)?o=>s(i(o.target.value,!1)):void 0}}),[v]),h=a(p),{useStringFormat:B}=v;if(B){const{useStringFormat:r,defaultValue:s,value:a,onChange:i,onEnterKeyPress:p,onBlur:B,onFocus:C,...x}=v,{stringFormat:E}=F;if(E){const{stringFormat:r,...i}=F;return o(n,{ref:h,stringMode:!0,addonAfter:g,addonBefore:c,controls:l,css:e.fullWidth,defaultValue:s,max:`${f}`,min:`${d}`,size:u(t),step:`${m}`,value:a,...x,...i})}return}const{useStringFormat:C,defaultValue:x,value:E,onChange:P,onEnterKeyPress:j,onBlur:y,onFocus:K,...N}=v,{stringFormat:S}=F;if(!S){const{stringFormat:r,...t}=F;return o(n,{ref:h,addonAfter:g,addonBefore:c,controls:l,css:e.fullWidth,defaultValue:x,max:f,min:d,step:m,value:E,...N,...t})}}));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-layout/components/content.d.ts

@@ -0,0 +1,3 @@
+import type { ChildrenProps } from "@vef-framework/shared";
+declare const VefContent: import("react").NamedExoticComponent<Required<ChildrenProps>>;
+export default VefContent;

package/dist/vef-layout/components/content.js

@@ -0,0 +1,3 @@
+/*! 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{Layout as e}from"antd";import{memo as o}from"react";const{Content:r}=e,n=o((({children:e})=>t(r,{children:e})));n.displayName="VefContent";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-layout/components/font-size.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from "react";
+declare const VefFontSize: FC;
+export default VefFontSize;

package/dist/vef-layout/components/font-size.js

@@ -0,0 +1,6 @@
+/*! VefFramework version: 1.0.9, build time: 2024-12-19T05:12:56.660Z, made by Venus. */
+import{jsx as e,jsxs as l}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{themeVariables as o,styles as t}from"@vef-framework/shared";import{useConfigStore as n}from"../../vef-config-provider/store.js";import i from"../../vef-dropdown/index.js";import d from"../../vef-icon/index.js";function s(r){return e("svg",{height:24,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...r,children:l("g",{fill:"none",fillRule:"evenodd",children:[e("path",{d:"m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"}),e("path",{d:"M21 12a1 1 0 0 1 1 1v6a1 1 0 0 1-1.911.412a4 4 0 1 1 0-6.824A1 1 0 0 1 21 12M8 4c.732 0 1.381.473 1.605 1.17l4.347 13.524a1 1 0 0 1-1.904.612L10.664 15H5.336l-1.384 4.306a1 1 0 0 1-1.904-.612L6.395 5.17A1.69 1.69 0 0 1 8 4m10 10a2 2 0 1 0 0 4a2 2 0 0 0 0-4M8 6.712L5.979 13h4.042z",fill:"currentColor"})]})})}function h(l){return e("svg",{height:24,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...l,children:e("path",{d:"M4 19V8.5a3.5 3.5 0 1 1 7 0V19m-7-6h7m10-1h-6",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2})})}function m(l){return e("svg",{height:24,viewBox:"0 0 24 24",width:24,xmlns:"http://www.w3.org/2000/svg",...l,children:e("path",{d:"M4 19V8.5a3.5 3.5 0 1 1 7 0V19m-7-6h7m7-4v6m3-3h-6",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2})})}const a=r`
+  padding: ${o.paddingXs};
+  ${t.flexCenter}
+`,c=[{key:"medium",type:"item",label:"默认字号",icon:e(d,{children:e(h,{})})},{key:"large",type:"item",label:"大字号",icon:e(d,{children:e(m,{})})}],f=()=>{const[l,r]=n((e=>[e.fontSize,e.setFontSize]));return e(i,{selectable:!0,items:c,selectedKeys:[l],onChange:([e])=>r(e),children:e("div",{css:a,children:e(d,{size:"large",children:e(s,{})})})})};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-layout/components/fullscreen.d.ts

@@ -0,0 +1,3 @@
+import { type FC } from "react";
+declare const VefFullscreen: FC;
+export default VefFullscreen;

package/dist/vef-layout/components/fullscreen.js

@@ -0,0 +1,6 @@
+/*! 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 o,styles as t}from"@vef-framework/shared";import{MinimizeIcon as i,MaximizeIcon as n}from"lucide-react";import{useState as m,useCallback as c}from"react";import d from"../../vef-icon/index.js";import l from"../../vef-tooltip/index.js";const s=r`
+  padding: ${o.paddingXs};
+  ${t.flexCenter}
+`,f=()=>{const[r,o]=m(!1),t=c((()=>{r?(document.exitFullscreen(),o(!1)):(document.body.requestFullscreen(),o(!0))}),[r]);return e(l,{content:r?"退出全屏":"全屏",delay:.5,children:e("div",{css:s,onClick:t,children:e(d,{size:"large",children:e(r?i:n,{})})})})};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-layout/components/header-action-icons.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from "react";
+declare const VefHeaderActionIcons: FC;
+export default VefHeaderActionIcons;