@vef-framework/components 1.0.63 → 1.0.64

package/lib/vef-filter/components/filter-item.cjs

@@ -1,3 +1,117 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),r=require("@vef-framework/hooks"),a=require("@vef-framework/shared"),u=require("antd"),t=require("react"),l=require("../hooks/use-computed-values.cjs"),i=require("./filter-field.cjs"),{Item:s}=u.Form;const o=t.memo((function({item:{name:a,show:u,disabled:o,label:d,tip:n,required:m,width:f,advanced:c=!1,span:p,virtual:w,...q},...V}){const b=r.useContextDisabled(),[h,k,v,y,j,x]=l.useComputedValues([{key:"show",rawValue:u,defaultValue:!0},{key:"disabled",rawValue:o,defaultValue:!1},{key:"label",rawValue:d},{key:"tip",rawValue:n},{key:"required",rawValue:m,defaultValue:!1},{key:"width",rawValue:f,defaultValue:d?220:180}]),M=t.useMemo((()=>{if(j)return[{required:!0}]}),[j]),g=t.useMemo((()=>{if(!c)return{width:x}}),[c,x]);return h?e.jsx(s,{css:g,help:!1,label:v,name:a,preserve:!1,rules:M,tooltip:y,...V,children:e.jsx(i.default,{componentProps:q,disabled:b||k,label:v,name:a})}):null}),((e,r)=>a.isDeepEqual(a.omit(e,["item"]),a.omit(r,["item"]))));exports.default=o;
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const antd = require('antd');
+const react = require('react');
+const useComputedValues = require('../hooks/use-computed-values.cjs');
+const filterField = require('./filter-field.cjs');
+
+const { Item } = antd.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 = hooks.useContextDisabled();
+  const [showValue, disabledValue, labelValue, tipValue, requiredValue, widthValue] = useComputedValues.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 = react.useMemo(() => {
+    if (!requiredValue) {
+      return;
+    }
+    return [
+      {
+        required: true
+      }
+    ];
+  }, [requiredValue]);
+  const itemCss = react.useMemo(() => {
+    if (advanced) {
+      return;
+    }
+    return {
+      width: widthValue
+    };
+  }, [advanced, widthValue]);
+  if (!showValue) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Item,
+    {
+      css: itemCss,
+      help: false,
+      label: labelValue,
+      name,
+      preserve: false,
+      rules: requiredRuleObject,
+      tooltip: tipValue,
+      ...restProps,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        filterField.default,
+        {
+          componentProps,
+          disabled: formDisabled || disabledValue,
+          label: labelValue,
+          name
+        }
+      )
+    }
+  );
+}
+const VefFilterItem = react.memo(
+  VefFilterItemBase,
+  (prevProps, nextProps) => shared.isDeepEqual(
+    shared.omit(prevProps, ["item"]),
+    shared.omit(nextProps, ["item"])
+  )
+);
+
+exports.default = VefFilterItem;
 /*! VefFramework is a blazingly high-level, modern, flexible, easy-to-use UI framework made by Venus. Follow me on Github: https://github.com/ilxqx! @ilxqx */

package/lib/vef-filter/event.cjs

@@ -1,3 +1,49 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared");var t,a=e=>{throw TypeError(e)},r=(e,t,r)=>(((e,t,r)=>{t.has(e)||a("Cannot "+r)})(e,t,"read from private field"),r?r.call(e):t.get(e));const o=Symbol("change"),s=Symbol("submitResult");t=new WeakMap,exports.FilterEventBus=class{constructor(){var r,o,s;r=this,o=t,s=e.createEventEmitter(),o.has(r)?a("Cannot add the same private member more than once"):o instanceof WeakSet?o.add(r):o.set(r,s)}clear(){r(this,t).all.clear()}onChange(e){r(this,t).on(o,e)}offChange(e){r(this,t).off(o,e)}emitChange(e){r(this,t).emit(o,e)}onSubmitResult(e){r(this,t).on(s,e)}offSubmitResult(e){r(this,t).off(s,e)}emitSubmitResult(e){r(this,t).emit(s,e)}};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@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, shared.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();
+
+exports.FilterEventBus = 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/lib/vef-filter/helper.cjs

@@ -1,3 +1,20 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared");exports.computeValue=function(r,t,n){if(e.isFunction(r))return r(t);if(e.isExpression(r)){return e.compileDynamicFn(r,"values",`return ${r.expression}`)(t)}return r??n};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+
+function computeValue(value, values, defaultValue) {
+  if (shared.isFunction(value)) {
+    return value(values);
+  }
+  if (shared.isExpression(value)) {
+    const fn = shared.compileDynamicFn(value, "values", `return ${value.expression}`);
+    return fn(values);
+  }
+  return value ?? defaultValue;
+}
+
+exports.computeValue = 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/lib/vef-filter/hooks/use-action-handlers.cjs

@@ -1,3 +1,75 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),t=require("react"),r=require("../store.cjs");exports.useActionHandlers=function({onBeforeConfirm:i,onConfirm:n,onReset:s}){const[a,o,l,u,c,m,d]=r.useFilterStore((e=>[e.form,e.eventBus,e.getValues,e.initialValues,e.invokeValueChangeHandlers,e.virtualFieldNames,e.setIsLoading]));return{handleReset:t.useCallback((()=>{const e=l();a.resetFields(),c(),o.emitChange(u),s?.(e)}),[o,a,l,u,c,s]),handleConfirm:t.useMemo((()=>{if(e.isFunction(n))return async t=>{d(!0);let r=t;try{e.isFunction(i)&&(r=await i(r));const t=e.omit(r,m);await n(t),o.emitSubmitResult(!0)}catch(e){throw o.emitSubmitResult(!1),e}finally{d(!1)}}}),[i,n,o,d,m]),handleConfirmFailed:t.useCallback((({errorFields:t})=>{o.emitSubmitResult(!1),t.length>0&&e.showWarningMessage(t.flatMap((e=>e.errors)).join(", "))}),[o])}};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+const react = require('react');
+const store = require('../store.cjs');
+
+function useActionHandlers({
+  onBeforeConfirm,
+  onConfirm,
+  onReset
+}) {
+  const [
+    form,
+    eventBus,
+    getValues,
+    initialValues,
+    invokeValueChangeHandlers,
+    virtualFieldNames,
+    setIsLoading
+  ] = store.useFilterStore((state) => [
+    state.form,
+    state.eventBus,
+    state.getValues,
+    state.initialValues,
+    state.invokeValueChangeHandlers,
+    state.virtualFieldNames,
+    state.setIsLoading
+  ]);
+  const handleReset = react.useCallback(() => {
+    const values = getValues();
+    form.resetFields();
+    invokeValueChangeHandlers();
+    eventBus.emitChange(initialValues);
+    onReset?.(values);
+  }, [eventBus, form, getValues, initialValues, invokeValueChangeHandlers, onReset]);
+  const handleConfirm = react.useMemo(() => {
+    if (!shared.isFunction(onConfirm)) {
+      return;
+    }
+    return async (values) => {
+      setIsLoading(true);
+      let valuesToUse = values;
+      try {
+        if (shared.isFunction(onBeforeConfirm)) {
+          valuesToUse = await onBeforeConfirm(valuesToUse);
+        }
+        const valuesToConfirm = shared.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 = react.useCallback(({ errorFields }) => {
+    eventBus.emitSubmitResult(false);
+    if (errorFields.length > 0) {
+      shared.showWarningMessage(errorFields.flatMap((field) => field.errors).join(", "));
+    }
+  }, [eventBus]);
+  return {
+    handleReset,
+    handleConfirm,
+    handleConfirmFailed
+  };
+}
+
+exports.useActionHandlers = 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/lib/vef-filter/hooks/use-computed-values.cjs

@@ -1,3 +1,60 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/hooks"),r=require("@vef-framework/shared"),u=require("../helper.cjs"),t=require("../store.cjs");exports.useComputedValues=function(o,s=!1){const[a,n]=t.useFilterStore((e=>[e.eventBus,e.getValues])),l=e.useUpdater(),c=n(),f=e.useDeepMemo((()=>o.reduce(((e,r)=>{const{key:t,rawValue:o,defaultValue:s}=r,a=u.computeValue(o,c,s);return e[t]=a,e}),{})),[c,o]);return e.useDeepLayoutEffect((()=>{const e=o.filter((({rawValue:e})=>r.isFunctionOrExpression(e)));if(e.length>0){const t=t=>{for(const o of e){const{key:e,rawValue:s,defaultValue:a}=o,n=f[e],c=u.computeValue(s,t,a);if(!r.isDeepEqual(c,n)){l();break}}};return a.onChange(t),()=>{a.offChange(t)}}}),[f,a,l,o]),s?o.reduce(((e,{key:r})=>(e[r]=f[r],e)),{}):o.map((({key:e})=>f[e]))};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const helper = require('../helper.cjs');
+const store = require('../store.cjs');
+
+function useComputedValues(values, returnAsObject = false) {
+  const [eventBus, getValues] = store.useFilterStore((state) => [state.eventBus, state.getValues]);
+  const forceUpdate = hooks.useUpdater();
+  const currentValues = getValues();
+  const computedValues = hooks.useDeepMemo(() => values.reduce((acc, it) => {
+    const {
+      key,
+      rawValue,
+      defaultValue
+    } = it;
+    const computedValue = helper.computeValue(rawValue, currentValues, defaultValue);
+    acc[key] = computedValue;
+    return acc;
+  }, {}), [currentValues, values]);
+  hooks.useDeepLayoutEffect(() => {
+    const realComputedValues = values.filter(({ rawValue }) => shared.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 = helper.computeValue(rawValue, newValues, defaultValue);
+          if (!shared.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]);
+}
+
+exports.useComputedValues = 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/lib/vef-filter/hooks/use-filter-context.cjs

@@ -1,3 +1,25 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),{useContextSelector:t,useContext:o,ContextProvider:r}=e.createSelectableContext({labelPosition:"top",labelAlign:"right",externalLoading:!1,showCollapseButton:!1,handleReset:e.noop}),l=t,n=o;exports.FilterContextProvider=r,exports.useFilterContext=n,exports.useFilterContextSelector=l;
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+
+const {
+  useContextSelector,
+  useContext,
+  ContextProvider: FilterContextProvider
+} = shared.createSelectableContext({
+  labelPosition: "top",
+  labelAlign: "right",
+  externalLoading: false,
+  showCollapseButton: false,
+  handleReset: shared.noop
+});
+const useFilterContextSelector = useContextSelector;
+const useFilterContext = useContext;
+
+exports.FilterContextProvider = FilterContextProvider;
+exports.useFilterContext = useFilterContext;
+exports.useFilterContextSelector = 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/lib/vef-filter/hooks/use-filter-initialization.cjs

@@ -1,3 +1,42 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),r=require("react");exports.useFilterInitialization=function(t,i){return r.useMemo((()=>{const r={...i},n={},s=[];for(const i of t){const{name:t,onChange:u,defaultValue:a,virtual:l}=i;!e.isNullish(a)&&e.isNullish(r[t])&&(r[t]=a),e.isFunction(u)&&(n[t]=u),!0===l&&s.push(t)}return{mergedInitialValues:r,valueChangeHandlers:n,virtualFieldNames:s}}),[])};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+const react = require('react');
+
+function useFilterInitialization(schema, initialValues) {
+  return react.useMemo(() => {
+    const mergedInitialValues = {
+      ...initialValues
+    };
+    const valueChangeHandlers = {};
+    const virtualFieldNames = [];
+    for (const item of schema) {
+      const {
+        name,
+        onChange,
+        defaultValue,
+        virtual
+      } = item;
+      if (!shared.isNullish(defaultValue) && shared.isNullish(mergedInitialValues[name])) {
+        mergedInitialValues[name] = defaultValue;
+      }
+      if (shared.isFunction(onChange)) {
+        valueChangeHandlers[name] = onChange;
+      }
+      if (virtual === true) {
+        virtualFieldNames.push(name);
+      }
+    }
+    return {
+      mergedInitialValues,
+      valueChangeHandlers,
+      virtualFieldNames
+    };
+  }, []);
+}
+
+exports.useFilterInitialization = 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/lib/vef-filter/hooks/use-filter-instance.cjs

@@ -1,3 +1,31 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../store.cjs");exports.useFilterInstance=function(s,r){const[u,o,i,n]=t.useFilterStore((e=>[e.form,e.eventBus,e.getValues,e.setValues]));e.useImperativeHandle(s,(()=>({confirm:()=>new Promise(((e,t)=>{const s=r=>{o.offSubmitResult(s),r?e():t(r)};o.onSubmitResult(s),u.submit()})),reset:r,getValues:i,setValues:n})))};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+const store = require('../store.cjs');
+
+function useFilterInstance(ref, reset) {
+  const [form, eventBus, getValues, setValues] = store.useFilterStore((state) => [state.form, state.eventBus, state.getValues, state.setValues]);
+  react.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
+  }));
+}
+
+exports.useFilterInstance = 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/lib/vef-filter/hooks/use-filter-items.cjs

@@ -1,3 +1,28 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useFilterItems=function(t){return e.useMemo((()=>{const e=[],s=[];for(const r of t){const{advanced:t=!1}=r;t?s.push(r):e.push(r)}return{basicItems:e,advancedItems:s}}),[])};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+function useFilterItems(schema) {
+  return react.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
+    };
+  }, []);
+}
+
+exports.useFilterItems = 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/lib/vef-filter/hooks/use-filter-values-change.cjs

@@ -1,3 +1,35 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),r=require("react"),t=require("../store.cjs");exports.useFilterValuesChange=function(n){const[s,u]=t.useFilterStore((e=>[e.eventBus,e.invokeValueChangeHandlers])),o=r.useMemo((()=>(e,r)=>{s.emitChange(r)}),[s]);return r.useEffect((()=>{if(e.isFunction(n)){const e=e=>{n(e)};return s.onChange(e),()=>{s.offChange(e)}}}),[s,n]),r.useLayoutEffect((()=>{u()}),[]),{handleValuesChange:o}};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+const react = require('react');
+const store = require('../store.cjs');
+
+function useFilterValuesChange(onChange) {
+  const [eventBus, invokeValueChangeHandlers] = store.useFilterStore((state) => [state.eventBus, state.invokeValueChangeHandlers]);
+  const handleValuesChange = react.useMemo(() => (_, values) => {
+    eventBus.emitChange(values);
+  }, [eventBus]);
+  react.useEffect(() => {
+    if (shared.isFunction(onChange)) {
+      const handleChange = (values) => {
+        onChange(values);
+      };
+      eventBus.onChange(handleChange);
+      return () => {
+        eventBus.offChange(handleChange);
+      };
+    }
+  }, [eventBus, onChange]);
+  react.useLayoutEffect(() => {
+    invokeValueChangeHandlers();
+  }, []);
+  return {
+    handleValuesChange
+  };
+}
+
+exports.useFilterValuesChange = 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/lib/vef-filter/hooks/use-label-config.cjs

@@ -1,3 +1,32 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared"),t=require("react");exports.useLabelConfig=function(r,o){const i=t.useMemo((()=>{if("top"!==r&&o)return(o<60||o>120)&&e.showWarningMessage("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.useMemo((()=>{if(i)return{flex:`0 0 ${i}px`}}),[i]),labelWidthToUse:i}};
+/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+const react = require('react');
+
+function useLabelConfig(labelPosition, labelWidth) {
+  const labelWidthToUse = react.useMemo(() => {
+    if (labelPosition === "top" || !labelWidth) {
+      return;
+    }
+    if (labelWidth < 60 || labelWidth > 120) {
+      shared.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 = react.useMemo(() => {
+    if (!labelWidthToUse) {
+      return;
+    }
+    return { flex: `0 0 ${labelWidthToUse}px` };
+  }, [labelWidthToUse]);
+  return {
+    labelCol,
+    labelWidthToUse
+  };
+}
+
+exports.useLabelConfig = 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 */