@vef-framework/components 1.0.100 → 1.0.101

package/es/vef-error/index.js

@@ -1,8 +1,17 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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`
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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`
   height: 100%;
-  ${t.flexCenter}
-`,d=i`
+  ${styles.flexCenter}
+`;
+const contentStyle = css`
   width: 40%;
   position: relative;
   top: -60px;
@@ -10,21 +19,50 @@ import{jsx as r,jsxs as e,Fragment as o}from"@emotion/react/jsx-runtime";import{
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  row-gap: ${n.margin};
+  row-gap: ${themeVariables.margin};
 
   > svg {
     width: 70%;
   }
 
   > span {
-    font-size: ${n.fontSizeLg};
+    font-size: ${themeVariables.fontSizeLg};
     font-weight: 500;
-    color: ${n.colorTextTertiary};
+    color: ${themeVariables.colorTextTertiary};
 
     > span {
-      padding-left: ${n.paddingSm};
-      color: ${n.colorErrorText};
+      padding-left: ${themeVariables.paddingSm};
+      color: ${themeVariables.colorErrorText};
     }
   }
-`;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};
+`;
+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: [
+      "发生错误:",
+      /* @__PURE__ */ jsx("span", { children: error.message }),
+      componentStack && /* @__PURE__ */ jsxs(Fragment, { children: [
+        "组件堆栈:",
+        /* @__PURE__ */ jsx("span", { children: componentStack })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      VefButton,
+      {
+        color: "primary",
+        size: "large",
+        icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(RefreshCwIcon, {}) }),
+        onClick: reset,
+        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,5 +1,24 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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`
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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: "搜索",
+  icon: /* @__PURE__ */ jsx(VefIcon, { children: /* @__PURE__ */ jsx(SearchIcon, {}) })
+};
+const defaultResetButtonConfig = {
+  text: "重置"
+};
+const collapseButtonStyle = css`
   &.vef-btn {
     --vef-button-padding-inline: 0;
 
@@ -8,14 +27,108 @@ import{jsx as t,jsxs as e}from"@emotion/react/jsx-runtime";import{css as i}from"
 
   .vef-collapse-button-text {
     position: relative;
-    width: calc(${n.fontSize} * 2 + 4px);
-    height: calc(${n.controlHeight} - 4px);
+    width: calc(${themeVariables.fontSize} * 2 + 4px);
+    height: calc(${themeVariables.controlHeight} - 4px);
     text-align: center;
-    line-height: calc(${n.controlHeight} - 4px);
+    line-height: calc(${themeVariables.controlHeight} - 4px);
 
     > span {
       position: absolute;
     }
   }
-`;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};
+`;
+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: "收起"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              motion.span,
+              {
+                initial: false,
+                animate: {
+                  opacity: isAdvancedFilterVisible ? 0 : 1,
+                  y: isAdvancedFilterVisible ? transitionY : 0
+                },
+                children: "展开"
+              }
+            )
+          ] }),
+          /* @__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 };
 /*! 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,11 +1,73 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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`
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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`
   overflow: hidden;
-`,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};
+`;
+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 };
 /*! 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,10 +1,18 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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`
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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`
   &.vef-filter-basic-items-with-prefix {
     display: grid;
     grid-template-columns: max-content 1fr;
     align-items: center;
-    gap: ${s.margin};
+    gap: ${themeVariables.margin};
   }
 
   .vef-filter-basic-items-prefix {
@@ -15,7 +23,29 @@ import{jsxs as e,Fragment as i,jsx as t}from"@emotion/react/jsx-runtime";import{
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-end;
-    gap: ${s.margin};
+    gap: ${themeVariables.margin};
   }
-`;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};
+`;
+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 };
 /*! 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,3 +1,20 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import e from"./input.js";import t from"./input-number.js";import r from"./radio.js";import o from"./select.js";import p from"./tree-select.js";const i={Input:e,InputNumber:t,Radio:r,SingleSelect:o,MultipleSelect:o,TreeSingleSelect:p,TreeMultipleSelect:p};export{i as fieldMap};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import Input from './input.js';
+import InputNumber from './input-number.js';
+import Radio from './radio.js';
+import Select from './select.js';
+import TreeSelect from './tree-select.js';
+
+
+const fieldMap = {
+  Input,
+  InputNumber,
+  Radio,
+  SingleSelect: Select,
+  MultipleSelect: Select,
+  TreeSingleSelect: TreeSelect,
+  TreeMultipleSelect: TreeSelect
+};
+
+export { 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,3 +1,91 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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) ? `请输入${label}` : "请输入" : 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 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,3 +1,68 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, 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 version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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) ? `请输入${label}` : "请输入" : 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 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/radio.js

@@ -1,3 +1,110 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{VefError as a,isFunction as o}from"@vef-framework/shared";import{useMemo as t}from"react";import{useComputedValues as i}from"../../../vef-form/hooks/use-computed-values.js";import r from"../../../vef-radio/index.js";import{useFilterStore as l}from"../../store.js";function Radio({value:d,disabled:n,onChange:s,componentProps:p}){if("Radio"!==p.type)throw new a(-9,'Oops! Something went wrong. The type of the filter field is not "Radio", but rendered.');const{onChange:u,block:m,variant:y,labelKey:c,valueKey:f,descriptionKey:h,disabledKey:v,childrenKey:K,defaultToFirst:b,api:k,apiParams:w,apiEnabled:V,data:D,dataDictionaryKey:g,placeholderData:P,keepPreviousData:F,staleTime:T,onFetched:j}=p,[R,x,C,E,O]=i([{key:"api",rawValue:k},{key:"apiParams",rawValue:w},{key:"apiEnabled",rawValue:V},{key:"data",rawValue:D},{key:"dataDictionaryKey",rawValue:g}]),[S,q]=l((e=>[e.form,e.setValues])),z=t((()=>{const e={onChange:(e,a)=>{if(s?.(e),o(u)){const o=S.getFieldsValue();u(e,{values:o,setValues:q,option:a})}}};return e}),[S,s,u,q]);return e(r,{api:R,apiEnabled:C,apiParams:x,block:m,childrenKey:K,data:E,dataDictionaryKey:O,defaultToFirst:b,descriptionKey:h,disabled:n,disabledKey:v,keepPreviousData:F,labelKey:c,placeholderData:P,staleTime:T,value:d,valueKey:f,variant:y,onFetched:j,...z})}export{Radio as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { VefError, isFunction } from '@vef-framework/shared';
+import { useMemo } from 'react';
+import { useComputedValues } from '../../../vef-form/hooks/use-computed-values.js';
+import VefRadio from '../../../vef-radio/index.js';
+import { useFilterStore } from '../../store.js';
+
+function Radio({
+  value,
+  disabled,
+  onChange,
+  componentProps
+}) {
+  if (componentProps.type !== "Radio") {
+    throw new VefError(-9, `Oops! Something went wrong. The type of the filter field is not "Radio", but rendered.`);
+  }
+  const {
+    onChange: onValueChange,
+    block,
+    variant,
+    labelKey,
+    valueKey,
+    descriptionKey,
+    disabledKey,
+    childrenKey,
+    defaultToFirst,
+    api,
+    apiParams,
+    apiEnabled,
+    data,
+    dataDictionaryKey,
+    placeholderData,
+    keepPreviousData,
+    staleTime,
+    onFetched
+  } = componentProps;
+  const [
+    apiValue,
+    apiParamsValue,
+    apiEnabledValue,
+    dataValue,
+    dataDictionaryKeyValue
+  ] = useComputedValues([
+    {
+      key: "api",
+      rawValue: api
+    },
+    {
+      key: "apiParams",
+      rawValue: apiParams
+    },
+    {
+      key: "apiEnabled",
+      rawValue: apiEnabled
+    },
+    {
+      key: "data",
+      rawValue: data
+    },
+    {
+      key: "dataDictionaryKey",
+      rawValue: dataDictionaryKey
+    }
+  ]);
+  const [form, setValues] = useFilterStore((state) => [state.form, state.setValues]);
+  const events = useMemo(() => {
+    const events2 = {};
+    events2.onChange = (value2, option) => {
+      onChange?.(value2);
+      if (isFunction(onValueChange)) {
+        const values = form.getFieldsValue();
+        onValueChange(value2, {
+          values,
+          setValues,
+          option
+        });
+      }
+    };
+    return events2;
+  }, [form, onChange, onValueChange, setValues]);
+  return /* @__PURE__ */ jsx(
+    VefRadio,
+    {
+      api: apiValue,
+      apiEnabled: apiEnabledValue,
+      apiParams: apiParamsValue,
+      block,
+      childrenKey,
+      data: dataValue,
+      dataDictionaryKey: dataDictionaryKeyValue,
+      defaultToFirst,
+      descriptionKey,
+      disabled,
+      disabledKey,
+      keepPreviousData,
+      labelKey,
+      placeholderData,
+      staleTime,
+      value,
+      valueKey,
+      variant,
+      onFetched,
+      ...events
+    }
+  );
+}
+
+export { Radio 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 */