@vef-framework/components 1.0.63 → 1.0.64

package/lib/vef-error/index.cjs

@@ -1,8 +1,21 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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`
+/*! 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`
   height: 100%;
-  ${i.styles.flexCenter}
-`,c=r.css`
+  ${shared.styles.flexCenter}
+`;
+const contentStyle = react.css`
   width: 40%;
   position: relative;
   top: -60px;
@@ -10,21 +23,50 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  row-gap: ${i.themeVariables.margin};
+  row-gap: ${shared.themeVariables.margin};
 
   > svg {
     width: 70%;
   }
 
   > span {
-    font-size: ${i.themeVariables.fontSizeLg};
+    font-size: ${shared.themeVariables.fontSizeLg};
     font-weight: 500;
-    color: ${i.themeVariables.colorTextTertiary};
+    color: ${shared.themeVariables.colorTextTertiary};
 
     > span {
-      padding-left: ${i.themeVariables.paddingSm};
-      color: ${i.themeVariables.colorErrorText};
+      padding-left: ${shared.themeVariables.paddingSm};
+      color: ${shared.themeVariables.colorErrorText};
     }
   }
-`;exports.default=function({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:"重试一下"})]})})};
+`;
+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;
 /*! 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,3 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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,5 +1,28 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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`
+/*! 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`
   &.vef-btn {
     --vef-button-padding-inline: 0;
 
@@ -8,14 +31,108 @@
 
   .vef-collapse-button-text {
     position: relative;
-    width: calc(${n.themeVariables.fontSize} * 2 + 4px);
-    height: calc(${n.themeVariables.controlHeight} - 4px);
+    width: calc(${shared.themeVariables.fontSize} * 2 + 4px);
+    height: calc(${shared.themeVariables.controlHeight} - 4px);
     text-align: center;
-    line-height: calc(${n.themeVariables.controlHeight} - 4px);
+    line-height: calc(${shared.themeVariables.controlHeight} - 4px);
 
     > span {
       position: absolute;
     }
   }
-`;exports.default=function(){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]})};
+`;
+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;
 /*! 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,11 +1,77 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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"),c=i.css`
+/*! 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`
   overflow: hidden;
-`,d=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({items:i}){const[r,b,h]=l.useFilterContextSelector((e=>[e.labelPosition,e.labelAlign,e.labelWidth])),{labelWidthToUse:p,labelCol:g}=s.useLabelConfig(r,h),f="top"===r?200:200+(p??80);return e.jsx(t.motion.div,{animate:u,css:c,exit:m,initial:m,children:e.jsx(a.default,{baseItemWidth:f,css:d,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:g,layout:"top"===r?"vertical":"horizontal"})},t)}))})})};
+`;
+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;
 /*! 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,10 +1,22 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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`
+/*! 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`
   &.vef-filter-basic-items-with-prefix {
     display: grid;
     grid-template-columns: max-content 1fr;
     align-items: center;
-    gap: ${t.themeVariables.margin};
+    gap: ${shared.themeVariables.margin};
   }
 
   .vef-filter-basic-items-prefix {
@@ -15,7 +27,29 @@
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-end;
-    gap: ${t.themeVariables.margin};
+    gap: ${shared.themeVariables.margin};
   }
-`;exports.default=function({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]})};
+`;
+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;
 /*! 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,3 +1,16 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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 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 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,3 +1,95 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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"),o=require("../../store.cjs");exports.default=function({label:a,disabled:n,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,[g,v]=o.useFilterStore((e=>[e.form,e.setValues])),[w,b,y,k,j]=s.useComputedValues([{key:"placeholder",rawValue:m,defaultValue:a?r.isString(a)?`请输入${a}`:"请输入":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=g.getFieldsValue();d(e,{values:r,setValues:v})}}};return r.isFunction(c)&&(e.onPressEnter=e=>{const r=g.getFieldsValue();c(e,{values:r,setValues:v})}),e}),[g,l,c,d,v]);return e.jsx(t.default,{disabled:n,max:b,min:y,placeholder:w,prefix:k,suffix:j,value:i,...q})};
+/*! 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 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,3 +1,72 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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"),s=require("../../../vef-input/index.cjs"),o=require("../../hooks/use-computed-values.cjs"),u=require("../../store.cjs");exports.default=function({label:n,disabled:l,value:a,onChange:i,componentProps:d}){if("Input"!==d.type)throw new r.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?r.isString(n)?`请输入${n}`:"请输入":void 0}]),v=t.useMemo((()=>{const e={onChange:e=>{if(i?.(e),r.isFunction(c)){const r=h.getFieldsValue();c(e,{values:r,setValues:g})}}};return r.isFunction(p)&&(e.onPressEnter=e=>{const r=h.getFieldsValue();p(e,{values:r,setValues:g})}),e}),[h,i,p,c,g]);return e.jsx(s.default,{clearable:!0,disabled:l,placeholder:m,value:a,...v})};
+/*! 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 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,3 +1,5 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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,3 +1,24 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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(n){const{name:i,componentProps:{type:s}}=n,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 "${i}" field.`);return e}),[i,s]);return e.jsx(u,{...n})};
+/*! 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 is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */