@vef-framework/components 1.0.62 → 1.0.64

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

@@ -1,3 +1,113 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, 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({item:{name:a,show:t,disabled:l,label:i,tip:s,required:f,width:n,advanced:p=!1,span:w,virtual:c,...h},...k}){const V=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]),P=o((()=>{if(!p)return{width:x}}),[p,x]);return b?e(d,{css:P,help:!1,label:y,name:a,preserve:!1,rules:I,tooltip:j,...k,children:e(m,{componentProps:h,disabled:V||v,label:y,name:a})}):null}),((e,r)=>a(t(e,["item"]),t(r,["item"]))));export{s as default};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-import{createEventEmitter as e}from"@vef-framework/shared";var t,a=e=>{throw TypeError(e)},o=(e,t,o)=>(((e,t,o)=>{t.has(e)||a("Cannot "+o)})(e,t,"read from private field"),o?o.call(e):t.get(e));const s=Symbol("change"),r=Symbol("submitResult");class i{constructor(){var o,s,r;o=this,s=t,r=e(),s.has(o)?a("Cannot add the same private member more than once"):s instanceof WeakSet?s.add(o):s.set(o,r)}clear(){o(this,t).all.clear()}onChange(e){o(this,t).on(s,e)}offChange(e){o(this,t).off(s,e)}emitChange(e){o(this,t).emit(s,e)}onSubmitResult(e){o(this,t).on(r,e)}offSubmitResult(e){o(this,t).off(r,e)}emitSubmitResult(e){o(this,t).emit(r,e)}}t=new WeakMap;export{i as FilterEventBus};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-import{isFunction as r,isExpression as e,compileDynamicFn as n}from"@vef-framework/shared";function t(t,f,o){if(r(t))return t(f);if(e(t)){return n(t,"values",`return ${t.expression}`)(f)}return t??o}export{t as computeValue};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { isFunction, isExpression, compileDynamicFn } from '@vef-framework/shared';
+
+function computeValue(value, values, defaultValue) {
+  if (isFunction(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.62, build time: 2025-01-09T07:31:10.823Z, 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 a({onBeforeConfirm:a,onConfirm:s,onReset:l}){const[m,f,u,d,h,c,C]=o((e=>[e.form,e.eventBus,e.getValues,e.initialValues,e.invokeValueChangeHandlers,e.virtualFieldNames,e.setIsLoading]));return{handleReset:i((()=>{const e=u();m.resetFields(),h(),f.emitChange(d),l?.(e)}),[f,m,u,d,h,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,c);await s(r),f.emitSubmitResult(!0)}catch(e){throw f.emitSubmitResult(!1),e}finally{C(!1)}}}),[a,s,f,C,c]),handleConfirmFailed:i((({errorFields:e})=>{f.emitSubmitResult(!1),e.length>0&&r(e.flatMap((e=>e.errors)).join(", "))}),[f])}}export{a as useActionHandlers};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-import{useUpdater as e,useDeepMemo as r,useDeepLayoutEffect as o}from"@vef-framework/hooks";import{isFunctionOrExpression as t,isDeepEqual as a}from"@vef-framework/shared";import{computeValue as f}from"../helper.js";import{useFilterStore as n}from"../store.js";function u(u,s=!1){const[l,m]=n((e=>[e.eventBus,e.getValues])),c=e(),i=m(),k=r((()=>u.reduce(((e,r)=>{const{key:o,rawValue:t,defaultValue:a}=r,n=f(t,i,a);return e[o]=n,e}),{})),[i,u]);return o((()=>{const e=u.filter((({rawValue:e})=>t(e)));if(e.length>0){const r=r=>{for(const o of e){const{key:e,rawValue:t,defaultValue:n}=o,u=k[e],s=f(t,r,n);if(!a(s,u)){c();break}}};return l.onChange(r),()=>{l.offChange(r)}}}),[k,l,c,u]),s?u.reduce(((e,{key:r})=>(e[r]=k[r],e)),{}):u.map((({key:e})=>k[e]))}export{u as useComputedValues};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, 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.62, build time: 2025-01-09T07:31:10.823Z, 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.64, build time: 2025-01-10T01:26:01.691Z, 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 */

package/es/vef-filter/hooks/use-filter-initialization.js

@@ -1,3 +1,38 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-import{isNullish as e,isFunction as r}from"@vef-framework/shared";import{useMemo as a}from"react";function t(t,n){return a((()=>{const a={...n},o={},u=[];for(const n of t){const{name:t,onChange:l,defaultValue:f,virtual:i}=n;!e(f)&&e(a[t])&&(a[t]=f),r(l)&&(o[t]=l),!0===i&&u.push(t)}return{mergedInitialValues:a,valueChangeHandlers:o,virtualFieldNames:u}}),[])}export{t as useFilterInitialization};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { isNullish, isFunction } from '@vef-framework/shared';
+import { useMemo } from 'react';
+
+function useFilterInitialization(schema, initialValues) {
+  return useMemo(() => {
+    const mergedInitialValues = {
+      ...initialValues
+    };
+    const valueChangeHandlers = {};
+    const virtualFieldNames = [];
+    for (const item of schema) {
+      const {
+        name,
+        onChange,
+        defaultValue,
+        virtual
+      } = item;
+      if (!isNullish(defaultValue) && isNullish(mergedInitialValues[name])) {
+        mergedInitialValues[name] = defaultValue;
+      }
+      if (isFunction(onChange)) {
+        valueChangeHandlers[name] = onChange;
+      }
+      if (virtual === true) {
+        virtualFieldNames.push(name);
+      }
+    }
+    return {
+      mergedInitialValues,
+      valueChangeHandlers,
+      virtualFieldNames
+    };
+  }, []);
+}
+
+export { useFilterInitialization };
 /*! 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-instance.js

@@ -1,3 +1,27 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-import{useImperativeHandle as e}from"react";import{useFilterStore as t}from"../store.js";function s(s,o){const[r,u,m,i]=t((e=>[e.form,e.eventBus,e.getValues,e.setValues]));e(s,(()=>({confirm:()=>new Promise(((e,t)=>{const s=o=>{u.offSubmitResult(s),o?e():t(o)};u.onSubmitResult(s),r.submit()})),reset:o,getValues:m,setValues:i})))}export{s as useFilterInstance};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { useImperativeHandle } from 'react';
+import { useFilterStore } from '../store.js';
+
+function useFilterInstance(ref, reset) {
+  const [form, eventBus, getValues, setValues] = useFilterStore((state) => [state.form, state.eventBus, state.getValues, state.setValues]);
+  useImperativeHandle(ref, () => ({
+    confirm: () => new Promise((resolve, reject) => {
+      const handleResult = (result) => {
+        eventBus.offSubmitResult(handleResult);
+        if (result) {
+          resolve();
+        } else {
+          reject(result);
+        }
+      };
+      eventBus.onSubmitResult(handleResult);
+      form.submit();
+    }),
+    reset,
+    getValues,
+    setValues
+  }));
+}
+
+export { useFilterInstance };
 /*! 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-items.js

@@ -1,3 +1,24 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-import{useMemo as t}from"react";function n(n){return t((()=>{const t=[],o=[];for(const r of n){const{advanced:n=!1}=r;n?o.push(r):t.push(r)}return{basicItems:t,advancedItems:o}}),[])}export{n as useFilterItems};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { useMemo } from 'react';
+
+function useFilterItems(schema) {
+  return useMemo(() => {
+    const basicItems = [];
+    const advancedItems = [];
+    for (const item of schema) {
+      const { advanced = false } = item;
+      if (advanced) {
+        advancedItems.push(item);
+      } else {
+        basicItems.push(item);
+      }
+    }
+    return {
+      basicItems,
+      advancedItems
+    };
+  }, []);
+}
+
+export { useFilterItems };
 /*! 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-values-change.js

@@ -1,3 +1,31 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-import{isFunction as e}from"@vef-framework/shared";import{useMemo as r,useEffect as n,useLayoutEffect as o}from"react";import{useFilterStore as t}from"../store.js";function a(a){const[f,m]=t((e=>[e.eventBus,e.invokeValueChangeHandlers])),s=r((()=>(e,r)=>{f.emitChange(r)}),[f]);return n((()=>{if(e(a)){const e=e=>{a(e)};return f.onChange(e),()=>{f.offChange(e)}}}),[f,a]),o((()=>{m()}),[]),{handleValuesChange:s}}export{a as useFilterValuesChange};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { isFunction } from '@vef-framework/shared';
+import { useMemo, useEffect, useLayoutEffect } from 'react';
+import { useFilterStore } from '../store.js';
+
+function useFilterValuesChange(onChange) {
+  const [eventBus, invokeValueChangeHandlers] = useFilterStore((state) => [state.eventBus, state.invokeValueChangeHandlers]);
+  const handleValuesChange = useMemo(() => (_, values) => {
+    eventBus.emitChange(values);
+  }, [eventBus]);
+  useEffect(() => {
+    if (isFunction(onChange)) {
+      const handleChange = (values) => {
+        onChange(values);
+      };
+      eventBus.onChange(handleChange);
+      return () => {
+        eventBus.offChange(handleChange);
+      };
+    }
+  }, [eventBus, onChange]);
+  useLayoutEffect(() => {
+    invokeValueChangeHandlers();
+  }, []);
+  return {
+    handleValuesChange
+  };
+}
+
+export { useFilterValuesChange };
 /*! 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-label-config.js

@@ -1,3 +1,28 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-import{showWarningMessage as e}from"@vef-framework/shared";import{useMemo as t}from"react";function r(r,o){const i=t((()=>{if("top"!==r&&o)return(o<60||o>120)&&e("The labelWidth of VefFilter component must be between 60 and 120, otherwise it will be 60 or 120."),Math.min(Math.max(o,60),120)}),[r,o]);return{labelCol:t((()=>{if(i)return{flex:`0 0 ${i}px`}}),[i]),labelWidthToUse:i}}export{r as useLabelConfig};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { showWarningMessage } from '@vef-framework/shared';
+import { useMemo } from 'react';
+
+function useLabelConfig(labelPosition, labelWidth) {
+  const labelWidthToUse = useMemo(() => {
+    if (labelPosition === "top" || !labelWidth) {
+      return;
+    }
+    if (labelWidth < 60 || labelWidth > 120) {
+      showWarningMessage("The labelWidth of VefFilter component must be between 60 and 120, otherwise it will be 60 or 120.");
+    }
+    return Math.min(Math.max(labelWidth, 60), 120);
+  }, [labelPosition, labelWidth]);
+  const labelCol = useMemo(() => {
+    if (!labelWidthToUse) {
+      return;
+    }
+    return { flex: `0 0 ${labelWidthToUse}px` };
+  }, [labelWidthToUse]);
+  return {
+    labelCol,
+    labelWidthToUse
+  };
+}
+
+export { useLabelConfig };
 /*! 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/index.js

@@ -1,10 +1,148 @@
-/*! VefFramework version: 1.0.62, build time: 2025-01-09T07:31:10.823Z, made by Venus. */
-import{jsx as e,jsxs as i}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{useContextDisabled as t,DisabledContextProvider as n,useSingleton as r,useUnmount as a}from"@vef-framework/hooks";import{isDeepEqual as s,omit as l}from"@vef-framework/shared";import{Form as m}from"antd";import{AnimatePresence as f}from"motion/react";import{useMemo as c,forwardRef as d,memo as u}from"react";import"../internal/index.js";import h from"./components/advanced-filter.js";import p from"./components/basic-filter.js";import{FilterEventBus as g}from"./event.js";import{useActionHandlers as v}from"./hooks/use-action-handlers.js";import{FilterContextProvider as j}from"./hooks/use-filter-context.js";import{useFilterInitialization as b}from"./hooks/use-filter-initialization.js";import{useFilterInstance as C}from"./hooks/use-filter-instance.js";import{useFilterItems as V}from"./hooks/use-filter-items.js";import{useFilterValuesChange as B}from"./hooks/use-filter-values-change.js";import{useFilterStore as k,FilterStoreProvider as x}from"./store.js";import{convertBasicSizeToUiSize as F}from"../internal/utils.js";const{useForm:w}=m,A=o`
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import { css } from '@emotion/react';
+import { useContextDisabled, DisabledContextProvider, useSingleton, useUnmount } from '@vef-framework/hooks';
+import { isDeepEqual, omit } from '@vef-framework/shared';
+import { Form } from 'antd';
+import { AnimatePresence } from 'motion/react';
+import { useMemo, forwardRef, memo } from 'react';
+import '../internal/index.js';
+import VefAdvancedFilter from './components/advanced-filter.js';
+import VefBasicFilter from './components/basic-filter.js';
+import { FilterEventBus } from './event.js';
+import { useActionHandlers } from './hooks/use-action-handlers.js';
+import { FilterContextProvider } from './hooks/use-filter-context.js';
+import { useFilterInitialization } from './hooks/use-filter-initialization.js';
+import { useFilterInstance } from './hooks/use-filter-instance.js';
+import { useFilterItems } from './hooks/use-filter-items.js';
+import { useFilterValuesChange } from './hooks/use-filter-values-change.js';
+import { useFilterStore, FilterStoreProvider } from './store.js';
+import { convertBasicSizeToUiSize } from '../internal/utils.js';
+
+const { useForm } = Form;
+const formStyle = css`
   display: block;
   flex-wrap: unset;
 
   .vef-form-item {
     margin-inline-end: 0;
   }
-`;const y=d((function({schema:o,labelPosition:r="top",labelAlign:a="right",labelWidth:s,disabled:l=!1,loading:d=!1,size:u,variant:g,prefix:b,confirmationButton:x,resetButton:w,extraActionButtons:y,onBeforeConfirm:N,onConfirm:R,onReset:z,onChange:I},H){const[L,P,W,S]=k((e=>[e.form,e.initialValues,e.isLoading,e.isAdvancedFilterVisible])),{handleReset:q,handleConfirm:D,handleConfirmFailed:E}=v({onBeforeConfirm:N,onConfirm:R,onReset:z}),{basicItems:G,advancedItems:J}=V(o),K=c((()=>({labelPosition:r,labelAlign:a,labelWidth:s,confirmationButton:x,externalLoading:d,showCollapseButton:J.length>0,handleReset:q,resetButton:w,extraActionButtons:y})),[J.length,x,y,q,a,r,s,d,w]),{handleValuesChange:M}=B(I);C(H,q);const O=t()||l||d||W;return e(m,{colon:!1,css:A,disabled:O,form:L,initialValues:P,layout:"inline",size:F(u),variant:g,onFinish:D,onFinishFailed:E,onValuesChange:M,children:e(n,{value:O,children:i(j,{value:K,children:[e(p,{items:G,prefix:b}),e(f,{children:S&&J.length>0&&e(h,{items:J})})]})})})}));y.displayName="VefFilterBase";const N=u(d((function({initialValues:i,...o},t){const{schema:n}=o,[s]=w(),l=r((()=>new g));a((()=>{l.clear()}));const{mergedInitialValues:m,valueChangeHandlers:f,virtualFieldNames:d}=b(n,i),u=c((()=>({eventBus:l,form:s,initialValues:m,valueChangeHandlers:f,virtualFieldNames:d})),[l,s,m,f,d]);return e(x,{initialState:u,children:e(y,{ref:t,...o})})})),((e,i)=>s(l(e,["initialValues","schema"]),l(i,["initialValues","schema"]))));N.displayName="VefFilter";export{N as default};
+`;
+function VefFilterBase({
+  schema,
+  labelPosition = "top",
+  labelAlign = "right",
+  labelWidth,
+  disabled = false,
+  loading = false,
+  size,
+  variant,
+  prefix,
+  confirmationButton,
+  resetButton,
+  extraActionButtons,
+  onBeforeConfirm,
+  onConfirm,
+  onReset,
+  onChange
+}, ref) {
+  const [form, initialValues, isLoading, isAdvancedFilterVisible] = useFilterStore((state) => [state.form, state.initialValues, state.isLoading, state.isAdvancedFilterVisible]);
+  const {
+    handleReset,
+    handleConfirm,
+    handleConfirmFailed
+  } = useActionHandlers({
+    onBeforeConfirm,
+    onConfirm,
+    onReset
+  });
+  const { basicItems, advancedItems } = useFilterItems(schema);
+  const filterContext = useMemo(() => ({
+    labelPosition,
+    labelAlign,
+    labelWidth,
+    confirmationButton,
+    externalLoading: loading,
+    showCollapseButton: advancedItems.length > 0,
+    handleReset,
+    resetButton,
+    extraActionButtons
+  }), [
+    advancedItems.length,
+    confirmationButton,
+    extraActionButtons,
+    handleReset,
+    labelAlign,
+    labelPosition,
+    labelWidth,
+    loading,
+    resetButton
+  ]);
+  const { handleValuesChange } = useFilterValuesChange(onChange);
+  useFilterInstance(ref, handleReset);
+  const contextDisabled = useContextDisabled();
+  const formDisabled = contextDisabled || disabled || loading || isLoading;
+  return /* @__PURE__ */ jsx(
+    Form,
+    {
+      colon: false,
+      css: formStyle,
+      disabled: formDisabled,
+      form,
+      initialValues,
+      layout: "inline",
+      size: convertBasicSizeToUiSize(size),
+      variant,
+      onFinish: handleConfirm,
+      onFinishFailed: handleConfirmFailed,
+      onValuesChange: handleValuesChange,
+      children: /* @__PURE__ */ jsx(DisabledContextProvider, { value: formDisabled, children: /* @__PURE__ */ jsxs(FilterContextProvider, { value: filterContext, children: [
+        /* @__PURE__ */ jsx(VefBasicFilter, { items: basicItems, prefix }),
+        /* @__PURE__ */ jsx(AnimatePresence, { children: isAdvancedFilterVisible && advancedItems.length > 0 && /* @__PURE__ */ jsx(VefAdvancedFilter, { items: advancedItems }) })
+      ] }) })
+    }
+  );
+}
+const VefFilterBaseForwarded = forwardRef(VefFilterBase);
+VefFilterBaseForwarded.displayName = "VefFilterBase";
+function VefFilterWrapper({
+  initialValues,
+  ...restProps
+}, ref) {
+  const { schema } = restProps;
+  const [form] = useForm();
+  const filterEventBus = useSingleton(() => new FilterEventBus());
+  useUnmount(() => {
+    filterEventBus.clear();
+  });
+  const {
+    mergedInitialValues,
+    valueChangeHandlers,
+    virtualFieldNames
+  } = useFilterInitialization(schema, initialValues);
+  const initialState = useMemo(() => ({
+    eventBus: filterEventBus,
+    form,
+    initialValues: mergedInitialValues,
+    valueChangeHandlers,
+    virtualFieldNames
+  }), [
+    filterEventBus,
+    form,
+    mergedInitialValues,
+    valueChangeHandlers,
+    virtualFieldNames
+  ]);
+  return /* @__PURE__ */ jsx(FilterStoreProvider, { initialState, children: /* @__PURE__ */ jsx(VefFilterBaseForwarded, { ref, ...restProps }) });
+}
+const VefFilter = memo(
+  forwardRef(VefFilterWrapper),
+  (prevProps, nextProps) => isDeepEqual(
+    omit(prevProps, ["initialValues", "schema"]),
+    omit(nextProps, ["initialValues", "schema"])
+  )
+);
+VefFilter.displayName = "VefFilter";
+
+export { VefFilter 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 */