@vef-framework/components 1.0.99 → 1.0.100

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

@@ -1,124 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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) ? `\u8BF7\u8F93\u5165${label}` : "\u8BF7\u8F93\u5165" : 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{VefError as o,isString as r,isFunction as s}from"@vef-framework/shared";import{useMemo as n}from"react";import t from"../../../vef-input-number/index.js";import{useComputedValues as u}from"../../hooks/use-computed-values.js";import{useFormStore as a}from"../../store.js";function InputNumber({label:l,disabled:i,value:m,onChange:f,componentProps:p}){if("InputNumber"!==p.type)throw new o(-9,'Oops! Something went wrong. The type of the form field is not "InputNumber", but rendered.');const{onChange:c,onEnterKeyPress:d,onFocus:V,onBlur:h,placeholder:x,prefix:v,suffix:w,max:b,min:g}=p,[y,k,F]=a((e=>[e.form,e.scene,e.setValues])),[j,I,N,C,P]=u([{key:"placeholder",rawValue:x,defaultValue:l?r(l)?`请输入${l}`:"请输入":void 0},{key:"max",rawValue:b},{key:"min",rawValue:g},{key:"prefix",rawValue:v},{key:"suffix",rawValue:w}]),B=n((()=>{const e={};return s(V)&&(e.onFocus=e=>{const o=y.getFieldsValue();V(e,{scene:k,values:o,setValues:F})}),s(h)&&(e.onBlur=e=>{const o=y.getFieldsValue();h(e,{scene:k,values:o,setValues:F})}),e.onChange=e=>{if(f?.(e),s(c)){const o=y.getFieldsValue();c(e,{scene:k,values:o,setValues:F})}},s(d)&&(e.onPressEnter=e=>{const o=y.getFieldsValue();d(e,{scene:k,values:o,setValues:F})}),e}),[y,h,f,d,V,c,k,F]);return e(t,{disabled:i,max:I,min:N,placeholder:j,prefix:C,suffix:P,value:m,...B})}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 */

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

@@ -1,133 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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) ? `\u8BF7\u8F93\u5165${label}` : "\u8BF7\u8F93\u5165" : 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{VefError as s,isString as o,isFunction as t}from"@vef-framework/shared";import{useMemo as a}from"react";import n from"../../../vef-input/index.js";import{useComputedValues as r}from"../../hooks/use-computed-values.js";import{useFormStore as l}from"../../store.js";function Input({label:u,disabled:i,value:f,onChange:c,componentProps:p}){if("Input"!==p.type)throw new s(-9,'Oops! Something went wrong. The type of the form field is not "Input", but rendered.');const{onChange:m,onEnterKeyPress:d,onFocus:V,onBlur:h,onClear:g,maxLength:x,clearable:v=!1,placeholder:w,prefix:y,suffix:F}=p,[b,k,C]=l((e=>[e.form,e.scene,e.setValues])),[j,I,L,P]=r([{key:"placeholder",rawValue:w,defaultValue:u?o(u)?`请输入${u}`:"请输入":void 0},{key:"maxLength",rawValue:x},{key:"prefix",rawValue:y},{key:"suffix",rawValue:F}]),B=a((()=>{const e={};return t(V)&&(e.onFocus=e=>{const s=b.getFieldsValue();V(e,{scene:k,values:s,setValues:C})}),t(h)&&(e.onBlur=e=>{const s=b.getFieldsValue();h(e,{scene:k,values:s,setValues:C})}),e.onChange=e=>{if(c?.(e),t(m)){const s=b.getFieldsValue();m(e,{scene:k,values:s,setValues:C})}},t(d)&&(e.onPressEnter=e=>{const s=b.getFieldsValue();d(e,{scene:k,values:s,setValues:C})}),v&&t(g)&&(e.onClear=()=>{const e=b.getFieldsValue();g({scene:k,values:e,setValues:C})}),e}),[v,b,h,c,g,d,V,m,k,C]);return e(n,{clearable:v,disabled:i,maxLength:I,placeholder:j,prefix:L,suffix:P,value:f,...B})}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 */

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

@@ -1,116 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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) ? `\u8BF7\u8F93\u5165${label}` : "\u8BF7\u8F93\u5165" : 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{VefError as o,isString as s,isFunction as r}from"@vef-framework/shared";import{useMemo as a}from"react";import t from"../../../vef-password/index.js";import{useComputedValues as n}from"../../hooks/use-computed-values.js";import{useFormStore as l}from"../../store.js";function Password({label:u,disabled:d,value:i,onChange:c,componentProps:m}){if("Password"!==m.type)throw new o(-9,'Oops! Something went wrong. The type of the form field is not "Password", but rendered.');const{onChange:f,onEnterKeyPress:p,onFocus:h,onBlur:w,maxLength:V,showCount:g,clearable:v=!1,placeholder:x,prefix:P}=m,[b,y,F]=l((e=>[e.form,e.scene,e.setValues])),[k,C,j]=n([{key:"placeholder",rawValue:x,defaultValue:u?s(u)?`请输入${u}`:"请输入":void 0},{key:"maxLength",rawValue:V},{key:"prefix",rawValue:P}]),L=a((()=>{const e={};return r(h)&&(e.onFocus=e=>{const o=b.getFieldsValue();h(e,{scene:y,values:o,setValues:F})}),r(w)&&(e.onBlur=e=>{const o=b.getFieldsValue();w(e,{scene:y,values:o,setValues:F})}),e.onChange=e=>{if(c?.(e),r(f)){const o=b.getFieldsValue();f(e,{scene:y,values:o,setValues:F})}},r(p)&&(e.onPressEnter=e=>{const o=b.getFieldsValue();p(e,{scene:y,values:o,setValues:F})}),e}),[b,w,c,p,h,f,y,F]);return e(t,{clearable:v,disabled:d,maxLength:C,placeholder:k,prefix:j,showCount:g,value:i,...L})}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 */

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

@@ -1,107 +1,3 @@
-/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{VefError as a,isFunction as o}from"@vef-framework/shared";import{useCallback as t}from"react";import i from"../../../vef-radio/index.js";import{useComputedValues as r}from"../../hooks/use-computed-values.js";import{useFormStore as d}from"../../store.js";function Radio({disabled:l,value:n,onChange:s,componentProps:p}){if("Radio"!==p.type)throw new a(-9,'Oops! Something went wrong. The type of the form field is not "Radio", but rendered.');const{onChange:m,block:u,variant:y,labelKey:c,valueKey:f,descriptionKey:h,disabledKey:K,childrenKey:b,defaultToFirst:v,api:k,apiParams:w,apiEnabled:V,data:D,dataDictionaryKey:g,placeholderData:P,keepPreviousData:F,staleTime:T,onFetched:j}=p,[R,x,C,E,O]=r([{key:"api",rawValue:k},{key:"apiParams",rawValue:w},{key:"apiEnabled",rawValue:V},{key:"data",rawValue:D},{key:"dataDictionaryKey",rawValue:g}]),[S,q,z]=d((e=>[e.form,e.scene,e.setValues])),A=t(((e,a)=>{if(s?.(e),o(m)){const o=S.getFieldsValue();m(e,{scene:q,values:o,setValues:z,option:a})}}),[S,q,z,s,m]);return e(i,{api:R,apiEnabled:C,apiParams:x,block:u,childrenKey:b,data:E,dataDictionaryKey:O,defaultToFirst:v,descriptionKey:h,disabled:l,disabledKey:K,keepPreviousData:F,labelKey:c,placeholderData:P,staleTime:T,value:n,valueKey:f,variant:y,onChange:A,onFetched:j})}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 */