@vef-framework/components 1.0.98 → 1.0.99

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

@@ -1,3 +1,124 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 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 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,3 +1,133 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 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 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,3 +1,116 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 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 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,3 +1,107 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, 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 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 is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */