@vef-framework/components 1.0.64 → 1.0.66

package/lib/vef-error/index.cjs

@@ -1,21 +1,8 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const lucideReact = require('lucide-react');
-const index = require('../vef-button/index.cjs');
-const index$1 = require('../vef-icon/index.cjs');
-const errorIcon = require('./error-icon.cjs');
-
-const errorStyle = react.css`
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@emotion/react"),i=require("@vef-framework/shared"),s=require("lucide-react"),t=require("../vef-button/index.cjs"),n=require("../vef-icon/index.cjs"),o=require("./error-icon.cjs"),a=r.css`
   height: 100%;
-  ${shared.styles.flexCenter}
-`;
-const contentStyle = react.css`
+  ${i.styles.flexCenter}
+`,c=r.css`
   width: 40%;
   position: relative;
   top: -60px;
@@ -23,50 +10,21 @@ const contentStyle = react.css`
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  row-gap: ${shared.themeVariables.margin};
+  row-gap: ${i.themeVariables.margin};
 
   > svg {
     width: 70%;
   }
 
   > span {
-    font-size: ${shared.themeVariables.fontSizeLg};
+    font-size: ${i.themeVariables.fontSizeLg};
     font-weight: 500;
-    color: ${shared.themeVariables.colorTextTertiary};
+    color: ${i.themeVariables.colorTextTertiary};
 
     > span {
-      padding-left: ${shared.themeVariables.paddingSm};
-      color: ${shared.themeVariables.colorErrorText};
+      padding-left: ${i.themeVariables.paddingSm};
+      color: ${i.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: [
-      "\u53D1\u751F\u9519\u8BEF:",
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: error.message }),
-      componentStack && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        "\u7EC4\u4EF6\u5806\u6808:",
-        /* @__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: "\u91CD\u8BD5\u4E00\u4E0B"
-      }
-    )
-  ] }) });
-}
-
-exports.default = VefError;
+`;exports.default=function VefError({error:r,reset:i,componentStack:l}){return e.jsx("div",{css:a,children:e.jsxs("div",{css:c,children:[e.jsx(o.default,{}),e.jsxs("span",{children:["发生错误:",e.jsx("span",{children:r.message}),l&&e.jsxs(e.Fragment,{children:["组件堆栈:",e.jsx("span",{children:l})]})]}),e.jsx(t.default,{color:"primary",size:"large",icon:e.jsx(n.default,{children:e.jsx(s.RefreshCwIcon,{})}),onClick:i,children:"重试一下"})]})})};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-error/props.cjs

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
+"use strict";
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,28 +1,5 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const hooks = require('@vef-framework/hooks');
-const shared = require('@vef-framework/shared');
-const lucideReact = require('lucide-react');
-const react$1 = require('motion/react');
-const index$2 = require('../../vef-button/index.cjs');
-const index$1 = require('../../vef-flex/index.cjs');
-const index = require('../../vef-icon/index.cjs');
-const useFilterContext = require('../hooks/use-filter-context.cjs');
-const store = require('../store.cjs');
-
-const defaultConfirmationButtonConfig = {
-  text: "\u641C\u7D22",
-  icon: /* @__PURE__ */ jsxRuntime.jsx(index.default, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, {}) })
-};
-const defaultResetButtonConfig = {
-  text: "\u91CD\u7F6E"
-};
-const collapseButtonStyle = react.css`
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@emotion/react"),i=require("@vef-framework/hooks"),n=require("@vef-framework/shared"),o=require("lucide-react"),r=require("motion/react"),a=require("../../vef-button/index.cjs"),s=require("../../vef-flex/index.cjs"),l=require("../../vef-icon/index.cjs"),c=require("../hooks/use-filter-context.cjs"),u=require("../store.cjs"),d={text:"搜索",icon:e.jsx(l.default,{children:e.jsx(o.SearchIcon,{})})},x={text:"重置"},h=t.css`
   &.vef-btn {
     --vef-button-padding-inline: 0;
 
@@ -31,108 +8,14 @@ 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(${n.themeVariables.fontSize} * 2 + 4px);
+    height: calc(${n.themeVariables.controlHeight} - 4px);
     text-align: center;
-    line-height: calc(${shared.themeVariables.controlHeight} - 4px);
+    line-height: calc(${n.themeVariables.controlHeight} - 4px);
 
     > span {
       position: absolute;
     }
   }
-`;
-function VefActionButtons() {
-  const [isLoading, isAdvancedFilterVisible, setIsAdvancedFilterVisible] = store.useFilterStore((state) => [state.isLoading, state.isAdvancedFilterVisible, state.setIsAdvancedFilterVisible]);
-  const [
-    externalLoading,
-    confirmationButton = defaultConfirmationButtonConfig,
-    resetButton = defaultResetButtonConfig,
-    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;
-  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: "\u6536\u8D77"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              react$1.motion.span,
-              {
-                initial: false,
-                animate: {
-                  opacity: isAdvancedFilterVisible ? 0 : 1,
-                  y: isAdvancedFilterVisible ? transitionY : 0
-                },
-                children: "\u5C55\u5F00"
-              }
-            )
-          ] }),
-          /* @__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, {}) })
-            }
-          )
-        ]
-      }
-    ),
-    resetButton && /* @__PURE__ */ jsxRuntime.jsx(
-      index$2.default,
-      {
-        color: "default",
-        variant: "filled",
-        onClick: handleReset,
-        ...shared.omit(resetButton, ["text"]),
-        children: resetButton.text
-      }
-    ),
-    confirmationButton && /* @__PURE__ */ jsxRuntime.jsx(
-      index$2.default,
-      {
-        color: "primary",
-        icon: confirmationButton.icon,
-        loading: externalLoading || isLoading,
-        type: "submit",
-        ...shared.omit(confirmationButton, ["text"]),
-        children: confirmationButton.text
-      }
-    ),
-    extraActionButtons
-  ] });
-}
-
-exports.default = VefActionButtons;
+`;exports.default=function VefActionButtons(){const[t,f,m]=u.useFilterStore((e=>[e.isLoading,e.isAdvancedFilterVisible,e.setIsAdvancedFilterVisible])),[p,j=d,v=x,g,b,q]=c.useFilterContextSelector((e=>[e.externalLoading,e.confirmationButton,e.resetButton,e.showCollapseButton,e.handleReset,e.extraActionButtons])),{controlHeight:k}=i.useThemeTokens(),y=(k-4)/2;return e.jsxs(s.default,{align:"center",gap:"medium",children:[g&&e.jsxs(a.default,{color:"primary",css:h,variant:"link",onClick:()=>m(!f),children:[e.jsxs("span",{className:"vef-collapse-button-text",children:[e.jsx(r.motion.span,{initial:!1,animate:{opacity:f?1:0,y:f?0:-y},children:"收起"}),e.jsx(r.motion.span,{initial:!1,animate:{opacity:f?0:1,y:f?y:0},children:"展开"})]}),e.jsx(r.motion.span,{initial:!1,animate:{rotate:f?-180:0,transition:{bounce:0}},children:e.jsx(l.default,{size:"large",children:e.jsx(o.ChevronDownIcon,{})})})]}),v&&e.jsx(a.default,{color:"default",variant:"filled",onClick:b,...n.omit(v,["text"]),children:v.text}),j&&e.jsx(a.default,{color:"primary",icon:j.icon,loading:p||t,type:"submit",...n.omit(j,["text"]),children:j.text}),q]})};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,77 +1,11 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const react$1 = require('motion/react');
-const index = require('../../vef-responsive-container/index.cjs');
-const index$1 = require('../../vef-responsive-item/index.cjs');
-const useFilterContext = require('../hooks/use-filter-context.cjs');
-const useLabelConfig = require('../hooks/use-label-config.cjs');
-const filterItem = require('./filter-item.cjs');
-
-const filterItemMinWidth = 200;
-const advancedFilterWrapperStyle = react.css`
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),i=require("@emotion/react"),r=require("@vef-framework/shared"),t=require("motion/react"),a=require("../../vef-responsive-container/index.cjs"),o=require("../../vef-responsive-item/index.cjs"),l=require("../hooks/use-filter-context.cjs"),s=require("../hooks/use-label-config.cjs"),n=require("./filter-item.cjs"),d=i.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;
+`,c=i.css`
+  margin-top: ${r.themeVariables.margin};
+  background-color: ${r.themeVariables.colorFillAlt};
+  padding: ${r.themeVariables.padding};
+  border-radius: ${r.themeVariables.borderRadiusLg};
+  border: ${r.themeVariables.lineWidth} ${r.themeVariables.lineType} ${r.themeVariables.colorBorderSecondary};
+`,u={opacity:1,height:"auto",transition:{ease:"easeInOut",duration:.2}},m={opacity:0,height:0};exports.default=function VefAdvancedFilter({items:i}){const[r,b,h]=l.useFilterContextSelector((e=>[e.labelPosition,e.labelAlign,e.labelWidth])),{labelWidthToUse:p,labelCol:f}=s.useLabelConfig(r,h),g="top"===r?200:200+(p??80);return e.jsx(t.motion.div,{animate:u,css:d,exit:m,initial:m,children:e.jsx(a.default,{baseItemWidth:g,css:c,gap:"large",children:i.map((i=>{const{name:t,span:a}=i;return e.jsx(o.default,{span:a??1,children:e.jsx(n.default,{item:i,labelAlign:b,labelCol:f,layout:"top"===r?"vertical":"horizontal"})},t)}))})})};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,22 +1,10 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const antd = require('antd');
-const clsx = require('clsx');
-const actionButtons = require('./action-buttons.cjs');
-const filterItem = require('./filter-item.cjs');
-
-const basicFilterStyle = react.css`
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),i=require("@emotion/react"),t=require("@vef-framework/shared"),r=require("antd"),s=require("clsx"),a=require("./action-buttons.cjs"),n=require("./filter-item.cjs"),c=i.css`
   &.vef-filter-basic-items-with-prefix {
     display: grid;
     grid-template-columns: max-content 1fr;
     align-items: center;
-    gap: ${shared.themeVariables.margin};
+    gap: ${t.themeVariables.margin};
   }
 
   .vef-filter-basic-items-prefix {
@@ -27,29 +15,7 @@ const basicFilterStyle = react.css`
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-end;
-    gap: ${shared.themeVariables.margin};
+    gap: ${t.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;
+`;exports.default=function VefBasicFilter({items:i,prefix:t}){const l=s({"vef-filter-basic-items-with-prefix":!!t,"vef-filter-basic-items-content":!t}),f=e.jsxs(e.Fragment,{children:[i.map((i=>{const{name:t}=i;return e.jsx(n.default,{item:i},t)})),e.jsx(r.Form.Item,{children:e.jsx(a.default,{})})]});return e.jsxs("div",{className:l,css:c,children:[t&&e.jsx("div",{className:"vef-filter-basic-items-prefix",children:t}),t?e.jsx("div",{className:"vef-filter-basic-items-content",children:f}):f]})};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,16 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const input = require('./input.cjs');
-const inputNumber = require('./input-number.cjs');
-require('./props.cjs');
-
-const fieldMap = {
-  Input: input.default,
-  InputNumber: inputNumber.default
-};
-
-exports.fieldMap = fieldMap;
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./input.cjs"),t=require("./input-number.cjs");require("./props.cjs");const r={Input:e.default,InputNumber:t.default};exports.fieldMap=r;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,95 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const shared = require('@vef-framework/shared');
-const react = require('react');
-const index = require('../../../vef-input-number/index.cjs');
-const useComputedValues = require('../../hooks/use-computed-values.cjs');
-const store = require('../../store.cjs');
-
-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) ? `\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 = 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;
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared"),u=require("react"),t=require("../../../vef-input-number/index.cjs"),s=require("../../hooks/use-computed-values.cjs"),n=require("../../store.cjs");exports.default=function InputNumber({label:o,disabled:a,value:i,onChange:l,componentProps:f}){if("InputNumber"!==f.type)throw new r.VefError(-9,'Oops! Something went wrong. The type of the filter field is not "InputNumber", but rendered.');const{onChange:d,onEnterKeyPress:c,placeholder:m,prefix:p,suffix:x,max:V,min:h}=f,[b,g]=n.useFilterStore((e=>[e.form,e.setValues])),[v,w,y,k,j]=s.useComputedValues([{key:"placeholder",rawValue:m,defaultValue:o?r.isString(o)?`请输入${o}`:"请输入":void 0},{key:"max",rawValue:V},{key:"min",rawValue:h},{key:"prefix",rawValue:p},{key:"suffix",rawValue:x}]),q=u.useMemo((()=>{const e={onChange:e=>{if(l?.(e),r.isFunction(d)){const r=b.getFieldsValue();d(e,{values:r,setValues:g})}}};return r.isFunction(c)&&(e.onPressEnter=e=>{const r=b.getFieldsValue();c(e,{values:r,setValues:g})}),e}),[b,l,c,d,g]);return e.jsx(t.default,{disabled:a,max:w,min:y,placeholder:v,prefix:k,suffix:j,value:i,...q})};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,72 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const shared = require('@vef-framework/shared');
-const react = require('react');
-const index = require('../../../vef-input/index.cjs');
-const useComputedValues = require('../../hooks/use-computed-values.cjs');
-const store = require('../../store.cjs');
-
-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) ? `\u8BF7\u8F93\u5165${label}` : "\u8BF7\u8F93\u5165" : 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;
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("@vef-framework/shared"),r=require("react"),s=require("../../../vef-input/index.cjs"),o=require("../../hooks/use-computed-values.cjs"),u=require("../../store.cjs");exports.default=function Input({label:n,disabled:l,value:a,onChange:i,componentProps:d}){if("Input"!==d.type)throw new t.VefError(-9,'Oops! Something went wrong. The type of the filter field is not "Input", but rendered.');const{onChange:c,onEnterKeyPress:p,placeholder:f}=d,[h,g]=u.useFilterStore((e=>[e.form,e.setValues])),[m]=o.useComputedValues([{key:"placeholder",rawValue:f,defaultValue:n?t.isString(n)?`请输入${n}`:"请输入":void 0}]),v=r.useMemo((()=>{const e={onChange:e=>{if(i?.(e),t.isFunction(c)){const t=h.getFieldsValue();c(e,{values:t,setValues:g})}}};return t.isFunction(p)&&(e.onPressEnter=e=>{const t=h.getFieldsValue();p(e,{values:t,setValues:g})}),e}),[h,i,p,c,g]);return e.jsx(s.default,{clearable:!0,disabled:l,placeholder:m,value:a,...v})};
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

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

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
+"use strict";
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-filter/components/filter-field.cjs

@@ -1,24 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const shared = require('@vef-framework/shared');
-const react = require('react');
-const index = require('./fields/index.cjs');
-
-function VefFilterField(props) {
-  const { name, componentProps: { type } } = props;
-  const FilterFieldComponent = react.useMemo(() => {
-    const Component = index.fieldMap[type];
-    if (!Component) {
-      throw new shared.VefError(-9, `Unknown filter field type: "${type}", please check the type of "${name}" field.`);
-    }
-    return Component;
-  }, [name, type]);
-  return /* @__PURE__ */ jsxRuntime.jsx(FilterFieldComponent, { ...props });
-}
-
-exports.default = VefFilterField;
+/*! VefFramework version: 1.0.66, build time: 2025-01-10T02:50:16.681Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/shared"),t=require("react"),o=require("./fields/index.cjs");exports.default=function VefFilterField(i){const{name:n,componentProps:{type:s}}=i,u=t.useMemo((()=>{const e=o.fieldMap[s];if(!e)throw new r.VefError(-9,`Unknown filter field type: "${s}", please check the type of "${n}" field.`);return e}),[n,s]);return e.jsx(u,{...i})};
 /*! 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 */