@vef-framework/components 1.0.101 → 1.0.102

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

@@ -1,38 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{isNullish,isFunction}from"@vef-framework/shared";import{useMemo}from"react";function useFilterInitialization(schema,initialValues){return useMemo(()=>{const mergedInitialValues={...initialValues},valueChangeHandlers={},virtualFieldNames=[];for(const item of schema){const{name,onChange,defaultValue,virtual}=item;!isNullish(defaultValue)&&isNullish(mergedInitialValues[name])&&(mergedInitialValues[name]=defaultValue),isFunction(onChange)&&(valueChangeHandlers[name]=onChange),virtual===!0&&virtualFieldNames.push(name)}return{mergedInitialValues,valueChangeHandlers,virtualFieldNames}},[])}/*! 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 */export{useFilterInitialization};

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

@@ -1,27 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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),result?resolve():reject(result)};eventBus.onSubmitResult(handleResult),form.submit()}),reset,getValues,setValues}))}/*! 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 */export{useFilterInstance};

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

@@ -1,24 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{useMemo}from"react";function useFilterItems(schema){return useMemo(()=>{const basicItems=[],advancedItems=[];for(const item of schema){const{advanced=!1}=item;advanced?advancedItems.push(item):basicItems.push(item)}return{basicItems,advancedItems}},[])}/*! 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 */export{useFilterItems};

package/es/vef-filter/hooks/use-filter-values-change.js

@@ -1,31 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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]),handleValuesChange=useMemo(()=>(_,values)=>{eventBus.emitChange(values)},[eventBus]);return useEffect(()=>{if(isFunction(onChange)){const handleChange=values=>{onChange(values)};return eventBus.onChange(handleChange),()=>{eventBus.offChange(handleChange)}}},[eventBus,onChange]),useLayoutEffect(()=>{invokeValueChangeHandlers()},[]),{handleValuesChange}}/*! 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 */export{useFilterValuesChange};

package/es/vef-filter/hooks/use-label-config.js

@@ -1,28 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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(labelWidth<60||labelWidth>120)&&showWarningMessage("The labelWidth of VefFilter component must be between 60 and 120, otherwise it will be 60 or 120."),Math.min(Math.max(labelWidth,60),120)},[labelPosition,labelWidth]);return{labelCol:useMemo(()=>{if(labelWidthToUse)return{flex:`0 0 ${labelWidthToUse}px`}},[labelWidthToUse]),labelWidthToUse}}/*! 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 */export{useLabelConfig};

package/es/vef-filter/index.js

@@ -1,148 +1,8 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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`
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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,formStyle=css`
   display: block;
   flex-wrap: unset;
 
   .vef-form-item {
     margin-inline-end: 0;
   }
-`;
-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 */
+`;function VefFilterBase({schema,labelPosition="top",labelAlign="right",labelWidth,disabled=!1,loading=!1,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]),{handleReset,handleConfirm,handleConfirmFailed}=useActionHandlers({onBeforeConfirm,onConfirm,onReset}),{basicItems,advancedItems}=useFilterItems(schema),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]),{handleValuesChange}=useFilterValuesChange(onChange);useFilterInstance(ref,handleReset);const formDisabled=useContextDisabled()||disabled||loading||isLoading;return jsx(Form,{colon:!1,css:formStyle,disabled:formDisabled,form,initialValues,layout:"inline",size:convertBasicSizeToUiSize(size),variant,onFinish:handleConfirm,onFinishFailed:handleConfirmFailed,onValuesChange:handleValuesChange,children:jsx(DisabledContextProvider,{value:formDisabled,children:jsxs(FilterContextProvider,{value:filterContext,children:[jsx(VefBasicFilter,{items:basicItems,prefix}),jsx(AnimatePresence,{children:isAdvancedFilterVisible&&advancedItems.length>0&&jsx(VefAdvancedFilter,{items:advancedItems})})]})})})}const VefFilterBaseForwarded=forwardRef(VefFilterBase);VefFilterBaseForwarded.displayName="VefFilterBase";function VefFilterWrapper({initialValues,...restProps},ref){const{schema}=restProps,[form]=useForm(),filterEventBus=useSingleton(()=>new FilterEventBus);useUnmount(()=>{filterEventBus.clear()});const{mergedInitialValues,valueChangeHandlers,virtualFieldNames}=useFilterInitialization(schema,initialValues),initialState=useMemo(()=>({eventBus:filterEventBus,form,initialValues:mergedInitialValues,valueChangeHandlers,virtualFieldNames}),[filterEventBus,form,mergedInitialValues,valueChangeHandlers,virtualFieldNames]);return jsx(FilterStoreProvider,{initialState,children:jsx(VefFilterBaseForwarded,{ref,...restProps})})}const VefFilter=memo(forwardRef(VefFilterWrapper),(prevProps,nextProps)=>isDeepEqual(omit(prevProps,["initialValues","schema"]),omit(nextProps,["initialValues","schema"])));VefFilter.displayName="VefFilter";/*! 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 */export{VefFilter as default};

package/es/vef-filter/store.js

@@ -1,72 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{createComponentStore,isDeepEqual}from"@vef-framework/shared";const{StoreProvider:FilterStoreProvider,useStore:useFilterStore,useStoreApi:useFilterStoreApi}=createComponentStore("Filter",initialState=>(set,get)=>({isAdvancedFilterVisible:!1,setIsAdvancedFilterVisible:isAdvancedFilterVisible=>{set({isAdvancedFilterVisible})},isLoading:!1,setIsLoading:isLoading=>{set({isLoading})},invokeValueChangeHandlers:(values,keys)=>{const{valueChangeHandlers,initialValues,setValues}=get(),valuesToUse=values??initialValues,keySet=keys?new Set(keys):null;for(const[name,handler]of Object.entries(valueChangeHandlers))(!keySet||keySet.has(name))&&handler(valuesToUse[name]??null,{values:valuesToUse,setValues})},getValues:()=>{const{form,initialValues}=get();return form.isFieldsTouched(!0)?initialValues:form.getFieldsValue()},setValues:values=>{const{form,eventBus,invokeValueChangeHandlers}=get(),previousValues=form.getFieldsValue(),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}));/*! 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 */export{FilterStoreProvider,useFilterStore,useFilterStoreApi};

package/es/vef-flex/index.js

@@ -1,32 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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(),gapToUse=useMemo(()=>isArray(gap)?[normalizeGapSize(gap[0]),normalizeGapSize(gap[1])].join(" "):gap&&normalizeGapSize(gap),[gap,normalizeGapSize]);return jsx(Flex,{gap:gapToUse,...props})}/*! 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 */export{VefFlex as default};

package/es/vef-float-button/index.js

@@ -1,50 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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(),badgeProps=useMemo(()=>{if(!badge)return;const{variant,count,overflowCount,showZero,color}=badge;return variant==="dot"?{dot:!0,color:color?colorTokens.get(color):void 0}:{count,overflowCount,showZero,color:color?colorTokens.get(color):void 0}},[badge,colorTokens]);return jsx(FloatButton,{badge:badgeProps,tooltip:tip,type:appearance,...restProps})}/*! 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 */export{VefFloatButton as default};

package/es/vef-float-button-group/index.js

@@ -1,21 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, made by Venus. */import{jsx}from"@emotion/react/jsx-runtime";import{FloatButton}from"antd";const{Group}=FloatButton;function VefFloatButtonGroup({collapsable=!1,trigger="click",...restProps}){return jsx(Group,{trigger:collapsable?trigger:void 0,...restProps})}/*! 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 */export{VefFloatButtonGroup as default};

package/es/vef-form/components/fields/icon-select.js

@@ -1,66 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { VefError, isString, isFunction } from '@vef-framework/shared';
-import { useMemo } from 'react';
-import 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) ? `请输入${label}` : "请输入" : 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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,[placeholderValue]=useComputedValues([{key:"placeholder",rawValue:placeholder,defaultValue:label?isString(label)?`请输入${label}`:"请输入":void 0}]),[form,scene,setValues]=useFormStore(state=>[state.form,state.scene,state.setValues]),events=useMemo(()=>{const events2={};return events2.onChange=value2=>{if(onChange?.(value2),isFunction(onValueChange)){const values=form.getFieldsValue();onValueChange(value2,{scene,values,setValues})}},events2},[form,onChange,onValueChange,scene,setValues]);return jsx(VefIconSelect,{clearable,disabled,placeholder:placeholderValue,value,...events})}/*! 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 */export{IconSelect as default};

package/es/vef-form/components/fields/index.js

@@ -1,26 +1 @@
-/*! VefFramework version: 1.0.101, build time: 2025-03-07T14:07:14.971Z, 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 */
+/*! VefFramework version: 1.0.102, build time: 2025-03-07T16:32:57.836Z, 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};/*! 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 */export{fieldMap};