@vef-framework/components 1.0.97 → 1.0.99

package/lib/vef-filter/components/fields/radio.cjs

@@ -1,3 +1,114 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),a=require("@vef-framework/shared"),r=require("react"),t=require("../../../vef-form/hooks/use-computed-values.cjs"),i=require("../../../vef-radio/index.cjs"),o=require("../../store.cjs");exports.default=function Radio({value:l,disabled:s,onChange:d,componentProps:n}){if("Radio"!==n.type)throw new a.VefError(-9,'Oops! Something went wrong. The type of the filter field is not "Radio", but rendered.');const{onChange:u,block:c,variant:p,labelKey:y,valueKey:f,descriptionKey:m,disabledKey:h,childrenKey:v,defaultToFirst:b,api:K,apiParams:k,apiEnabled:w,data:V,dataDictionaryKey:g,placeholderData:D,keepPreviousData:F,staleTime:P,onFetched:j}=n,[q,T,x,C,E]=t.useComputedValues([{key:"api",rawValue:K},{key:"apiParams",rawValue:k},{key:"apiEnabled",rawValue:w},{key:"data",rawValue:V},{key:"dataDictionaryKey",rawValue:g}]),[S,M]=o.useFilterStore((e=>[e.form,e.setValues])),R=r.useMemo((()=>{const e={onChange:(e,r)=>{if(d?.(e),a.isFunction(u)){const a=S.getFieldsValue();u(e,{values:a,setValues:M,option:r})}}};return e}),[S,d,u,M]);return e.jsx(i.default,{api:q,apiEnabled:x,apiParams:T,block:c,childrenKey:v,data:C,dataDictionaryKey:E,defaultToFirst:b,descriptionKey:m,disabled:s,disabledKey:h,keepPreviousData:F,labelKey:y,placeholderData:D,staleTime:P,value:l,valueKey:f,variant:p,onFetched:j,...R})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const shared = require('@vef-framework/shared');
+const react = require('react');
+const useComputedValues = require('../../../vef-form/hooks/use-computed-values.cjs');
+const index = require('../../../vef-radio/index.cjs');
+const store = require('../../store.cjs');
+
+function Radio({
+  value,
+  disabled,
+  onChange,
+  componentProps
+}) {
+  if (componentProps.type !== "Radio") {
+    throw new shared.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.useComputedValues([
+    {
+      key: "api",
+      rawValue: api
+    },
+    {
+      key: "apiParams",
+      rawValue: apiParams
+    },
+    {
+      key: "apiEnabled",
+      rawValue: apiEnabled
+    },
+    {
+      key: "data",
+      rawValue: data
+    },
+    {
+      key: "dataDictionaryKey",
+      rawValue: dataDictionaryKey
+    }
+  ]);
+  const [form, setValues] = store.useFilterStore((state) => [state.form, state.setValues]);
+  const events = react.useMemo(() => {
+    const events2 = {};
+    events2.onChange = (value2, option) => {
+      onChange?.(value2);
+      if (shared.isFunction(onValueChange)) {
+        const values = form.getFieldsValue();
+        onValueChange(value2, {
+          values,
+          setValues,
+          option
+        });
+      }
+    };
+    return events2;
+  }, [form, onChange, onValueChange, setValues]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      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
+    }
+  );
+}
+
+exports.default = Radio;
 /*! 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/components/fields/select.cjs

@@ -1,3 +1,145 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),a=require("@vef-framework/shared"),t=require("react"),r=require("../../../vef-select/index.cjs"),l=require("../../hooks/use-computed-values.cjs"),o=require("../../store.cjs");exports.default=function Select({label:i,disabled:u,value:d,onChange:n,componentProps:s}){if("SingleSelect"!==s.type&&"MultipleSelect"!==s.type)throw new a.VefError(-9,'Oops! Something went wrong. The type of the filter field is not "Select", but rendered.');const{onChange:p,maxCount:c,filterable:y,filterFromRemote:m,placeholder:f,grouped:h,keywordKey:b,renderOption:w,labelKey:K,valueKey:k,descriptionKey:V,disabledKey:v,childrenKey:g,defaultToFirst:S,api:F,apiParams:x,apiEnabled:C,data:D,dataDictionaryKey:P,placeholderData:j,keepPreviousData:q,staleTime:T,onFetched:M}=s,[E,O,R,_,$,z,A,B]=l.useComputedValues([{key:"placeholder",rawValue:f,defaultValue:i?a.isString(i)?`请选择${i}`:"请选择":void 0},{key:"maxCount",rawValue:c},{key:"keywordKey",rawValue:b},{key:"api",rawValue:F},{key:"apiParams",rawValue:x},{key:"apiEnabled",rawValue:C},{key:"data",rawValue:D},{key:"dataDictionaryKey",rawValue:P}]),[G,H]=o.useFilterStore((e=>[e.form,e.setValues])),I=t.useMemo((()=>{const e={onChange:(e,t)=>{if(n?.(e),a.isFunction(p)){const a=G.getFieldsValue();p(e,{values:a,setValues:H,option:t})}}};return e}),[G,n,p,H]);return e.jsx(r.default,{clearable:!0,api:_,apiEnabled:z,apiParams:$,childrenKey:g,data:A,dataDictionaryKey:B,defaultToFirst:S,descriptionKey:V,disabled:u,disabledKey:v,filterable:y,filterFromRemote:m,grouped:h,keepPreviousData:q,keywordKey:R,labelKey:K,maxCount:O,multiple:"MultipleSelect"===s.type,placeholder:E,placeholderData:j,renderOption:w,staleTime:T,value:d,valueKey:k,onFetched:M,...I})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const shared = require('@vef-framework/shared');
+const react = require('react');
+const index = require('../../../vef-select/index.cjs');
+const useComputedValues = require('../../hooks/use-computed-values.cjs');
+const store = require('../../store.cjs');
+
+function Select({
+  label,
+  disabled,
+  value,
+  onChange,
+  componentProps
+}) {
+  if (componentProps.type !== "SingleSelect" && componentProps.type !== "MultipleSelect") {
+    throw new shared.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.useComputedValues([
+    {
+      key: "placeholder",
+      rawValue: placeholder,
+      defaultValue: label ? shared.isString(label) ? `\u8BF7\u9009\u62E9${label}` : "\u8BF7\u9009\u62E9" : 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] = store.useFilterStore((state) => [state.form, state.setValues]);
+  const events = react.useMemo(() => {
+    const events2 = {};
+    events2.onChange = (value2, option) => {
+      onChange?.(value2);
+      if (shared.isFunction(onValueChange)) {
+        const values = form.getFieldsValue();
+        onValueChange(value2, {
+          values,
+          setValues,
+          option
+        });
+      }
+    };
+    return events2;
+  }, [form, onChange, onValueChange, setValues]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      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
+    }
+  );
+}
+
+exports.default = Select;
 /*! 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/components/fields/tree-select.cjs

@@ -1,3 +1,141 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),a=require("@vef-framework/shared"),t=require("react"),r=require("../../../vef-tree-select/index.cjs"),l=require("../../hooks/use-computed-values.cjs"),i=require("../../store.cjs");exports.default=function TreeSelect({label:o,disabled:u,value:s,onChange:d,componentProps:n}){if("TreeSingleSelect"!==n.type&&"TreeMultipleSelect"!==n.type)throw new a.VefError(-9,'Oops! Something went wrong. The type of the filter field is not "TreeSelect", but rendered.');const{onChange:c,maxCount:y,filterable:p,filterFromRemote:m,placeholder:f,keywordKey:h,labelKey:b,valueKey:w,descriptionKey:K,disabledKey:k,childrenKey:V,defaultToFirst:v,api:S,apiParams:T,apiEnabled:g,data:F,dataDictionaryKey:x,placeholderData:C,keepPreviousData:D,staleTime:P,onFetched:j}=n,[q,M,E,O,R,_,$,z]=l.useComputedValues([{key:"placeholder",rawValue:f,defaultValue:o?a.isString(o)?`请选择${o}`:"请选择":void 0},{key:"maxCount",rawValue:y},{key:"keywordKey",rawValue:h},{key:"api",rawValue:S},{key:"apiParams",rawValue:T},{key:"apiEnabled",rawValue:g},{key:"data",rawValue:F},{key:"dataDictionaryKey",rawValue:x}]),[A,B]=i.useFilterStore((e=>[e.form,e.setValues])),G=t.useMemo((()=>{const e={onChange:(e,t)=>{if(d?.(e),a.isFunction(c)){const a=A.getFieldsValue();c(e,{values:a,setValues:B,option:t})}}};return e}),[A,d,c,B]);return e.jsx(r.default,{clearable:!0,api:O,apiEnabled:_,apiParams:R,childrenKey:V,data:$,dataDictionaryKey:z,defaultToFirst:v,descriptionKey:K,disabled:u,disabledKey:k,filterable:p,filterFromRemote:m,keepPreviousData:D,keywordKey:E,labelKey:b,maxCount:M,multiple:"TreeMultipleSelect"===n.type,placeholder:q,placeholderData:C,staleTime:P,value:s,valueKey:w,onFetched:j,...G})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const shared = require('@vef-framework/shared');
+const react = require('react');
+const index = require('../../../vef-tree-select/index.cjs');
+const useComputedValues = require('../../hooks/use-computed-values.cjs');
+const store = require('../../store.cjs');
+
+function TreeSelect({
+  label,
+  disabled,
+  value,
+  onChange,
+  componentProps
+}) {
+  if (componentProps.type !== "TreeSingleSelect" && componentProps.type !== "TreeMultipleSelect") {
+    throw new shared.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.useComputedValues([
+    {
+      key: "placeholder",
+      rawValue: placeholder,
+      defaultValue: label ? shared.isString(label) ? `\u8BF7\u9009\u62E9${label}` : "\u8BF7\u9009\u62E9" : 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] = store.useFilterStore((state) => [state.form, state.setValues]);
+  const events = react.useMemo(() => {
+    const events2 = {};
+    events2.onChange = (value2, option) => {
+      onChange?.(value2);
+      if (shared.isFunction(onValueChange)) {
+        const values = form.getFieldsValue();
+        onValueChange(value2, {
+          values,
+          setValues,
+          option
+        });
+      }
+    };
+    return events2;
+  }, [form, onChange, onValueChange, setValues]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      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
+    }
+  );
+}
+
+exports.default = TreeSelect;
 /*! 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/components/filter-field.cjs

@@ -1,3 +1,24 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, 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/shared"),t=require("react"),o=require("./fields/index.cjs");exports.default=function VefFilterField(i){const{name:n,componentProps:{type:s}}=i,u=t.useMemo((()=>{const e=o.fieldMap[s];if(!e)throw new r.VefError(-9,`Unknown filter field type: "${s}", please check the type of "${n}" field.`);return e}),[n,s]);return e.jsx(u,{...i})};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const shared = require('@vef-framework/shared');
+const react = require('react');
+const index = require('./fields/index.cjs');
+
+function VefFilterField(props) {
+  const { name, componentProps: { type } } = props;
+  const FilterFieldComponent = react.useMemo(() => {
+    const Component = index.fieldMap[type];
+    if (!Component) {
+      throw new shared.VefError(-9, `Unknown filter field type: "${type}", please check the type of "${name}" field.`);
+    }
+    return Component;
+  }, [name, type]);
+  return /* @__PURE__ */ jsxRuntime.jsx(FilterFieldComponent, { ...props });
+}
+
+exports.default = VefFilterField;
 /*! 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/components/filter-item.cjs

@@ -1,3 +1,117 @@
-/*! VefFramework version: 1.0.97, build time: 2025-03-06T12:24:36.991Z, 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 VefFilterItemBase({item:{name:a,show:u,disabled:o,label:d,tip:m,required:n,width:f,advanced:c=!1,span:p,virtual:w,...V},...q}){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:m},{key:"required",rawValue:n,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,...q,children:e.jsx(i.default,{componentProps:V,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.99, build time: 2025-03-07T13:41:55.865Z, 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.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@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"),r=Symbol("submitResult");t=new WeakMap,exports.FilterEventBus=class FilterEventBus{constructor(){var a,r,s;a=this,r=t,s=e.createEventEmitter(),r.has(a)?__typeError("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(a):r.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(r,e)}offSubmitResult(e){__privateGet(this,t).off(r,e)}emitSubmitResult(e){__privateGet(this,t).emit(r,e)}};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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.97, build time: 2025-03-06T12:24:36.991Z, made by Venus. */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/shared");exports.computeValue=function computeValue(r,t,n){if(e.isFunction(r)&&!e.isIternalFunction(r))return r(t);if(e.isExpression(r)){return e.compileDynamicFn(r,"values",`return ${r.expression}`)(t)}return r??n};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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) && !shared.isIternalFunction(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 */