@vef-framework/components 1.0.127 → 1.0.129

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

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

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

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

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

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

package/esm/vef-form/components/fields/select.js

@@ -1,239 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { VefError, isString, isFunction } from '@vef-framework/shared';
-import { useMemo } from 'react';
-import VefSelect from '../../../vef-select/index.js';
-import { useComputedValues } from '../../hooks/use-computed-values.js';
-import { useFormStore } from '../../store.js';
-
-"use strict";
-function Select({
-  label,
-  disabled,
-  value,
-  onChange,
-  componentProps
-}) {
-  if (componentProps.type !== "SingleSelect" && componentProps.type !== "MultipleSelect") {
-    throw new 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([
-    {
-      key: "placeholder",
-      rawValue: placeholder,
-      defaultValue: label ? isString(label) ? `请选择${label}` : "请选择" : 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] = useFormStore((state) => [state.form, state.scene, state.setValues]);
-  const events = useMemo(() => {
-    const events2 = {};
-    if (isFunction(onFocus)) {
-      events2.onFocus = (value2, option) => {
-        const values = form.getFieldsValue();
-        onFocus(value2, {
-          scene,
-          values,
-          setValues,
-          option
-        });
-      };
-    }
-    if (isFunction(onBlur)) {
-      events2.onBlur = (value2, option) => {
-        const values = form.getFieldsValue();
-        onBlur(value2, {
-          scene,
-          values,
-          setValues,
-          option
-        });
-      };
-    }
-    if (clearable && isFunction(onClear)) {
-      events2.onClear = () => {
-        onClear({
-          scene,
-          values: form.getFieldsValue(),
-          setValues
-        });
-      };
-    }
-    events2.onChange = (value2, option) => {
-      onChange?.(value2);
-      if (isFunction(onValueChange)) {
-        const values = form.getFieldsValue();
-        onValueChange(value2, {
-          scene,
-          values,
-          setValues,
-          option
-        });
-      }
-    };
-    if (isFunction(onSelect)) {
-      events2.onSelect = (value2, option) => {
-        onSelect(value2, {
-          scene,
-          values: form.getFieldsValue(),
-          setValues,
-          option
-        });
-      };
-    }
-    if (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__ */ jsx(
-    VefSelect,
-    {
-      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
-    }
-  );
-}
-
-export { Select as default };
+import{jsx as re}from"@emotion/react/jsx-runtime";import{VefError as ie,isString as se,isFunction as i}from"@vef-framework/shared";import{useMemo as ne}from"react";import ue from"../../../vef-select/index.js";import{useComputedValues as pe}from"../../hooks/use-computed-values.js";import{useFormStore as ce}from"../../store.js";function de({label:u,disabled:b,value:v,onChange:k,componentProps:n}){if(n.type!=="SingleSelect"&&n.type!=="MultipleSelect")throw new ie(-9,'Oops! Something went wrong. The type of the form field is not "Select", but rendered.');const{onChange:p,onFocus:c,onBlur:d,onClear:y,onSelect:m,onDeselect:f,maxCount:w,clearable:V=!1,filterable:K,filterFromRemote:F,placeholder:h,grouped:g,keywordKey:O,valuesKey:S,fallbackOptionsApi:C,fallbackOptionsApiParams:D,resolveFallbackOptions:P,renderOption:A,labelKey:x,valueKey:T,descriptionKey:E,disabledKey:M,childrenKey:$,defaultToFirst:B,api:R,apiParams:j,apiEnabled:q,data:z,dataDictionaryKey:G,placeholderData:H,keepPreviousData:I,staleTime:J,onFetched:L}=n,[N,Q,U,W,X,Y,Z,_,ee,ae,le,te]=pe([{key:"placeholder",rawValue:h,defaultValue:u?se(u)?`请选择${u}`:"请选择":void 0},{key:"maxCount",rawValue:w},{key:"keywordKey",rawValue:O},{key:"valuesKey",rawValue:S},{key:"fallbackOptionsApi",rawValue:C},{key:"fallbackOptionsApiParams",rawValue:D},{key:"resolveFallbackOptions",rawValue:P},{key:"api",rawValue:R},{key:"apiParams",rawValue:j},{key:"apiEnabled",rawValue:q},{key:"data",rawValue:z},{key:"dataDictionaryKey",rawValue:G}]),[t,o,r]=ce(e=>[e.form,e.scene,e.setValues]),oe=ne(()=>{const e={};return i(c)&&(e.onFocus=(a,l)=>{const s=t.getFieldsValue();c(a,{scene:o,values:s,setValues:r,option:l})}),i(d)&&(e.onBlur=(a,l)=>{const s=t.getFieldsValue();d(a,{scene:o,values:s,setValues:r,option:l})}),V&&i(y)&&(e.onClear=()=>{y({scene:o,values:t.getFieldsValue(),setValues:r})}),e.onChange=(a,l)=>{if(k?.(a),i(p)){const s=t.getFieldsValue();p(a,{scene:o,values:s,setValues:r,option:l})}},i(m)&&(e.onSelect=(a,l)=>{m(a,{scene:o,values:t.getFieldsValue(),setValues:r,option:l})}),i(f)&&(e.onDeselect=(a,l)=>{f(a,{scene:o,values:t.getFieldsValue(),setValues:r,option:l})}),e},[V,t,d,k,y,f,c,m,p,o,r]);return re(ue,{api:_,apiEnabled:ae,apiParams:ee,childrenKey:$,clearable:V,data:le,dataDictionaryKey:te,defaultToFirst:B,descriptionKey:E,disabled:b,disabledKey:M,fallbackOptionsApi:X,fallbackOptionsApiParams:Y,filterable:K,filterFromRemote:F,grouped:g,keepPreviousData:I,keywordKey:U,labelKey:x,maxCount:Q,multiple:n.type==="MultipleSelect",placeholder:N,placeholderData:H,renderOption:A,resolveFallbackOptions:Z,staleTime:J,value:v,valueKey:T,valuesKey:W,onFetched:L,...oe})}export{de as default};