@vef-framework/components 1.0.63 → 1.0.64

package/es/vef-form/store.js

@@ -1,3 +1,66 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{createComponentStore as e,isDeepEqual as s}from"@vef-framework/shared";const{StoreProvider:t,useStore:n,useStoreApi:o}=e("Form",(e=>(t,n)=>({...e,invokeValueChangeHandlers(e,s){const{scene:t,valueChangeHandlers:o,initialValues:a,setValues:l}=n(),i=e??a,u=s?new Set(s):null;for(const[e,s]of Object.entries(o))u&&!u.has(e)||s(i[e]??null,{values:i,scene:t,setValues:l})},getValues(){const{form:e,initialValues:s}=n();return e.isFieldsTouched(!0)?s:e.getFieldsValue()},setValues(e){const{form:t,eventBus:o,invokeValueChangeHandlers:a}=n(),l=t.getFieldsValue(),i=Object.keys(e).filter((t=>!s(e[t],l[t])));t.setFieldsValue(e);const u=t.getFieldsValue();o.emitChange(u),a(u,i)},isLoading:!1,setIsLoading(e){t({isLoading:e})},showActionButtons:!0,setShowActionButtons(e){t({showActionButtons:e})}})));export{t as FormStoreProvider,n as useFormStore,o as useFormStoreApi};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { createComponentStore, isDeepEqual } from '@vef-framework/shared';
+
+const {
+  StoreProvider: FormStoreProvider,
+  useStore: useFormStore,
+  useStoreApi: useFormStoreApi
+} = createComponentStore(
+  "Form",
+  (initialState) => (set, get) => ({
+    ...initialState,
+    invokeValueChangeHandlers(values, keys) {
+      const {
+        scene,
+        valueChangeHandlers,
+        initialValues,
+        setValues
+      } = get();
+      const valuesToUse = values ?? initialValues;
+      const keySet = keys ? new Set(keys) : null;
+      for (const [name, handler] of Object.entries(valueChangeHandlers)) {
+        if (!keySet || keySet.has(name)) {
+          handler(
+            valuesToUse[name] ?? null,
+            {
+              values: valuesToUse,
+              scene,
+              setValues
+            }
+          );
+        }
+      }
+    },
+    getValues() {
+      const { form, initialValues } = get();
+      if (!form.isFieldsTouched(true)) {
+        return form.getFieldsValue();
+      }
+      return initialValues;
+    },
+    setValues(values) {
+      const {
+        form,
+        eventBus,
+        invokeValueChangeHandlers
+      } = get();
+      const previousValues = form.getFieldsValue();
+      const changedKeys = Object.keys(values).filter((key) => !isDeepEqual(values[key], previousValues[key]));
+      form.setFieldsValue(values);
+      const currentValues = form.getFieldsValue();
+      eventBus.emitChange(currentValues);
+      invokeValueChangeHandlers(currentValues, changedKeys);
+    },
+    isLoading: false,
+    setIsLoading(isLoading) {
+      set({ isLoading });
+    },
+    showActionButtons: true,
+    setShowActionButtons(showActionButtons) {
+      set({ showActionButtons });
+    }
+  })
+);
+
+export { FormStoreProvider, useFormStore, 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/es/vef-form/validation-rules.js

@@ -1,3 +1,287 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{isDeepEqual 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 version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { isDeepEqual, VefError, validator, getNowDateString } from '@vef-framework/shared';
+
+function isRequired(message) {
+  const isRequiredRule = () => [
+    {
+      required: true,
+      message
+    }
+  ];
+  return isRequiredRule;
+}
+function isEqualsTo(target, message) {
+  const isEqualsToRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (isDeepEqual(value, target)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new VefError(-2, message ?? `${label ? `${label}\u7684\u503C` : "\u503C"}\u5FC5\u987B\u662F${target}`));
+      }
+    }
+  ];
+  return isEqualsToRule;
+}
+function isNotEqualsTo(target, message) {
+  const isNotEqualsToRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (!isDeepEqual(value, target)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new VefError(-2, message ?? `${label ? `${label}\u7684\u503C` : "\u503C"}\u4E0D\u80FD\u662F${target}`));
+      }
+    }
+  ];
+  return isNotEqualsToRule;
+}
+function isIn(allowed, message) {
+  const isInRule = () => [
+    {
+      type: "enum",
+      enum: allowed,
+      message
+    }
+  ];
+  return isInRule;
+}
+function isMeetsMinSize(min, message) {
+  const isMeetsMinSizeRule = () => [
+    {
+      min,
+      message
+    }
+  ];
+  return isMeetsMinSizeRule;
+}
+function isMeetsMaxSize(max, message) {
+  const isMeetsMaxSizeRule = () => [
+    {
+      max,
+      message
+    }
+  ];
+  return isMeetsMaxSizeRule;
+}
+function isMeetsRangeSize(min, max, message) {
+  const isMeetsRangeSizeRule = () => [
+    {
+      min,
+      max,
+      message
+    }
+  ];
+  return isMeetsRangeSizeRule;
+}
+function isAlpha(message) {
+  const isAlphaRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (validator.isAlpha(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5B57\u6BCD`));
+      }
+    }
+  ];
+  return isAlphaRule;
+}
+function isAlphanumeric(message) {
+  const isAlphanumericRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (validator.isAlphanumeric(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5B57\u6BCD\u6216\u6570\u5B57`));
+      }
+    }
+  ];
+  return isAlphanumericRule;
+}
+function isAscii(message) {
+  const isAsciiRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (validator.isAscii(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662FASCII\u5B57\u7B26`));
+      }
+    }
+  ];
+  return isAsciiRule;
+}
+function isNumeric(message) {
+  const isNumericRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (validator.isNumeric(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u6570\u5B57`));
+      }
+    }
+  ];
+  return isNumericRule;
+}
+function isEmail(message) {
+  const isEmailRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (validator.isEmail(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684\u90AE\u7BB1`));
+      }
+    }
+  ];
+  return isEmailRule;
+}
+function isHexColor(message) {
+  const isHexColorRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (validator.isHexColor(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5341\u516D\u8FDB\u5236\u989C\u8272`));
+      }
+    }
+  ];
+  return isHexColorRule;
+}
+function isIdentityCard(message) {
+  const isIdentityCardRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (validator.isIdentityCard(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684\u8EAB\u4EFD\u8BC1`));
+      }
+    }
+  ];
+  return isIdentityCardRule;
+}
+function isIp(message) {
+  const isIpRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (validator.isIp(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684IP\u5730\u5740`));
+      }
+    }
+  ];
+  return isIpRule;
+}
+function isPort(message) {
+  const isPortRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (validator.isPort(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684\u7AEF\u53E3`));
+      }
+    }
+  ];
+  return isPortRule;
+}
+function isJson(message) {
+  const isJsonRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (validator.isJson(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684JSON`));
+      }
+    }
+  ];
+  return isJsonRule;
+}
+function isUrl(message) {
+  const isUrlRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (validator.isUrl(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684URL`));
+      }
+    }
+  ];
+  return isUrlRule;
+}
+function isUri(message) {
+  const isUriRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (validator.isUri(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684URI`));
+      }
+    }
+  ];
+  return isUriRule;
+}
+function isPostalCode(message) {
+  const isPostalCodeRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (validator.isPostalCode(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684\u90AE\u653F\u7F16\u7801`));
+      }
+    }
+  ];
+  return isPostalCodeRule;
+}
+function isDateBefore(targetDate, message) {
+  const isDateBeforeRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (validator.isBefore(value, targetDate ?? getNowDateString())) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u5728${targetDate}\u4E4B\u524D`));
+      }
+    }
+  ];
+  return isDateBeforeRule;
+}
+function isDateAfter(targetDate, message) {
+  const isDateAfterRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (validator.isAfter(value, targetDate ?? getNowDateString())) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u5728${targetDate}\u4E4B\u540E`));
+      }
+    }
+  ];
+  return isDateAfterRule;
+}
+function isChineseName(message) {
+  const isChineseNameRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (validator.isChineseName(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u4E2D\u6587\u540D\u79F0`));
+      }
+    }
+  ];
+  return isChineseNameRule;
+}
+
+export { isAlpha, isAlphanumeric, isAscii, isChineseName, isDateAfter, isDateBefore, isEmail, isEqualsTo, isHexColor, isIdentityCard, isIn, isIp, isJson, isMeetsMaxSize, isMeetsMinSize, isMeetsRangeSize, isNotEqualsTo, isNumeric, isPort, isPostalCode, isRequired, isUri, 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/es/vef-form-drawer/index.js

@@ -1,3 +1,99 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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 version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+import { useContextDisabled, DisabledContextProvider } from '@vef-framework/hooks';
+import { isFunction } from '@vef-framework/shared';
+import { useRef, useCallback, memo } from 'react';
+import VefButton from '../vef-button/index.js';
+import VefDrawer from '../vef-drawer/index.js';
+import VefForm from '../vef-form/index.js';
+import VefDrawerActionButtonWrapper from '../vef-drawer/components/action-button-wrapper.js';
+
+function VefFormDrawerBase({
+  title,
+  open,
+  closable,
+  closeOnMaskClick,
+  closeOnEscPress,
+  destroyOnClose = true,
+  cancelOnClose,
+  placement,
+  expansionSize = "medium",
+  loading,
+  extra,
+  cancelButtonText,
+  actions,
+  onClose,
+  onCancel,
+  onAfterClose,
+  onAfterOpen,
+  submissionButtonText,
+  disabled = false,
+  ...formProps
+}) {
+  const formInstanceRef = useRef(null);
+  const handleSubmit = useCallback(async () => {
+    await formInstanceRef.current?.submit();
+  }, []);
+  const contextDisabled = useContextDisabled();
+  const formDisabled = contextDisabled || disabled;
+  const handleReset = useCallback(() => {
+    formInstanceRef.current?.reset();
+  }, []);
+  const actionNode = useCallback(([cancelButton, submitButton]) => {
+    const resetButton = /* @__PURE__ */ jsx(VefDrawerActionButtonWrapper, { children: /* @__PURE__ */ jsx(
+      VefButton,
+      {
+        color: "default",
+        disabled: formDisabled,
+        variant: "filled",
+        onClick: handleReset,
+        children: "\u91CD\u7F6E"
+      }
+    ) }, "resetActionButton");
+    if (isFunction(actions)) {
+      return actions([cancelButton, resetButton, submitButton]);
+    }
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      cancelButton,
+      resetButton,
+      submitButton
+    ] });
+  }, [actions, formDisabled, handleReset]);
+  return /* @__PURE__ */ jsx(DisabledContextProvider, { value: formDisabled, children: /* @__PURE__ */ jsx(
+    VefDrawer,
+    {
+      actions: actionNode,
+      cancelOnClose,
+      closable,
+      closeOnEscPress,
+      closeOnMaskClick,
+      destroyOnClose,
+      expansionSize,
+      extra,
+      loading,
+      okButtonText: submissionButtonText,
+      open,
+      placement,
+      title,
+      onAfterClose,
+      onAfterOpen,
+      onCancel,
+      onClose,
+      onOk: handleSubmit,
+      children: /* @__PURE__ */ jsx(
+        VefForm,
+        {
+          ref: formInstanceRef,
+          resetButton: false,
+          submissionButton: false,
+          ...formProps
+        }
+      )
+    }
+  ) });
+}
+const VefFormDrawer = memo(VefFormDrawerBase);
+VefFormDrawer.displayName = "VefFormDrawer";
+
+export { VefFormDrawer as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-form-modal/index.js

@@ -1,3 +1,96 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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 version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+import { useContextDisabled, DisabledContextProvider } from '@vef-framework/hooks';
+import { isFunction } from '@vef-framework/shared';
+import { useRef, useCallback, memo } from 'react';
+import VefButton from '../vef-button/index.js';
+import VefForm from '../vef-form/index.js';
+import VefModal from '../vef-modal/index.js';
+import VefModalActionButtonWrapper from '../vef-modal/components/action-button-wrapper.js';
+
+function VefFormModalBase({
+  submissionButtonText = "\u63D0\u4EA4",
+  actions,
+  title,
+  open,
+  closable,
+  closeOnMaskClick,
+  closeOnEscPress,
+  destroyOnClose = true,
+  cancelOnClose,
+  width = "medium",
+  loading,
+  cancelButtonText,
+  onClose,
+  onCancel,
+  onAfterOpen,
+  onAfterClose,
+  disabled = false,
+  ...formProps
+}) {
+  const formInstanceRef = useRef(null);
+  const handleSubmit = useCallback(async () => {
+    await formInstanceRef.current?.submit();
+  }, []);
+  const contextDisabled = useContextDisabled();
+  const formDisabled = contextDisabled || disabled;
+  const handleReset = useCallback(() => {
+    formInstanceRef.current?.reset();
+  }, []);
+  const actionNode = useCallback(([cancelButton, submitButton]) => {
+    const resetButton = /* @__PURE__ */ jsx(VefModalActionButtonWrapper, { children: /* @__PURE__ */ jsx(
+      VefButton,
+      {
+        color: "default",
+        variant: "filled",
+        onClick: handleReset,
+        children: "\u91CD\u7F6E"
+      }
+    ) }, "resetActionButton");
+    if (isFunction(actions)) {
+      return actions([cancelButton, resetButton, submitButton]);
+    }
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      cancelButton,
+      resetButton,
+      submitButton
+    ] });
+  }, [actions, handleReset]);
+  return /* @__PURE__ */ jsx(DisabledContextProvider, { value: formDisabled, children: /* @__PURE__ */ jsx(
+    VefModal,
+    {
+      actions: actionNode,
+      cancelButtonText,
+      cancelOnClose,
+      closable,
+      closeOnEscPress,
+      closeOnMaskClick,
+      destroyOnClose,
+      loading,
+      okButtonText: submissionButtonText,
+      open,
+      title,
+      width,
+      onAfterClose,
+      onAfterOpen,
+      onCancel,
+      onClose,
+      onOk: handleSubmit,
+      children: /* @__PURE__ */ jsx(
+        VefForm,
+        {
+          ref: formInstanceRef,
+          disabled: formDisabled,
+          resetButton: false,
+          submissionButton: false,
+          ...formProps
+        }
+      )
+    }
+  ) });
+}
+const VefFormModal = memo(VefFormModalBase);
+VefFormModal.displayName = "VefFormModal";
+
+export { VefFormModal as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-generic-select/index.js

@@ -1,3 +1,82 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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 version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { SearchOutlined } from '@ant-design/icons';
+import { isFunction, styles } from '@vef-framework/shared';
+import { Select } from 'antd';
+import { LeafIcon } from 'lucide-react';
+import { useState, useDeferredValue, useCallback, useMemo, cloneElement } from 'react';
+import '../internal/index.js';
+import VefIcon from '../vef-icon/index.js';
+import { convertBasicSizeToUiSize } from '../internal/utils.js';
+
+const dropdownStyle = {
+  "--vef-select-option-padding": 0
+};
+function VefGenericSelect({
+  value,
+  size,
+  renderLabel,
+  placeholder,
+  disabled,
+  clearable,
+  loading,
+  variant,
+  children,
+  onClear
+}) {
+  const [opened, setOpened] = useState(false);
+  const [focused, setFocused] = useState(false);
+  const [keyword, setKeyword] = useState();
+  const deferredKeyword = useDeferredValue(keyword);
+  const handleBlur = useCallback(() => {
+    setFocused(false);
+  }, []);
+  const handleFocus = useCallback(() => {
+    setFocused(true);
+  }, []);
+  const handleConfirm = useCallback(() => {
+    setOpened(false);
+  }, []);
+  const renderLabelToUse = useMemo(() => {
+    if (isFunction(renderLabel)) {
+      return ({ value: value2 }) => renderLabel?.(value2);
+    }
+  }, [renderLabel]);
+  const suffixIcon = focused && opened ? /* @__PURE__ */ jsx(SearchOutlined, {}) : /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(LeafIcon, {}) });
+  const childrenToUse = cloneElement(
+    children,
+    {
+      keyword: deferredKeyword,
+      onConfirm: handleConfirm
+    }
+  );
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      showSearch: true,
+      allowClear: clearable,
+      css: styles.fullWidth,
+      disabled,
+      dropdownStyle,
+      labelRender: renderLabelToUse,
+      loading,
+      notFoundContent: childrenToUse,
+      open: opened,
+      placeholder,
+      popupMatchSelectWidth: false,
+      searchValue: keyword,
+      size: convertBasicSizeToUiSize(size),
+      suffixIcon,
+      value,
+      variant,
+      onBlur: handleBlur,
+      onClear,
+      onDropdownVisibleChange: setOpened,
+      onFocus: handleFocus,
+      onSearch: setKeyword
+    }
+  );
+}
+
+export { VefGenericSelect 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 */