@vef-framework/components 1.0.101 → 1.0.102

package/es/vef-form/store.js

@@ -1,66 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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(),valuesToUse=values??initialValues,keySet=keys?new Set(keys):null;for(const[name,handler]of Object.entries(valueChangeHandlers))(!keySet||keySet.has(name))&&handler(valuesToUse[name]??null,{values:valuesToUse,scene,setValues})},getValues(){const{form,initialValues}=get();return form.isFieldsTouched(!0)?initialValues:form.getFieldsValue()},setValues(values){const{form,eventBus,invokeValueChangeHandlers}=get(),previousValues=form.getFieldsValue(),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:!1,setIsLoading(isLoading){set({isLoading})},showActionButtons:!0,setShowActionButtons(showActionButtons){set({showActionButtons})}}));/*! 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 */export{FormStoreProvider,useFormStore,useFormStoreApi};

package/es/vef-form/validation-rules.js

@@ -1,287 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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}的值` : "值"}必须是${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}的值` : "值"}不能是${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 ?? "值"}必须是字母`));
-      }
-    }
-  ];
-  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 ?? "值"}必须是字母或数字`));
-      }
-    }
-  ];
-  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 ?? "值"}必须是ASCII字符`));
-      }
-    }
-  ];
-  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 ?? "值"}必须是数字`));
-      }
-    }
-  ];
-  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 ?? "值"}必须是合法的邮箱`));
-      }
-    }
-  ];
-  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 ?? "值"}必须是十六进制颜色`));
-      }
-    }
-  ];
-  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 ?? "值"}必须是合法的身份证`));
-      }
-    }
-  ];
-  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 ?? "值"}必须是合法的IP地址`));
-      }
-    }
-  ];
-  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 ?? "值"}必须是合法的端口`));
-      }
-    }
-  ];
-  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 ?? "值"}必须是合法的JSON`));
-      }
-    }
-  ];
-  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 ?? "值"}必须是合法的URL`));
-      }
-    }
-  ];
-  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 ?? "值"}必须是合法的URI`));
-      }
-    }
-  ];
-  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 ?? "值"}必须是合法的邮政编码`));
-      }
-    }
-  ];
-  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 ?? "值"}必须在${targetDate}之前`));
-      }
-    }
-  ];
-  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 ?? "值"}必须在${targetDate}之后`));
-      }
-    }
-  ];
-  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 ?? "值"}必须是中文名称`));
-      }
-    }
-  ];
-  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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{isDeepEqual,VefError,validator,getNowDateString}from"@vef-framework/shared";function isRequired(message){return()=>[{required:!0,message}]}function isEqualsTo(target,message){return({label})=>[{validator(_,value){return isDeepEqual(value,target)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label?`${label}的值`:"值"}必须是${target}`))}}]}function isNotEqualsTo(target,message){return({label})=>[{validator(_,value){return isDeepEqual(value,target)?Promise.reject(new VefError(-2,message??`${label?`${label}的值`:"值"}不能是${target}`)):Promise.resolve()}}]}function isIn(allowed,message){return()=>[{type:"enum",enum:allowed,message}]}function isMeetsMinSize(min,message){return()=>[{min,message}]}function isMeetsMaxSize(max,message){return()=>[{max,message}]}function isMeetsRangeSize(min,max,message){return()=>[{min,max,message}]}function isAlpha(message){return({label})=>[{validator(_,value){return validator.isAlpha(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是字母`))}}]}function isAlphanumeric(message){return({label})=>[{validator(_,value){return validator.isAlphanumeric(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是字母或数字`))}}]}function isAscii(message){return({label})=>[{validator(_,value){return validator.isAscii(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是ASCII字符`))}}]}function isNumeric(message){return({label})=>[{validator(_,value){return validator.isNumeric(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是数字`))}}]}function isEmail(message){return({label})=>[{validator(_,value){return validator.isEmail(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是合法的邮箱`))}}]}function isHexColor(message){return({label})=>[{validator(_,value){return validator.isHexColor(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是十六进制颜色`))}}]}function isIdentityCard(message){return({label})=>[{validator(_,value){return validator.isIdentityCard(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是合法的身份证`))}}]}function isIp(message){return({label})=>[{validator(_,value){return validator.isIp(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是合法的IP地址`))}}]}function isPort(message){return({label})=>[{validator(_,value){return validator.isPort(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是合法的端口`))}}]}function isJson(message){return({label})=>[{validator(_,value){return validator.isJson(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是合法的JSON`))}}]}function isUrl(message){return({label})=>[{validator(_,value){return validator.isUrl(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是合法的URL`))}}]}function isUri(message){return({label})=>[{validator(_,value){return validator.isUri(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是合法的URI`))}}]}function isPostalCode(message){return({label})=>[{validator(_,value){return validator.isPostalCode(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是合法的邮政编码`))}}]}function isDateBefore(targetDate,message){return({label})=>[{validator(_,value){return validator.isBefore(value,targetDate??getNowDateString())?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须在${targetDate}之前`))}}]}function isDateAfter(targetDate,message){return({label})=>[{validator(_,value){return validator.isAfter(value,targetDate??getNowDateString())?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须在${targetDate}之后`))}}]}function isChineseName(message){return({label})=>[{validator(_,value){return validator.isChineseName(value)?Promise.resolve():Promise.reject(new VefError(-2,message??`${label??"值"}必须是中文名称`))}}]}/*! 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 */export{isAlpha,isAlphanumeric,isAscii,isChineseName,isDateAfter,isDateBefore,isEmail,isEqualsTo,isHexColor,isIdentityCard,isIn,isIp,isJson,isMeetsMaxSize,isMeetsMinSize,isMeetsRangeSize,isNotEqualsTo,isNumeric,isPort,isPostalCode,isRequired,isUri,isUrl};

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

@@ -1,99 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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: "重置"
-      }
-    ) }, "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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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=!0,cancelOnClose,placement,expansionSize="medium",loading,extra,cancelButtonText,actions,onClose,onCancel,onAfterClose,onAfterOpen,submissionButtonText,disabled=!1,...formProps}){const formInstanceRef=useRef(null),handleSubmit=useCallback(async()=>{await formInstanceRef.current?.submit()},[]),formDisabled=useContextDisabled()||disabled,handleReset=useCallback(()=>{formInstanceRef.current?.reset()},[]),actionNode=useCallback(([cancelButton,submitButton])=>{const resetButton=jsx(VefDrawerActionButtonWrapper,{children:jsx(VefButton,{color:"default",disabled:formDisabled,variant:"filled",onClick:handleReset,children:"重置"})},"resetActionButton");return isFunction(actions)?actions([cancelButton,resetButton,submitButton]):jsxs(Fragment,{children:[cancelButton,resetButton,submitButton]})},[actions,formDisabled,handleReset]);return jsx(DisabledContextProvider,{value:formDisabled,children:jsx(VefDrawer,{actions:actionNode,cancelOnClose,closable,closeOnEscPress,closeOnMaskClick,destroyOnClose,expansionSize,extra,loading,okButtonText:submissionButtonText,open,placement,title,onAfterClose,onAfterOpen,onCancel,onClose,onOk:handleSubmit,children:jsx(VefForm,{ref:formInstanceRef,resetButton:!1,submissionButton:!1,...formProps})})})}const VefFormDrawer=memo(VefFormDrawerBase);VefFormDrawer.displayName="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 */export{VefFormDrawer as default};

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

@@ -1,96 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 = "提交",
-  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: "重置"
-      }
-    ) }, "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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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="提交",actions,title,open,closable,closeOnMaskClick,closeOnEscPress,destroyOnClose=!0,cancelOnClose,width="medium",loading,cancelButtonText,onClose,onCancel,onAfterOpen,onAfterClose,disabled=!1,...formProps}){const formInstanceRef=useRef(null),handleSubmit=useCallback(async()=>{await formInstanceRef.current?.submit()},[]),formDisabled=useContextDisabled()||disabled,handleReset=useCallback(()=>{formInstanceRef.current?.reset()},[]),actionNode=useCallback(([cancelButton,submitButton])=>{const resetButton=jsx(VefModalActionButtonWrapper,{children:jsx(VefButton,{color:"default",variant:"filled",onClick:handleReset,children:"重置"})},"resetActionButton");return isFunction(actions)?actions([cancelButton,resetButton,submitButton]):jsxs(Fragment,{children:[cancelButton,resetButton,submitButton]})},[actions,handleReset]);return jsx(DisabledContextProvider,{value:formDisabled,children:jsx(VefModal,{actions:actionNode,cancelButtonText,cancelOnClose,closable,closeOnEscPress,closeOnMaskClick,destroyOnClose,loading,okButtonText:submissionButtonText,open,title,width,onAfterClose,onAfterOpen,onCancel,onClose,onOk:handleSubmit,children:jsx(VefForm,{ref:formInstanceRef,disabled:formDisabled,resetButton:!1,submissionButton:!1,...formProps})})})}const VefFormModal=memo(VefFormModalBase);VefFormModal.displayName="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 */export{VefFormModal as default};

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

@@ -1,82 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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(!1),[focused,setFocused]=useState(!1),[keyword,setKeyword]=useState(),deferredKeyword=useDeferredValue(keyword),handleBlur=useCallback(()=>{setFocused(!1)},[]),handleFocus=useCallback(()=>{setFocused(!0)},[]),handleConfirm=useCallback(()=>{setOpened(!1)},[]),renderLabelToUse=useMemo(()=>{if(isFunction(renderLabel))return({value:value2})=>renderLabel?.(value2)},[renderLabel]),suffixIcon=focused&&opened?jsx(SearchOutlined,{}):jsx(VefIcon,{children:jsx(LeafIcon,{})}),childrenToUse=cloneElement(children,{keyword:deferredKeyword,onConfirm:handleConfirm});return jsx(Select,{showSearch:!0,allowClear:clearable,css:styles.fullWidth,disabled,dropdownStyle,labelRender:renderLabelToUse,loading,notFoundContent:childrenToUse,open:opened,placeholder,popupMatchSelectWidth:!1,searchValue:keyword,size:convertBasicSizeToUiSize(size),suffixIcon,value,variant,onBlur:handleBlur,onClear,onDropdownVisibleChange:setOpened,onFocus:handleFocus,onSearch:setKeyword})}/*! 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 */export{VefGenericSelect as default};