@vef-framework/components 1.0.127 → 1.0.129

package/esm/vef-error/index.js

@@ -1,18 +1,8 @@
 "use strict";
-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';
-
-"use strict";
-const errorStyle = css`
+import{jsx as r,jsxs as o,Fragment as c}from"@emotion/react/jsx-runtime";import{css as t}from"@emotion/react";import{styles as l,themeVariables as e}from"@vef-framework/shared";import{RefreshCwIcon as m}from"lucide-react";import a from"../vef-button/index.js";import p from"../vef-icon/index.js";import d from"./error-icon.js";const f=t`
   height: 100%;
-  ${styles.flexCenter}
-`;
-const contentStyle = css`
+  ${l.flexCenter}
+`,h=t`
   width: 40%;
   position: relative;
   top: -60px;
@@ -20,49 +10,20 @@ const contentStyle = css`
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  row-gap: ${themeVariables.margin};
+  row-gap: ${e.margin};
 
   > svg {
     width: 70%;
   }
 
   > span {
-    font-size: ${themeVariables.fontSizeLg};
+    font-size: ${e.fontSizeLg};
     font-weight: 500;
-    color: ${themeVariables.colorTextTertiary};
+    color: ${e.colorTextTertiary};
 
     > span {
-      padding-left: ${themeVariables.paddingSm};
-      color: ${themeVariables.colorErrorText};
+      padding-left: ${e.paddingSm};
+      color: ${e.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: [
-      "发生错误:",
-      /* @__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 };
+`;function g({error:n,reset:s,componentStack:i}){return r("div",{css:f,children:o("div",{css:h,children:[r(d,{}),o("span",{children:["发生错误:",r("span",{children:n.message}),i&&o(c,{children:["组件堆栈:",r("span",{children:i})]})]}),r(a,{color:"primary",size:"large",icon:r(p,{children:r(m,{})}),onClick:s,children:"重试一下"})]})})}export{g as default};

package/esm/vef-filter/components/action-buttons.js

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

package/esm/vef-filter/components/advanced-filter.js

@@ -1,73 +1,10 @@
 "use strict";
-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';
-
-"use strict";
-const filterItemMinWidth = 200;
-const advancedFilterWrapperStyle = css`
+import{jsx as r}from"@emotion/react/jsx-runtime";import{css as t}from"@emotion/react";import{themeVariables as o}from"@vef-framework/shared";import{motion as h}from"motion/react";import u from"../../vef-responsive-container/index.js";import g from"../../vef-responsive-item/index.js";import{useFilterContextSelector as $}from"../hooks/use-filter-context.js";import{useLabelConfig as y}from"../hooks/use-label-config.js";import x from"./filter-item.js";const a=200,A=t`
   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 };
+`,C=t`
+  margin-top: ${o.margin};
+  background-color: ${o.colorFillAlt};
+  padding: ${o.padding};
+  border-radius: ${o.borderRadiusLg};
+  border: ${o.lineWidth} ${o.lineType} ${o.colorBorderSecondary};
+`,W={opacity:1,height:"auto",transition:{ease:"easeInOut",duration:.2}},l={opacity:0,height:0};function v({items:n}){const[e,m,s]=$(i=>[i.labelPosition,i.labelAlign,i.labelWidth]),{labelWidthToUse:d,labelCol:p}=y(e,s),c=e==="top"?a:a+(d??80);return r(h.div,{animate:W,css:A,exit:l,initial:l,children:r(u,{baseItemWidth:c,css:C,gap:"large",children:n.map(i=>{const{name:b,span:f}=i;return r(g,{span:f??1,children:r(x,{item:i,labelAlign:m,labelCol:p,layout:e==="top"?"vertical":"horizontal"})},b)})})})}export{v as default};

package/esm/vef-filter/components/basic-filter.js

@@ -1,19 +1,10 @@
 "use strict";
-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';
-
-"use strict";
-const basicFilterStyle = css`
+import{jsxs as s,Fragment as c,jsx as i}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{themeVariables as m}from"@vef-framework/shared";import{Form as l}from"antd";import p from"clsx";import d from"./action-buttons.js";import v from"./filter-item.js";const x=o`
   &.vef-filter-basic-items-with-prefix {
     display: grid;
     grid-template-columns: max-content 1fr;
     align-items: center;
-    gap: ${themeVariables.margin};
+    gap: ${m.margin};
   }
 
   .vef-filter-basic-items-prefix {
@@ -24,28 +15,6 @@ const basicFilterStyle = css`
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-end;
-    gap: ${themeVariables.margin};
+    gap: ${m.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 b({items:f,prefix:e}){const n=p({"vef-filter-basic-items-with-prefix":!!e,"vef-filter-basic-items-content":!e}),t=s(c,{children:[f.map(r=>{const{name:a}=r;return i(v,{item:r},a)}),i(l.Item,{children:i(d,{})})]});return s("div",{className:n,css:x,children:[e&&i("div",{className:"vef-filter-basic-items-prefix",children:e}),e?i("div",{className:"vef-filter-basic-items-content",children:t}):t]})}export{b as default};

package/esm/vef-filter/components/fields/index.js

@@ -1,20 +1,2 @@
 "use strict";
-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';
-import './props.js';
-
-"use strict";
-const fieldMap = {
-  Input,
-  InputNumber,
-  Radio,
-  SingleSelect: Select,
-  MultipleSelect: Select,
-  TreeSingleSelect: TreeSelect,
-  TreeMultipleSelect: TreeSelect
-};
-
-export { fieldMap };
+import r from"./input.js";import o from"./input-number.js";import i from"./radio.js";import e from"./select.js";import t from"./tree-select.js";import"./props.js";const m={Input:r,InputNumber:o,Radio:i,SingleSelect:e,MultipleSelect:e,TreeSingleSelect:t,TreeMultipleSelect:t};export{m as fieldMap};

package/esm/vef-filter/components/fields/input-number.js

@@ -1,91 +1,2 @@
 "use strict";
-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';
-
-"use strict";
-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 };
+import{jsx as F}from"@emotion/react/jsx-runtime";import{VefError as C,isString as E,isFunction as f}from"@vef-framework/shared";import{useMemo as N}from"react";import P from"../../../vef-input-number/index.js";import{useComputedValues as S}from"../../hooks/use-computed-values.js";import{useFilterStore as I}from"../../store.js";function $({label:o,disabled:m,value:p,onChange:l,componentProps:i}){if(i.type!=="InputNumber")throw new C(-9,'Oops! Something went wrong. The type of the filter field is not "InputNumber", but rendered.');const{onChange:t,onEnterKeyPress:a,placeholder:d,prefix:V,suffix:c,max:x,min:h}=i,[s,u]=I(e=>[e.form,e.setValues]),[w,g,y,b,v]=S([{key:"placeholder",rawValue:d,defaultValue:o?E(o)?`请输入${o}`:"请输入":void 0},{key:"max",rawValue:x},{key:"min",rawValue:h},{key:"prefix",rawValue:V},{key:"suffix",rawValue:c}]),k=N(()=>{const e={};return e.onChange=r=>{if(l?.(r),f(t)){const n=s.getFieldsValue();t(r,{values:n,setValues:u})}},f(a)&&(e.onPressEnter=r=>{const n=s.getFieldsValue();a(r,{values:n,setValues:u})}),e},[s,l,a,t,u]);return F(P,{disabled:m,max:g,min:y,placeholder:w,prefix:b,suffix:v,value:p,...k})}export{$ as default};

package/esm/vef-filter/components/fields/input.js

@@ -1,68 +1,2 @@
 "use strict";
-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';
-
-"use strict";
-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 };
+import{jsx as V}from"@emotion/react/jsx-runtime";import{VefError as g,isString as b,isFunction as p}from"@vef-framework/shared";import{useMemo as v}from"react";import w from"../../../vef-input/index.js";import{useComputedValues as y}from"../../hooks/use-computed-values.js";import{useFilterStore as C}from"../../store.js";function F({label:t,disabled:d,value:f,onChange:a,componentProps:i}){if(i.type!=="Input")throw new g(-9,'Oops! Something went wrong. The type of the filter field is not "Input", but rendered.');const{onChange:r,onEnterKeyPress:s,placeholder:m}=i,[l,n]=C(e=>[e.form,e.setValues]),[c]=y([{key:"placeholder",rawValue:m,defaultValue:t?b(t)?`请输入${t}`:"请输入":void 0}]),h=v(()=>{const e={};return e.onChange=o=>{if(a?.(o),p(r)){const u=l.getFieldsValue();r(o,{values:u,setValues:n})}},p(s)&&(e.onPressEnter=o=>{const u=l.getFieldsValue();s(o,{values:u,setValues:n})}),e},[l,a,s,r,n]);return V(w,{clearable:!0,disabled:d,placeholder:c,value:f,...h})}export{F as default};

package/esm/vef-filter/components/fields/radio.js

@@ -1,110 +1,2 @@
 "use strict";
-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';
-
-"use strict";
-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 };
+import{jsx as $}from"@emotion/react/jsx-runtime";import{VefError as j,isFunction as A}from"@vef-framework/shared";import{useMemo as M}from"react";import{useComputedValues as q}from"../../../vef-form/hooks/use-computed-values.js";import z from"../../../vef-radio/index.js";import{useFilterStore as B}from"../../store.js";function G({value:n,disabled:s,onChange:t,componentProps:i}){if(i.type!=="Radio")throw new j(-9,'Oops! Something went wrong. The type of the filter field is not "Radio", but rendered.');const{onChange:a,block:d,variant:p,labelKey:u,valueKey:m,descriptionKey:y,disabledKey:c,childrenKey:f,defaultToFirst:h,api:K,apiParams:b,apiEnabled:V,data:k,dataDictionaryKey:v,placeholderData:w,keepPreviousData:D,staleTime:F,onFetched:g}=i,[P,T,C,E,R]=q([{key:"api",rawValue:K},{key:"apiParams",rawValue:b},{key:"apiEnabled",rawValue:V},{key:"data",rawValue:k},{key:"dataDictionaryKey",rawValue:v}]),[o,r]=B(e=>[e.form,e.setValues]),S=M(()=>{const e={};return e.onChange=(l,x)=>{if(t?.(l),A(a)){const O=o.getFieldsValue();a(l,{values:O,setValues:r,option:x})}},e},[o,t,a,r]);return $(z,{api:P,apiEnabled:C,apiParams:T,block:d,childrenKey:f,data:E,dataDictionaryKey:R,defaultToFirst:h,descriptionKey:y,disabled:s,disabledKey:c,keepPreviousData:D,labelKey:u,placeholderData:w,staleTime:F,value:n,valueKey:m,variant:p,onFetched:g,...S})}export{G as default};