@vef-framework/components 1.0.98 → 1.0.99

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

@@ -1,3 +1,38 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{isNullish as e,isFunction as r}from"@vef-framework/shared";import{useMemo as t}from"react";function useFilterInitialization(a,i){return t((()=>{const t={...i},n={},o=[];for(const i of a){const{name:a,onChange:l,defaultValue:u,virtual:s}=i;!e(u)&&e(t[a])&&(t[a]=u),r(l)&&(n[a]=l),!0===s&&o.push(a)}return{mergedInitialValues:t,valueChangeHandlers:n,virtualFieldNames:o}}),[])}export{useFilterInitialization};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{useImperativeHandle as e}from"react";import{useFilterStore as t}from"../store.js";function useFilterInstance(s,o){const[r,u,n,i]=t((e=>[e.form,e.eventBus,e.getValues,e.setValues]));e(s,(()=>({confirm:()=>new Promise(((e,t)=>{const handleResult=s=>{u.offSubmitResult(handleResult),s?e():t(s)};u.onSubmitResult(handleResult),r.submit()})),reset:o,getValues:n,setValues:i})))}export{useFilterInstance};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{useMemo as t}from"react";function useFilterItems(e){return t((()=>{const t=[],s=[];for(const r of e){const{advanced:e=!1}=r;e?s.push(r):t.push(r)}return{basicItems:t,advancedItems:s}}),[])}export{useFilterItems};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{isFunction as e}from"@vef-framework/shared";import{useMemo as r,useEffect as n,useLayoutEffect as a}from"react";import{useFilterStore as o}from"../store.js";function useFilterValuesChange(t){const[s,u]=o((e=>[e.eventBus,e.invokeValueChangeHandlers])),f=r((()=>(e,r)=>{s.emitChange(r)}),[s]);return n((()=>{if(e(t)){const handleChange=e=>{t(e)};return s.onChange(handleChange),()=>{s.offChange(handleChange)}}}),[s,t]),a((()=>{u()}),[]),{handleValuesChange:f}}export{useFilterValuesChange};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{showWarningMessage as e}from"@vef-framework/shared";import{useMemo as t}from"react";function useLabelConfig(o,r){const i=t((()=>{if("top"!==o&&r)return(r<60||r>120)&&e("The labelWidth of VefFilter component must be between 60 and 120, otherwise it will be 60 or 120."),Math.min(Math.max(r,60),120)}),[o,r]);return{labelCol:t((()=>{if(i)return{flex:`0 0 ${i}px`}}),[i]),labelWidthToUse:i}}export{useLabelConfig};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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.98, build time: 2025-03-07T07:45:28.961Z, 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 V}from"./hooks/use-filter-context.js";import{useFilterInitialization as j}from"./hooks/use-filter-initialization.js";import{useFilterInstance as b}from"./hooks/use-filter-instance.js";import{useFilterItems as B}from"./hooks/use-filter-items.js";import{useFilterValuesChange as C}from"./hooks/use-filter-values-change.js";import{useFilterStore as F,FilterStoreProvider as k}from"./store.js";import{convertBasicSizeToUiSize as x}from"../internal/utils.js";const{useForm:w}=m,A=o`
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, 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 VefFilterBase({schema:o,labelPosition:r="top",labelAlign:a="right",labelWidth:s,disabled:l=!1,loading:d=!1,size:u,variant:g,prefix:j,confirmationButton:k,resetButton:w,extraActionButtons:y,onBeforeConfirm:N,onConfirm:R,onReset:z,onChange:I},W){const[H,L,P,S]=F((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}=B(o),K=c((()=>({labelPosition:r,labelAlign:a,labelWidth:s,confirmationButton:k,externalLoading:d,showCollapseButton:J.length>0,handleReset:q,resetButton:w,extraActionButtons:y})),[J.length,k,y,q,a,r,s,d,w]),{handleValuesChange:M}=C(I);b(W,q);const O=t()||l||d||P;return e(m,{colon:!1,css:A,disabled:O,form:H,initialValues:L,layout:"inline",size:x(u),variant:g,onFinish:D,onFinishFailed:E,onValuesChange:M,children:e(n,{value:O,children:i(V,{value:K,children:[e(p,{items:G,prefix:j}),e(f,{children:S&&J.length>0&&e(h,{items:J})})]})})})}));y.displayName="VefFilterBase";const N=u(d((function VefFilterWrapper({initialValues:i,...o},t){const{schema:n}=o,[s]=w(),l=r((()=>new g));a((()=>{l.clear()}));const{mergedInitialValues:m,valueChangeHandlers:f,virtualFieldNames:d}=j(n,i),u=c((()=>({eventBus:l,form:s,initialValues:m,valueChangeHandlers:f,virtualFieldNames:d})),[l,s,m,f,d]);return e(k,{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 */

package/es/vef-filter/store.js

@@ -1,3 +1,72 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{createComponentStore as e,isDeepEqual as s}from"@vef-framework/shared";const{StoreProvider:i,useStore:l,useStoreApi:t}=e("Filter",(e=>(i,l)=>({isAdvancedFilterVisible:!1,setIsAdvancedFilterVisible:e=>{i({isAdvancedFilterVisible:e})},isLoading:!1,setIsLoading:e=>{i({isLoading:e})},invokeValueChangeHandlers:(e,s)=>{const{valueChangeHandlers:i,initialValues:t,setValues:a}=l(),n=e??t,r=s?new Set(s):null;for(const[e,s]of Object.entries(i))r&&!r.has(e)||s(n[e]??null,{values:n,setValues:a})},getValues:()=>{const{form:e,initialValues:s}=l();return e.isFieldsTouched(!0)?s:e.getFieldsValue()},setValues:e=>{const{form:i,eventBus:t,invokeValueChangeHandlers:a}=l(),n=i.getFieldsValue(),r=Object.keys(e).filter((i=>!s(e[i],n[i])));i.setFieldsValue(e);const o=i.getFieldsValue();t.emitChange(o),a(o,r)},...e})));export{i as FilterStoreProvider,l as useFilterStore,t as useFilterStoreApi};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { createComponentStore, isDeepEqual } from '@vef-framework/shared';
+
+const {
+  StoreProvider: FilterStoreProvider,
+  useStore: useFilterStore,
+  useStoreApi: useFilterStoreApi
+} = createComponentStore(
+  "Filter",
+  (initialState) => (set, get) => ({
+    isAdvancedFilterVisible: false,
+    setIsAdvancedFilterVisible: (isAdvancedFilterVisible) => {
+      set(
+        {
+          isAdvancedFilterVisible
+        }
+      );
+    },
+    isLoading: false,
+    setIsLoading: (isLoading) => {
+      set(
+        {
+          isLoading
+        }
+      );
+    },
+    invokeValueChangeHandlers: (values, keys) => {
+      const {
+        valueChangeHandlers,
+        initialValues,
+        setValues
+      } = get();
+      const valuesToUse = values ?? initialValues;
+      const keySet = keys ? new Set(keys) : null;
+      for (const [name, handler] of Object.entries(valueChangeHandlers)) {
+        if (!keySet || keySet.has(name)) {
+          handler(
+            valuesToUse[name] ?? null,
+            {
+              values: valuesToUse,
+              setValues
+            }
+          );
+        }
+      }
+    },
+    getValues: () => {
+      const { form, initialValues } = get();
+      if (!form.isFieldsTouched(true)) {
+        return form.getFieldsValue();
+      }
+      return initialValues;
+    },
+    setValues: (values) => {
+      const {
+        form,
+        eventBus,
+        invokeValueChangeHandlers
+      } = get();
+      const previousValues = form.getFieldsValue();
+      const changedKeys = Object.keys(values).filter((key) => !isDeepEqual(values[key], previousValues[key]));
+      form.setFieldsValue(values);
+      const currentValues = form.getFieldsValue();
+      eventBus.emitChange(currentValues);
+      invokeValueChangeHandlers(currentValues, changedKeys);
+    },
+    ...initialState
+  })
+);
+
+export { FilterStoreProvider, useFilterStore, useFilterStoreApi };
 /*! 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-flex/index.js

@@ -1,3 +1,32 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{jsx as r}from"@emotion/react/jsx-runtime";import{useGapSizeNormalizer as o}from"@vef-framework/hooks";import{isArray as e}from"@vef-framework/shared";import{Flex as t}from"antd";import{useMemo as m}from"react";function VefFlex({gap:f,...a}){const i=o(),n=m((()=>e(f)?[i(f[0]),i(f[1])].join(" "):f?i(f):f),[f,i]);return r(t,{gap:n,...a})}export{VefFlex as default};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useGapSizeNormalizer } from '@vef-framework/hooks';
+import { isArray } from '@vef-framework/shared';
+import { Flex } from 'antd';
+import { useMemo } from 'react';
+
+function VefFlex({
+  gap,
+  ...props
+}) {
+  const normalizeGapSize = useGapSizeNormalizer();
+  const gapToUse = useMemo(() => {
+    if (isArray(gap)) {
+      return [normalizeGapSize(gap[0]), normalizeGapSize(gap[1])].join(" ");
+    }
+    if (gap) {
+      return normalizeGapSize(gap);
+    }
+    return gap;
+  }, [gap, normalizeGapSize]);
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      gap: gapToUse,
+      ...props
+    }
+  );
+}
+
+export { VefFlex 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-float-button/index.js

@@ -1,3 +1,50 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{jsx as o}from"@emotion/react/jsx-runtime";import{useColorTokens as t}from"@vef-framework/hooks";import{FloatButton as r}from"antd";import{useMemo as e}from"react";function VefFloatButton({appearance:n,tip:a,badge:f,...i}){const u=t(),c=e((()=>{if(!f)return;const{variant:o,count:t,overflowCount:r,showZero:e,color:n}=f;return"dot"===o?{dot:!0,color:n?u.get(n):void 0}:{count:t,overflowCount:r,showZero:e,color:n?u.get(n):void 0}}),[f,u]);return o(r,{badge:c,tooltip:a,type:n,...i})}export{VefFloatButton as default};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useColorTokens } from '@vef-framework/hooks';
+import { FloatButton } from 'antd';
+import { useMemo } from 'react';
+
+function VefFloatButton({
+  appearance,
+  tip,
+  badge,
+  ...restProps
+}) {
+  const colorTokens = useColorTokens();
+  const badgeProps = useMemo(() => {
+    if (!badge) {
+      return;
+    }
+    const {
+      variant,
+      count,
+      overflowCount,
+      showZero,
+      color
+    } = badge;
+    if (variant === "dot") {
+      return {
+        dot: true,
+        color: color ? colorTokens.get(color) : void 0
+      };
+    }
+    return {
+      count,
+      overflowCount,
+      showZero,
+      color: color ? colorTokens.get(color) : void 0
+    };
+  }, [badge, colorTokens]);
+  return /* @__PURE__ */ jsx(
+    FloatButton,
+    {
+      badge: badgeProps,
+      tooltip: tip,
+      type: appearance,
+      ...restProps
+    }
+  );
+}
+
+export { VefFloatButton 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-float-button-group/index.js

@@ -1,3 +1,21 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{FloatButton as o}from"antd";const{Group:r}=o;function VefFloatButtonGroup({collapsable:o=!1,trigger:e="click",...i}){return t(r,{trigger:o?e:void 0,...i})}export{VefFloatButtonGroup as default};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { FloatButton } from 'antd';
+
+const { Group } = FloatButton;
+function VefFloatButtonGroup({
+  collapsable = false,
+  trigger = "click",
+  ...restProps
+}) {
+  return /* @__PURE__ */ jsx(
+    Group,
+    {
+      trigger: collapsable ? trigger : void 0,
+      ...restProps
+    }
+  );
+}
+
+export { VefFloatButtonGroup 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-form/components/fields/icon-select.js

@@ -1,3 +1,66 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{VefError as o,isString as t,isFunction as r}from"@vef-framework/shared";import{useMemo as l}from"react";import n from"../../../vef-icon-select/index.js";import{useComputedValues as a}from"../../hooks/use-computed-values.js";import{useFormStore as s}from"../../store.js";function IconSelect({label:c,value:i,disabled:m,onChange:f,componentProps:u}){if("IconSelect"!==u.type)throw new o(-9,'Oops! Something went wrong. The type of the form field is not "IconSelect", but rendered.');const{onChange:d,placeholder:p,clearable:h}=u,[v]=a([{key:"placeholder",rawValue:p,defaultValue:c?t(c)?`请输入${c}`:"请输入":void 0}]),[b,g,w]=s((e=>[e.form,e.scene,e.setValues])),S=l((()=>{const e={onChange:e=>{if(f?.(e),r(d)){const o=b.getFieldsValue();d(e,{scene:g,values:o,setValues:w})}}};return e}),[b,f,d,g,w]);return e(n,{clearable:h,disabled:m,placeholder:v,value:i,...S})}export{IconSelect as default};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { VefError, isString, isFunction } from '@vef-framework/shared';
+import { useMemo } from 'react';
+import VefIconSelect from '../../../vef-icon-select/index.js';
+import { useComputedValues } from '../../hooks/use-computed-values.js';
+import { useFormStore } from '../../store.js';
+
+function IconSelect({
+  label,
+  value,
+  disabled,
+  onChange,
+  componentProps
+}) {
+  if (componentProps.type !== "IconSelect") {
+    throw new VefError(-9, `Oops! Something went wrong. The type of the form field is not "IconSelect", but rendered.`);
+  }
+  const {
+    onChange: onValueChange,
+    placeholder,
+    clearable
+  } = componentProps;
+  const [placeholderValue] = useComputedValues([
+    {
+      key: "placeholder",
+      rawValue: placeholder,
+      defaultValue: label ? isString(label) ? `\u8BF7\u8F93\u5165${label}` : "\u8BF7\u8F93\u5165" : void 0
+    }
+  ]);
+  const [form, scene, setValues] = useFormStore((state) => [state.form, state.scene, state.setValues]);
+  const events = useMemo(() => {
+    const events2 = {};
+    events2.onChange = (value2) => {
+      onChange?.(value2);
+      if (isFunction(onValueChange)) {
+        const values = form.getFieldsValue();
+        onValueChange(value2, {
+          scene,
+          values,
+          setValues
+        });
+      }
+    };
+    return events2;
+  }, [
+    form,
+    onChange,
+    onValueChange,
+    scene,
+    setValues
+  ]);
+  return /* @__PURE__ */ jsx(
+    VefIconSelect,
+    {
+      clearable,
+      disabled,
+      placeholder: placeholderValue,
+      value,
+      ...events
+    }
+  );
+}
+
+export { IconSelect 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-form/components/fields/index.js

@@ -1,3 +1,26 @@
-/*! VefFramework version: 1.0.98, build time: 2025-03-07T07:45:28.961Z, made by Venus. */
-import e from"./icon-select.js";import r from"./input.js";import t from"./input-number.js";import o from"./password.js";import m from"./radio.js";import p from"./select.js";import i from"./textarea.js";import s from"./tree-select.js";const l={Input:r,InputNumber:t,SingleSelect:p,MultipleSelect:p,Radio:m,Password:o,Textarea:i,IconSelect:e,TreeSingleSelect:s,TreeMultipleSelect:s};export{l as fieldMap};
+/*! VefFramework version: 1.0.99, build time: 2025-03-07T13:41:55.865Z, made by Venus. */
+import IconSelect from './icon-select.js';
+import Input from './input.js';
+import InputNumber from './input-number.js';
+import Password from './password.js';
+import Radio from './radio.js';
+import Select from './select.js';
+import Textarea from './textarea.js';
+import TreeSelect from './tree-select.js';
+
+
+const fieldMap = {
+  Input,
+  InputNumber,
+  SingleSelect: Select,
+  MultipleSelect: Select,
+  Radio,
+  Password,
+  Textarea,
+  IconSelect,
+  TreeSingleSelect: TreeSelect,
+  TreeMultipleSelect: TreeSelect
+};
+
+export { fieldMap };
 /*! 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 */