@vef-framework/components 1.0.98 → 1.0.99

package/lib/vef-form/validation-rules.cjs

@@ -1,3 +1,313 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared");exports.isAlpha=function isAlpha(r){return({label:i})=>[{validator:(o,s)=>e.validator.isAlpha(s)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${i??"值"}必须是字母`))}]},exports.isAlphanumeric=function isAlphanumeric(r){return({label:i})=>[{validator:(o,s)=>e.validator.isAlphanumeric(s)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${i??"值"}必须是字母或数字`))}]},exports.isAscii=function isAscii(r){return({label:i})=>[{validator:(o,s)=>e.validator.isAscii(s)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${i??"值"}必须是ASCII字符`))}]},exports.isChineseName=function isChineseName(r){return({label:i})=>[{validator:(o,s)=>e.validator.isChineseName(s)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${i??"值"}必须是中文名称`))}]},exports.isDateAfter=function isDateAfter(r,i){return({label:o})=>[{validator:(s,t)=>e.validator.isAfter(t,r??e.getNowDateString())?Promise.resolve():Promise.reject(new e.VefError(-2,i??`${o??"值"}必须在${r}之后`))}]},exports.isDateBefore=function isDateBefore(r,i){return({label:o})=>[{validator:(s,t)=>e.validator.isBefore(t,r??e.getNowDateString())?Promise.resolve():Promise.reject(new e.VefError(-2,i??`${o??"值"}必须在${r}之前`))}]},exports.isEmail=function isEmail(r){return({label:i})=>[{validator:(o,s)=>e.validator.isEmail(s)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${i??"值"}必须是合法的邮箱`))}]},exports.isEqualsTo=function isEqualsTo(r,i){return({label:o})=>[{validator:(s,t)=>e.isDeepEqual(t,r)?Promise.resolve():Promise.reject(new e.VefError(-2,i??`${o?`${o}的值`:"值"}必须是${r}`))}]},exports.isHexColor=function isHexColor(r){return({label:i})=>[{validator:(o,s)=>e.validator.isHexColor(s)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${i??"值"}必须是十六进制颜色`))}]},exports.isIdentityCard=function isIdentityCard(r){return({label:i})=>[{validator:(o,s)=>e.validator.isIdentityCard(s)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${i??"值"}必须是合法的身份证`))}]},exports.isIn=function isIn(e,r){return()=>[{type:"enum",enum:e,message:r}]},exports.isIp=function isIp(r){return({label:i})=>[{validator:(o,s)=>e.validator.isIp(s)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${i??"值"}必须是合法的IP地址`))}]},exports.isJson=function isJson(r){return({label:i})=>[{validator:(o,s)=>e.validator.isJson(s)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${i??"值"}必须是合法的JSON`))}]},exports.isMeetsMaxSize=function isMeetsMaxSize(e,r){return()=>[{max:e,message:r}]},exports.isMeetsMinSize=function isMeetsMinSize(e,r){return()=>[{min:e,message:r}]},exports.isMeetsRangeSize=function isMeetsRangeSize(e,r,i){return()=>[{min:e,max:r,message:i}]},exports.isNotEqualsTo=function isNotEqualsTo(r,i){return({label:o})=>[{validator:(s,t)=>e.isDeepEqual(t,r)?Promise.reject(new e.VefError(-2,i??`${o?`${o}的值`:"值"}不能是${r}`)):Promise.resolve()}]},exports.isNumeric=function isNumeric(r){return({label:i})=>[{validator:(o,s)=>e.validator.isNumeric(s)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${i??"值"}必须是数字`))}]},exports.isPort=function isPort(r){return({label:i})=>[{validator:(o,s)=>e.validator.isPort(s)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${i??"值"}必须是合法的端口`))}]},exports.isPostalCode=function isPostalCode(r){return({label:i})=>[{validator:(o,s)=>e.validator.isPostalCode(s)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${i??"值"}必须是合法的邮政编码`))}]},exports.isRequired=function isRequired(e){return()=>[{required:!0,message:e}]},exports.isUri=function isUri(r){return({label:i})=>[{validator:(o,s)=>e.validator.isUri(s)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${i??"值"}必须是合法的URI`))}]},exports.isUrl=function isUrl(r){return({label:i})=>[{validator:(o,s)=>e.validator.isUrl(s)?Promise.resolve():Promise.reject(new e.VefError(-2,r??`${i??"值"}必须是合法的URL`))}]};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+
+function isRequired(message) {
+  const isRequiredRule = () => [
+    {
+      required: true,
+      message
+    }
+  ];
+  return isRequiredRule;
+}
+function isEqualsTo(target, message) {
+  const isEqualsToRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (shared.isDeepEqual(value, target)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new shared.VefError(-2, message ?? `${label ? `${label}\u7684\u503C` : "\u503C"}\u5FC5\u987B\u662F${target}`));
+      }
+    }
+  ];
+  return isEqualsToRule;
+}
+function isNotEqualsTo(target, message) {
+  const isNotEqualsToRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (!shared.isDeepEqual(value, target)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new shared.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 (shared.validator.isAlpha(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new shared.VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5B57\u6BCD`));
+      }
+    }
+  ];
+  return isAlphaRule;
+}
+function isAlphanumeric(message) {
+  const isAlphanumericRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (shared.validator.isAlphanumeric(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new shared.VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5B57\u6BCD\u6216\u6570\u5B57`));
+      }
+    }
+  ];
+  return isAlphanumericRule;
+}
+function isAscii(message) {
+  const isAsciiRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (shared.validator.isAscii(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new shared.VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662FASCII\u5B57\u7B26`));
+      }
+    }
+  ];
+  return isAsciiRule;
+}
+function isNumeric(message) {
+  const isNumericRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (shared.validator.isNumeric(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new shared.VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u6570\u5B57`));
+      }
+    }
+  ];
+  return isNumericRule;
+}
+function isEmail(message) {
+  const isEmailRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (shared.validator.isEmail(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new shared.VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684\u90AE\u7BB1`));
+      }
+    }
+  ];
+  return isEmailRule;
+}
+function isHexColor(message) {
+  const isHexColorRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (shared.validator.isHexColor(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new shared.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 (shared.validator.isIdentityCard(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new shared.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 (shared.validator.isIp(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new shared.VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684IP\u5730\u5740`));
+      }
+    }
+  ];
+  return isIpRule;
+}
+function isPort(message) {
+  const isPortRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (shared.validator.isPort(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new shared.VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684\u7AEF\u53E3`));
+      }
+    }
+  ];
+  return isPortRule;
+}
+function isJson(message) {
+  const isJsonRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (shared.validator.isJson(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new shared.VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684JSON`));
+      }
+    }
+  ];
+  return isJsonRule;
+}
+function isUrl(message) {
+  const isUrlRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (shared.validator.isUrl(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new shared.VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684URL`));
+      }
+    }
+  ];
+  return isUrlRule;
+}
+function isUri(message) {
+  const isUriRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (shared.validator.isUri(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new shared.VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u5408\u6CD5\u7684URI`));
+      }
+    }
+  ];
+  return isUriRule;
+}
+function isPostalCode(message) {
+  const isPostalCodeRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (shared.validator.isPostalCode(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new shared.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 (shared.validator.isBefore(value, targetDate ?? shared.getNowDateString())) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new shared.VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u5728${targetDate}\u4E4B\u524D`));
+      }
+    }
+  ];
+  return isDateBeforeRule;
+}
+function isDateAfter(targetDate, message) {
+  const isDateAfterRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (shared.validator.isAfter(value, targetDate ?? shared.getNowDateString())) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new shared.VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u5728${targetDate}\u4E4B\u540E`));
+      }
+    }
+  ];
+  return isDateAfterRule;
+}
+function isChineseName(message) {
+  const isChineseNameRule = ({ label }) => [
+    {
+      validator(_, value) {
+        if (shared.validator.isChineseName(value)) {
+          return Promise.resolve();
+        }
+        return Promise.reject(new shared.VefError(-2, message ?? `${label ?? "\u503C"}\u5FC5\u987B\u662F\u4E2D\u6587\u540D\u79F0`));
+      }
+    }
+  ];
+  return isChineseNameRule;
+}
+
+exports.isAlpha = isAlpha;
+exports.isAlphanumeric = isAlphanumeric;
+exports.isAscii = isAscii;
+exports.isChineseName = isChineseName;
+exports.isDateAfter = isDateAfter;
+exports.isDateBefore = isDateBefore;
+exports.isEmail = isEmail;
+exports.isEqualsTo = isEqualsTo;
+exports.isHexColor = isHexColor;
+exports.isIdentityCard = isIdentityCard;
+exports.isIn = isIn;
+exports.isIp = isIp;
+exports.isJson = isJson;
+exports.isMeetsMaxSize = isMeetsMaxSize;
+exports.isMeetsMinSize = isMeetsMinSize;
+exports.isMeetsRangeSize = isMeetsRangeSize;
+exports.isNotEqualsTo = isNotEqualsTo;
+exports.isNumeric = isNumeric;
+exports.isPort = isPort;
+exports.isPostalCode = isPostalCode;
+exports.isRequired = isRequired;
+exports.isUri = isUri;
+exports.isUrl = 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/lib/vef-form-drawer/index.cjs

@@ -1,3 +1,103 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),n=require("@vef-framework/hooks"),o=require("@vef-framework/shared"),t=require("react"),s=require("../vef-button/index.cjs"),r=require("../vef-drawer/index.cjs"),l=require("../vef-form/index.cjs"),a=require("../vef-drawer/components/action-button-wrapper.cjs");const i=t.memo((function VefFormDrawerBase({title:i,open:c,closable:u,closeOnMaskClick:d,closeOnEscPress:f,destroyOnClose:x=!0,cancelOnClose:m,placement:C,expansionSize:b="medium",loading:p,extra:k,cancelButtonText:j,actions:O,onClose:v,onCancel:q,onAfterClose:w,onAfterOpen:h,submissionButtonText:B,disabled:g=!1,...y}){const A=t.useRef(null),D=t.useCallback((async()=>{await(A.current?.submit())}),[]),F=n.useContextDisabled()||g,M=t.useCallback((()=>{A.current?.reset()}),[]),P=t.useCallback((([n,t])=>{const r=e.jsx(a.default,{children:e.jsx(s.default,{color:"default",disabled:F,variant:"filled",onClick:M,children:"重置"})},"resetActionButton");return o.isFunction(O)?O([n,r,t]):e.jsxs(e.Fragment,{children:[n,r,t]})}),[O,F,M]);return e.jsx(n.DisabledContextProvider,{value:F,children:e.jsx(r.default,{actions:P,cancelOnClose:m,closable:u,closeOnEscPress:f,closeOnMaskClick:d,destroyOnClose:x,expansionSize:b,extra:k,loading:p,okButtonText:B,open:c,placement:C,title:i,onAfterClose:w,onAfterOpen:h,onCancel:q,onClose:v,onOk:D,children:e.jsx(l.default,{ref:A,resetButton:!1,submissionButton:!1,...y})})})}));i.displayName="VefFormDrawer",exports.default=i;
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const react = require('react');
+const index = require('../vef-button/index.cjs');
+const index$1 = require('../vef-drawer/index.cjs');
+const index$2 = require('../vef-form/index.cjs');
+const actionButtonWrapper = require('../vef-drawer/components/action-button-wrapper.cjs');
+
+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 = react.useRef(null);
+  const handleSubmit = react.useCallback(async () => {
+    await formInstanceRef.current?.submit();
+  }, []);
+  const contextDisabled = hooks.useContextDisabled();
+  const formDisabled = contextDisabled || disabled;
+  const handleReset = react.useCallback(() => {
+    formInstanceRef.current?.reset();
+  }, []);
+  const actionNode = react.useCallback(([cancelButton, submitButton]) => {
+    const resetButton = /* @__PURE__ */ jsxRuntime.jsx(actionButtonWrapper.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      index.default,
+      {
+        color: "default",
+        disabled: formDisabled,
+        variant: "filled",
+        onClick: handleReset,
+        children: "\u91CD\u7F6E"
+      }
+    ) }, "resetActionButton");
+    if (shared.isFunction(actions)) {
+      return actions([cancelButton, resetButton, submitButton]);
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      cancelButton,
+      resetButton,
+      submitButton
+    ] });
+  }, [actions, formDisabled, handleReset]);
+  return /* @__PURE__ */ jsxRuntime.jsx(hooks.DisabledContextProvider, { value: formDisabled, children: /* @__PURE__ */ jsxRuntime.jsx(
+    index$1.default,
+    {
+      actions: actionNode,
+      cancelOnClose,
+      closable,
+      closeOnEscPress,
+      closeOnMaskClick,
+      destroyOnClose,
+      expansionSize,
+      extra,
+      loading,
+      okButtonText: submissionButtonText,
+      open,
+      placement,
+      title,
+      onAfterClose,
+      onAfterOpen,
+      onCancel,
+      onClose,
+      onOk: handleSubmit,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        index$2.default,
+        {
+          ref: formInstanceRef,
+          resetButton: false,
+          submissionButton: false,
+          ...formProps
+        }
+      )
+    }
+  ) });
+}
+const VefFormDrawer = react.memo(VefFormDrawerBase);
+VefFormDrawer.displayName = "VefFormDrawer";
+
+exports.default = VefFormDrawer;
 /*! 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/lib/vef-form-drawer/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+
 /*! 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/lib/vef-form-modal/index.cjs

@@ -1,3 +1,100 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),o=require("@vef-framework/hooks"),t=require("@vef-framework/shared"),n=require("react"),s=require("../vef-button/index.cjs"),l=require("../vef-form/index.cjs"),r=require("../vef-modal/index.cjs"),a=require("../vef-modal/components/action-button-wrapper.cjs");const i=n.memo((function VefFormModalBase({submissionButtonText:i="提交",actions:c,title:u,open:d,closable:f,closeOnMaskClick:m,closeOnEscPress:x,destroyOnClose:C=!0,cancelOnClose:b,width:k="medium",loading:j,cancelButtonText:O,onClose:p,onCancel:v,onAfterOpen:h,onAfterClose:q,disabled:B=!1,...w}){const M=n.useRef(null),g=n.useCallback((async()=>{await(M.current?.submit())}),[]),y=o.useContextDisabled()||B,A=n.useCallback((()=>{M.current?.reset()}),[]),T=n.useCallback((([o,n])=>{const l=e.jsx(a.default,{children:e.jsx(s.default,{color:"default",variant:"filled",onClick:A,children:"重置"})},"resetActionButton");return t.isFunction(c)?c([o,l,n]):e.jsxs(e.Fragment,{children:[o,l,n]})}),[c,A]);return e.jsx(o.DisabledContextProvider,{value:y,children:e.jsx(r.default,{actions:T,cancelButtonText:O,cancelOnClose:b,closable:f,closeOnEscPress:x,closeOnMaskClick:m,destroyOnClose:C,loading:j,okButtonText:i,open:d,title:u,width:k,onAfterClose:q,onAfterOpen:h,onCancel:v,onClose:p,onOk:g,children:e.jsx(l.default,{ref:M,disabled:y,resetButton:!1,submissionButton:!1,...w})})})}));i.displayName="VefFormModal",exports.default=i;
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const react = require('react');
+const index = require('../vef-button/index.cjs');
+const index$2 = require('../vef-form/index.cjs');
+const index$1 = require('../vef-modal/index.cjs');
+const actionButtonWrapper = require('../vef-modal/components/action-button-wrapper.cjs');
+
+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 = react.useRef(null);
+  const handleSubmit = react.useCallback(async () => {
+    await formInstanceRef.current?.submit();
+  }, []);
+  const contextDisabled = hooks.useContextDisabled();
+  const formDisabled = contextDisabled || disabled;
+  const handleReset = react.useCallback(() => {
+    formInstanceRef.current?.reset();
+  }, []);
+  const actionNode = react.useCallback(([cancelButton, submitButton]) => {
+    const resetButton = /* @__PURE__ */ jsxRuntime.jsx(actionButtonWrapper.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      index.default,
+      {
+        color: "default",
+        variant: "filled",
+        onClick: handleReset,
+        children: "\u91CD\u7F6E"
+      }
+    ) }, "resetActionButton");
+    if (shared.isFunction(actions)) {
+      return actions([cancelButton, resetButton, submitButton]);
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      cancelButton,
+      resetButton,
+      submitButton
+    ] });
+  }, [actions, handleReset]);
+  return /* @__PURE__ */ jsxRuntime.jsx(hooks.DisabledContextProvider, { value: formDisabled, children: /* @__PURE__ */ jsxRuntime.jsx(
+    index$1.default,
+    {
+      actions: actionNode,
+      cancelButtonText,
+      cancelOnClose,
+      closable,
+      closeOnEscPress,
+      closeOnMaskClick,
+      destroyOnClose,
+      loading,
+      okButtonText: submissionButtonText,
+      open,
+      title,
+      width,
+      onAfterClose,
+      onAfterOpen,
+      onCancel,
+      onClose,
+      onOk: handleSubmit,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        index$2.default,
+        {
+          ref: formInstanceRef,
+          disabled: formDisabled,
+          resetButton: false,
+          submissionButton: false,
+          ...formProps
+        }
+      )
+    }
+  ) });
+}
+const VefFormModal = react.memo(VefFormModalBase);
+VefFormModal.displayName = "VefFormModal";
+
+exports.default = VefFormModal;
 /*! 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/lib/vef-form-modal/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+
 /*! 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/lib/vef-generic-select/index.cjs

@@ -1,3 +1,86 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@ant-design/icons"),n=require("@vef-framework/shared"),a=require("antd"),l=require("lucide-react"),i=require("react");require("../internal/index.cjs");const t=require("../vef-icon/index.cjs"),o=require("../internal/utils.cjs"),s={"--vef-select-option-padding":0};exports.default=function VefGenericSelect({value:u,size:c,renderLabel:d,placeholder:f,disabled:h,clearable:S,loading:p,variant:b,children:v,onClear:x}){const[j,q]=i.useState(!1),[C,g]=i.useState(!1),[m,w]=i.useState(),k=i.useDeferredValue(m),y=i.useCallback((()=>{g(!1)}),[]),z=i.useCallback((()=>{g(!0)}),[]),M=i.useCallback((()=>{q(!1)}),[]),V=i.useMemo((()=>{if(n.isFunction(d))return({value:e})=>d?.(e)}),[d]),F=C&&j?e.jsx(r.SearchOutlined,{}):e.jsx(t.default,{children:e.jsx(l.LeafIcon,{})}),B=i.cloneElement(v,{keyword:k,onConfirm:M});return e.jsx(a.Select,{showSearch:!0,allowClear:S,css:n.styles.fullWidth,disabled:h,dropdownStyle:s,labelRender:V,loading:p,notFoundContent:B,open:j,placeholder:f,popupMatchSelectWidth:!1,searchValue:m,size:o.convertBasicSizeToUiSize(c),suffixIcon:F,value:u,variant:b,onBlur:y,onClear:x,onDropdownVisibleChange:q,onFocus:z,onSearch:w})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const Icon = require('@ant-design/icons');
+const shared = require('@vef-framework/shared');
+const antd = require('antd');
+const lucideReact = require('lucide-react');
+const react = require('react');
+require('../internal/index.cjs');
+const index = require('../vef-icon/index.cjs');
+const utils = require('../internal/utils.cjs');
+
+const dropdownStyle = {
+  "--vef-select-option-padding": 0
+};
+function VefGenericSelect({
+  value,
+  size,
+  renderLabel,
+  placeholder,
+  disabled,
+  clearable,
+  loading,
+  variant,
+  children,
+  onClear
+}) {
+  const [opened, setOpened] = react.useState(false);
+  const [focused, setFocused] = react.useState(false);
+  const [keyword, setKeyword] = react.useState();
+  const deferredKeyword = react.useDeferredValue(keyword);
+  const handleBlur = react.useCallback(() => {
+    setFocused(false);
+  }, []);
+  const handleFocus = react.useCallback(() => {
+    setFocused(true);
+  }, []);
+  const handleConfirm = react.useCallback(() => {
+    setOpened(false);
+  }, []);
+  const renderLabelToUse = react.useMemo(() => {
+    if (shared.isFunction(renderLabel)) {
+      return ({ value: value2 }) => renderLabel?.(value2);
+    }
+  }, [renderLabel]);
+  const suffixIcon = focused && opened ? /* @__PURE__ */ jsxRuntime.jsx(Icon.SearchOutlined, {}) : /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LeafIcon, {}) });
+  const childrenToUse = react.cloneElement(
+    children,
+    {
+      keyword: deferredKeyword,
+      onConfirm: handleConfirm
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Select,
+    {
+      showSearch: true,
+      allowClear: clearable,
+      css: shared.styles.fullWidth,
+      disabled,
+      dropdownStyle,
+      labelRender: renderLabelToUse,
+      loading,
+      notFoundContent: childrenToUse,
+      open: opened,
+      placeholder,
+      popupMatchSelectWidth: false,
+      searchValue: keyword,
+      size: utils.convertBasicSizeToUiSize(size),
+      suffixIcon,
+      value,
+      variant,
+      onBlur: handleBlur,
+      onClear,
+      onDropdownVisibleChange: setOpened,
+      onFocus: handleFocus,
+      onSearch: setKeyword
+    }
+  );
+}
+
+exports.default = VefGenericSelect;
 /*! 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/lib/vef-generic-select/props.cjs

@@ -1,3 +1,5 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+
 /*! 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 */