@vef-framework/components 1.0.128 → 1.0.130

package/esm/vef-filter/hooks/use-filter-instance.js

@@ -1,27 +1,2 @@
 "use strict";
-import { useImperativeHandle } from 'react';
-import { useFilterStore } from '../store.js';
-
-"use strict";
-function useFilterInstance(ref, reset) {
-  const [form, eventBus, getValues, setValues] = useFilterStore((state) => [state.form, state.eventBus, state.getValues, state.setValues]);
-  useImperativeHandle(ref, () => ({
-    confirm: () => new Promise((resolve, reject) => {
-      const handleResult = (result) => {
-        eventBus.offSubmitResult(handleResult);
-        if (result) {
-          resolve();
-        } else {
-          reject(result);
-        }
-      };
-      eventBus.onSubmitResult(handleResult);
-      form.submit();
-    }),
-    reset,
-    getValues,
-    setValues
-  }));
-}
-
-export { useFilterInstance };
+import{useImperativeHandle as l}from"react";import{useFilterStore as f}from"../store.js";function c(u,o){const[i,t,m,n]=f(e=>[e.form,e.eventBus,e.getValues,e.setValues]);l(u,()=>({confirm:()=>new Promise((e,a)=>{const s=r=>{t.offSubmitResult(s),r?e():a(r)};t.onSubmitResult(s),i.submit()}),reset:o,getValues:m,setValues:n}))}export{c as useFilterInstance};

package/esm/vef-filter/hooks/use-filter-items.js

@@ -1,24 +1,2 @@
 "use strict";
-import { useMemo } from 'react';
-
-"use strict";
-function useFilterItems(schema) {
-  return useMemo(() => {
-    const basicItems = [];
-    const advancedItems = [];
-    for (const item of schema) {
-      const { advanced = false } = item;
-      if (advanced) {
-        advancedItems.push(item);
-      } else {
-        basicItems.push(item);
-      }
-    }
-    return {
-      basicItems,
-      advancedItems
-    };
-  }, []);
-}
-
-export { useFilterItems };
+import{useMemo as n}from"react";function c(r){return n(()=>{const e=[],s=[];for(const t of r){const{advanced:o=!1}=t;o?s.push(t):e.push(t)}return{basicItems:e,advancedItems:s}},[])}export{c as useFilterItems};

package/esm/vef-filter/hooks/use-filter-values-change.js

@@ -1,31 +1,2 @@
 "use strict";
-import { isFunction } from '@vef-framework/shared';
-import { useMemo, useEffect, useLayoutEffect } from 'react';
-import { useFilterStore } from '../store.js';
-
-"use strict";
-function useFilterValuesChange(onChange) {
-  const [eventBus, invokeValueChangeHandlers] = useFilterStore((state) => [state.eventBus, state.invokeValueChangeHandlers]);
-  const handleValuesChange = useMemo(() => (_, values) => {
-    eventBus.emitChange(values);
-  }, [eventBus]);
-  useEffect(() => {
-    if (isFunction(onChange)) {
-      const handleChange = (values) => {
-        onChange(values);
-      };
-      eventBus.onChange(handleChange);
-      return () => {
-        eventBus.offChange(handleChange);
-      };
-    }
-  }, [eventBus, onChange]);
-  useLayoutEffect(() => {
-    invokeValueChangeHandlers();
-  }, []);
-  return {
-    handleValuesChange
-  };
-}
-
-export { useFilterValuesChange };
+import{isFunction as a}from"@vef-framework/shared";import{useMemo as r,useEffect as i,useLayoutEffect as f}from"react";import{useFilterStore as m}from"../store.js";function c(n){const[t,s]=m(e=>[e.eventBus,e.invokeValueChangeHandlers]),u=r(()=>(e,o)=>{t.emitChange(o)},[t]);return i(()=>{if(a(n)){const e=o=>{n(o)};return t.onChange(e),()=>{t.offChange(e)}}},[t,n]),f(()=>{s()},[]),{handleValuesChange:u}}export{c as useFilterValuesChange};

package/esm/vef-filter/hooks/use-label-config.js

@@ -1,28 +1,2 @@
 "use strict";
-import { showWarningMessage } from '@vef-framework/shared';
-import { useMemo } from 'react';
-
-"use strict";
-function useLabelConfig(labelPosition, labelWidth) {
-  const labelWidthToUse = useMemo(() => {
-    if (labelPosition === "top" || !labelWidth) {
-      return;
-    }
-    if (labelWidth < 60 || labelWidth > 120) {
-      showWarningMessage("The labelWidth of VefFilter component must be between 60 and 120, otherwise it will be 60 or 120.");
-    }
-    return Math.min(Math.max(labelWidth, 60), 120);
-  }, [labelPosition, labelWidth]);
-  const labelCol = useMemo(() => {
-    if (!labelWidthToUse) {
-      return;
-    }
-    return { flex: `0 0 ${labelWidthToUse}px` };
-  }, [labelWidthToUse]);
-  return {
-    labelCol,
-    labelWidthToUse
-  };
-}
-
-export { useLabelConfig };
+import{showWarningMessage as r}from"@vef-framework/shared";import{useMemo as i}from"react";function n(o,e){const t=i(()=>{if(!(o==="top"||!e))return(e<60||e>120)&&r("The labelWidth of VefFilter component must be between 60 and 120, otherwise it will be 60 or 120."),Math.min(Math.max(e,60),120)},[o,e]);return{labelCol:i(()=>{if(t)return{flex:`0 0 ${t}px`}},[t]),labelWidthToUse:t}}export{n as useLabelConfig};

package/esm/vef-filter/index.js

@@ -1,148 +1,9 @@
 "use strict";
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { useContextDisabled, DisabledContextProvider, useSingleton, useUnmount } from '@vef-framework/hooks';
-import { isDeepEqual, omit } from '@vef-framework/shared';
-import { Form } from 'antd';
-import { AnimatePresence } from 'motion/react';
-import { useMemo, forwardRef, memo } from 'react';
-import '../internal/index.js';
-import VefAdvancedFilter from './components/advanced-filter.js';
-import VefBasicFilter from './components/basic-filter.js';
-import { FilterEventBus } from './event.js';
-import { useActionHandlers } from './hooks/use-action-handlers.js';
-import { FilterContextProvider } from './hooks/use-filter-context.js';
-import { useFilterInitialization } from './hooks/use-filter-initialization.js';
-import { useFilterInstance } from './hooks/use-filter-instance.js';
-import { useFilterItems } from './hooks/use-filter-items.js';
-import { useFilterValuesChange } from './hooks/use-filter-values-change.js';
-import { useFilterStore, FilterStoreProvider } from './store.js';
-import { convertBasicSizeToUiSize } from '../internal/utils.js';
-
-"use strict";
-const { useForm } = Form;
-const formStyle = css`
+import{jsx as t,jsxs as E}from"@emotion/react/jsx-runtime";import{css as U}from"@emotion/react";import{useContextDisabled as W,DisabledContextProvider as k,useSingleton as q,useUnmount as M}from"@vef-framework/hooks";import{isDeepEqual as O,omit as g}from"@vef-framework/shared";import{Form as v}from"antd";import{AnimatePresence as T}from"motion/react";import{useMemo as C,forwardRef as b,memo as $}from"react";import"../internal/index.js";import G from"./components/advanced-filter.js";import J from"./components/basic-filter.js";import{FilterEventBus as K}from"./event.js";import{useActionHandlers as Q}from"./hooks/use-action-handlers.js";import{FilterContextProvider as X}from"./hooks/use-filter-context.js";import{useFilterInitialization as Y}from"./hooks/use-filter-initialization.js";import{useFilterInstance as Z}from"./hooks/use-filter-instance.js";import{useFilterItems as _}from"./hooks/use-filter-items.js";import{useFilterValuesChange as ee}from"./hooks/use-filter-values-change.js";import{useFilterStore as ie,FilterStoreProvider as te}from"./store.js";import{convertBasicSizeToUiSize as oe}from"../internal/utils.js";const{useForm:ne}=v,re=U`
   display: block;
   flex-wrap: unset;
 
   .vef-form-item {
     margin-inline-end: 0;
   }
-`;
-function VefFilterBase({
-  schema,
-  labelPosition = "top",
-  labelAlign = "right",
-  labelWidth,
-  disabled = false,
-  loading = false,
-  size,
-  variant,
-  prefix,
-  confirmationButton,
-  resetButton,
-  extraActionButtons,
-  onBeforeConfirm,
-  onConfirm,
-  onReset,
-  onChange
-}, ref) {
-  const [form, initialValues, isLoading, isAdvancedFilterVisible] = useFilterStore((state) => [state.form, state.initialValues, state.isLoading, state.isAdvancedFilterVisible]);
-  const {
-    handleReset,
-    handleConfirm,
-    handleConfirmFailed
-  } = useActionHandlers({
-    onBeforeConfirm,
-    onConfirm,
-    onReset
-  });
-  const { basicItems, advancedItems } = useFilterItems(schema);
-  const filterContext = useMemo(() => ({
-    labelPosition,
-    labelAlign,
-    labelWidth,
-    confirmationButton,
-    externalLoading: loading,
-    showCollapseButton: advancedItems.length > 0,
-    handleReset,
-    resetButton,
-    extraActionButtons
-  }), [
-    advancedItems.length,
-    confirmationButton,
-    extraActionButtons,
-    handleReset,
-    labelAlign,
-    labelPosition,
-    labelWidth,
-    loading,
-    resetButton
-  ]);
-  const { handleValuesChange } = useFilterValuesChange(onChange);
-  useFilterInstance(ref, handleReset);
-  const contextDisabled = useContextDisabled();
-  const formDisabled = contextDisabled || disabled || loading || isLoading;
-  return /* @__PURE__ */ jsx(
-    Form,
-    {
-      colon: false,
-      css: formStyle,
-      disabled: formDisabled,
-      form,
-      initialValues,
-      layout: "inline",
-      size: convertBasicSizeToUiSize(size),
-      variant,
-      onFinish: handleConfirm,
-      onFinishFailed: handleConfirmFailed,
-      onValuesChange: handleValuesChange,
-      children: /* @__PURE__ */ jsx(DisabledContextProvider, { value: formDisabled, children: /* @__PURE__ */ jsxs(FilterContextProvider, { value: filterContext, children: [
-        /* @__PURE__ */ jsx(VefBasicFilter, { items: basicItems, prefix }),
-        /* @__PURE__ */ jsx(AnimatePresence, { children: isAdvancedFilterVisible && advancedItems.length > 0 && /* @__PURE__ */ jsx(VefAdvancedFilter, { items: advancedItems }) })
-      ] }) })
-    }
-  );
-}
-const VefFilterBaseForwarded = forwardRef(VefFilterBase);
-VefFilterBaseForwarded.displayName = "VefFilterBase";
-function VefFilterWrapper({
-  initialValues,
-  ...restProps
-}, ref) {
-  const { schema } = restProps;
-  const [form] = useForm();
-  const filterEventBus = useSingleton(() => new FilterEventBus());
-  useUnmount(() => {
-    filterEventBus.clear();
-  });
-  const {
-    mergedInitialValues,
-    valueChangeHandlers,
-    virtualFieldNames
-  } = useFilterInitialization(schema, initialValues);
-  const initialState = useMemo(() => ({
-    eventBus: filterEventBus,
-    form,
-    initialValues: mergedInitialValues,
-    valueChangeHandlers,
-    virtualFieldNames
-  }), [
-    filterEventBus,
-    form,
-    mergedInitialValues,
-    valueChangeHandlers,
-    virtualFieldNames
-  ]);
-  return /* @__PURE__ */ jsx(FilterStoreProvider, { initialState, children: /* @__PURE__ */ jsx(VefFilterBaseForwarded, { ref, ...restProps }) });
-}
-const VefFilter = memo(
-  forwardRef(VefFilterWrapper),
-  (prevProps, nextProps) => isDeepEqual(
-    omit(prevProps, ["initialValues", "schema"]),
-    omit(nextProps, ["initialValues", "schema"])
-  )
-);
-VefFilter.displayName = "VefFilter";
-
-export { VefFilter as default };
+`;function ae({schema:o,labelPosition:e="top",labelAlign:n="right",labelWidth:r,disabled:a=!1,loading:i=!1,size:l,variant:s,prefix:m,confirmationButton:u,resetButton:p,extraActionButtons:h,onBeforeConfirm:x,onConfirm:A,onReset:I,onChange:P},R){const[S,w,z,N]=ie(f=>[f.form,f.initialValues,f.isLoading,f.isAdvancedFilterVisible]),{handleReset:c,handleConfirm:y,handleConfirmFailed:D}=Q({onBeforeConfirm:x,onConfirm:A,onReset:I}),{basicItems:j,advancedItems:d}=_(o),H=C(()=>({labelPosition:e,labelAlign:n,labelWidth:r,confirmationButton:u,externalLoading:i,showCollapseButton:d.length>0,handleReset:c,resetButton:p,extraActionButtons:h}),[d.length,u,h,c,n,e,r,i,p]),{handleValuesChange:L}=ee(P);Z(R,c);const F=W()||a||i||z;return t(v,{colon:!1,css:re,disabled:F,form:S,initialValues:w,layout:"inline",size:oe(l),variant:s,onFinish:y,onFinishFailed:D,onValuesChange:L,children:t(k,{value:F,children:E(X,{value:H,children:[t(J,{items:j,prefix:m}),t(T,{children:N&&d.length>0&&t(G,{items:d})})]})})})}const B=b(ae);B.displayName="VefFilterBase";function le({initialValues:o,...e},n){const{schema:r}=e,[a]=ne(),i=q(()=>new K);M(()=>{i.clear()});const{mergedInitialValues:l,valueChangeHandlers:s,virtualFieldNames:m}=Y(r,o),u=C(()=>({eventBus:i,form:a,initialValues:l,valueChangeHandlers:s,virtualFieldNames:m}),[i,a,l,s,m]);return t(te,{initialState:u,children:t(B,{ref:n,...e})})}const V=$(b(le),(o,e)=>O(g(o,["initialValues","schema"]),g(e,["initialValues","schema"])));V.displayName="VefFilter";export{V as default};

package/esm/vef-filter/store.js

@@ -1,72 +1,2 @@
 "use strict";
-import { createComponentStore, isDeepEqual } from '@vef-framework/shared';
-
-"use strict";
-const {
-  StoreProvider: FilterStoreProvider,
-  useStore: useFilterStore,
-  useStoreApi: useFilterStoreApi
-} = createComponentStore(
-  "Filter",
-  (initialState) => (set, get) => ({
-    isAdvancedFilterVisible: false,
-    setIsAdvancedFilterVisible: (isAdvancedFilterVisible) => {
-      set(
-        {
-          isAdvancedFilterVisible
-        }
-      );
-    },
-    isLoading: false,
-    setIsLoading: (isLoading) => {
-      set(
-        {
-          isLoading
-        }
-      );
-    },
-    invokeValueChangeHandlers: (values, keys) => {
-      const {
-        valueChangeHandlers,
-        initialValues,
-        setValues
-      } = get();
-      const valuesToUse = values ?? initialValues;
-      const keySet = keys ? new Set(keys) : null;
-      for (const [name, handler] of Object.entries(valueChangeHandlers)) {
-        if (!keySet || keySet.has(name)) {
-          handler(
-            valuesToUse[name] ?? null,
-            {
-              values: valuesToUse,
-              setValues
-            }
-          );
-        }
-      }
-    },
-    getValues: () => {
-      const { form, initialValues } = get();
-      if (!form.isFieldsTouched(true)) {
-        return form.getFieldsValue();
-      }
-      return initialValues;
-    },
-    setValues: (values) => {
-      const {
-        form,
-        eventBus,
-        invokeValueChangeHandlers
-      } = get();
-      const previousValues = form.getFieldsValue();
-      const changedKeys = Object.keys(values).filter((key) => !isDeepEqual(values[key], previousValues[key]));
-      form.setFieldsValue(values);
-      const currentValues = form.getFieldsValue();
-      eventBus.emitChange(currentValues);
-      invokeValueChangeHandlers(currentValues, changedKeys);
-    },
-    ...initialState
-  })
-);
-
-export { FilterStoreProvider, useFilterStore, useFilterStoreApi };
+import{createComponentStore as c,isDeepEqual as F}from"@vef-framework/shared";const{StoreProvider:g,useStore:v,useStoreApi:S}=c("Filter",d=>(u,r)=>({isAdvancedFilterVisible:!1,setIsAdvancedFilterVisible:e=>{u({isAdvancedFilterVisible:e})},isLoading:!1,setIsLoading:e=>{u({isLoading:e})},invokeValueChangeHandlers:(e,s)=>{const{valueChangeHandlers:a,initialValues:n,setValues:o}=r(),l=e??n,t=s?new Set(s):null;for(const[i,V]of Object.entries(a))(!t||t.has(i))&&V(l[i]??null,{values:l,setValues:o})},getValues:()=>{const{form:e,initialValues:s}=r();return e.isFieldsTouched(!0)?s:e.getFieldsValue()},setValues:e=>{const{form:s,eventBus:a,invokeValueChangeHandlers:n}=r(),o=s.getFieldsValue(),l=Object.keys(e).filter(i=>!F(e[i],o[i]));s.setFieldsValue(e);const t=s.getFieldsValue();a.emitChange(t),n(t,l)},...d}));export{g as FilterStoreProvider,v as useFilterStore,S as useFilterStoreApi};

package/esm/vef-flex/index.js

@@ -1,32 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useGapSizeNormalizer } from '@vef-framework/hooks';
-import { isArray } from '@vef-framework/shared';
-import { Flex } from 'antd';
-import { useMemo } from 'react';
-
-"use strict";
-function VefFlex({
-  gap,
-  ...props
-}) {
-  const normalizeGapSize = useGapSizeNormalizer();
-  const gapToUse = useMemo(() => {
-    if (isArray(gap)) {
-      return [normalizeGapSize(gap[0]), normalizeGapSize(gap[1])].join(" ");
-    }
-    if (gap) {
-      return normalizeGapSize(gap);
-    }
-    return gap;
-  }, [gap, normalizeGapSize]);
-  return /* @__PURE__ */ jsx(
-    Flex,
-    {
-      gap: gapToUse,
-      ...props
-    }
-  );
-}
-
-export { VefFlex as default };
+import{jsx as e}from"@emotion/react/jsx-runtime";import{useGapSizeNormalizer as i}from"@vef-framework/hooks";import{isArray as p}from"@vef-framework/shared";import{Flex as s}from"antd";import{useMemo as a}from"react";function f({gap:o,...t}){const r=i(),m=a(()=>p(o)?[r(o[0]),r(o[1])].join(" "):o&&r(o),[o,r]);return e(s,{gap:m,...t})}export{f as default};

package/esm/vef-float-button/index.js

@@ -1,50 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { useColorTokens } from '@vef-framework/hooks';
-import { FloatButton } from 'antd';
-import { useMemo } from 'react';
-
-"use strict";
-function VefFloatButton({
-  appearance,
-  tip,
-  badge,
-  ...restProps
-}) {
-  const colorTokens = useColorTokens();
-  const badgeProps = useMemo(() => {
-    if (!badge) {
-      return;
-    }
-    const {
-      variant,
-      count,
-      overflowCount,
-      showZero,
-      color
-    } = badge;
-    if (variant === "dot") {
-      return {
-        dot: true,
-        color: color ? colorTokens.get(color) : void 0
-      };
-    }
-    return {
-      count,
-      overflowCount,
-      showZero,
-      color: color ? colorTokens.get(color) : void 0
-    };
-  }, [badge, colorTokens]);
-  return /* @__PURE__ */ jsx(
-    FloatButton,
-    {
-      badge: badgeProps,
-      tooltip: tip,
-      type: appearance,
-      ...restProps
-    }
-  );
-}
-
-export { VefFloatButton as default };
+import{jsx as p}from"@emotion/react/jsx-runtime";import{useColorTokens as l}from"@vef-framework/hooks";import{FloatButton as m}from"antd";import{useMemo as d}from"react";function v({appearance:e,tip:n,badge:t,...u}){const r=l(),i=d(()=>{if(!t)return;const{variant:s,count:a,overflowCount:c,showZero:f,color:o}=t;return s==="dot"?{dot:!0,color:o?r.get(o):void 0}:{count:a,overflowCount:c,showZero:f,color:o?r.get(o):void 0}},[t,r]);return p(m,{badge:i,tooltip:n,type:e,...u})}export{v as default};

package/esm/vef-float-button-group/index.js

@@ -1,21 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { FloatButton } from 'antd';
-
-"use strict";
-const { Group } = FloatButton;
-function VefFloatButtonGroup({
-  collapsable = false,
-  trigger = "click",
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsx(
-    Group,
-    {
-      trigger: collapsable ? trigger : void 0,
-      ...restProps
-    }
-  );
-}
-
-export { VefFloatButtonGroup as default };
+import{jsx as e}from"@emotion/react/jsx-runtime";import{FloatButton as i}from"antd";const{Group:u}=i;function c({collapsable:t=!1,trigger:r="click",...o}){return e(u,{trigger:t?r:void 0,...o})}export{c as default};

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

@@ -1,66 +1,2 @@
 "use strict";
-import { jsx } from '@emotion/react/jsx-runtime';
-import { VefError, isString, isFunction } from '@vef-framework/shared';
-import { useMemo } from 'react';
-import VefIconSelect from '../../../vef-icon-select/index.js';
-import { useComputedValues } from '../../hooks/use-computed-values.js';
-import { useFormStore } from '../../store.js';
-
-"use strict";
-function IconSelect({
-  label,
-  value,
-  disabled,
-  onChange,
-  componentProps
-}) {
-  if (componentProps.type !== "IconSelect") {
-    throw new VefError(-9, `Oops! Something went wrong. The type of the form field is not "IconSelect", but rendered.`);
-  }
-  const {
-    onChange: onValueChange,
-    placeholder,
-    clearable
-  } = componentProps;
-  const [placeholderValue] = useComputedValues([
-    {
-      key: "placeholder",
-      rawValue: placeholder,
-      defaultValue: label ? isString(label) ? `请输入${label}` : "请输入" : void 0
-    }
-  ]);
-  const [form, scene, setValues] = useFormStore((state) => [state.form, state.scene, state.setValues]);
-  const events = useMemo(() => {
-    const events2 = {};
-    events2.onChange = (value2) => {
-      onChange?.(value2);
-      if (isFunction(onValueChange)) {
-        const values = form.getFieldsValue();
-        onValueChange(value2, {
-          scene,
-          values,
-          setValues
-        });
-      }
-    };
-    return events2;
-  }, [
-    form,
-    onChange,
-    onValueChange,
-    scene,
-    setValues
-  ]);
-  return /* @__PURE__ */ jsx(
-    VefIconSelect,
-    {
-      clearable,
-      disabled,
-      placeholder: placeholderValue,
-      value,
-      ...events
-    }
-  );
-}
-
-export { IconSelect as default };
+import{jsx as g}from"@emotion/react/jsx-runtime";import{VefError as V,isString as b,isFunction as w}from"@vef-framework/shared";import{useMemo as C}from"react";import S from"../../../vef-icon-select/index.js";import{useComputedValues as v}from"../../hooks/use-computed-values.js";import{useFormStore as y}from"../../store.js";function F({label:o,value:u,disabled:c,onChange:t,componentProps:l}){if(l.type!=="IconSelect")throw new V(-9,'Oops! Something went wrong. The type of the form field is not "IconSelect", but rendered.');const{onChange:r,placeholder:m,clearable:p}=l,[f]=v([{key:"placeholder",rawValue:m,defaultValue:o?b(o)?`请输入${o}`:"请输入":void 0}]),[a,s,n]=y(e=>[e.form,e.scene,e.setValues]),d=C(()=>{const e={};return e.onChange=i=>{if(t?.(i),w(r)){const h=a.getFieldsValue();r(i,{scene:s,values:h,setValues:n})}},e},[a,t,r,s,n]);return g(S,{clearable:p,disabled:c,placeholder:f,value:u,...d})}export{F as default};

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

@@ -1,26 +1,2 @@
 "use strict";
-import IconSelect from './icon-select.js';
-import Input from './input.js';
-import InputNumber from './input-number.js';
-import Password from './password.js';
-import Radio from './radio.js';
-import Select from './select.js';
-import Textarea from './textarea.js';
-import TreeSelect from './tree-select.js';
-import './props.js';
-
-"use strict";
-const fieldMap = {
-  Input,
-  InputNumber,
-  SingleSelect: Select,
-  MultipleSelect: Select,
-  Radio,
-  Password,
-  Textarea,
-  IconSelect,
-  TreeSingleSelect: TreeSelect,
-  TreeMultipleSelect: TreeSelect
-};
-
-export { fieldMap };
+import t from"./icon-select.js";import o from"./input.js";import m from"./input-number.js";import i from"./password.js";import p from"./radio.js";import e from"./select.js";import l from"./textarea.js";import r from"./tree-select.js";import"./props.js";const f={Input:o,InputNumber:m,SingleSelect:e,MultipleSelect:e,Radio:p,Password:i,Textarea:l,IconSelect:t,TreeSingleSelect:r,TreeMultipleSelect:r};export{f as fieldMap};

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

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