@vef-framework/components 1.0.98 → 1.0.99

package/lib/vef-form/components/fields/radio.cjs

@@ -1,3 +1,111 @@
-/*! 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"),a=require("@vef-framework/shared"),r=require("react"),t=require("../../../vef-radio/index.cjs"),i=require("../../hooks/use-computed-values.cjs"),o=require("../../store.cjs");exports.default=function Radio({disabled:s,value:l,onChange:d,componentProps:n}){if("Radio"!==n.type)throw new a.VefError(-9,'Oops! Something went wrong. The type of the form field is not "Radio", but rendered.');const{onChange:u,block:c,variant:p,labelKey:y,valueKey:f,descriptionKey:m,disabledKey:b,childrenKey:h,defaultToFirst:v,api:K,apiParams:k,apiEnabled:w,data:V,dataDictionaryKey:g,placeholderData:D,keepPreviousData:F,staleTime:P,onFetched:j}=n,[q,T,x,C,E]=i.useComputedValues([{key:"api",rawValue:K},{key:"apiParams",rawValue:k},{key:"apiEnabled",rawValue:w},{key:"data",rawValue:V},{key:"dataDictionaryKey",rawValue:g}]),[S,R,M]=o.useFormStore((e=>[e.form,e.scene,e.setValues])),O=r.useCallback(((e,r)=>{if(d?.(e),a.isFunction(u)){const a=S.getFieldsValue();u(e,{scene:R,values:a,setValues:M,option:r})}}),[S,R,M,d,u]);return e.jsx(t.default,{api:q,apiEnabled:x,apiParams:T,block:c,childrenKey:h,data:C,dataDictionaryKey:E,defaultToFirst:v,descriptionKey:m,disabled:s,disabledKey:b,keepPreviousData:F,labelKey:y,placeholderData:D,staleTime:P,value:l,valueKey:f,variant:p,onChange:O,onFetched:j})};
+/*! 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 shared = require('@vef-framework/shared');
+const react = require('react');
+const index = require('../../../vef-radio/index.cjs');
+const useComputedValues = require('../../hooks/use-computed-values.cjs');
+const store = require('../../store.cjs');
+
+function Radio({
+  disabled,
+  value,
+  onChange,
+  componentProps
+}) {
+  if (componentProps.type !== "Radio") {
+    throw new shared.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.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] = store.useFormStore((state) => [state.form, state.scene, state.setValues]);
+  const handleChange = react.useCallback((value2, option) => {
+    onChange?.(value2);
+    if (shared.isFunction(onValueChange)) {
+      const values = form.getFieldsValue();
+      onValueChange(value2, {
+        scene,
+        values,
+        setValues,
+        option
+      });
+    }
+  }, [form, scene, setValues, onChange, onValueChange]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      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
+    }
+  );
+}
+
+exports.default = Radio;
 /*! 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/components/fields/select.cjs

@@ -1,3 +1,243 @@
-/*! 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"),a=require("@vef-framework/shared"),l=require("react"),t=require("../../../vef-select/index.cjs"),o=require("../../hooks/use-computed-values.cjs"),s=require("../../store.cjs");exports.default=function Select({label:i,disabled:r,value:n,onChange:u,componentProps:c}){if("SingleSelect"!==c.type&&"MultipleSelect"!==c.type)throw new a.VefError(-9,'Oops! Something went wrong. The type of the form field is not "Select", but rendered.');const{onChange:d,onFocus:p,onBlur:y,onClear:k,onSelect:m,onDeselect:V,maxCount:f,clearable:b=!1,filterable:v,filterFromRemote:F,placeholder:w,grouped:K,keywordKey:h,valuesKey:g,fallbackOptionsApi:O,fallbackOptionsApiParams:S,resolveFallbackOptions:P,renderOption:C,labelKey:D,valueKey:x,descriptionKey:j,disabledKey:q,childrenKey:A,defaultToFirst:T,api:M,apiParams:E,apiEnabled:B,data:R,dataDictionaryKey:_,placeholderData:$,keepPreviousData:z,staleTime:G,onFetched:H}=c,[I,J,L,N,Q,U,W,X,Y,Z,ee,ae]=o.useComputedValues([{key:"placeholder",rawValue:w,defaultValue:i?a.isString(i)?`请选择${i}`:"请选择":void 0},{key:"maxCount",rawValue:f},{key:"keywordKey",rawValue:h},{key:"valuesKey",rawValue:g},{key:"fallbackOptionsApi",rawValue:O},{key:"fallbackOptionsApiParams",rawValue:S},{key:"resolveFallbackOptions",rawValue:P},{key:"api",rawValue:M},{key:"apiParams",rawValue:E},{key:"apiEnabled",rawValue:B},{key:"data",rawValue:R},{key:"dataDictionaryKey",rawValue:_}]),[le,te,oe]=s.useFormStore((e=>[e.form,e.scene,e.setValues])),se=l.useMemo((()=>{const e={};return a.isFunction(p)&&(e.onFocus=(e,a)=>{const l=le.getFieldsValue();p(e,{scene:te,values:l,setValues:oe,option:a})}),a.isFunction(y)&&(e.onBlur=(e,a)=>{const l=le.getFieldsValue();y(e,{scene:te,values:l,setValues:oe,option:a})}),b&&a.isFunction(k)&&(e.onClear=()=>{k({scene:te,values:le.getFieldsValue(),setValues:oe})}),e.onChange=(e,l)=>{if(u?.(e),a.isFunction(d)){const a=le.getFieldsValue();d(e,{scene:te,values:a,setValues:oe,option:l})}},a.isFunction(m)&&(e.onSelect=(e,a)=>{m(e,{scene:te,values:le.getFieldsValue(),setValues:oe,option:a})}),a.isFunction(V)&&(e.onDeselect=(e,a)=>{V(e,{scene:te,values:le.getFieldsValue(),setValues:oe,option:a})}),e}),[b,le,y,u,k,V,p,m,d,te,oe]);return e.jsx(t.default,{api:X,apiEnabled:Z,apiParams:Y,childrenKey:A,clearable:b,data:ee,dataDictionaryKey:ae,defaultToFirst:T,descriptionKey:j,disabled:r,disabledKey:q,fallbackOptionsApi:Q,fallbackOptionsApiParams:U,filterable:v,filterFromRemote:F,grouped:K,keepPreviousData:z,keywordKey:L,labelKey:D,maxCount:J,multiple:"MultipleSelect"===c.type,placeholder:I,placeholderData:$,renderOption:C,resolveFallbackOptions:W,staleTime:G,value:n,valueKey:x,valuesKey:N,onFetched:H,...se})};
+/*! 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 shared = require('@vef-framework/shared');
+const react = require('react');
+const index = require('../../../vef-select/index.cjs');
+const useComputedValues = require('../../hooks/use-computed-values.cjs');
+const store = require('../../store.cjs');
+
+function Select({
+  label,
+  disabled,
+  value,
+  onChange,
+  componentProps
+}) {
+  if (componentProps.type !== "SingleSelect" && componentProps.type !== "MultipleSelect") {
+    throw new shared.VefError(-9, `Oops! Something went wrong. The type of the form field is not "Select", but rendered.`);
+  }
+  const {
+    onChange: onValueChange,
+    onFocus,
+    onBlur,
+    onClear,
+    onSelect,
+    onDeselect,
+    // eslint-disable-next-line ts/ban-ts-comment
+    // @ts-expect-error
+    maxCount,
+    clearable = false,
+    filterable,
+    filterFromRemote,
+    placeholder,
+    grouped,
+    keywordKey,
+    valuesKey,
+    fallbackOptionsApi,
+    fallbackOptionsApiParams,
+    resolveFallbackOptions,
+    renderOption,
+    labelKey,
+    valueKey,
+    descriptionKey,
+    disabledKey,
+    childrenKey,
+    defaultToFirst,
+    api,
+    apiParams,
+    apiEnabled,
+    data,
+    dataDictionaryKey,
+    placeholderData,
+    keepPreviousData,
+    staleTime,
+    onFetched
+  } = componentProps;
+  const [
+    placeholderValue,
+    maxCountValue,
+    keywordKeyValue,
+    valuesKeyValue,
+    fallbackOptionsApiValue,
+    fallbackOptionsApiParamsValue,
+    resolveFallbackOptionsValue,
+    apiValue,
+    apiParamsValue,
+    apiEnabledValue,
+    dataValue,
+    dataDictionaryKeyValue
+  ] = useComputedValues.useComputedValues([
+    {
+      key: "placeholder",
+      rawValue: placeholder,
+      defaultValue: label ? shared.isString(label) ? `\u8BF7\u9009\u62E9${label}` : "\u8BF7\u9009\u62E9" : void 0
+    },
+    {
+      key: "maxCount",
+      rawValue: maxCount
+    },
+    {
+      key: "keywordKey",
+      rawValue: keywordKey
+    },
+    {
+      key: "valuesKey",
+      rawValue: valuesKey
+    },
+    {
+      key: "fallbackOptionsApi",
+      rawValue: fallbackOptionsApi
+    },
+    {
+      key: "fallbackOptionsApiParams",
+      rawValue: fallbackOptionsApiParams
+    },
+    {
+      key: "resolveFallbackOptions",
+      rawValue: resolveFallbackOptions
+    },
+    {
+      key: "api",
+      rawValue: api
+    },
+    {
+      key: "apiParams",
+      rawValue: apiParams
+    },
+    {
+      key: "apiEnabled",
+      rawValue: apiEnabled
+    },
+    {
+      key: "data",
+      rawValue: data
+    },
+    {
+      key: "dataDictionaryKey",
+      rawValue: dataDictionaryKey
+    }
+  ]);
+  const [form, scene, setValues] = store.useFormStore((state) => [state.form, state.scene, state.setValues]);
+  const events = react.useMemo(() => {
+    const events2 = {};
+    if (shared.isFunction(onFocus)) {
+      events2.onFocus = (value2, option) => {
+        const values = form.getFieldsValue();
+        onFocus(value2, {
+          scene,
+          values,
+          setValues,
+          option
+        });
+      };
+    }
+    if (shared.isFunction(onBlur)) {
+      events2.onBlur = (value2, option) => {
+        const values = form.getFieldsValue();
+        onBlur(value2, {
+          scene,
+          values,
+          setValues,
+          option
+        });
+      };
+    }
+    if (clearable && shared.isFunction(onClear)) {
+      events2.onClear = () => {
+        onClear({
+          scene,
+          values: form.getFieldsValue(),
+          setValues
+        });
+      };
+    }
+    events2.onChange = (value2, option) => {
+      onChange?.(value2);
+      if (shared.isFunction(onValueChange)) {
+        const values = form.getFieldsValue();
+        onValueChange(value2, {
+          scene,
+          values,
+          setValues,
+          option
+        });
+      }
+    };
+    if (shared.isFunction(onSelect)) {
+      events2.onSelect = (value2, option) => {
+        onSelect(value2, {
+          scene,
+          values: form.getFieldsValue(),
+          setValues,
+          option
+        });
+      };
+    }
+    if (shared.isFunction(onDeselect)) {
+      events2.onDeselect = (value2, option) => {
+        onDeselect(value2, {
+          scene,
+          values: form.getFieldsValue(),
+          setValues,
+          option
+        });
+      };
+    }
+    return events2;
+  }, [
+    clearable,
+    form,
+    onBlur,
+    onChange,
+    onClear,
+    onDeselect,
+    onFocus,
+    onSelect,
+    onValueChange,
+    scene,
+    setValues
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      api: apiValue,
+      apiEnabled: apiEnabledValue,
+      apiParams: apiParamsValue,
+      childrenKey,
+      clearable,
+      data: dataValue,
+      dataDictionaryKey: dataDictionaryKeyValue,
+      defaultToFirst,
+      descriptionKey,
+      disabled,
+      disabledKey,
+      fallbackOptionsApi: fallbackOptionsApiValue,
+      fallbackOptionsApiParams: fallbackOptionsApiParamsValue,
+      filterable,
+      filterFromRemote,
+      grouped,
+      keepPreviousData,
+      keywordKey: keywordKeyValue,
+      labelKey,
+      maxCount: maxCountValue,
+      multiple: componentProps.type === "MultipleSelect",
+      placeholder: placeholderValue,
+      placeholderData,
+      renderOption,
+      resolveFallbackOptions: resolveFallbackOptionsValue,
+      staleTime,
+      value,
+      valueKey,
+      valuesKey: valuesKeyValue,
+      onFetched,
+      ...events
+    }
+  );
+}
+
+exports.default = Select;
 /*! 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/components/fields/textarea.cjs

@@ -1,3 +1,114 @@
-/*! 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"),s=require("@vef-framework/shared"),t=require("react"),o=require("../../../vef-textarea/index.cjs"),r=require("../../hooks/use-computed-values.cjs"),n=require("../../store.cjs");exports.default=function Textarea({label:a,disabled:u,value:l,onChange:i,componentProps:c}){if("Textarea"!==c.type)throw new s.VefError(-9,'Oops! Something went wrong. The type of the form field is not "Textarea", but rendered.');const{onChange:d,onEnterKeyPress:h,onFocus:f,onBlur:g,maxLength:m,showCount:V,clearable:p=!1,placeholder:v}=c,[x,F,w]=n.useFormStore((e=>[e.form,e.scene,e.setValues])),[b,j]=r.useComputedValues([{key:"placeholder",rawValue:v,defaultValue:a?s.isString(a)?`请输入${a}`:"请输入":void 0},{key:"maxLength",rawValue:m}]),q=t.useMemo((()=>{const e={};return s.isFunction(f)&&(e.onFocus=e=>{const s=x.getFieldsValue();f(e,{scene:F,values:s,setValues:w})}),s.isFunction(g)&&(e.onBlur=e=>{const s=x.getFieldsValue();g(e,{scene:F,values:s,setValues:w})}),e.onChange=e=>{if(i?.(e),s.isFunction(d)){const s=x.getFieldsValue();d(e,{scene:F,values:s,setValues:w})}},s.isFunction(h)&&(e.onPressEnter=e=>{const s=x.getFieldsValue();h(e,{scene:F,values:s,setValues:w})}),e}),[x,g,i,h,f,d,F,w]);return e.jsx(o.default,{clearable:p,disabled:u,maxLength:j,placeholder:b,showCount:V,value:l,...q})};
+/*! 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 shared = require('@vef-framework/shared');
+const react = require('react');
+const index = require('../../../vef-textarea/index.cjs');
+const useComputedValues = require('../../hooks/use-computed-values.cjs');
+const store = require('../../store.cjs');
+
+function Textarea({
+  label,
+  disabled,
+  value,
+  onChange,
+  componentProps
+}) {
+  if (componentProps.type !== "Textarea") {
+    throw new shared.VefError(-9, `Oops! Something went wrong. The type of the form field is not "Textarea", but rendered.`);
+  }
+  const {
+    onChange: onValueChange,
+    onEnterKeyPress,
+    onFocus,
+    onBlur,
+    maxLength,
+    showCount,
+    clearable = false,
+    placeholder
+  } = componentProps;
+  const [form, scene, setValues] = store.useFormStore((state) => [state.form, state.scene, state.setValues]);
+  const [placeholderValue, maxLengthValue] = useComputedValues.useComputedValues([
+    {
+      key: "placeholder",
+      rawValue: placeholder,
+      defaultValue: label ? shared.isString(label) ? `\u8BF7\u8F93\u5165${label}` : "\u8BF7\u8F93\u5165" : void 0
+    },
+    {
+      key: "maxLength",
+      rawValue: maxLength
+    }
+  ]);
+  const events = react.useMemo(() => {
+    const events2 = {};
+    if (shared.isFunction(onFocus)) {
+      events2.onFocus = (value2) => {
+        const values = form.getFieldsValue();
+        onFocus(value2, {
+          scene,
+          values,
+          setValues
+        });
+      };
+    }
+    if (shared.isFunction(onBlur)) {
+      events2.onBlur = (value2) => {
+        const values = form.getFieldsValue();
+        onBlur(value2, {
+          scene,
+          values,
+          setValues
+        });
+      };
+    }
+    events2.onChange = (value2) => {
+      onChange?.(value2);
+      if (shared.isFunction(onValueChange)) {
+        const values = form.getFieldsValue();
+        onValueChange(value2, {
+          scene,
+          values,
+          setValues
+        });
+      }
+    };
+    if (shared.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__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      clearable,
+      disabled,
+      maxLength: maxLengthValue,
+      placeholder: placeholderValue,
+      showCount,
+      value,
+      ...events
+    }
+  );
+}
+
+exports.default = Textarea;
 /*! 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 */