@vef-framework/components 1.0.64 → 1.0.66

package/es/vef-error/index.js

@@ -1,17 +1,8 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { styles, themeVariables } from '@vef-framework/shared';
-import { RefreshCwIcon } from 'lucide-react';
-import VefButton from '../vef-button/index.js';
-import VefIcon from '../vef-icon/index.js';
-import Memo from './error-icon.js';
-
-const errorStyle = css`
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
+import{jsx as r,jsxs as e,Fragment as o}from"@emotion/react/jsx-runtime";import{css as i}from"@emotion/react";import{styles as t,themeVariables as n}from"@vef-framework/shared";import{RefreshCwIcon as c}from"lucide-react";import s from"../vef-button/index.js";import l from"../vef-icon/index.js";import m from"./error-icon.js";const a=i`
   height: 100%;
-  ${styles.flexCenter}
-`;
-const contentStyle = css`
+  ${t.flexCenter}
+`,d=i`
   width: 40%;
   position: relative;
   top: -60px;
@@ -19,50 +10,21 @@ const contentStyle = css`
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  row-gap: ${themeVariables.margin};
+  row-gap: ${n.margin};
 
   > svg {
     width: 70%;
   }
 
   > span {
-    font-size: ${themeVariables.fontSizeLg};
+    font-size: ${n.fontSizeLg};
     font-weight: 500;
-    color: ${themeVariables.colorTextTertiary};
+    color: ${n.colorTextTertiary};
 
     > span {
-      padding-left: ${themeVariables.paddingSm};
-      color: ${themeVariables.colorErrorText};
+      padding-left: ${n.paddingSm};
+      color: ${n.colorErrorText};
     }
   }
-`;
-function VefError({
-  error,
-  reset,
-  componentStack
-}) {
-  return /* @__PURE__ */ jsx("div", { css: errorStyle, children: /* @__PURE__ */ jsxs("div", { css: contentStyle, children: [
-    /* @__PURE__ */ jsx(Memo, {}),
-    /* @__PURE__ */ jsxs("span", { children: [
-      "\u53D1\u751F\u9519\u8BEF:",
-      /* @__PURE__ */ jsx("span", { children: error.message }),
-      componentStack && /* @__PURE__ */ jsxs(Fragment, { children: [
-        "\u7EC4\u4EF6\u5806\u6808:",
-        /* @__PURE__ */ jsx("span", { children: componentStack })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      VefButton,
-      {
-        color: "primary",
-        size: "large",
-        icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(RefreshCwIcon, {}) }),
-        onClick: reset,
-        children: "\u91CD\u8BD5\u4E00\u4E0B"
-      }
-    )
-  ] }) });
-}
-
-export { VefError as default };
+`;function VefError({error:i,reset:t,componentStack:n}){return r("div",{css:a,children:e("div",{css:d,children:[r(m,{}),e("span",{children:["发生错误:",r("span",{children:i.message}),n&&e(o,{children:["组件堆栈:",r("span",{children:n})]})]}),r(s,{color:"primary",size:"large",icon:r(l,{children:r(c,{})}),onClick:t,children:"重试一下"})]})})}export{VefError 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-filter/components/action-buttons.js

@@ -1,24 +1,5 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { useThemeTokens } from '@vef-framework/hooks';
-import { themeVariables, omit } from '@vef-framework/shared';
-import { SearchIcon, ChevronDownIcon } from 'lucide-react';
-import { motion } from 'motion/react';
-import VefButton from '../../vef-button/index.js';
-import VefFlex from '../../vef-flex/index.js';
-import VefIcon from '../../vef-icon/index.js';
-import { useFilterContextSelector } from '../hooks/use-filter-context.js';
-import { useFilterStore } from '../store.js';
-
-const defaultConfirmationButtonConfig = {
-  text: "\u641C\u7D22",
-  icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(SearchIcon, {}) })
-};
-const defaultResetButtonConfig = {
-  text: "\u91CD\u7F6E"
-};
-const collapseButtonStyle = css`
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
+import{jsx as t,jsxs as e}from"@emotion/react/jsx-runtime";import{css as i}from"@emotion/react";import{useThemeTokens as o}from"@vef-framework/hooks";import{themeVariables as n,omit as r}from"@vef-framework/shared";import{SearchIcon as a,ChevronDownIcon as l}from"lucide-react";import{motion as c}from"motion/react";import s from"../../vef-button/index.js";import m from"../../vef-flex/index.js";import p from"../../vef-icon/index.js";import{useFilterContextSelector as f}from"../hooks/use-filter-context.js";import{useFilterStore as d}from"../store.js";const h={text:"搜索",icon:t(p,{children:t(a,{})})},u={text:"重置"},x=i`
   &.vef-btn {
     --vef-button-padding-inline: 0;
 
@@ -27,108 +8,14 @@ const collapseButtonStyle = css`
 
   .vef-collapse-button-text {
     position: relative;
-    width: calc(${themeVariables.fontSize} * 2 + 4px);
-    height: calc(${themeVariables.controlHeight} - 4px);
+    width: calc(${n.fontSize} * 2 + 4px);
+    height: calc(${n.controlHeight} - 4px);
     text-align: center;
-    line-height: calc(${themeVariables.controlHeight} - 4px);
+    line-height: calc(${n.controlHeight} - 4px);
 
     > span {
       position: absolute;
     }
   }
-`;
-function VefActionButtons() {
-  const [isLoading, isAdvancedFilterVisible, setIsAdvancedFilterVisible] = useFilterStore((state) => [state.isLoading, state.isAdvancedFilterVisible, state.setIsAdvancedFilterVisible]);
-  const [
-    externalLoading,
-    confirmationButton = defaultConfirmationButtonConfig,
-    resetButton = defaultResetButtonConfig,
-    showCollapseButton,
-    handleReset,
-    extraActionButtons
-  ] = useFilterContextSelector((ctx) => [
-    ctx.externalLoading,
-    ctx.confirmationButton,
-    ctx.resetButton,
-    ctx.showCollapseButton,
-    ctx.handleReset,
-    ctx.extraActionButtons
-  ]);
-  const { controlHeight } = useThemeTokens();
-  const transitionY = (controlHeight - 4) / 2;
-  return /* @__PURE__ */ jsxs(VefFlex, { align: "center", gap: "medium", children: [
-    showCollapseButton && /* @__PURE__ */ jsxs(
-      VefButton,
-      {
-        color: "primary",
-        css: collapseButtonStyle,
-        variant: "link",
-        onClick: () => setIsAdvancedFilterVisible(!isAdvancedFilterVisible),
-        children: [
-          /* @__PURE__ */ jsxs("span", { className: "vef-collapse-button-text", children: [
-            /* @__PURE__ */ jsx(
-              motion.span,
-              {
-                initial: false,
-                animate: {
-                  opacity: isAdvancedFilterVisible ? 1 : 0,
-                  y: isAdvancedFilterVisible ? 0 : -transitionY
-                },
-                children: "\u6536\u8D77"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              motion.span,
-              {
-                initial: false,
-                animate: {
-                  opacity: isAdvancedFilterVisible ? 0 : 1,
-                  y: isAdvancedFilterVisible ? transitionY : 0
-                },
-                children: "\u5C55\u5F00"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            motion.span,
-            {
-              initial: false,
-              animate: {
-                rotate: isAdvancedFilterVisible ? -180 : 0,
-                transition: {
-                  bounce: 0
-                }
-              },
-              children: /* @__PURE__ */ jsx(VefIcon, { size: "large", children: /* @__PURE__ */ jsx(ChevronDownIcon, {}) })
-            }
-          )
-        ]
-      }
-    ),
-    resetButton && /* @__PURE__ */ jsx(
-      VefButton,
-      {
-        color: "default",
-        variant: "filled",
-        onClick: handleReset,
-        ...omit(resetButton, ["text"]),
-        children: resetButton.text
-      }
-    ),
-    confirmationButton && /* @__PURE__ */ jsx(
-      VefButton,
-      {
-        color: "primary",
-        icon: confirmationButton.icon,
-        loading: externalLoading || isLoading,
-        type: "submit",
-        ...omit(confirmationButton, ["text"]),
-        children: confirmationButton.text
-      }
-    ),
-    extraActionButtons
-  ] });
-}
-
-export { VefActionButtons as default };
+`;function VefActionButtons(){const[i,n,a]=d((t=>[t.isLoading,t.isAdvancedFilterVisible,t.setIsAdvancedFilterVisible])),[g,v=h,b=u,k,y,j]=f((t=>[t.externalLoading,t.confirmationButton,t.resetButton,t.showCollapseButton,t.handleReset,t.extraActionButtons])),{controlHeight:B}=o(),A=(B-4)/2;return e(m,{align:"center",gap:"medium",children:[k&&e(s,{color:"primary",css:x,variant:"link",onClick:()=>a(!n),children:[e("span",{className:"vef-collapse-button-text",children:[t(c.span,{initial:!1,animate:{opacity:n?1:0,y:n?0:-A},children:"收起"}),t(c.span,{initial:!1,animate:{opacity:n?0:1,y:n?A:0},children:"展开"})]}),t(c.span,{initial:!1,animate:{rotate:n?-180:0,transition:{bounce:0}},children:t(p,{size:"large",children:t(l,{})})})]}),b&&t(s,{color:"default",variant:"filled",onClick:y,...r(b,["text"]),children:b.text}),v&&t(s,{color:"primary",icon:v.icon,loading:g||i,type:"submit",...r(v,["text"]),children:v.text}),j]})}export{VefActionButtons 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-filter/components/advanced-filter.js

@@ -1,73 +1,11 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { themeVariables } from '@vef-framework/shared';
-import { motion } from 'motion/react';
-import VefResponsiveContainer from '../../vef-responsive-container/index.js';
-import VefResponsiveItem from '../../vef-responsive-item/index.js';
-import { useFilterContextSelector } from '../hooks/use-filter-context.js';
-import { useLabelConfig } from '../hooks/use-label-config.js';
-import VefFilterItem from './filter-item.js';
-
-const filterItemMinWidth = 200;
-const advancedFilterWrapperStyle = css`
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{themeVariables as i}from"@vef-framework/shared";import{motion as r}from"motion/react";import t from"../../vef-responsive-container/index.js";import a from"../../vef-responsive-item/index.js";import{useFilterContextSelector as n}from"../hooks/use-filter-context.js";import{useLabelConfig as l}from"../hooks/use-label-config.js";import s from"./filter-item.js";const m=o`
   overflow: hidden;
-`;
-const advancedFilterStyle = css`
-  margin-top: ${themeVariables.margin};
-  background-color: ${themeVariables.colorFillAlt};
-  padding: ${themeVariables.padding};
-  border-radius: ${themeVariables.borderRadiusLg};
-  border: ${themeVariables.lineWidth} ${themeVariables.lineType} ${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] = useFilterContextSelector((ctx) => [ctx.labelPosition, ctx.labelAlign, ctx.labelWidth]);
-  const { labelWidthToUse, labelCol } = useLabelConfig(labelPosition, labelWidth);
-  const filterItemMinWidthToUse = labelPosition === "top" ? filterItemMinWidth : filterItemMinWidth + (labelWidthToUse ?? 80);
-  return /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      animate: animateConfig,
-      css: advancedFilterWrapperStyle,
-      exit: initialConfig,
-      initial: initialConfig,
-      children: /* @__PURE__ */ jsx(
-        VefResponsiveContainer,
-        {
-          baseItemWidth: filterItemMinWidthToUse,
-          css: advancedFilterStyle,
-          gap: "large",
-          children: items.map((item) => {
-            const { name, span } = item;
-            return /* @__PURE__ */ jsx(VefResponsiveItem, { span: span ?? 1, children: /* @__PURE__ */ jsx(
-              VefFilterItem,
-              {
-                item,
-                labelAlign,
-                labelCol,
-                layout: labelPosition === "top" ? "vertical" : "horizontal"
-              }
-            ) }, name);
-          })
-        }
-      )
-    }
-  );
-}
-
-export { VefAdvancedFilter as default };
+`,d=o`
+  margin-top: ${i.margin};
+  background-color: ${i.colorFillAlt};
+  padding: ${i.padding};
+  border-radius: ${i.borderRadiusLg};
+  border: ${i.lineWidth} ${i.lineType} ${i.colorBorderSecondary};
+`,c={opacity:1,height:"auto",transition:{ease:"easeInOut",duration:.2}},p={opacity:0,height:0};function VefAdvancedFilter({items:o}){const[i,f,h]=n((e=>[e.labelPosition,e.labelAlign,e.labelWidth])),{labelWidthToUse:u,labelCol:b}=l(i,h),g="top"===i?200:200+(u??80);return e(r.div,{animate:c,css:m,exit:p,initial:p,children:e(t,{baseItemWidth:g,css:d,gap:"large",children:o.map((o=>{const{name:r,span:t}=o;return e(a,{span:t??1,children:e(s,{item:o,labelAlign:f,labelCol:b,layout:"top"===i?"vertical":"horizontal"})},r)}))})})}export{VefAdvancedFilter 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-filter/components/basic-filter.js

@@ -1,18 +1,10 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { themeVariables } from '@vef-framework/shared';
-import { Form } from 'antd';
-import clsx from 'clsx';
-import VefActionButtons from './action-buttons.js';
-import VefFilterItem from './filter-item.js';
-
-const basicFilterStyle = css`
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
+import{jsxs as e,Fragment as i,jsx as t}from"@emotion/react/jsx-runtime";import{css as r}from"@emotion/react";import{themeVariables as s}from"@vef-framework/shared";import{Form as m}from"antd";import f from"clsx";import n from"./action-buttons.js";import a from"./filter-item.js";const c=r`
   &.vef-filter-basic-items-with-prefix {
     display: grid;
     grid-template-columns: max-content 1fr;
     align-items: center;
-    gap: ${themeVariables.margin};
+    gap: ${s.margin};
   }
 
   .vef-filter-basic-items-prefix {
@@ -23,29 +15,7 @@ const basicFilterStyle = css`
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-end;
-    gap: ${themeVariables.margin};
+    gap: ${s.margin};
   }
-`;
-function VefBasicFilter({
-  items,
-  prefix
-}) {
-  const className = clsx({
-    "vef-filter-basic-items-with-prefix": !!prefix,
-    "vef-filter-basic-items-content": !prefix
-  });
-  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    items.map((item) => {
-      const { name } = item;
-      return /* @__PURE__ */ jsx(VefFilterItem, { item }, name);
-    }),
-    /* @__PURE__ */ jsx(Form.Item, { children: /* @__PURE__ */ jsx(VefActionButtons, {}) })
-  ] });
-  return /* @__PURE__ */ jsxs("div", { className, css: basicFilterStyle, children: [
-    prefix && /* @__PURE__ */ jsx("div", { className: "vef-filter-basic-items-prefix", children: prefix }),
-    prefix ? /* @__PURE__ */ jsx("div", { className: "vef-filter-basic-items-content", children: content }) : content
-  ] });
-}
-
-export { VefBasicFilter as default };
+`;function VefBasicFilter({items:r,prefix:s}){const o=f({"vef-filter-basic-items-with-prefix":!!s,"vef-filter-basic-items-content":!s}),l=e(i,{children:[r.map((e=>{const{name:i}=e;return t(a,{item:e},i)})),t(m.Item,{children:t(n,{})})]});return e("div",{className:o,css:c,children:[s&&t("div",{className:"vef-filter-basic-items-prefix",children:s}),s?t("div",{className:"vef-filter-basic-items-content",children:l}):l]})}export{VefBasicFilter 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-filter/components/fields/index.js

@@ -1,12 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import Input from './input.js';
-import InputNumber from './input-number.js';
-
-
-const fieldMap = {
-  Input,
-  InputNumber
-};
-
-export { fieldMap };
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
+import p from"./input.js";import r from"./input-number.js";const t={Input:p,InputNumber:r};export{t as fieldMap};
 /*! 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-filter/components/fields/input-number.js

@@ -1,91 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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 { useFilterStore } 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 filter field is not "InputNumber", but rendered.`);
-  }
-  const {
-    onChange: onValueChange,
-    onEnterKeyPress,
-    placeholder,
-    prefix,
-    suffix,
-    max,
-    min
-  } = componentProps;
-  const [form, setValues] = useFilterStore((state) => [state.form, 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 = {};
-    events2.onChange = (value2) => {
-      onChange?.(value2);
-      if (isFunction(onValueChange)) {
-        const values = form.getFieldsValue();
-        onValueChange(value2, {
-          values,
-          setValues
-        });
-      }
-    };
-    if (isFunction(onEnterKeyPress)) {
-      events2.onPressEnter = (value2) => {
-        const values = form.getFieldsValue();
-        onEnterKeyPress(value2, {
-          values,
-          setValues
-        });
-      };
-    }
-    return events2;
-  }, [form, onChange, onEnterKeyPress, onValueChange, setValues]);
-  return /* @__PURE__ */ jsx(
-    VefInputNumber,
-    {
-      disabled,
-      max: maxValue,
-      min: minValue,
-      placeholder: placeholderValue,
-      prefix: prefixValue,
-      suffix: suffixValue,
-      value,
-      ...events
-    }
-  );
-}
-
-export { InputNumber as default };
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{VefError as r,isString as o,isFunction as t}from"@vef-framework/shared";import{useMemo as a}from"react";import n from"../../../vef-input-number/index.js";import{useComputedValues as u}from"../../hooks/use-computed-values.js";import{useFilterStore as s}from"../../store.js";function InputNumber({label:l,disabled:i,value:m,onChange:f,componentProps:p}){if("InputNumber"!==p.type)throw new r(-9,'Oops! Something went wrong. The type of the filter field is not "InputNumber", but rendered.');const{onChange:d,onEnterKeyPress:c,placeholder:h,prefix:x,suffix:V,max:w,min:b}=p,[v,y]=s((e=>[e.form,e.setValues])),[g,k,j,I,N]=u([{key:"placeholder",rawValue:h,defaultValue:l?o(l)?`请输入${l}`:"请输入":void 0},{key:"max",rawValue:w},{key:"min",rawValue:b},{key:"prefix",rawValue:x},{key:"suffix",rawValue:V}]),C=a((()=>{const e={onChange:e=>{if(f?.(e),t(d)){const r=v.getFieldsValue();d(e,{values:r,setValues:y})}}};return t(c)&&(e.onPressEnter=e=>{const r=v.getFieldsValue();c(e,{values:r,setValues:y})}),e}),[v,f,c,d,y]);return e(n,{disabled:i,max:k,min:j,placeholder:g,prefix:I,suffix:N,value:m,...C})}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-filter/components/fields/input.js

@@ -1,68 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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 { useFilterStore } 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 filter field is not "Input", but rendered.`);
-  }
-  const {
-    onChange: onValueChange,
-    onEnterKeyPress,
-    placeholder
-  } = componentProps;
-  const [form, setValues] = useFilterStore((state) => [state.form, state.setValues]);
-  const [placeholderValue] = useComputedValues([
-    {
-      key: "placeholder",
-      rawValue: placeholder,
-      defaultValue: label ? isString(label) ? `\u8BF7\u8F93\u5165${label}` : "\u8BF7\u8F93\u5165" : void 0
-    }
-  ]);
-  const events = useMemo(() => {
-    const events2 = {};
-    events2.onChange = (value2) => {
-      onChange?.(value2);
-      if (isFunction(onValueChange)) {
-        const values = form.getFieldsValue();
-        onValueChange(value2, {
-          values,
-          setValues
-        });
-      }
-    };
-    if (isFunction(onEnterKeyPress)) {
-      events2.onPressEnter = (value2) => {
-        const values = form.getFieldsValue();
-        onEnterKeyPress(value2, {
-          values,
-          setValues
-        });
-      };
-    }
-    return events2;
-  }, [form, onChange, onEnterKeyPress, onValueChange, setValues]);
-  return /* @__PURE__ */ jsx(
-    VefInput,
-    {
-      clearable: true,
-      disabled,
-      placeholder: placeholderValue,
-      value,
-      ...events
-    }
-  );
-}
-
-export { Input as default };
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{VefError as o,isString as t,isFunction as r}from"@vef-framework/shared";import{useMemo as n}from"react";import s from"../../../vef-input/index.js";import{useComputedValues as a}from"../../hooks/use-computed-values.js";import{useFilterStore as l}from"../../store.js";function Input({label:u,disabled:i,value:p,onChange:m,componentProps:d}){if("Input"!==d.type)throw new o(-9,'Oops! Something went wrong. The type of the filter field is not "Input", but rendered.');const{onChange:f,onEnterKeyPress:c,placeholder:h}=d,[v,g]=l((e=>[e.form,e.setValues])),[V]=a([{key:"placeholder",rawValue:h,defaultValue:u?t(u)?`请输入${u}`:"请输入":void 0}]),w=n((()=>{const e={onChange:e=>{if(m?.(e),r(f)){const o=v.getFieldsValue();f(e,{values:o,setValues:g})}}};return r(c)&&(e.onPressEnter=e=>{const o=v.getFieldsValue();c(e,{values:o,setValues:g})}),e}),[v,m,c,f,g]);return e(s,{clearable:!0,disabled:i,placeholder:V,value:p,...w})}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-filter/components/filter-field.js

@@ -1,20 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { VefError } from '@vef-framework/shared';
-import { useMemo } from 'react';
-import { fieldMap } from './fields/index.js';
-
-function VefFilterField(props) {
-  const { name, componentProps: { type } } = props;
-  const FilterFieldComponent = useMemo(() => {
-    const Component = fieldMap[type];
-    if (!Component) {
-      throw new VefError(-9, `Unknown filter field type: "${type}", please check the type of "${name}" field.`);
-    }
-    return Component;
-  }, [name, type]);
-  return /* @__PURE__ */ jsx(FilterFieldComponent, { ...props });
-}
-
-export { VefFilterField as default };
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{VefError as r}from"@vef-framework/shared";import{useMemo as t}from"react";import{fieldMap as o}from"./fields/index.js";function VefFilterField(i){const{name:f,componentProps:{type:n}}=i,m=t((()=>{const e=o[n];if(!e)throw new r(-9,`Unknown filter field type: "${n}", please check the type of "${f}" field.`);return e}),[f,n]);return e(m,{...i})}export{VefFilterField 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 */