@vef-framework/components 1.0.101 → 1.0.103

package/es/vef-form/components/fields/input-number.js

@@ -1,124 +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 { VefError, isString, isFunction } from '@vef-framework/shared';
-import { useMemo } from 'react';
-import VefInputNumber from '../../../vef-input-number/index.js';
-import { useComputedValues } from '../../hooks/use-computed-values.js';
-import { useFormStore } from '../../store.js';
-
-function InputNumber({
-  label,
-  disabled,
-  value,
-  onChange,
-  componentProps
-}) {
-  if (componentProps.type !== "InputNumber") {
-    throw new VefError(-9, `Oops! Something went wrong. The type of the form field is not "InputNumber", but rendered.`);
-  }
-  const {
-    onChange: onValueChange,
-    onEnterKeyPress,
-    onFocus,
-    onBlur,
-    placeholder,
-    prefix,
-    suffix,
-    max,
-    min
-  } = componentProps;
-  const [form, scene, setValues] = useFormStore((state) => [state.form, state.scene, state.setValues]);
-  const [placeholderValue, maxValue, minValue, prefixValue, suffixValue] = useComputedValues([
-    {
-      key: "placeholder",
-      rawValue: placeholder,
-      defaultValue: label ? isString(label) ? `请输入${label}` : "请输入" : void 0
-    },
-    {
-      key: "max",
-      rawValue: max
-    },
-    {
-      key: "min",
-      rawValue: min
-    },
-    {
-      key: "prefix",
-      rawValue: prefix
-    },
-    {
-      key: "suffix",
-      rawValue: suffix
-    }
-  ]);
-  const events = useMemo(() => {
-    const events2 = {};
-    if (isFunction(onFocus)) {
-      events2.onFocus = (value2) => {
-        const values = form.getFieldsValue();
-        onFocus(value2, {
-          scene,
-          values,
-          setValues
-        });
-      };
-    }
-    if (isFunction(onBlur)) {
-      events2.onBlur = (value2) => {
-        const values = form.getFieldsValue();
-        onBlur(value2, {
-          scene,
-          values,
-          setValues
-        });
-      };
-    }
-    events2.onChange = (value2) => {
-      onChange?.(value2);
-      if (isFunction(onValueChange)) {
-        const values = form.getFieldsValue();
-        onValueChange(value2, {
-          scene,
-          values,
-          setValues
-        });
-      }
-    };
-    if (isFunction(onEnterKeyPress)) {
-      events2.onPressEnter = (value2) => {
-        const values = form.getFieldsValue();
-        onEnterKeyPress(value2, {
-          scene,
-          values,
-          setValues
-        });
-      };
-    }
-    return events2;
-  }, [
-    form,
-    onBlur,
-    onChange,
-    onEnterKeyPress,
-    onFocus,
-    onValueChange,
-    scene,
-    setValues
-  ]);
-  return /* @__PURE__ */ jsx(
-    VefInputNumber,
-    {
-      disabled,
-      max: maxValue,
-      min: minValue,
-      placeholder: placeholderValue,
-      prefix: prefixValue,
-      suffix: suffixValue,
-      value,
-      ...events
-    }
-  );
-}
-
-export { InputNumber 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.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{VefError,isString,isFunction}from"@vef-framework/shared";import{useMemo}from"react";import VefInputNumber from"../../../vef-input-number/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";import{useFormStore}from"../../store.js";function InputNumber({label,disabled,value,onChange,componentProps}){if(componentProps.type!=="InputNumber")throw new VefError(-9,'Oops! Something went wrong. The type of the form field is not "InputNumber", but rendered.');const{onChange:onValueChange,onEnterKeyPress,onFocus,onBlur,placeholder,prefix,suffix,max,min}=componentProps,[form,scene,setValues]=useFormStore(state=>[state.form,state.scene,state.setValues]),[placeholderValue,maxValue,minValue,prefixValue,suffixValue]=useComputedValues([{key:"placeholder",rawValue:placeholder,defaultValue:label?isString(label)?`请输入${label}`:"请输入":void 0},{key:"max",rawValue:max},{key:"min",rawValue:min},{key:"prefix",rawValue:prefix},{key:"suffix",rawValue:suffix}]),events=useMemo(()=>{const events2={};return isFunction(onFocus)&&(events2.onFocus=value2=>{const values=form.getFieldsValue();onFocus(value2,{scene,values,setValues})}),isFunction(onBlur)&&(events2.onBlur=value2=>{const values=form.getFieldsValue();onBlur(value2,{scene,values,setValues})}),events2.onChange=value2=>{if(onChange?.(value2),isFunction(onValueChange)){const values=form.getFieldsValue();onValueChange(value2,{scene,values,setValues})}},isFunction(onEnterKeyPress)&&(events2.onPressEnter=value2=>{const values=form.getFieldsValue();onEnterKeyPress(value2,{scene,values,setValues})}),events2},[form,onBlur,onChange,onEnterKeyPress,onFocus,onValueChange,scene,setValues]);return jsx(VefInputNumber,{disabled,max:maxValue,min:minValue,placeholder:placeholderValue,prefix:prefixValue,suffix:suffixValue,value,...events})}/*! 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{InputNumber as default};

package/es/vef-form/components/fields/input.js

@@ -1,133 +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 { VefError, isString, isFunction } from '@vef-framework/shared';
-import { useMemo } from 'react';
-import VefInput from '../../../vef-input/index.js';
-import { useComputedValues } from '../../hooks/use-computed-values.js';
-import { useFormStore } from '../../store.js';
-
-function Input({
-  label,
-  disabled,
-  value,
-  onChange,
-  componentProps
-}) {
-  if (componentProps.type !== "Input") {
-    throw new VefError(-9, `Oops! Something went wrong. The type of the form field is not "Input", but rendered.`);
-  }
-  const {
-    onChange: onValueChange,
-    onEnterKeyPress,
-    onFocus,
-    onBlur,
-    onClear,
-    maxLength,
-    clearable = false,
-    placeholder,
-    prefix,
-    suffix
-  } = componentProps;
-  const [form, scene, setValues] = useFormStore((state) => [state.form, state.scene, state.setValues]);
-  const [placeholderValue, maxLengthValue, prefixValue, suffixValue] = useComputedValues([
-    {
-      key: "placeholder",
-      rawValue: placeholder,
-      defaultValue: label ? isString(label) ? `请输入${label}` : "请输入" : void 0
-    },
-    {
-      key: "maxLength",
-      rawValue: maxLength
-    },
-    {
-      key: "prefix",
-      rawValue: prefix
-    },
-    {
-      key: "suffix",
-      rawValue: suffix
-    }
-  ]);
-  const events = useMemo(() => {
-    const events2 = {};
-    if (isFunction(onFocus)) {
-      events2.onFocus = (value2) => {
-        const values = form.getFieldsValue();
-        onFocus(value2, {
-          scene,
-          values,
-          setValues
-        });
-      };
-    }
-    if (isFunction(onBlur)) {
-      events2.onBlur = (value2) => {
-        const values = form.getFieldsValue();
-        onBlur(value2, {
-          scene,
-          values,
-          setValues
-        });
-      };
-    }
-    events2.onChange = (value2) => {
-      onChange?.(value2);
-      if (isFunction(onValueChange)) {
-        const values = form.getFieldsValue();
-        onValueChange(value2, {
-          scene,
-          values,
-          setValues
-        });
-      }
-    };
-    if (isFunction(onEnterKeyPress)) {
-      events2.onPressEnter = (value2) => {
-        const values = form.getFieldsValue();
-        onEnterKeyPress(value2, {
-          scene,
-          values,
-          setValues
-        });
-      };
-    }
-    if (clearable && isFunction(onClear)) {
-      events2.onClear = () => {
-        const values = form.getFieldsValue();
-        onClear({
-          scene,
-          values,
-          setValues
-        });
-      };
-    }
-    return events2;
-  }, [
-    clearable,
-    form,
-    onBlur,
-    onChange,
-    onClear,
-    onEnterKeyPress,
-    onFocus,
-    onValueChange,
-    scene,
-    setValues
-  ]);
-  return /* @__PURE__ */ jsx(
-    VefInput,
-    {
-      clearable,
-      disabled,
-      maxLength: maxLengthValue,
-      placeholder: placeholderValue,
-      prefix: prefixValue,
-      suffix: suffixValue,
-      value,
-      ...events
-    }
-  );
-}
-
-export { Input 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.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{VefError,isString,isFunction}from"@vef-framework/shared";import{useMemo}from"react";import VefInput from"../../../vef-input/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";import{useFormStore}from"../../store.js";function Input({label,disabled,value,onChange,componentProps}){if(componentProps.type!=="Input")throw new VefError(-9,'Oops! Something went wrong. The type of the form field is not "Input", but rendered.');const{onChange:onValueChange,onEnterKeyPress,onFocus,onBlur,onClear,maxLength,clearable=!1,placeholder,prefix,suffix}=componentProps,[form,scene,setValues]=useFormStore(state=>[state.form,state.scene,state.setValues]),[placeholderValue,maxLengthValue,prefixValue,suffixValue]=useComputedValues([{key:"placeholder",rawValue:placeholder,defaultValue:label?isString(label)?`请输入${label}`:"请输入":void 0},{key:"maxLength",rawValue:maxLength},{key:"prefix",rawValue:prefix},{key:"suffix",rawValue:suffix}]),events=useMemo(()=>{const events2={};return isFunction(onFocus)&&(events2.onFocus=value2=>{const values=form.getFieldsValue();onFocus(value2,{scene,values,setValues})}),isFunction(onBlur)&&(events2.onBlur=value2=>{const values=form.getFieldsValue();onBlur(value2,{scene,values,setValues})}),events2.onChange=value2=>{if(onChange?.(value2),isFunction(onValueChange)){const values=form.getFieldsValue();onValueChange(value2,{scene,values,setValues})}},isFunction(onEnterKeyPress)&&(events2.onPressEnter=value2=>{const values=form.getFieldsValue();onEnterKeyPress(value2,{scene,values,setValues})}),clearable&&isFunction(onClear)&&(events2.onClear=()=>{const values=form.getFieldsValue();onClear({scene,values,setValues})}),events2},[clearable,form,onBlur,onChange,onClear,onEnterKeyPress,onFocus,onValueChange,scene,setValues]);return jsx(VefInput,{clearable,disabled,maxLength:maxLengthValue,placeholder:placeholderValue,prefix:prefixValue,suffix:suffixValue,value,...events})}/*! 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{Input as default};

package/es/vef-form/components/fields/password.js

@@ -1,116 +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 { VefError, isString, isFunction } from '@vef-framework/shared';
-import { useMemo } from 'react';
-import VefPassword from '../../../vef-password/index.js';
-import { useComputedValues } from '../../hooks/use-computed-values.js';
-import { useFormStore } from '../../store.js';
-
-function Password({
-  label,
-  disabled,
-  value,
-  onChange,
-  componentProps
-}) {
-  if (componentProps.type !== "Password") {
-    throw new VefError(-9, `Oops! Something went wrong. The type of the form field is not "Password", but rendered.`);
-  }
-  const {
-    onChange: onValueChange,
-    onEnterKeyPress,
-    onFocus,
-    onBlur,
-    maxLength,
-    showCount,
-    clearable = false,
-    placeholder,
-    prefix
-  } = componentProps;
-  const [form, scene, setValues] = useFormStore((state) => [state.form, state.scene, state.setValues]);
-  const [placeholderValue, maxLengthValue, prefixValue] = useComputedValues([
-    {
-      key: "placeholder",
-      rawValue: placeholder,
-      defaultValue: label ? isString(label) ? `请输入${label}` : "请输入" : void 0
-    },
-    {
-      key: "maxLength",
-      rawValue: maxLength
-    },
-    {
-      key: "prefix",
-      rawValue: prefix
-    }
-  ]);
-  const events = useMemo(() => {
-    const events2 = {};
-    if (isFunction(onFocus)) {
-      events2.onFocus = (value2) => {
-        const values = form.getFieldsValue();
-        onFocus(value2, {
-          scene,
-          values,
-          setValues
-        });
-      };
-    }
-    if (isFunction(onBlur)) {
-      events2.onBlur = (value2) => {
-        const values = form.getFieldsValue();
-        onBlur(value2, {
-          scene,
-          values,
-          setValues
-        });
-      };
-    }
-    events2.onChange = (value2) => {
-      onChange?.(value2);
-      if (isFunction(onValueChange)) {
-        const values = form.getFieldsValue();
-        onValueChange(value2, {
-          scene,
-          values,
-          setValues
-        });
-      }
-    };
-    if (isFunction(onEnterKeyPress)) {
-      events2.onPressEnter = (value2) => {
-        const values = form.getFieldsValue();
-        onEnterKeyPress(value2, {
-          scene,
-          values,
-          setValues
-        });
-      };
-    }
-    return events2;
-  }, [
-    form,
-    onBlur,
-    onChange,
-    onEnterKeyPress,
-    onFocus,
-    onValueChange,
-    scene,
-    setValues
-  ]);
-  return /* @__PURE__ */ jsx(
-    VefPassword,
-    {
-      clearable,
-      disabled,
-      maxLength: maxLengthValue,
-      placeholder: placeholderValue,
-      prefix: prefixValue,
-      showCount,
-      value,
-      ...events
-    }
-  );
-}
-
-export { Password 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.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{VefError,isString,isFunction}from"@vef-framework/shared";import{useMemo}from"react";import VefPassword from"../../../vef-password/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";import{useFormStore}from"../../store.js";function Password({label,disabled,value,onChange,componentProps}){if(componentProps.type!=="Password")throw new VefError(-9,'Oops! Something went wrong. The type of the form field is not "Password", but rendered.');const{onChange:onValueChange,onEnterKeyPress,onFocus,onBlur,maxLength,showCount,clearable=!1,placeholder,prefix}=componentProps,[form,scene,setValues]=useFormStore(state=>[state.form,state.scene,state.setValues]),[placeholderValue,maxLengthValue,prefixValue]=useComputedValues([{key:"placeholder",rawValue:placeholder,defaultValue:label?isString(label)?`请输入${label}`:"请输入":void 0},{key:"maxLength",rawValue:maxLength},{key:"prefix",rawValue:prefix}]),events=useMemo(()=>{const events2={};return isFunction(onFocus)&&(events2.onFocus=value2=>{const values=form.getFieldsValue();onFocus(value2,{scene,values,setValues})}),isFunction(onBlur)&&(events2.onBlur=value2=>{const values=form.getFieldsValue();onBlur(value2,{scene,values,setValues})}),events2.onChange=value2=>{if(onChange?.(value2),isFunction(onValueChange)){const values=form.getFieldsValue();onValueChange(value2,{scene,values,setValues})}},isFunction(onEnterKeyPress)&&(events2.onPressEnter=value2=>{const values=form.getFieldsValue();onEnterKeyPress(value2,{scene,values,setValues})}),events2},[form,onBlur,onChange,onEnterKeyPress,onFocus,onValueChange,scene,setValues]);return jsx(VefPassword,{clearable,disabled,maxLength:maxLengthValue,placeholder:placeholderValue,prefix:prefixValue,showCount,value,...events})}/*! 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{Password as default};

package/es/vef-form/components/fields/radio.js

@@ -1,107 +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 { VefError, isFunction } from '@vef-framework/shared';
-import { useCallback } from 'react';
-import VefRadio from '../../../vef-radio/index.js';
-import { useComputedValues } from '../../hooks/use-computed-values.js';
-import { useFormStore } from '../../store.js';
-
-function Radio({
-  disabled,
-  value,
-  onChange,
-  componentProps
-}) {
-  if (componentProps.type !== "Radio") {
-    throw new VefError(-9, `Oops! Something went wrong. The type of the form field is not "Radio", but rendered.`);
-  }
-  const {
-    onChange: onValueChange,
-    block,
-    variant,
-    labelKey,
-    valueKey,
-    descriptionKey,
-    disabledKey,
-    childrenKey,
-    defaultToFirst,
-    api,
-    apiParams,
-    apiEnabled,
-    data,
-    dataDictionaryKey,
-    placeholderData,
-    keepPreviousData,
-    staleTime,
-    onFetched
-  } = componentProps;
-  const [
-    apiValue,
-    apiParamsValue,
-    apiEnabledValue,
-    dataValue,
-    dataDictionaryKeyValue
-  ] = useComputedValues([
-    {
-      key: "api",
-      rawValue: api
-    },
-    {
-      key: "apiParams",
-      rawValue: apiParams
-    },
-    {
-      key: "apiEnabled",
-      rawValue: apiEnabled
-    },
-    {
-      key: "data",
-      rawValue: data
-    },
-    {
-      key: "dataDictionaryKey",
-      rawValue: dataDictionaryKey
-    }
-  ]);
-  const [form, scene, setValues] = useFormStore((state) => [state.form, state.scene, state.setValues]);
-  const handleChange = useCallback((value2, option) => {
-    onChange?.(value2);
-    if (isFunction(onValueChange)) {
-      const values = form.getFieldsValue();
-      onValueChange(value2, {
-        scene,
-        values,
-        setValues,
-        option
-      });
-    }
-  }, [form, scene, setValues, onChange, onValueChange]);
-  return /* @__PURE__ */ jsx(
-    VefRadio,
-    {
-      api: apiValue,
-      apiEnabled: apiEnabledValue,
-      apiParams: apiParamsValue,
-      block,
-      childrenKey,
-      data: dataValue,
-      dataDictionaryKey: dataDictionaryKeyValue,
-      defaultToFirst,
-      descriptionKey,
-      disabled,
-      disabledKey,
-      keepPreviousData,
-      labelKey,
-      placeholderData,
-      staleTime,
-      value,
-      valueKey,
-      variant,
-      onChange: handleChange,
-      onFetched
-    }
-  );
-}
-
-export { Radio 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.103, build time: 2025-03-07T17:03:51.787Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{VefError,isFunction}from"@vef-framework/shared";import{useCallback}from"react";import VefRadio from"../../../vef-radio/index.js";import{useComputedValues}from"../../hooks/use-computed-values.js";import{useFormStore}from"../../store.js";function Radio({disabled,value,onChange,componentProps}){if(componentProps.type!=="Radio")throw new VefError(-9,'Oops! Something went wrong. The type of the form field is not "Radio", but rendered.');const{onChange:onValueChange,block,variant,labelKey,valueKey,descriptionKey,disabledKey,childrenKey,defaultToFirst,api,apiParams,apiEnabled,data,dataDictionaryKey,placeholderData,keepPreviousData,staleTime,onFetched}=componentProps,[apiValue,apiParamsValue,apiEnabledValue,dataValue,dataDictionaryKeyValue]=useComputedValues([{key:"api",rawValue:api},{key:"apiParams",rawValue:apiParams},{key:"apiEnabled",rawValue:apiEnabled},{key:"data",rawValue:data},{key:"dataDictionaryKey",rawValue:dataDictionaryKey}]),[form,scene,setValues]=useFormStore(state=>[state.form,state.scene,state.setValues]),handleChange=useCallback((value2,option)=>{if(onChange?.(value2),isFunction(onValueChange)){const values=form.getFieldsValue();onValueChange(value2,{scene,values,setValues,option})}},[form,scene,setValues,onChange,onValueChange]);return jsx(VefRadio,{api:apiValue,apiEnabled:apiEnabledValue,apiParams:apiParamsValue,block,childrenKey,data:dataValue,dataDictionaryKey:dataDictionaryKeyValue,defaultToFirst,descriptionKey,disabled,disabledKey,keepPreviousData,labelKey,placeholderData,staleTime,value,valueKey,variant,onChange:handleChange,onFetched})}/*! 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{Radio as default};