@vef-framework/components 1.0.64 → 1.0.65

package/lib/vef-button/index.cjs

@@ -1,156 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const hooks = require('@vef-framework/hooks');
-const shared = require('@vef-framework/shared');
-const react = require('react');
-const index$1 = require('../vef-popconfirm/index.cjs');
-const index = require('../vef-tooltip/index.cjs');
-const baseButton = require('./components/base-button.cjs');
-
-const VefButtonBase = react.forwardRef(({
-  tip,
-  onClick,
-  disabled = false,
-  loading,
-  ...restProps
-}, ref) => {
-  const [isLoading, setIsLoading] = react.useState(false);
-  const onConfirmationOkToUse = react.useMemo(
-    () => {
-      if (restProps.requireConfirmation) {
-        const { onConfirmationOk } = restProps;
-        return shared.isNullish(loading) ? async () => {
-          await shared.invokeMaybeAsyncFn(
-            onConfirmationOk,
-            {
-              beforeInvoke: () => {
-                setIsLoading(true);
-              },
-              onFinally: () => {
-                setIsLoading(false);
-              }
-            }
-          );
-        } : onConfirmationOk;
-      }
-    },
-    // eslint-disable-next-line ts/ban-ts-comment
-    // @ts-expect-error
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [restProps.requireConfirmation, restProps.onConfirmationOk]
-  );
-  const onClickToUse = react.useMemo(
-    () => {
-      if (!restProps.requireConfirmation) {
-        if (onClick && shared.isNullish(loading)) {
-          return async (event) => {
-            await shared.invokeMaybeAsyncFn(
-              onClick,
-              {
-                beforeInvoke: () => {
-                  setIsLoading(true);
-                },
-                onFinally: () => {
-                  setIsLoading(false);
-                }
-              },
-              event
-            );
-          };
-        } else {
-          return onClick;
-        }
-      }
-      const {
-        confirmationMode = "simple",
-        confirmationTitle = shared.defaultMessageTitle,
-        confirmationContent,
-        onConfirmationCancel
-      } = restProps;
-      if (confirmationMode === "simple") {
-        return (event) => {
-          event.stopPropagation();
-        };
-      }
-      return (event) => {
-        event.stopPropagation();
-        shared.showConfirmation(
-          confirmationTitle,
-          confirmationContent,
-          onConfirmationOkToUse,
-          {
-            onCancel: onConfirmationCancel
-          }
-        );
-      };
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      loading,
-      onClick,
-      onConfirmationOkToUse,
-      restProps.requireConfirmation,
-      // eslint-disable-next-line ts/ban-ts-comment
-      // @ts-expect-error
-      restProps.confirmationMode,
-      // eslint-disable-next-line ts/ban-ts-comment
-      // @ts-expect-error
-      restProps.confirmationTitle,
-      // eslint-disable-next-line ts/ban-ts-comment
-      // @ts-expect-error
-      restProps.confirmationContent,
-      // eslint-disable-next-line ts/ban-ts-comment
-      // @ts-expect-error
-      restProps.onConfirmationCancel
-    ]
-  );
-  const contextDisabled = hooks.useContextDisabled();
-  const buttonDisabled = contextDisabled || disabled;
-  const buttonNode = /* @__PURE__ */ jsxRuntime.jsx(
-    baseButton.default,
-    {
-      ref,
-      disabled: buttonDisabled,
-      loading: loading ?? isLoading,
-      onClick: onClickToUse,
-      ...shared.omit(restProps, [
-        "requireConfirmation",
-        "confirmationMode",
-        "confirmationTitle",
-        "confirmationContent",
-        "onConfirmationOk",
-        "onConfirmationCancel"
-      ])
-    }
-  );
-  const buttonNodeMaybeWithTip = tip ? /* @__PURE__ */ jsxRuntime.jsx(index.default, { content: tip, children: buttonNode }) : buttonNode;
-  if (restProps.requireConfirmation && restProps.confirmationMode === "simple") {
-    const {
-      confirmationTitle = shared.defaultMessageTitle,
-      confirmationContent,
-      onConfirmationCancel
-    } = restProps;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      index$1.default,
-      {
-        ref,
-        content: confirmationContent,
-        disabled: buttonDisabled,
-        title: confirmationTitle,
-        onCancel: onConfirmationCancel,
-        onOk: onConfirmationOkToUse,
-        children: buttonNodeMaybeWithTip
-      }
-    );
-  }
-  return buttonNodeMaybeWithTip;
-});
-const VefButton = react.memo(VefButtonBase);
-VefButton.displayName = "VefButton";
-
-exports.default = VefButton;
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),n=require("@vef-framework/hooks"),o=require("@vef-framework/shared"),i=require("react"),t=require("../vef-popconfirm/index.cjs"),r=require("../vef-tooltip/index.cjs"),a=require("./components/base-button.cjs"),f=i.forwardRef((({tip:f,onClick:s,disabled:l=!1,loading:c,...m},u)=>{const[d,C]=i.useState(!1),p=i.useMemo((()=>{if(m.requireConfirmation){const{onConfirmationOk:e}=m;return o.isNullish(c)?async()=>{await o.invokeMaybeAsyncFn(e,{beforeInvoke:()=>{C(!0)},onFinally:()=>{C(!1)}})}:e}}),[m.requireConfirmation,m.onConfirmationOk]),k=i.useMemo((()=>{if(!m.requireConfirmation)return s&&o.isNullish(c)?async e=>{await o.invokeMaybeAsyncFn(s,{beforeInvoke:()=>{C(!0)},onFinally:()=>{C(!1)}},e)}:s;const{confirmationMode:e="simple",confirmationTitle:n=o.defaultMessageTitle,confirmationContent:i,onConfirmationCancel:t}=m;return"simple"===e?e=>{e.stopPropagation()}:e=>{e.stopPropagation(),o.showConfirmation(n,i,p,{onCancel:t})}}),[c,s,p,m.requireConfirmation,m.confirmationMode,m.confirmationTitle,m.confirmationContent,m.onConfirmationCancel]),q=n.useContextDisabled()||l,b=e.jsx(a.default,{ref:u,disabled:q,loading:c??d,onClick:k,...o.omit(m,["requireConfirmation","confirmationMode","confirmationTitle","confirmationContent","onConfirmationOk","onConfirmationCancel"])}),M=f?e.jsx(r.default,{content:f,children:b}):b;if(m.requireConfirmation&&"simple"===m.confirmationMode){const{confirmationTitle:n=o.defaultMessageTitle,confirmationContent:i,onConfirmationCancel:r}=m;return e.jsx(t.default,{ref:u,content:i,disabled:q,title:n,onCancel:r,onOk:p,children:M})}return M})),s=i.memo(f);s.displayName="VefButton",exports.default=s;
 /*! 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-button/props.cjs

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";
 /*! 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-card/index.cjs

@@ -1,30 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const shared = require('@vef-framework/shared');
-const antd = require('antd');
-
-function VefCard({
-  size = "medium",
-  showHoverEffect = false,
-  actions,
-  nested = false,
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Card,
-    {
-      actions: shared.isArray(actions) ? actions : actions ? [actions] : void 0,
-      hoverable: showHoverEffect,
-      size: size === "medium" ? "default" : size,
-      type: nested ? "inner" : void 0,
-      ...restProps
-    }
-  );
-}
-
-exports.default = VefCard;
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, 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("antd");exports.default=function VefCard({size:i="medium",showHoverEffect:o=!1,actions:s,nested:a=!1,...u}){return e.jsx(t.Card,{actions:r.isArray(s)?s:s?[s]:void 0,hoverable:o,size:"medium"===i?"default":i,type:a?"inner":void 0,...u})};
 /*! 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-card/props.cjs

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";
 /*! 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-card-meta/index.cjs

@@ -1,17 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const antd = require('antd');
-
-const { Meta: CardMeta } = antd.Card;
-function VefCardMeta({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(CardMeta, { ...props });
-}
-
-exports.default = VefCardMeta;
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd"),{Meta:r}=t.Card;exports.default=function VefCardMeta({...t}){return e.jsx(r,{...t})};
 /*! 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-card-meta/props.cjs

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";
 /*! 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-checkbox/hooks/use-checkbox-instance.cjs

@@ -1,25 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('react');
-
-function useCheckboxInstance(ref, dataOptions) {
-  const checkboxRef = react.useRef(null);
-  react.useImperativeHandle(ref, () => ({
-    blur: () => {
-      checkboxRef.current?.blur();
-    },
-    focus: () => {
-      checkboxRef.current?.focus({
-        preventScroll: true
-      });
-    },
-    getDataOptions: () => dataOptions
-  }));
-  return checkboxRef;
-}
-
-exports.useCheckboxInstance = useCheckboxInstance;
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useCheckboxInstance=function useCheckboxInstance(t,r){const n=e.useRef(null);return e.useImperativeHandle(t,(()=>({blur:()=>{n.current?.blur()},focus:()=>{n.current?.focus({preventScroll:!0})},getDataOptions:()=>r}))),n};
 /*! 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-checkbox/hooks/use-data-options.cjs

@@ -1,45 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const hooks = require('@vef-framework/hooks');
-const shared = require('@vef-framework/shared');
-const react = require('react');
-
-function useDataOptions({
-  value,
-  onChange,
-  ...rest
-}) {
-  const {
-    normalizedOptions,
-    defaultOption,
-    isLoading
-  } = hooks.useComputedOptions({
-    ...rest,
-    isGrouped: false,
-    filterable: false,
-    selectedOptionValues: value
-  });
-  const optionsMap = react.useMemo(() => normalizedOptions.reduce((map, option) => {
-    map.set(option.value, option);
-    return map;
-  }, /* @__PURE__ */ new Map()), [normalizedOptions]);
-  react.useLayoutEffect(() => {
-    if (defaultOption && shared.isFunction(onChange) && shared.isNullish(value)) {
-      onChange(
-        [defaultOption.value],
-        [defaultOption]
-      );
-    }
-  }, [defaultOption, onChange, value]);
-  return {
-    optionsMap,
-    normalizedOptions,
-    isLoading
-  };
-}
-
-exports.useDataOptions = useDataOptions;
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@vef-framework/hooks"),o=require("@vef-framework/shared"),t=require("react");exports.useDataOptions=function useDataOptions({value:s,onChange:i,...r}){const{normalizedOptions:a,defaultOption:n,isLoading:u}=e.useComputedOptions({...r,isGrouped:!1,filterable:!1,selectedOptionValues:s}),l=t.useMemo((()=>a.reduce(((e,o)=>(e.set(o.value,o),e)),new Map)),[a]);return t.useLayoutEffect((()=>{n&&o.isFunction(i)&&o.isNullish(s)&&i([n.value],[n])}),[n,i,s]),{optionsMap:l,normalizedOptions:a,isLoading:u}};
 /*! 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-checkbox/index.cjs

@@ -1,93 +1,5 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const react = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const antd = require('antd');
-const react$1 = require('react');
-const index = require('../vef-loading-placeholder/index.cjs');
-const index$1 = require('../vef-tooltip/index.cjs');
-const useCheckboxInstance = require('./hooks/use-checkbox-instance.cjs');
-const useDataOptions = require('./hooks/use-data-options.cjs');
-
-const { Group } = antd.Checkbox;
-const loadingPlaceholder = /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    css: react.css`
-      height: ${shared.themeVariables.controlHeight}
-    `,
-    children: /* @__PURE__ */ jsxRuntime.jsx(index.default, {})
-  }
-);
-function VefCheckboxBase({
-  defaultValue,
-  value,
-  disabled,
-  renderCheckboxes,
-  onChange,
-  ...restProps
-}, ref) {
-  const {
-    optionsMap,
-    normalizedOptions,
-    isLoading
-  } = useDataOptions.useDataOptions({
-    value,
-    onChange,
-    ...restProps
-  });
-  const checkboxRef = useCheckboxInstance.useCheckboxInstance(ref, normalizedOptions);
-  const handleChange = react$1.useMemo(() => {
-    if (shared.isFunction(onChange)) {
-      return (value2) => {
-        onChange(value2, value2.map((option) => optionsMap.get(option)));
-      };
-    }
-  }, [onChange, optionsMap]);
-  const content = react$1.useMemo(() => {
-    if (isLoading) {
-      return;
-    }
-    const checkboxes = normalizedOptions.map((option) => {
-      const {
-        value: value2,
-        label,
-        disabled: disabled2,
-        description
-      } = option;
-      if (description) {
-        return /* @__PURE__ */ jsxRuntime.jsx(index$1.default, { content: description, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Checkbox, { disabled: disabled2, value: value2, children: label }) }, value2);
-      }
-      return /* @__PURE__ */ jsxRuntime.jsx(antd.Checkbox, { disabled: disabled2, value: value2, children: label }, value2);
-    });
-    if (shared.isFunction(renderCheckboxes)) {
-      return renderCheckboxes(checkboxes);
-    }
-    return checkboxes;
-  }, [isLoading, normalizedOptions, renderCheckboxes]);
-  if (isLoading) {
-    return loadingPlaceholder;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Group,
-    {
-      ref: checkboxRef,
-      defaultValue,
-      disabled,
-      onChange: handleChange,
-      ...value === void 0 ? {} : { value },
-      children: content
-    }
-  );
-}
-const VefCheckbox = react$1.memo(
-  react$1.forwardRef(VefCheckboxBase)
-);
-VefCheckbox.displayName = "VefCheckbox";
-
-exports.default = VefCheckbox;
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),o=require("@emotion/react"),r=require("@vef-framework/shared"),s=require("antd"),i=require("react"),n=require("../vef-loading-placeholder/index.cjs"),t=require("../vef-tooltip/index.cjs"),a=require("./hooks/use-checkbox-instance.cjs"),u=require("./hooks/use-data-options.cjs"),{Group:c}=s.Checkbox,d=e.jsx("div",{css:o.css`
+      height: ${r.themeVariables.controlHeight}
+    `,children:e.jsx(n.default,{})});const l=i.memo(i.forwardRef((function VefCheckboxBase({defaultValue:o,value:n,disabled:l,renderCheckboxes:h,onChange:x,...f},b){const{optionsMap:p,normalizedOptions:m,isLoading:v}=u.useDataOptions({value:n,onChange:x,...f}),j=a.useCheckboxInstance(b,m),k=i.useMemo((()=>{if(r.isFunction(x))return e=>{x(e,e.map((e=>p.get(e))))}}),[x,p]),g=i.useMemo((()=>{if(v)return;const o=m.map((o=>{const{value:r,label:i,disabled:n,description:a}=o;return a?e.jsx(t.default,{content:a,children:e.jsx(s.Checkbox,{disabled:n,value:r,children:i})},r):e.jsx(s.Checkbox,{disabled:n,value:r,children:i},r)}));return r.isFunction(h)?h(o):o}),[v,m,h]);return v?d:e.jsx(c,{ref:j,defaultValue:o,disabled:l,onChange:k,...void 0===n?{}:{value:n},children:g})})));l.displayName="VefCheckbox",exports.default=l;
 /*! 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-checkbox/props.cjs

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";
 /*! 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-col/index.cjs

@@ -1,16 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const antd = require('antd');
-
-function VefCol({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { ...props });
-}
-
-exports.default = VefCol;
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd");exports.default=function VefCol({...r}){return e.jsx(t.Col,{...r})};
 /*! 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-col/props.cjs

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";
 /*! 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-color-picker/index.cjs

@@ -1,51 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const shared = require('@vef-framework/shared');
-const antd = require('antd');
-const react = require('react');
-require('../internal/index.cjs');
-const utils = require('../internal/utils.cjs');
-
-const mode = ["single", "gradient"];
-function VefColorPicker({
-  clearable,
-  disabled,
-  format,
-  size,
-  showText,
-  trigger,
-  defaultValue,
-  value,
-  onChange
-}) {
-  const handleChange = react.useMemo(() => {
-    if (shared.isFunction(onChange)) {
-      return (color) => {
-        onChange(color.toCssString(), color);
-      };
-    }
-  }, [onChange]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.ColorPicker,
-    {
-      allowClear: clearable,
-      arrow: false,
-      defaultValue,
-      disabled,
-      format,
-      mode,
-      showText,
-      size: utils.convertBasicSizeToUiSize(size),
-      trigger,
-      value,
-      onChangeComplete: handleChange
-    }
-  );
-}
-
-exports.default = VefColorPicker;
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, 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("antd"),i=require("react");require("../internal/index.cjs");const o=require("../internal/utils.cjs"),a=["single","gradient"];exports.default=function VefColorPicker({clearable:n,disabled:s,format:l,size:u,showText:c,trigger:d,defaultValue:f,value:g,onChange:m}){const x=i.useMemo((()=>{if(r.isFunction(m))return e=>{m(e.toCssString(),e)}}),[m]);return e.jsx(t.ColorPicker,{allowClear:n,arrow:!1,defaultValue:f,disabled:s,format:l,mode:a,showText:c,size:o.convertBasicSizeToUiSize(u),trigger:d,value:g,onChangeComplete:x})};
 /*! 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-color-picker/props.cjs

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";
 /*! 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-compact/index.cjs

@@ -1,20 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
-
-const jsxRuntime = require('@emotion/react/jsx-runtime');
-const antd = require('antd');
-require('../internal/index.cjs');
-const utils = require('../internal/utils.cjs');
-
-const { Compact } = antd.Space;
-function VefCompact({
-  size,
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Compact, { size: utils.convertBasicSizeToUiSize(size), ...restProps });
-}
-
-exports.default = VefCompact;
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@emotion/react/jsx-runtime"),t=require("antd");require("../internal/index.cjs");const i=require("../internal/utils.cjs"),{Compact:r}=t.Space;exports.default=function VefCompact({size:t,...n}){return e.jsx(r,{size:i.convertBasicSizeToUiSize(t),...n})};
 /*! 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-compact/props.cjs

@@ -1,5 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";
 /*! 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-config-provider/global-style.cjs

@@ -1,14 +1,6 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const react = require('@emotion/react');
-const shared = require('@vef-framework/shared');
-const modernNormalize = require('../internal/modern-normalize.css.cjs');
-
-const globalStyle = react.css`
-  ${modernNormalize.default}
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react"),r=require("@vef-framework/shared"),t=require("../internal/modern-normalize.css.cjs"),o=e.css`
+  ${t.default}
   
   html, body, #root, .vef-app {
     height: 100%;
@@ -27,14 +19,14 @@ const globalStyle = react.css`
     .vef-message-notice-wrapper {
       .vef-message-custom-content {
         .vef-icon {
-          font-size: ${shared.themeVariables.fontSizeXl};
+          font-size: ${r.themeVariables.fontSizeXl};
         }
       }
     }
   }
 
   .vef-modal {
-    --vef-modal-confirm-icon-margin-inline-end: ${shared.themeVariables.paddingSm};
+    --vef-modal-confirm-icon-margin-inline-end: ${r.themeVariables.paddingSm};
 
     .vef-modal-confirm-body-wrapper {
       .vef-modal-confirm-btns {
@@ -58,8 +50,8 @@ const globalStyle = react.css`
     .vef-popconfirm-message {
       > .vef-popconfirm-message-icon {
         .vef-icon {
-          color: ${shared.themeVariables.colorPrimary};
-          font-size: ${shared.themeVariables.fontSizeLg};
+          color: ${r.themeVariables.colorPrimary};
+          font-size: ${r.themeVariables.fontSizeLg};
         }
       }
     }
@@ -82,7 +74,7 @@ const globalStyle = react.css`
             display: flex;
             justify-content: flex-end;
             align-items: center;
-            gap: ${shared.themeVariables.padding};
+            gap: ${r.themeVariables.padding};
 
             .vef-btn + .vef-btn {
               margin-inline-start: 0;
@@ -100,20 +92,19 @@ const globalStyle = react.css`
   .vef-dropdown {
     .vef-dropdown-menu {
       .vef-dropdown-menu-item-icon {
-        font-size: ${shared.themeVariables.fontSize};
-        min-width: ${shared.themeVariables.fontSizeLg};
+        font-size: ${r.themeVariables.fontSize};
+        min-width: ${r.themeVariables.fontSizeLg};
       }
     }
   }
-`;
-const nprogressStyle = react.css`
+`,i=e.css`
   /* Make clicks pass-through */
   #nprogress {
     pointer-events: none;
   }
 
   #nprogress .bar {
-    background: ${shared.themeVariables.colorPrimary};
+    background: ${r.themeVariables.colorPrimary};
 
     position: fixed;
     z-index: 1031;
@@ -131,7 +122,7 @@ const nprogressStyle = react.css`
     right: 0;
     width: 100px;
     height: 100%;
-    box-shadow: 0 0 10px ${shared.themeVariables.colorPrimary}, 0 0 5px ${shared.themeVariables.colorPrimary};
+    box-shadow: 0 0 10px ${r.themeVariables.colorPrimary}, 0 0 5px ${r.themeVariables.colorPrimary};
     opacity: 1.0;
 
     -webkit-transform: rotate(3deg) translate(0, -4px);
@@ -154,8 +145,8 @@ const nprogressStyle = react.css`
     box-sizing: border-box;
 
     border: solid 2px transparent;
-    border-top-color: ${shared.themeVariables.colorPrimary};
-    border-left-color: ${shared.themeVariables.colorPrimary};
+    border-top-color: ${r.themeVariables.colorPrimary};
+    border-left-color: ${r.themeVariables.colorPrimary};
     border-radius: 50%;
 
     -webkit-animation: nprogress-spinner 400ms linear infinite;
@@ -180,8 +171,5 @@ const nprogressStyle = react.css`
     0%   { transform: rotate(0deg); }
     100% { transform: rotate(360deg); }
   }
-`;
-
-exports.globalStyle = globalStyle;
-exports.nprogressStyle = nprogressStyle;
+`;exports.globalStyle=o,exports.nprogressStyle=i;
 /*! 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 */