@vef-framework/components 1.0.128 → 1.0.130

package/cjs/vef-filter/hooks/use-computed-values.cjs

@@ -1,58 +1,2 @@
 "use strict";
-'use strict';
-
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var helper = require('../helper.cjs');
-var store = require('../store.cjs');
-
-"use strict";
-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;
+"use strict";var c=require("@vef-framework/hooks"),p=require("@vef-framework/shared"),V=require("../helper.cjs"),q=require("../store.cjs");function v(r,d=!1){const[s,h]=q.useFilterStore(e=>[e.eventBus,e.getValues]),i=c.useUpdater(),f=h(),a=c.useDeepMemo(()=>r.reduce((e,u)=>{const{key:t,rawValue:o,defaultValue:n}=u,l=V.computeValue(o,f,n);return e[t]=l,e},{}),[f,r]);return c.useDeepLayoutEffect(()=>{const e=r.filter(({rawValue:u})=>p.isFunctionOrExpression(u));if(e.length>0){const u=t=>{for(const o of e){const{key:n,rawValue:l,defaultValue:k}=o,m=a[n],y=V.computeValue(l,t,k);if(!p.isDeepEqual(y,m)){i();break}}};return s.onChange(u),()=>{s.offChange(u)}}},[a,s,i,r]),d?r.reduce((e,{key:u})=>(e[u]=a[u],e),{}):r.map(({key:e})=>a[e])}exports.useComputedValues=v;

package/cjs/vef-filter/hooks/use-filter-context.cjs

@@ -1,23 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-
-"use strict";
-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;
+"use strict";var e=require("@vef-framework/shared");const{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;

package/cjs/vef-filter/hooks/use-filter-initialization.cjs

@@ -1,40 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-var react = require('react');
-
-"use strict";
-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;
+"use strict";var t=require("@vef-framework/shared"),h=require("react");function d(n,l){return h.useMemo(()=>{const i={...l},r={},a=[];for(const o of n){const{name:e,onChange:s,defaultValue:u,virtual:c}=o;!t.isNullish(u)&&t.isNullish(i[e])&&(i[e]=u),t.isFunction(s)&&(r[e]=s),c===!0&&a.push(e)}return{mergedInitialValues:i,valueChangeHandlers:r,virtualFieldNames:a}},[])}exports.useFilterInitialization=d;

package/cjs/vef-filter/hooks/use-filter-instance.cjs

@@ -1,29 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-var store = require('../store.cjs');
-
-"use strict";
-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;
+"use strict";var o=require("react"),m=require("../store.cjs");function f(u,i){const[n,t,a,l]=m.useFilterStore(e=>[e.form,e.eventBus,e.getValues,e.setValues]);o.useImperativeHandle(u,()=>({confirm:()=>new Promise((e,c)=>{const s=r=>{t.offSubmitResult(s),r?e():c(r)};t.onSubmitResult(s),n.submit()}),reset:i,getValues:a,setValues:l}))}exports.useFilterInstance=f;

package/cjs/vef-filter/hooks/use-filter-items.cjs

@@ -1,26 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-
-"use strict";
-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;
+"use strict";var c=require("react");function n(r){return c.useMemo(()=>{const t=[],s=[];for(const e of r){const{advanced:u=!1}=e;u?s.push(e):t.push(e)}return{basicItems:t,advancedItems:s}},[])}exports.useFilterItems=n;

package/cjs/vef-filter/hooks/use-filter-values-change.cjs

@@ -1,33 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-var react = require('react');
-var store = require('../store.cjs');
-
-"use strict";
-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;
+"use strict";var i=require("@vef-framework/shared"),a=require("react"),o=require("../store.cjs");function c(r){const[t,n]=o.useFilterStore(e=>[e.eventBus,e.invokeValueChangeHandlers]),s=a.useMemo(()=>(e,u)=>{t.emitChange(u)},[t]);return a.useEffect(()=>{if(i.isFunction(r)){const e=u=>{r(u)};return t.onChange(e),()=>{t.offChange(e)}}},[t,r]),a.useLayoutEffect(()=>{n()},[]),{handleValuesChange:s}}exports.useFilterValuesChange=c;

package/cjs/vef-filter/hooks/use-label-config.cjs

@@ -1,30 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-var react = require('react');
-
-"use strict";
-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;
+"use strict";var o=require("@vef-framework/shared"),i=require("react");function s(r,e){const t=i.useMemo(()=>{if(!(r==="top"||!e))return(e<60||e>120)&&o.showWarningMessage("The labelWidth of VefFilter component must be between 60 and 120, otherwise it will be 60 or 120."),Math.min(Math.max(e,60),120)},[r,e]);return{labelCol:i.useMemo(()=>{if(t)return{flex:`0 0 ${t}px`}},[t]),labelWidthToUse:t}}exports.useLabelConfig=s;

package/cjs/vef-filter/index.cjs

@@ -1,152 +1,9 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var react$2 = require('motion/react');
-var react$1 = require('react');
-require('../internal/index.cjs');
-var advancedFilter = require('./components/advanced-filter.cjs');
-var basicFilter = require('./components/basic-filter.cjs');
-var event = require('./event.cjs');
-var useActionHandlers = require('./hooks/use-action-handlers.cjs');
-var useFilterContext = require('./hooks/use-filter-context.cjs');
-var useFilterInitialization = require('./hooks/use-filter-initialization.cjs');
-var useFilterInstance = require('./hooks/use-filter-instance.cjs');
-var useFilterItems = require('./hooks/use-filter-items.cjs');
-var useFilterValuesChange = require('./hooks/use-filter-values-change.cjs');
-var store = require('./store.cjs');
-var utils = require('../internal/utils.cjs');
-
-"use strict";
-const { useForm } = antd.Form;
-const formStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),M=require("@emotion/react"),h=require("@vef-framework/hooks"),F=require("@vef-framework/shared"),C=require("antd"),k=require("motion/react"),a=require("react");require("../internal/index.cjs");var E=require("./components/advanced-filter.cjs"),O=require("./components/basic-filter.cjs"),U=require("./event.cjs"),W=require("./hooks/use-action-handlers.cjs"),_=require("./hooks/use-filter-context.cjs"),$=require("./hooks/use-filter-initialization.cjs"),T=require("./hooks/use-filter-instance.cjs"),G=require("./hooks/use-filter-items.cjs"),J=require("./hooks/use-filter-values-change.cjs"),b=require("./store.cjs"),K=require("../internal/utils.cjs");const{useForm:Q}=C.Form,X=M.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] = store.useFilterStore((state) => [state.form, state.initialValues, state.isLoading, state.isAdvancedFilterVisible]);
-  const {
-    handleReset,
-    handleConfirm,
-    handleConfirmFailed
-  } = useActionHandlers.useActionHandlers({
-    onBeforeConfirm,
-    onConfirm,
-    onReset
-  });
-  const { basicItems, advancedItems } = useFilterItems.useFilterItems(schema);
-  const filterContext = react$1.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.useFilterValuesChange(onChange);
-  useFilterInstance.useFilterInstance(ref, handleReset);
-  const contextDisabled = hooks.useContextDisabled();
-  const formDisabled = contextDisabled || disabled || loading || isLoading;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Form,
-    {
-      colon: false,
-      css: formStyle,
-      disabled: formDisabled,
-      form,
-      initialValues,
-      layout: "inline",
-      size: utils.convertBasicSizeToUiSize(size),
-      variant,
-      onFinish: handleConfirm,
-      onFinishFailed: handleConfirmFailed,
-      onValuesChange: handleValuesChange,
-      children: /* @__PURE__ */ jsxRuntime.jsx(hooks.DisabledContextProvider, { value: formDisabled, children: /* @__PURE__ */ jsxRuntime.jsxs(useFilterContext.FilterContextProvider, { value: filterContext, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(basicFilter.default, { items: basicItems, prefix }),
-        /* @__PURE__ */ jsxRuntime.jsx(react$2.AnimatePresence, { children: isAdvancedFilterVisible && advancedItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(advancedFilter.default, { items: advancedItems }) })
-      ] }) })
-    }
-  );
-}
-const VefFilterBaseForwarded = react$1.forwardRef(VefFilterBase);
-VefFilterBaseForwarded.displayName = "VefFilterBase";
-function VefFilterWrapper({
-  initialValues,
-  ...restProps
-}, ref) {
-  const { schema } = restProps;
-  const [form] = useForm();
-  const filterEventBus = hooks.useSingleton(() => new event.FilterEventBus());
-  hooks.useUnmount(() => {
-    filterEventBus.clear();
-  });
-  const {
-    mergedInitialValues,
-    valueChangeHandlers,
-    virtualFieldNames
-  } = useFilterInitialization.useFilterInitialization(schema, initialValues);
-  const initialState = react$1.useMemo(() => ({
-    eventBus: filterEventBus,
-    form,
-    initialValues: mergedInitialValues,
-    valueChangeHandlers,
-    virtualFieldNames
-  }), [
-    filterEventBus,
-    form,
-    mergedInitialValues,
-    valueChangeHandlers,
-    virtualFieldNames
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx(store.FilterStoreProvider, { initialState, children: /* @__PURE__ */ jsxRuntime.jsx(VefFilterBaseForwarded, { ref, ...restProps }) });
-}
-const VefFilter = react$1.memo(
-  react$1.forwardRef(VefFilterWrapper),
-  (prevProps, nextProps) => shared.isDeepEqual(
-    shared.omit(prevProps, ["initialValues", "schema"]),
-    shared.omit(nextProps, ["initialValues", "schema"])
-  )
-);
-VefFilter.displayName = "VefFilter";
-
-exports.default = VefFilter;
+`;function Y({schema:t,labelPosition:i="top",labelAlign:n="right",labelWidth:s,disabled:l=!1,loading:r=!1,size:o,variant:u,prefix:d,confirmationButton:c,resetButton:q,extraActionButtons:g,onBeforeConfirm:j,onConfirm:p,onReset:A,onChange:I},R){const[P,w,z,S]=b.useFilterStore(v=>[v.form,v.initialValues,v.isLoading,v.isAdvancedFilterVisible]),{handleReset:f,handleConfirm:y,handleConfirmFailed:N}=W.useActionHandlers({onBeforeConfirm:j,onConfirm:p,onReset:A}),{basicItems:D,advancedItems:m}=G.useFilterItems(t),H=a.useMemo(()=>({labelPosition:i,labelAlign:n,labelWidth:s,confirmationButton:c,externalLoading:r,showCollapseButton:m.length>0,handleReset:f,resetButton:q,extraActionButtons:g}),[m.length,c,g,f,n,i,s,r,q]),{handleValuesChange:L}=J.useFilterValuesChange(I);T.useFilterInstance(R,f);const x=h.useContextDisabled()||l||r||z;return e.jsx(C.Form,{colon:!1,css:X,disabled:x,form:P,initialValues:w,layout:"inline",size:K.convertBasicSizeToUiSize(o),variant:u,onFinish:y,onFinishFailed:N,onValuesChange:L,children:e.jsx(h.DisabledContextProvider,{value:x,children:e.jsxs(_.FilterContextProvider,{value:H,children:[e.jsx(O.default,{items:D,prefix:d}),e.jsx(k.AnimatePresence,{children:S&&m.length>0&&e.jsx(E.default,{items:m})})]})})})}const B=a.forwardRef(Y);B.displayName="VefFilterBase";function Z({initialValues:t,...i},n){const{schema:s}=i,[l]=Q(),r=h.useSingleton(()=>new U.FilterEventBus);h.useUnmount(()=>{r.clear()});const{mergedInitialValues:o,valueChangeHandlers:u,virtualFieldNames:d}=$.useFilterInitialization(s,t),c=a.useMemo(()=>({eventBus:r,form:l,initialValues:o,valueChangeHandlers:u,virtualFieldNames:d}),[r,l,o,u,d]);return e.jsx(b.FilterStoreProvider,{initialState:c,children:e.jsx(B,{ref:n,...i})})}const V=a.memo(a.forwardRef(Z),(t,i)=>F.isDeepEqual(F.omit(t,["initialValues","schema"]),F.omit(i,["initialValues","schema"])));V.displayName="VefFilter",exports.default=V;

package/cjs/vef-filter/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-filter/store.cjs

@@ -1,76 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-
-"use strict";
-const {
-  StoreProvider: FilterStoreProvider,
-  useStore: useFilterStore,
-  useStoreApi: useFilterStoreApi
-} = shared.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) => !shared.isDeepEqual(values[key], previousValues[key]));
-      form.setFieldsValue(values);
-      const currentValues = form.getFieldsValue();
-      eventBus.emitChange(currentValues);
-      invokeValueChangeHandlers(currentValues, changedKeys);
-    },
-    ...initialState
-  })
-);
-
-exports.FilterStoreProvider = FilterStoreProvider;
-exports.useFilterStore = useFilterStore;
-exports.useFilterStoreApi = useFilterStoreApi;
+"use strict";var d=require("@vef-framework/shared");const{StoreProvider:v,useStore:F,useStoreApi:g}=d.createComponentStore("Filter",c=>(u,r)=>({isAdvancedFilterVisible:!1,setIsAdvancedFilterVisible:e=>{u({isAdvancedFilterVisible:e})},isLoading:!1,setIsLoading:e=>{u({isLoading:e})},invokeValueChangeHandlers:(e,s)=>{const{valueChangeHandlers:n,initialValues:a,setValues:o}=r(),l=e??a,i=s?new Set(s):null;for(const[t,V]of Object.entries(n))(!i||i.has(t))&&V(l[t]??null,{values:l,setValues:o})},getValues:()=>{const{form:e,initialValues:s}=r();return e.isFieldsTouched(!0)?s:e.getFieldsValue()},setValues:e=>{const{form:s,eventBus:n,invokeValueChangeHandlers:a}=r(),o=s.getFieldsValue(),l=Object.keys(e).filter(t=>!d.isDeepEqual(e[t],o[t]));s.setFieldsValue(e);const i=s.getFieldsValue();n.emitChange(i),a(i,l)},...c}));exports.FilterStoreProvider=v,exports.useFilterStore=F,exports.useFilterStoreApi=g;

package/cjs/vef-filter/types.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-flex/index.cjs

@@ -1,36 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var react = require('react');
-
-"use strict";
-function VefFlex({
-  gap,
-  ...props
-}) {
-  const normalizeGapSize = hooks.useGapSizeNormalizer();
-  const gapToUse = react.useMemo(() => {
-    if (shared.isArray(gap)) {
-      return [normalizeGapSize(gap[0]), normalizeGapSize(gap[1])].join(" ");
-    }
-    if (gap) {
-      return normalizeGapSize(gap);
-    }
-    return gap;
-  }, [gap, normalizeGapSize]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Flex,
-    {
-      gap: gapToUse,
-      ...props
-    }
-  );
-}
-
-exports.default = VefFlex;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/react/jsx-runtime"),i=require("@vef-framework/hooks"),s=require("@vef-framework/shared"),o=require("antd"),n=require("react");function c({gap:e,...u}){const r=i.useGapSizeNormalizer(),a=n.useMemo(()=>s.isArray(e)?[r(e[0]),r(e[1])].join(" "):e&&r(e),[e,r]);return t.jsx(o.Flex,{gap:a,...u})}exports.default=c;

package/cjs/vef-flex/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-float-button/index.cjs

@@ -1,54 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var hooks = require('@vef-framework/hooks');
-var antd = require('antd');
-var react = require('react');
-
-"use strict";
-function VefFloatButton({
-  appearance,
-  tip,
-  badge,
-  ...restProps
-}) {
-  const colorTokens = hooks.useColorTokens();
-  const badgeProps = react.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__ */ jsxRuntime.jsx(
-    antd.FloatButton,
-    {
-      badge: badgeProps,
-      tooltip: tip,
-      type: appearance,
-      ...restProps
-    }
-  );
-}
-
-exports.default = VefFloatButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var l=require("@emotion/react/jsx-runtime"),v=require("@vef-framework/hooks"),f=require("antd"),p=require("react");function g({appearance:t,tip:u,badge:o,...n}){const r=v.useColorTokens(),a=p.useMemo(()=>{if(!o)return;const{variant:s,count:i,overflowCount:c,showZero:d,color:e}=o;return s==="dot"?{dot:!0,color:e?r.get(e):void 0}:{count:i,overflowCount:c,showZero:d,color:e?r.get(e):void 0}},[o,r]);return l.jsx(f.FloatButton,{badge:a,tooltip:u,type:t,...n})}exports.default=g;

package/cjs/vef-float-button/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-float-button-group/index.cjs

@@ -1,25 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var antd = require('antd');
-
-"use strict";
-const { Group } = antd.FloatButton;
-function VefFloatButtonGroup({
-  collapsable = false,
-  trigger = "click",
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Group,
-    {
-      trigger: collapsable ? trigger : void 0,
-      ...restProps
-    }
-  );
-}
-
-exports.default = VefFloatButtonGroup;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var u=require("@emotion/react/jsx-runtime"),i=require("antd");const{Group:o}=i.FloatButton;function s({collapsable:e=!1,trigger:r="click",...t}){return u.jsx(o,{trigger:e?r:void 0,...t})}exports.default=s;

package/cjs/vef-float-button-group/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";