@vef-framework/components 1.0.128 → 1.0.129

package/cjs/vef-error/index.cjs

@@ -1,22 +1,8 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-var lucideReact = require('lucide-react');
-var index = require('../vef-button/index.cjs');
-var index$1 = require('../vef-icon/index.cjs');
-var errorIcon = require('./error-icon.cjs');
-
-"use strict";
-const errorStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),s=require("@emotion/react"),r=require("@vef-framework/shared"),n=require("lucide-react"),c=require("../vef-button/index.cjs"),l=require("../vef-icon/index.cjs"),o=require("./error-icon.cjs");const d=s.css`
   height: 100%;
-  ${shared.styles.flexCenter}
-`;
-const contentStyle = react.css`
+  ${r.styles.flexCenter}
+`,u=s.css`
   width: 40%;
   position: relative;
   top: -60px;
@@ -24,49 +10,20 @@ const contentStyle = react.css`
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  row-gap: ${shared.themeVariables.margin};
+  row-gap: ${r.themeVariables.margin};
 
   > svg {
     width: 70%;
   }
 
   > span {
-    font-size: ${shared.themeVariables.fontSizeLg};
+    font-size: ${r.themeVariables.fontSizeLg};
     font-weight: 500;
-    color: ${shared.themeVariables.colorTextTertiary};
+    color: ${r.themeVariables.colorTextTertiary};
 
     > span {
-      padding-left: ${shared.themeVariables.paddingSm};
-      color: ${shared.themeVariables.colorErrorText};
+      padding-left: ${r.themeVariables.paddingSm};
+      color: ${r.themeVariables.colorErrorText};
     }
   }
-`;
-function VefError({
-  error,
-  reset,
-  componentStack
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { css: errorStyle, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { css: contentStyle, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(errorIcon.default, {}),
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-      "发生错误:",
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: error.message }),
-      componentStack && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        "组件堆栈:",
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: componentStack })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      index.default,
-      {
-        color: "primary",
-        size: "large",
-        icon: /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCwIcon, {}) }),
-        onClick: reset,
-        children: "重试一下"
-      }
-    )
-  ] }) });
-}
-
-exports.default = VefError;
+`;function h({error:t,reset:a,componentStack:i}){return e.jsx("div",{css:d,children:e.jsxs("div",{css:u,children:[e.jsx(o.default,{}),e.jsxs("span",{children:["发生错误:",e.jsx("span",{children:t.message}),i&&e.jsxs(e.Fragment,{children:["组件堆栈:",e.jsx("span",{children:i})]})]}),e.jsx(c.default,{color:"primary",size:"large",icon:e.jsx(l.default,{children:e.jsx(n.RefreshCwIcon,{})}),onClick:a,children:"重试一下"})]})})}exports.default=h;

package/cjs/vef-error/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-filter/components/action-buttons.cjs

@@ -1,22 +1,5 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var lucideReact = require('lucide-react');
-var react$1 = require('motion/react');
-var index$2 = require('../../vef-button/index.cjs');
-var index$1 = require('../../vef-flex/index.cjs');
-var index = require('../../vef-icon/index.cjs');
-var useFilterContext = require('../hooks/use-filter-context.cjs');
-var store = require('../store.cjs');
-
-"use strict";
-const collapseButtonStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),j=require("@emotion/react"),q=require("@vef-framework/hooks"),r=require("@vef-framework/shared"),c=require("lucide-react"),o=require("motion/react"),l=require("../../vef-button/index.cjs"),y=require("../../vef-flex/index.cjs"),u=require("../../vef-icon/index.cjs"),k=require("../hooks/use-filter-context.cjs"),C=require("../store.cjs");const V=j.css`
   &.vef-btn {
     --vef-button-padding-inline: 0;
 
@@ -25,116 +8,13 @@ const collapseButtonStyle = react.css`
 
   .vef-collapse-button-text {
     position: relative;
-    width: calc(${shared.themeVariables.fontSize} * 2 + 4px);
-    height: calc(${shared.themeVariables.controlHeight} - 4px);
+    width: calc(${r.themeVariables.fontSize} * 2 + 4px);
+    height: calc(${r.themeVariables.controlHeight} - 4px);
     text-align: center;
-    line-height: calc(${shared.themeVariables.controlHeight} - 4px);
+    line-height: calc(${r.themeVariables.controlHeight} - 4px);
 
     > span {
       position: absolute;
     }
   }
-`;
-const defaultConfirmationButtonConfig = {
-  text: "搜索",
-  icon: /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, {}) })
-};
-const defaultResetButtonConfig = {
-  text: "重置"
-};
-function VefActionButtons() {
-  const [isLoading, isAdvancedFilterVisible, setIsAdvancedFilterVisible] = store.useFilterStore((state) => [state.isLoading, state.isAdvancedFilterVisible, state.setIsAdvancedFilterVisible]);
-  const [
-    externalLoading,
-    confirmationButton,
-    resetButton,
-    showCollapseButton,
-    handleReset,
-    extraActionButtons
-  ] = useFilterContext.useFilterContextSelector((ctx) => [
-    ctx.externalLoading,
-    ctx.confirmationButton,
-    ctx.resetButton,
-    ctx.showCollapseButton,
-    ctx.handleReset,
-    ctx.extraActionButtons
-  ]);
-  const { controlHeight } = hooks.useThemeTokens();
-  const transitionY = (controlHeight - 4) / 2;
-  const confirmationButtonConfig = confirmationButton ?? defaultConfirmationButtonConfig;
-  const resetButtonConfig = resetButton ?? defaultResetButtonConfig;
-  return /* @__PURE__ */ jsxRuntime.jsxs(index$1.default, { align: "center", gap: "medium", children: [
-    showCollapseButton && /* @__PURE__ */ jsxRuntime.jsxs(
-      index$2.default,
-      {
-        color: "primary",
-        css: collapseButtonStyle,
-        variant: "link",
-        onClick: () => setIsAdvancedFilterVisible(!isAdvancedFilterVisible),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "vef-collapse-button-text", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              react$1.motion.span,
-              {
-                initial: false,
-                animate: {
-                  opacity: isAdvancedFilterVisible ? 1 : 0,
-                  y: isAdvancedFilterVisible ? 0 : -transitionY
-                },
-                children: "收起"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              react$1.motion.span,
-              {
-                initial: false,
-                animate: {
-                  opacity: isAdvancedFilterVisible ? 0 : 1,
-                  y: isAdvancedFilterVisible ? transitionY : 0
-                },
-                children: "展开"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            react$1.motion.span,
-            {
-              initial: false,
-              animate: {
-                rotate: isAdvancedFilterVisible ? -180 : 0,
-                transition: {
-                  bounce: 0
-                }
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsx(index.default, { size: "large", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, {}) })
-            }
-          )
-        ]
-      }
-    ),
-    resetButtonConfig && /* @__PURE__ */ jsxRuntime.jsx(
-      index$2.default,
-      {
-        color: "default",
-        variant: "filled",
-        onClick: handleReset,
-        ...shared.omit(resetButtonConfig, ["text"]),
-        children: resetButtonConfig.text
-      }
-    ),
-    confirmationButtonConfig && /* @__PURE__ */ jsxRuntime.jsx(
-      index$2.default,
-      {
-        color: "primary",
-        icon: confirmationButtonConfig.icon,
-        loading: externalLoading || isLoading,
-        type: "submit",
-        ...shared.omit(confirmationButtonConfig, ["text"]),
-        children: confirmationButtonConfig.text
-      }
-    ),
-    extraActionButtons
-  ] });
-}
-
-exports.default = VefActionButtons;
+`,$={text:"搜索",icon:e.jsx(u.default,{children:e.jsx(c.SearchIcon,{})})},B={text:"重置"};function F(){const[d,i,x]=C.useFilterStore(t=>[t.isLoading,t.isAdvancedFilterVisible,t.setIsAdvancedFilterVisible]),[h,p,v,m,f,g]=k.useFilterContextSelector(t=>[t.externalLoading,t.confirmationButton,t.resetButton,t.showCollapseButton,t.handleReset,t.extraActionButtons]),{controlHeight:b}=q.useThemeTokens(),s=(b-4)/2,n=p??$,a=v??B;return e.jsxs(y.default,{align:"center",gap:"medium",children:[m&&e.jsxs(l.default,{color:"primary",css:V,variant:"link",onClick:()=>x(!i),children:[e.jsxs("span",{className:"vef-collapse-button-text",children:[e.jsx(o.motion.span,{initial:!1,animate:{opacity:i?1:0,y:i?0:-s},children:"收起"}),e.jsx(o.motion.span,{initial:!1,animate:{opacity:i?0:1,y:i?s:0},children:"展开"})]}),e.jsx(o.motion.span,{initial:!1,animate:{rotate:i?-180:0,transition:{bounce:0}},children:e.jsx(u.default,{size:"large",children:e.jsx(c.ChevronDownIcon,{})})})]}),a&&e.jsx(l.default,{color:"default",variant:"filled",onClick:f,...r.omit(a,["text"]),children:a.text}),n&&e.jsx(l.default,{color:"primary",icon:n.icon,loading:h||d,type:"submit",...r.omit(n,["text"]),children:n.text}),g]})}exports.default=F;

package/cjs/vef-filter/components/advanced-filter.cjs

@@ -1,77 +1,10 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-var react$1 = require('motion/react');
-var index = require('../../vef-responsive-container/index.cjs');
-var index$1 = require('../../vef-responsive-item/index.cjs');
-var useFilterContext = require('../hooks/use-filter-context.cjs');
-var useLabelConfig = require('../hooks/use-label-config.cjs');
-var filterItem = require('./filter-item.cjs');
-
-"use strict";
-const filterItemMinWidth = 200;
-const advancedFilterWrapperStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),e=require("@vef-framework/shared"),g=require("motion/react"),p=require("../../vef-responsive-container/index.cjs"),v=require("../../vef-responsive-item/index.cjs"),f=require("../hooks/use-filter-context.cjs"),x=require("../hooks/use-label-config.cjs"),q=require("./filter-item.cjs");const l=200,$=t.css`
   overflow: hidden;
-`;
-const advancedFilterStyle = react.css`
-  margin-top: ${shared.themeVariables.margin};
-  background-color: ${shared.themeVariables.colorFillAlt};
-  padding: ${shared.themeVariables.padding};
-  border-radius: ${shared.themeVariables.borderRadiusLg};
-  border: ${shared.themeVariables.lineWidth} ${shared.themeVariables.lineType} ${shared.themeVariables.colorBorderSecondary};
-`;
-const animateConfig = {
-  opacity: 1,
-  height: "auto",
-  transition: {
-    ease: "easeInOut",
-    duration: 0.2
-  }
-};
-const initialConfig = {
-  opacity: 0,
-  height: 0
-};
-function VefAdvancedFilter({
-  items
-}) {
-  const [labelPosition, labelAlign, labelWidth] = useFilterContext.useFilterContextSelector((ctx) => [ctx.labelPosition, ctx.labelAlign, ctx.labelWidth]);
-  const { labelWidthToUse, labelCol } = useLabelConfig.useLabelConfig(labelPosition, labelWidth);
-  const filterItemMinWidthToUse = labelPosition === "top" ? filterItemMinWidth : filterItemMinWidth + (labelWidthToUse ?? 80);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    react$1.motion.div,
-    {
-      animate: animateConfig,
-      css: advancedFilterWrapperStyle,
-      exit: initialConfig,
-      initial: initialConfig,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        index.default,
-        {
-          baseItemWidth: filterItemMinWidthToUse,
-          css: advancedFilterStyle,
-          gap: "large",
-          children: items.map((item) => {
-            const { name, span } = item;
-            return /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { span: span ?? 1, children: /* @__PURE__ */ jsxRuntime.jsx(
-              filterItem.default,
-              {
-                item,
-                labelAlign,
-                labelCol,
-                layout: labelPosition === "top" ? "vertical" : "horizontal"
-              }
-            ) }, name);
-          })
-        }
-      )
-    }
-  );
-}
-
-exports.default = VefAdvancedFilter;
+`,V=t.css`
+  margin-top: ${e.themeVariables.margin};
+  background-color: ${e.themeVariables.colorFillAlt};
+  padding: ${e.themeVariables.padding};
+  border-radius: ${e.themeVariables.borderRadiusLg};
+  border: ${e.themeVariables.lineWidth} ${e.themeVariables.lineType} ${e.themeVariables.colorBorderSecondary};
+`,j={opacity:1,height:"auto",transition:{ease:"easeInOut",duration:.2}},s={opacity:0,height:0};function y({items:o}){const[i,n,d]=f.useFilterContextSelector(r=>[r.labelPosition,r.labelAlign,r.labelWidth]),{labelWidthToUse:u,labelCol:c}=x.useLabelConfig(i,d),b=i==="top"?l:l+(u??80);return a.jsx(g.motion.div,{animate:j,css:$,exit:s,initial:s,children:a.jsx(p.default,{baseItemWidth:b,css:V,gap:"large",children:o.map(r=>{const{name:h,span:m}=r;return a.jsx(v.default,{span:m??1,children:a.jsx(q.default,{item:r,labelAlign:n,labelCol:c,layout:i==="top"?"vertical":"horizontal"})},h)})})})}exports.default=y;

package/cjs/vef-filter/components/basic-filter.cjs

@@ -1,23 +1,10 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var clsx = require('clsx');
-var actionButtons = require('./action-buttons.cjs');
-var filterItem = require('./filter-item.cjs');
-
-"use strict";
-const basicFilterStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),l=require("@emotion/react"),s=require("@vef-framework/shared"),f=require("antd"),m=require("clsx"),u=require("./action-buttons.cjs"),d=require("./filter-item.cjs");const v=l.css`
   &.vef-filter-basic-items-with-prefix {
     display: grid;
     grid-template-columns: max-content 1fr;
     align-items: center;
-    gap: ${shared.themeVariables.margin};
+    gap: ${s.themeVariables.margin};
   }
 
   .vef-filter-basic-items-prefix {
@@ -28,28 +15,6 @@ const basicFilterStyle = react.css`
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-end;
-    gap: ${shared.themeVariables.margin};
+    gap: ${s.themeVariables.margin};
   }
-`;
-function VefBasicFilter({
-  items,
-  prefix
-}) {
-  const className = clsx({
-    "vef-filter-basic-items-with-prefix": !!prefix,
-    "vef-filter-basic-items-content": !prefix
-  });
-  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    items.map((item) => {
-      const { name } = item;
-      return /* @__PURE__ */ jsxRuntime.jsx(filterItem.default, { item }, name);
-    }),
-    /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(actionButtons.default, {}) })
-  ] });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, css: basicFilterStyle, children: [
-    prefix && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vef-filter-basic-items-prefix", children: prefix }),
-    prefix ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vef-filter-basic-items-content", children: content }) : content
-  ] });
-}
-
-exports.default = VefBasicFilter;
+`;function o({items:a,prefix:i}){const n=m({"vef-filter-basic-items-with-prefix":!!i,"vef-filter-basic-items-content":!i}),t=e.jsxs(e.Fragment,{children:[a.map(r=>{const{name:c}=r;return e.jsx(d.default,{item:r},c)}),e.jsx(f.Form.Item,{children:e.jsx(u.default,{})})]});return e.jsxs("div",{className:n,css:v,children:[i&&e.jsx("div",{className:"vef-filter-basic-items-prefix",children:i}),i?e.jsx("div",{className:"vef-filter-basic-items-content",children:t}):t]})}exports.default=o;

package/cjs/vef-filter/components/fields/index.cjs

@@ -1,22 +1,2 @@
 "use strict";
-'use strict';
-
-var input = require('./input.cjs');
-var inputNumber = require('./input-number.cjs');
-var radio = require('./radio.cjs');
-var select = require('./select.cjs');
-var treeSelect = require('./tree-select.cjs');
-require('./props.cjs');
-
-"use strict";
-const fieldMap = {
-  Input: input.default,
-  InputNumber: inputNumber.default,
-  Radio: radio.default,
-  SingleSelect: select.default,
-  MultipleSelect: select.default,
-  TreeSingleSelect: treeSelect.default,
-  TreeMultipleSelect: treeSelect.default
-};
-
-exports.fieldMap = fieldMap;
+"use strict";var t=require("./input.cjs"),u=require("./input-number.cjs"),l=require("./radio.cjs"),e=require("./select.cjs"),r=require("./tree-select.cjs");require("./props.cjs");const i={Input:t.default,InputNumber:u.default,Radio:l.default,SingleSelect:e.default,MultipleSelect:e.default,TreeSingleSelect:r.default,TreeMultipleSelect:r.default};exports.fieldMap=i;

package/cjs/vef-filter/components/fields/input-number.cjs

@@ -1,95 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var shared = require('@vef-framework/shared');
-var react = require('react');
-var index = require('../../../vef-input-number/index.cjs');
-var useComputedValues = require('../../hooks/use-computed-values.cjs');
-var store = require('../../store.cjs');
-
-"use strict";
-function InputNumber({
-  label,
-  disabled,
-  value,
-  onChange,
-  componentProps
-}) {
-  if (componentProps.type !== "InputNumber") {
-    throw new shared.VefError(-9, `Oops! Something went wrong. The type of the filter field is not "InputNumber", but rendered.`);
-  }
-  const {
-    onChange: onValueChange,
-    onEnterKeyPress,
-    placeholder,
-    prefix,
-    suffix,
-    max,
-    min
-  } = componentProps;
-  const [form, setValues] = store.useFilterStore((state) => [state.form, state.setValues]);
-  const [placeholderValue, maxValue, minValue, prefixValue, suffixValue] = useComputedValues.useComputedValues([
-    {
-      key: "placeholder",
-      rawValue: placeholder,
-      defaultValue: label ? shared.isString(label) ? `请输入${label}` : "请输入" : void 0
-    },
-    {
-      key: "max",
-      rawValue: max
-    },
-    {
-      key: "min",
-      rawValue: min
-    },
-    {
-      key: "prefix",
-      rawValue: prefix
-    },
-    {
-      key: "suffix",
-      rawValue: suffix
-    }
-  ]);
-  const events = react.useMemo(() => {
-    const events2 = {};
-    events2.onChange = (value2) => {
-      onChange?.(value2);
-      if (shared.isFunction(onValueChange)) {
-        const values = form.getFieldsValue();
-        onValueChange(value2, {
-          values,
-          setValues
-        });
-      }
-    };
-    if (shared.isFunction(onEnterKeyPress)) {
-      events2.onPressEnter = (value2) => {
-        const values = form.getFieldsValue();
-        onEnterKeyPress(value2, {
-          values,
-          setValues
-        });
-      };
-    }
-    return events2;
-  }, [form, onChange, onEnterKeyPress, onValueChange, setValues]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    index.default,
-    {
-      disabled,
-      max: maxValue,
-      min: minValue,
-      placeholder: placeholderValue,
-      prefix: prefixValue,
-      suffix: suffixValue,
-      value,
-      ...events
-    }
-  );
-}
-
-exports.default = InputNumber;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var F=require("@emotion/react/jsx-runtime"),u=require("@vef-framework/shared"),k=require("react"),C=require("../../../vef-input-number/index.cjs"),P=require("../../hooks/use-computed-values.cjs"),j=require("../../store.cjs");function E({label:a,disabled:f,value:c,onChange:o,componentProps:d}){if(d.type!=="InputNumber")throw new u.VefError(-9,'Oops! Something went wrong. The type of the filter field is not "InputNumber", but rendered.');const{onChange:t,onEnterKeyPress:s,placeholder:p,prefix:m,suffix:V,max:v,min:x}=d,[n,i]=j.useFilterStore(e=>[e.form,e.setValues]),[h,w,y,g,b]=P.useComputedValues([{key:"placeholder",rawValue:p,defaultValue:a?u.isString(a)?`请输入${a}`:"请输入":void 0},{key:"max",rawValue:v},{key:"min",rawValue:x},{key:"prefix",rawValue:m},{key:"suffix",rawValue:V}]),q=k.useMemo(()=>{const e={};return e.onChange=r=>{if(o?.(r),u.isFunction(t)){const l=n.getFieldsValue();t(r,{values:l,setValues:i})}},u.isFunction(s)&&(e.onPressEnter=r=>{const l=n.getFieldsValue();s(r,{values:l,setValues:i})}),e},[n,o,s,t,i]);return F.jsx(C.default,{disabled:f,max:w,min:y,placeholder:h,prefix:g,suffix:b,value:c,...q})}exports.default=E;

package/cjs/vef-filter/components/fields/input.cjs

@@ -1,72 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var shared = require('@vef-framework/shared');
-var react = require('react');
-var index = require('../../../vef-input/index.cjs');
-var useComputedValues = require('../../hooks/use-computed-values.cjs');
-var store = require('../../store.cjs');
-
-"use strict";
-function Input({
-  label,
-  disabled,
-  value,
-  onChange,
-  componentProps
-}) {
-  if (componentProps.type !== "Input") {
-    throw new shared.VefError(-9, `Oops! Something went wrong. The type of the filter field is not "Input", but rendered.`);
-  }
-  const {
-    onChange: onValueChange,
-    onEnterKeyPress,
-    placeholder
-  } = componentProps;
-  const [form, setValues] = store.useFilterStore((state) => [state.form, state.setValues]);
-  const [placeholderValue] = useComputedValues.useComputedValues([
-    {
-      key: "placeholder",
-      rawValue: placeholder,
-      defaultValue: label ? shared.isString(label) ? `请输入${label}` : "请输入" : void 0
-    }
-  ]);
-  const events = react.useMemo(() => {
-    const events2 = {};
-    events2.onChange = (value2) => {
-      onChange?.(value2);
-      if (shared.isFunction(onValueChange)) {
-        const values = form.getFieldsValue();
-        onValueChange(value2, {
-          values,
-          setValues
-        });
-      }
-    };
-    if (shared.isFunction(onEnterKeyPress)) {
-      events2.onPressEnter = (value2) => {
-        const values = form.getFieldsValue();
-        onEnterKeyPress(value2, {
-          values,
-          setValues
-        });
-      };
-    }
-    return events2;
-  }, [form, onChange, onEnterKeyPress, onValueChange, setValues]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    index.default,
-    {
-      clearable: true,
-      disabled,
-      placeholder: placeholderValue,
-      value,
-      ...events
-    }
-  );
-}
-
-exports.default = Input;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var V=require("@emotion/react/jsx-runtime"),t=require("@vef-framework/shared"),g=require("react"),m=require("../../../vef-input/index.cjs"),b=require("../../hooks/use-computed-values.cjs"),q=require("../../store.cjs");function y({label:u,disabled:c,value:p,onChange:i,componentProps:d}){if(d.type!=="Input")throw new t.VefError(-9,'Oops! Something went wrong. The type of the filter field is not "Input", but rendered.');const{onChange:s,onEnterKeyPress:n,placeholder:f}=d,[a,l]=q.useFilterStore(e=>[e.form,e.setValues]),[v]=b.useComputedValues([{key:"placeholder",rawValue:f,defaultValue:u?t.isString(u)?`请输入${u}`:"请输入":void 0}]),h=g.useMemo(()=>{const e={};return e.onChange=r=>{if(i?.(r),t.isFunction(s)){const o=a.getFieldsValue();s(r,{values:o,setValues:l})}},t.isFunction(n)&&(e.onPressEnter=r=>{const o=a.getFieldsValue();n(r,{values:o,setValues:l})}),e},[a,i,n,s,l]);return V.jsx(m.default,{clearable:!0,disabled:c,placeholder:v,value:p,...h})}exports.default=y;

package/cjs/vef-filter/components/fields/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";