@vef-framework/components 1.0.100 → 1.0.101

package/es/vef-filter/components/fields/select.js

@@ -1,3 +1,141 @@
-/*! 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,isString as t,isFunction as l}from"@vef-framework/shared";import{useMemo as r}from"react";import o from"../../../vef-select/index.js";import{useComputedValues as i}from"../../hooks/use-computed-values.js";import{useFilterStore as d}from"../../store.js";function Select({label:n,disabled:p,value:u,onChange:s,componentProps:y}){if("SingleSelect"!==y.type&&"MultipleSelect"!==y.type)throw new a(-9,'Oops! Something went wrong. The type of the filter field is not "Select", but rendered.');const{onChange:m,maxCount:c,filterable:f,filterFromRemote:h,placeholder:w,grouped:K,keywordKey:k,renderOption:b,labelKey:V,valueKey:v,descriptionKey:g,disabledKey:S,childrenKey:D,defaultToFirst:F,api:x,apiParams:C,apiEnabled:P,data:T,dataDictionaryKey:j,placeholderData:E,keepPreviousData:O,staleTime:M,onFetched:R}=y,[$,q,z,A,B,G,H,I]=i([{key:"placeholder",rawValue:w,defaultValue:n?t(n)?`请选择${n}`:"请选择":void 0},{key:"maxCount",rawValue:c},{key:"keywordKey",rawValue:k},{key:"api",rawValue:x},{key:"apiParams",rawValue:C},{key:"apiEnabled",rawValue:P},{key:"data",rawValue:T},{key:"dataDictionaryKey",rawValue:j}]),[J,L]=d((e=>[e.form,e.setValues])),N=r((()=>{const e={onChange:(e,a)=>{if(s?.(e),l(m)){const t=J.getFieldsValue();m(e,{values:t,setValues:L,option:a})}}};return e}),[J,s,m,L]);return e(o,{clearable:!0,api:A,apiEnabled:G,apiParams:B,childrenKey:D,data:H,dataDictionaryKey:I,defaultToFirst:F,descriptionKey:g,disabled:p,disabledKey:S,filterable:f,filterFromRemote:h,grouped:K,keepPreviousData:O,keywordKey:z,labelKey:V,maxCount:q,multiple:"MultipleSelect"===y.type,placeholder:$,placeholderData:E,renderOption:b,staleTime:M,value:u,valueKey:v,onFetched:R,...N})}export{Select 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 VefSelect from '../../../vef-select/index.js';
+import { useComputedValues } from '../../hooks/use-computed-values.js';
+import { useFilterStore } from '../../store.js';
+
+function Select({
+  label,
+  disabled,
+  value,
+  onChange,
+  componentProps
+}) {
+  if (componentProps.type !== "SingleSelect" && componentProps.type !== "MultipleSelect") {
+    throw new VefError(-9, `Oops! Something went wrong. The type of the filter field is not "Select", but rendered.`);
+  }
+  const {
+    onChange: onValueChange,
+    // eslint-disable-next-line ts/ban-ts-comment
+    // @ts-expect-error
+    maxCount,
+    filterable,
+    filterFromRemote,
+    placeholder,
+    grouped,
+    keywordKey,
+    renderOption,
+    labelKey,
+    valueKey,
+    descriptionKey,
+    disabledKey,
+    childrenKey,
+    defaultToFirst,
+    api,
+    apiParams,
+    apiEnabled,
+    data,
+    dataDictionaryKey,
+    placeholderData,
+    keepPreviousData,
+    staleTime,
+    onFetched
+  } = componentProps;
+  const [
+    placeholderValue,
+    maxCountValue,
+    keywordKeyValue,
+    apiValue,
+    apiParamsValue,
+    apiEnabledValue,
+    dataValue,
+    dataDictionaryKeyValue
+  ] = useComputedValues([
+    {
+      key: "placeholder",
+      rawValue: placeholder,
+      defaultValue: label ? isString(label) ? `请选择${label}` : "请选择" : void 0
+    },
+    {
+      key: "maxCount",
+      rawValue: maxCount
+    },
+    {
+      key: "keywordKey",
+      rawValue: keywordKey
+    },
+    {
+      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(
+    VefSelect,
+    {
+      clearable: true,
+      api: apiValue,
+      apiEnabled: apiEnabledValue,
+      apiParams: apiParamsValue,
+      childrenKey,
+      data: dataValue,
+      dataDictionaryKey: dataDictionaryKeyValue,
+      defaultToFirst,
+      descriptionKey,
+      disabled,
+      disabledKey,
+      filterable,
+      filterFromRemote,
+      grouped,
+      keepPreviousData,
+      keywordKey: keywordKeyValue,
+      labelKey,
+      maxCount: maxCountValue,
+      multiple: componentProps.type === "MultipleSelect",
+      placeholder: placeholderValue,
+      placeholderData,
+      renderOption,
+      staleTime,
+      value,
+      valueKey,
+      onFetched,
+      ...events
+    }
+  );
+}
+
+export { Select 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/tree-select.js

@@ -1,3 +1,137 @@
-/*! 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,isString as t,isFunction as r}from"@vef-framework/shared";import{useMemo as l}from"react";import o from"../../../vef-tree-select/index.js";import{useComputedValues as i}from"../../hooks/use-computed-values.js";import{useFilterStore as d}from"../../store.js";function TreeSelect({label:n,disabled:s,value:p,onChange:u,componentProps:y}){if("TreeSingleSelect"!==y.type&&"TreeMultipleSelect"!==y.type)throw new a(-9,'Oops! Something went wrong. The type of the filter field is not "TreeSelect", but rendered.');const{onChange:m,maxCount:c,filterable:f,filterFromRemote:h,placeholder:w,keywordKey:K,labelKey:k,valueKey:b,descriptionKey:V,disabledKey:v,childrenKey:T,defaultToFirst:S,api:g,apiParams:D,apiEnabled:F,data:x,dataDictionaryKey:C,placeholderData:P,keepPreviousData:j,staleTime:E,onFetched:M}=y,[R,O,$,q,z,A,B,G]=i([{key:"placeholder",rawValue:w,defaultValue:n?t(n)?`请选择${n}`:"请选择":void 0},{key:"maxCount",rawValue:c},{key:"keywordKey",rawValue:K},{key:"api",rawValue:g},{key:"apiParams",rawValue:D},{key:"apiEnabled",rawValue:F},{key:"data",rawValue:x},{key:"dataDictionaryKey",rawValue:C}]),[H,I]=d((e=>[e.form,e.setValues])),J=l((()=>{const e={onChange:(e,a)=>{if(u?.(e),r(m)){const t=H.getFieldsValue();m(e,{values:t,setValues:I,option:a})}}};return e}),[H,u,m,I]);return e(o,{clearable:!0,api:q,apiEnabled:A,apiParams:z,childrenKey:T,data:B,dataDictionaryKey:G,defaultToFirst:S,descriptionKey:V,disabled:s,disabledKey:v,filterable:f,filterFromRemote:h,keepPreviousData:j,keywordKey:$,labelKey:k,maxCount:O,multiple:"TreeMultipleSelect"===y.type,placeholder:R,placeholderData:P,staleTime:E,value:p,valueKey:b,onFetched:M,...J})}export{TreeSelect 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 VefTreeSelect from '../../../vef-tree-select/index.js';
+import { useComputedValues } from '../../hooks/use-computed-values.js';
+import { useFilterStore } from '../../store.js';
+
+function TreeSelect({
+  label,
+  disabled,
+  value,
+  onChange,
+  componentProps
+}) {
+  if (componentProps.type !== "TreeSingleSelect" && componentProps.type !== "TreeMultipleSelect") {
+    throw new VefError(-9, `Oops! Something went wrong. The type of the filter field is not "TreeSelect", but rendered.`);
+  }
+  const {
+    onChange: onValueChange,
+    // eslint-disable-next-line ts/ban-ts-comment
+    // @ts-expect-error
+    maxCount,
+    filterable,
+    filterFromRemote,
+    placeholder,
+    keywordKey,
+    labelKey,
+    valueKey,
+    descriptionKey,
+    disabledKey,
+    childrenKey,
+    defaultToFirst,
+    api,
+    apiParams,
+    apiEnabled,
+    data,
+    dataDictionaryKey,
+    placeholderData,
+    keepPreviousData,
+    staleTime,
+    onFetched
+  } = componentProps;
+  const [
+    placeholderValue,
+    maxCountValue,
+    keywordKeyValue,
+    apiValue,
+    apiParamsValue,
+    apiEnabledValue,
+    dataValue,
+    dataDictionaryKeyValue
+  ] = useComputedValues([
+    {
+      key: "placeholder",
+      rawValue: placeholder,
+      defaultValue: label ? isString(label) ? `请选择${label}` : "请选择" : void 0
+    },
+    {
+      key: "maxCount",
+      rawValue: maxCount
+    },
+    {
+      key: "keywordKey",
+      rawValue: keywordKey
+    },
+    {
+      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(
+    VefTreeSelect,
+    {
+      clearable: true,
+      api: apiValue,
+      apiEnabled: apiEnabledValue,
+      apiParams: apiParamsValue,
+      childrenKey,
+      data: dataValue,
+      dataDictionaryKey: dataDictionaryKeyValue,
+      defaultToFirst,
+      descriptionKey,
+      disabled,
+      disabledKey,
+      filterable,
+      filterFromRemote,
+      keepPreviousData,
+      keywordKey: keywordKeyValue,
+      labelKey,
+      maxCount: maxCountValue,
+      multiple: componentProps.type === "TreeMultipleSelect",
+      placeholder: placeholderValue,
+      placeholderData,
+      staleTime,
+      value,
+      valueKey,
+      onFetched,
+      ...events
+    }
+  );
+}
+
+export { TreeSelect as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-filter/components/filter-field.js

@@ -1,3 +1,20 @@
-/*! 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}from"@vef-framework/shared";import{useMemo as t}from"react";import{fieldMap as o}from"./fields/index.js";function VefFilterField(i){const{name:f,componentProps:{type:n}}=i,m=t((()=>{const e=o[n];if(!e)throw new r(-9,`Unknown filter field type: "${n}", please check the type of "${f}" field.`);return e}),[f,n]);return e(m,{...i})}export{VefFilterField as default};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { VefError } from '@vef-framework/shared';
+import { useMemo } from 'react';
+import { fieldMap } from './fields/index.js';
+
+function VefFilterField(props) {
+  const { name, componentProps: { type } } = props;
+  const FilterFieldComponent = useMemo(() => {
+    const Component = fieldMap[type];
+    if (!Component) {
+      throw new VefError(-9, `Unknown filter field type: "${type}", please check the type of "${name}" field.`);
+    }
+    return Component;
+  }, [name, type]);
+  return /* @__PURE__ */ jsx(FilterFieldComponent, { ...props });
+}
+
+export { VefFilterField as default };
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/es/vef-filter/components/filter-item.js

@@ -1,3 +1,113 @@
-/*! 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{useContextDisabled as r}from"@vef-framework/hooks";import{isDeepEqual as a,omit as t}from"@vef-framework/shared";import{Form as l}from"antd";import{useMemo as o,memo as i}from"react";import{useComputedValues as u}from"../hooks/use-computed-values.js";import m from"./filter-field.js";const{Item:d}=l;const s=i((function VefFilterItemBase({item:{name:a,show:t,disabled:l,label:i,tip:s,required:f,width:n,advanced:p=!1,span:w,virtual:c,...V},...h}){const k=r(),[b,v,y,j,q,x]=u([{key:"show",rawValue:t,defaultValue:!0},{key:"disabled",rawValue:l,defaultValue:!1},{key:"label",rawValue:i},{key:"tip",rawValue:s},{key:"required",rawValue:f,defaultValue:!1},{key:"width",rawValue:n,defaultValue:i?220:180}]),I=o((()=>{if(q)return[{required:!0}]}),[q]),B=o((()=>{if(!p)return{width:x}}),[p,x]);return b?e(d,{css:B,help:!1,label:y,name:a,preserve:!1,rules:I,tooltip:j,...h,children:e(m,{componentProps:V,disabled:k||v,label:y,name:a})}):null}),((e,r)=>a(t(e,["item"]),t(r,["item"]))));export{s 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 { useContextDisabled } from '@vef-framework/hooks';
+import { isDeepEqual, omit } from '@vef-framework/shared';
+import { Form } from 'antd';
+import { useMemo, memo } from 'react';
+import { useComputedValues } from '../hooks/use-computed-values.js';
+import VefFilterField from './filter-field.js';
+
+const { Item } = Form;
+const defaultBasicItemWidth = 180;
+const defaultBasicItemWithLabelWidth = 220;
+function VefFilterItemBase({
+  item: {
+    name,
+    show,
+    disabled,
+    label,
+    tip,
+    required,
+    width,
+    advanced = false,
+    span: _,
+    virtual: __,
+    ...componentProps
+  },
+  ...restProps
+}) {
+  const formDisabled = useContextDisabled();
+  const [showValue, disabledValue, labelValue, tipValue, requiredValue, widthValue] = useComputedValues([
+    {
+      key: "show",
+      rawValue: show,
+      defaultValue: true
+    },
+    {
+      key: "disabled",
+      rawValue: disabled,
+      defaultValue: false
+    },
+    {
+      key: "label",
+      rawValue: label
+    },
+    {
+      key: "tip",
+      rawValue: tip
+    },
+    {
+      key: "required",
+      rawValue: required,
+      defaultValue: false
+    },
+    {
+      key: "width",
+      rawValue: width,
+      defaultValue: label ? defaultBasicItemWithLabelWidth : defaultBasicItemWidth
+    }
+  ]);
+  const requiredRuleObject = useMemo(() => {
+    if (!requiredValue) {
+      return;
+    }
+    return [
+      {
+        required: true
+      }
+    ];
+  }, [requiredValue]);
+  const itemCss = useMemo(() => {
+    if (advanced) {
+      return;
+    }
+    return {
+      width: widthValue
+    };
+  }, [advanced, widthValue]);
+  if (!showValue) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Item,
+    {
+      css: itemCss,
+      help: false,
+      label: labelValue,
+      name,
+      preserve: false,
+      rules: requiredRuleObject,
+      tooltip: tipValue,
+      ...restProps,
+      children: /* @__PURE__ */ jsx(
+        VefFilterField,
+        {
+          componentProps,
+          disabled: formDisabled || disabledValue,
+          label: labelValue,
+          name
+        }
+      )
+    }
+  );
+}
+const VefFilterItem = memo(
+  VefFilterItemBase,
+  (prevProps, nextProps) => isDeepEqual(
+    omit(prevProps, ["item"]),
+    omit(nextProps, ["item"])
+  )
+);
+
+export { VefFilterItem 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/event.js

@@ -1,3 +1,45 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{createEventEmitter as e}from"@vef-framework/shared";var t,__typeError=e=>{throw TypeError(e)},__privateGet=(e,t,a)=>(((e,t,a)=>{t.has(e)||__typeError("Cannot "+a)})(e,t,"read from private field"),a?a.call(e):t.get(e));const a=Symbol("change"),o=Symbol("submitResult");class FilterEventBus{constructor(){var a,o,s;a=this,o=t,s=e(),o.has(a)?__typeError("Cannot add the same private member more than once"):o instanceof WeakSet?o.add(a):o.set(a,s)}clear(){__privateGet(this,t).all.clear()}onChange(e){__privateGet(this,t).on(a,e)}offChange(e){__privateGet(this,t).off(a,e)}emitChange(e){__privateGet(this,t).emit(a,e)}onSubmitResult(e){__privateGet(this,t).on(o,e)}offSubmitResult(e){__privateGet(this,t).off(o,e)}emitSubmitResult(e){__privateGet(this,t).emit(o,e)}}t=new WeakMap;export{FilterEventBus};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { createEventEmitter } from '@vef-framework/shared';
+
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var _emitter;
+const changeEvent = Symbol("change");
+const submitResultEvent = Symbol("submitResult");
+class FilterEventBus {
+  constructor() {
+    /**
+     * The emitter.
+     */
+    __privateAdd(this, _emitter, createEventEmitter());
+  }
+  clear() {
+    __privateGet(this, _emitter).all.clear();
+  }
+  onChange(handler) {
+    __privateGet(this, _emitter).on(changeEvent, handler);
+  }
+  offChange(handler) {
+    __privateGet(this, _emitter).off(changeEvent, handler);
+  }
+  emitChange(value) {
+    __privateGet(this, _emitter).emit(changeEvent, value);
+  }
+  onSubmitResult(handler) {
+    __privateGet(this, _emitter).on(submitResultEvent, handler);
+  }
+  offSubmitResult(handler) {
+    __privateGet(this, _emitter).off(submitResultEvent, handler);
+  }
+  emitSubmitResult(value) {
+    __privateGet(this, _emitter).emit(submitResultEvent, value);
+  }
+}
+_emitter = new WeakMap();
+
+export { FilterEventBus };
 /*! 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/helper.js

@@ -1,3 +1,16 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{isFunction as e,isIternalFunction as r,isExpression as u,compileDynamicFn as t}from"@vef-framework/shared";function computeValue(o,n,f){if(e(o)&&!r(o))return o(n);if(u(o)){return t(o,"values",`return ${o.expression}`)(n)}return o??f}export{computeValue};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { isFunction, isIternalFunction, isExpression, compileDynamicFn } from '@vef-framework/shared';
+
+function computeValue(value, values, defaultValue) {
+  if (isFunction(value) && !isIternalFunction(value)) {
+    return value(values);
+  }
+  if (isExpression(value)) {
+    const fn = compileDynamicFn(value, "values", `return ${value.expression}`);
+    return fn(values);
+  }
+  return value ?? defaultValue;
+}
+
+export { computeValue };
 /*! 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/hooks/use-action-handlers.js

@@ -1,3 +1,71 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{isFunction as e,omit as t,showWarningMessage as r}from"@vef-framework/shared";import{useCallback as i,useMemo as n}from"react";import{useFilterStore as o}from"../store.js";function useActionHandlers({onBeforeConfirm:a,onConfirm:s,onReset:l}){const[m,u,f,d,c,h,C]=o((e=>[e.form,e.eventBus,e.getValues,e.initialValues,e.invokeValueChangeHandlers,e.virtualFieldNames,e.setIsLoading]));return{handleReset:i((()=>{const e=f();m.resetFields(),c(),u.emitChange(d),l?.(e)}),[u,m,f,d,c,l]),handleConfirm:n((()=>{if(e(s))return async r=>{C(!0);let i=r;try{e(a)&&(i=await a(i));const r=t(i,h);await s(r),u.emitSubmitResult(!0)}catch(e){throw u.emitSubmitResult(!1),e}finally{C(!1)}}}),[a,s,u,C,h]),handleConfirmFailed:i((({errorFields:e})=>{u.emitSubmitResult(!1),e.length>0&&r(e.flatMap((e=>e.errors)).join(", "))}),[u])}}export{useActionHandlers};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { isFunction, omit, showWarningMessage } from '@vef-framework/shared';
+import { useCallback, useMemo } from 'react';
+import { useFilterStore } from '../store.js';
+
+function useActionHandlers({
+  onBeforeConfirm,
+  onConfirm,
+  onReset
+}) {
+  const [
+    form,
+    eventBus,
+    getValues,
+    initialValues,
+    invokeValueChangeHandlers,
+    virtualFieldNames,
+    setIsLoading
+  ] = useFilterStore((state) => [
+    state.form,
+    state.eventBus,
+    state.getValues,
+    state.initialValues,
+    state.invokeValueChangeHandlers,
+    state.virtualFieldNames,
+    state.setIsLoading
+  ]);
+  const handleReset = useCallback(() => {
+    const values = getValues();
+    form.resetFields();
+    invokeValueChangeHandlers();
+    eventBus.emitChange(initialValues);
+    onReset?.(values);
+  }, [eventBus, form, getValues, initialValues, invokeValueChangeHandlers, onReset]);
+  const handleConfirm = useMemo(() => {
+    if (!isFunction(onConfirm)) {
+      return;
+    }
+    return async (values) => {
+      setIsLoading(true);
+      let valuesToUse = values;
+      try {
+        if (isFunction(onBeforeConfirm)) {
+          valuesToUse = await onBeforeConfirm(valuesToUse);
+        }
+        const valuesToConfirm = omit(valuesToUse, virtualFieldNames);
+        await onConfirm(valuesToConfirm);
+        eventBus.emitSubmitResult(true);
+      } catch (error) {
+        eventBus.emitSubmitResult(false);
+        throw error;
+      } finally {
+        setIsLoading(false);
+      }
+    };
+  }, [onBeforeConfirm, onConfirm, eventBus, setIsLoading, virtualFieldNames]);
+  const handleConfirmFailed = useCallback(({ errorFields }) => {
+    eventBus.emitSubmitResult(false);
+    if (errorFields.length > 0) {
+      showWarningMessage(errorFields.flatMap((field) => field.errors).join(", "));
+    }
+  }, [eventBus]);
+  return {
+    handleReset,
+    handleConfirm,
+    handleConfirmFailed
+  };
+}
+
+export { useActionHandlers };
 /*! 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/hooks/use-computed-values.js

@@ -1,3 +1,56 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{useUpdater as e,useDeepMemo as r,useDeepLayoutEffect as o}from"@vef-framework/hooks";import{isFunctionOrExpression as t,isDeepEqual as u}from"@vef-framework/shared";import{computeValue as a}from"../helper.js";import{useFilterStore as f}from"../store.js";function useComputedValues(s,n=!1){const[l,m]=f((e=>[e.eventBus,e.getValues])),c=e(),p=m(),i=r((()=>s.reduce(((e,r)=>{const{key:o,rawValue:t,defaultValue:u}=r,f=a(t,p,u);return e[o]=f,e}),{})),[p,s]);return o((()=>{const e=s.filter((({rawValue:e})=>t(e)));if(e.length>0){const handleChange=r=>{for(const o of e){const{key:e,rawValue:t,defaultValue:f}=o,s=i[e],n=a(t,r,f);if(!u(n,s)){c();break}}};return l.onChange(handleChange),()=>{l.offChange(handleChange)}}}),[i,l,c,s]),n?s.reduce(((e,{key:r})=>(e[r]=i[r],e)),{}):s.map((({key:e})=>i[e]))}export{useComputedValues};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { useUpdater, useDeepMemo, useDeepLayoutEffect } from '@vef-framework/hooks';
+import { isFunctionOrExpression, isDeepEqual } from '@vef-framework/shared';
+import { computeValue } from '../helper.js';
+import { useFilterStore } from '../store.js';
+
+function useComputedValues(values, returnAsObject = false) {
+  const [eventBus, getValues] = useFilterStore((state) => [state.eventBus, state.getValues]);
+  const forceUpdate = useUpdater();
+  const currentValues = getValues();
+  const computedValues = useDeepMemo(() => values.reduce((acc, it) => {
+    const {
+      key,
+      rawValue,
+      defaultValue
+    } = it;
+    const computedValue = computeValue(rawValue, currentValues, defaultValue);
+    acc[key] = computedValue;
+    return acc;
+  }, {}), [currentValues, values]);
+  useDeepLayoutEffect(() => {
+    const realComputedValues = values.filter(({ rawValue }) => isFunctionOrExpression(rawValue));
+    const shouldListenChangeEvent = realComputedValues.length > 0;
+    if (shouldListenChangeEvent) {
+      const handleChange = (newValues) => {
+        for (const value of realComputedValues) {
+          const {
+            key,
+            rawValue,
+            defaultValue
+          } = value;
+          const computedValue = computedValues[key];
+          const refreshedValue = computeValue(rawValue, newValues, defaultValue);
+          if (!isDeepEqual(refreshedValue, computedValue)) {
+            forceUpdate();
+            break;
+          }
+        }
+      };
+      eventBus.onChange(handleChange);
+      return () => {
+        eventBus.offChange(handleChange);
+      };
+    }
+  }, [computedValues, eventBus, forceUpdate, values]);
+  if (returnAsObject) {
+    return values.reduce((acc, { key }) => {
+      acc[key] = computedValues[key];
+      return acc;
+    }, {});
+  }
+  return values.map(({ key }) => computedValues[key]);
+}
+
+export { useComputedValues };
 /*! 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/hooks/use-filter-context.js

@@ -1,3 +1,19 @@
-/*! VefFramework version: 1.0.100, build time: 2025-03-07T13:52:52.580Z, made by Venus. */
-import{createSelectableContext as e,noop as o}from"@vef-framework/shared";const{useContextSelector:t,useContext:r,ContextProvider:l}=e({labelPosition:"top",labelAlign:"right",externalLoading:!1,showCollapseButton:!1,handleReset:o}),n=t,a=r;export{l as FilterContextProvider,a as useFilterContext,n as useFilterContextSelector};
+/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
+import { createSelectableContext, noop } from '@vef-framework/shared';
+
+const {
+  useContextSelector,
+  useContext,
+  ContextProvider: FilterContextProvider
+} = createSelectableContext({
+  labelPosition: "top",
+  labelAlign: "right",
+  externalLoading: false,
+  showCollapseButton: false,
+  handleReset: noop
+});
+const useFilterContextSelector = useContextSelector;
+const useFilterContext = useContext;
+
+export { FilterContextProvider, useFilterContext, useFilterContextSelector };
 /*! 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 */