@vef-framework/components 1.0.64 → 1.0.65

package/es/vef-card/index.js

@@ -1,26 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { isArray } from '@vef-framework/shared';
-import { Card } from 'antd';
-
-function VefCard({
-  size = "medium",
-  showHoverEffect = false,
-  actions,
-  nested = false,
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsx(
-    Card,
-    {
-      actions: isArray(actions) ? actions : actions ? [actions] : void 0,
-      hoverable: showHoverEffect,
-      size: size === "medium" ? "default" : size,
-      type: nested ? "inner" : void 0,
-      ...restProps
-    }
-  );
-}
-
-export { VefCard as default };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as e}from"@emotion/react/jsx-runtime";import{isArray as r}from"@vef-framework/shared";import{Card as o}from"antd";function VefCard({size:t="medium",showHoverEffect:i=!1,actions:m,nested:a=!1,...f}){return e(o,{actions:r(m)?m:m?[m]:void 0,hoverable:i,size:"medium"===t?"default":t,type:a?"inner":void 0,...f})}export{VefCard 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-card-meta/index.js

@@ -1,13 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Card } from 'antd';
-
-const { Meta: CardMeta } = Card;
-function VefCardMeta({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(CardMeta, { ...props });
-}
-
-export { VefCardMeta as default };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{Card as e}from"antd";const{Meta:r}=e;function VefCardMeta({...e}){return t(r,{...e})}export{VefCardMeta 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-checkbox/hooks/use-checkbox-instance.js

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

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

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

@@ -1,12 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Col } from 'antd';
-
-function VefCol({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Col, { ...props });
-}
-
-export { VefCol as default };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as o}from"@emotion/react/jsx-runtime";import{Col as t}from"antd";function VefCol({...r}){return o(t,{...r})}export{VefCol 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-color-picker/index.js

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

@@ -1,16 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx } from '@emotion/react/jsx-runtime';
-import { Space } from 'antd';
-import '../internal/index.js';
-import { convertBasicSizeToUiSize } from '../internal/utils.js';
-
-const { Compact } = Space;
-function VefCompact({
-  size,
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsx(Compact, { size: convertBasicSizeToUiSize(size), ...restProps });
-}
-
-export { VefCompact as default };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as t}from"@emotion/react/jsx-runtime";import{Space as o}from"antd";import"../internal/index.js";import{convertBasicSizeToUiSize as r}from"../internal/utils.js";const{Compact:e}=o;function VefCompact({size:o,...i}){return t(e,{size:r(o),...i})}export{VefCompact 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-config-provider/global-style.js

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

@@ -1,126 +1,3 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { useDeepMemo } from '@vef-framework/hooks';
-import { isValidColor, assign } from '@vef-framework/shared';
-import { theme } from 'antd';
-import locale from 'antd/locale/zh_CN';
-import 'dayjs/locale/zh-cn';
-import dayjs from 'dayjs';
-
-dayjs.locale("zh-cn");
-const colorMap = {
-  blue: "#3b82f6",
-  purple: "#8b5cf6",
-  cyan: "#06b6d4",
-  green: "#22c55e",
-  pink: "#ec4899",
-  red: "#ef4444",
-  orange: "#f97316",
-  yellow: "#eab308",
-  volcano: "#f43f5e",
-  lime: "#84cc16",
-  gold: "#fbbf24",
-  geekblue: "#6366f1",
-  magenta: "#eb2f96"
-};
-const fontSizeConfigMap = {
-  medium: {
-    fontSize: 14,
-    controlHeight: 32
-  },
-  large: {
-    fontSize: 16,
-    controlHeight: 36
-  }
-};
-const fontSizeComponentsConfigMap = {
-  medium: {
-    Button: {
-      contentFontSizeSM: 12
-    }
-  },
-  large: {
-    Button: {
-      contentFontSizeSM: 14
-    }
-  }
-};
-function generateUiConfig({
-  primaryColor = "#0064fa",
-  fontSize = "medium"
-}) {
-  if (!Reflect.has(colorMap, primaryColor) && !isValidColor(primaryColor)) {
-    throw new Error(`Invalid primary color: ${primaryColor}`);
-  }
-  if (!(fontSize in fontSizeConfigMap)) {
-    throw new Error(`Invalid font size: ${fontSize}`);
-  }
-  const fontSizeConfig = fontSizeConfigMap[fontSize];
-  const componentsConfig = fontSizeComponentsConfigMap[fontSize];
-  return {
-    messageFoldThreshold: 1,
-    messageDuration: 3,
-    notificationFoldThreshold: 3,
-    notificationDuration: 5,
-    locale,
-    iconPrefixCls: "vef-icon",
-    prefixCls: "vef",
-    virtual: true,
-    componentSize: "middle",
-    variant: "outlined",
-    theme: {
-      cssVar: {
-        prefix: "vef"
-      },
-      hashed: false,
-      algorithm: theme.defaultAlgorithm,
-      token: {
-        borderRadius: 6,
-        colorBgBase: "#ffffff",
-        colorPrimary: Reflect.has(colorMap, primaryColor) ? colorMap[primaryColor] : primaryColor,
-        colorInfo: "#0ea5e9",
-        colorSuccess: "#22c55e",
-        colorWarning: "#f97316",
-        colorError: "#ef4444",
-        colorLink: "#6366f1",
-        colorTextBase: "#171717",
-        colorBgLayout: "#f5f6fb",
-        colorBgSpotlight: "rgba(23, 23, 23, 0.8)",
-        zIndexPopupBase: 10,
-        wireframe: true,
-        ...fontSizeConfig,
-        ...colorMap
-      },
-      components: assign({
-        Table: {
-          // headerBorderRadius: 0,
-        },
-        Tooltip: {
-          paddingSM: 16,
-          paddingXS: 12
-        },
-        Button: {
-          /*
-           * onlyIconSize: 24,
-           * onlyIconSizeSM: 18,
-           * onlyIconSizeLG: 30,
-           */
-        },
-        TreeSelect: {
-          titleHeight: fontSizeConfig.controlHeight
-        },
-        Spin: {
-          contentHeight: "auto"
-        }
-      }, componentsConfig)
-    }
-  };
-}
-function useUiConfig(config) {
-  return useDeepMemo(
-    () => generateUiConfig(config),
-    [config]
-  );
-}
-
-export { useUiConfig };
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{useDeepMemo as o}from"@vef-framework/hooks";import{isValidColor as e,assign as r}from"@vef-framework/shared";import{theme as t}from"antd";import*as i from"antd/locale/zh_CN";import n from"dayjs";import*as f from"dayjs/locale/zh-cn";n.locale(f.default),console.log(f.default);const a={blue:"#3b82f6",purple:"#8b5cf6",cyan:"#06b6d4",green:"#22c55e",pink:"#ec4899",red:"#ef4444",orange:"#f97316",yellow:"#eab308",volcano:"#f43f5e",lime:"#84cc16",gold:"#fbbf24",geekblue:"#6366f1",magenta:"#eb2f96"},l={medium:{fontSize:14,controlHeight:32},large:{fontSize:16,controlHeight:36}},c={medium:{Button:{contentFontSizeSM:12}},large:{Button:{contentFontSizeSM:14}}};function useUiConfig(n){return o((()=>function generateUiConfig({primaryColor:o="#0064fa",fontSize:n="medium"}){if(!Reflect.has(a,o)&&!e(o))throw new Error(`Invalid primary color: ${o}`);if(!(n in l))throw new Error(`Invalid font size: ${n}`);const f=l[n],m=c[n];return{messageFoldThreshold:1,messageDuration:3,notificationFoldThreshold:3,notificationDuration:5,locale:i.default,iconPrefixCls:"vef-icon",prefixCls:"vef",virtual:!0,componentSize:"middle",variant:"outlined",theme:{cssVar:{prefix:"vef"},hashed:!1,algorithm:t.defaultAlgorithm,token:{borderRadius:6,colorBgBase:"#ffffff",colorPrimary:Reflect.has(a,o)?a[o]:o,colorInfo:"#0ea5e9",colorSuccess:"#22c55e",colorWarning:"#f97316",colorError:"#ef4444",colorLink:"#6366f1",colorTextBase:"#171717",colorBgLayout:"#f5f6fb",colorBgSpotlight:"rgba(23, 23, 23, 0.8)",zIndexPopupBase:10,wireframe:!0,...f,...a},components:r({Table:{},Tooltip:{paddingSM:16,paddingXS:12},Button:{},TreeSelect:{titleHeight:f.controlHeight},Spin:{contentHeight:"auto"}},m)}}}(n)),[n])}export{useUiConfig};
 /*! 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-config-provider/index.js

@@ -1,124 +1,7 @@
-/*! VefFramework version: 1.0.64, build time: 2025-01-10T01:26:01.691Z, made by Venus. */
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
-import createCache from '@emotion/cache';
-import { CacheProvider, Global, css } from '@emotion/react';
-import { AuthContextProvider, ApiContextProvider } from '@vef-framework/core';
-import { ConfigProvider, App } from 'antd';
-import { useLayoutEffect } from 'react';
-import { ErrorBoundary } from 'react-error-boundary';
-import VefError from '../vef-error/index.js';
-import { globalStyle, nprogressStyle } from './global-style.js';
-import { useUiConfig } from './hooks/use-ui-config.js';
-import { useConfigStore, ConfigStoreProvider } from './store.js';
-
-function UiConfigProvider({ children }) {
-  const config = useConfigStore((state) => state);
-  const uiConfig = useUiConfig(config);
-  useLayoutEffect(() => {
-    const {
-      messageFoldThreshold: messageFoldThreshold2,
-      messageDuration: messageDuration2,
-      notificationFoldThreshold,
-      notificationDuration: notificationDuration2,
-      ...restConfig2
-    } = uiConfig;
-    ConfigProvider.config({
-      holderRender: (children2) => /* @__PURE__ */ jsx(ConfigProvider, { ...restConfig2, children: /* @__PURE__ */ jsx(
-        App,
-        {
-          component: "div",
-          message: {
-            maxCount: messageFoldThreshold2,
-            duration: messageDuration2
-          },
-          notification: {
-            maxCount: notificationFoldThreshold,
-            duration: notificationDuration2,
-            showProgress: true,
-            pauseOnHover: true,
-            placement: "topRight",
-            stack: {
-              threshold: 3
-            }
-          },
-          children: children2
-        }
-      ) })
-    });
-    document.documentElement.style.setProperty("--vef-color-primary", uiConfig.theme?.token?.colorPrimary ?? null);
-  }, [uiConfig]);
-  const {
-    messageFoldThreshold,
-    messageDuration,
-    notificationDuration,
-    ...restConfig
-  } = uiConfig;
-  return /* @__PURE__ */ jsx(ConfigProvider, { ...restConfig, children: /* @__PURE__ */ jsx(
-    App,
-    {
-      component: "div",
-      message: {
-        maxCount: messageFoldThreshold,
-        duration: messageDuration
-      },
-      notification: {
-        maxCount: messageFoldThreshold,
-        duration: notificationDuration,
-        showProgress: true,
-        pauseOnHover: true,
-        placement: "topRight",
-        stack: {
-          threshold: 3
-        }
-      },
-      children
-    }
-  ) });
-}
-function FallbackComponent({ error, resetErrorBoundary }) {
-  return /* @__PURE__ */ jsx(VefError, { error, reset: resetErrorBoundary });
-}
-const vefCache = createCache({
-  key: "vef"
-});
-function VefConfigProvider({
-  apiClient,
-  dataDictionaryApi,
-  loginApi,
-  logoutApi,
-  fetchAuthenticatedUserApi,
-  permissionChecker,
-  children,
-  ...config
-}) {
-  return /* @__PURE__ */ jsx(AuthContextProvider, { permissionChecker, children: /* @__PURE__ */ jsx(
-    ApiContextProvider,
-    {
-      client: apiClient,
-      dataDictionaryApi,
-      fetchAuthenticatedUserApi,
-      loginApi,
-      logoutApi,
-      children: /* @__PURE__ */ jsx(ConfigStoreProvider, { initialState: config, children: /* @__PURE__ */ jsxs(CacheProvider, { value: vefCache, children: [
-        /* @__PURE__ */ jsx(
-          Global,
-          {
-            styles: [
-              globalStyle,
-              nprogressStyle,
-              css`
+/*! VefFramework version: 1.0.65, build time: 2025-01-10T02:44:47.916Z, made by Venus. */
+import{jsx as o,jsxs as e}from"@emotion/react/jsx-runtime";import r from"@emotion/cache";import{CacheProvider as t,Global as i,css as n}from"@emotion/react";import{AuthContextProvider as a,ApiContextProvider as m}from"@vef-framework/core";import{ConfigProvider as c,App as s}from"antd";import{useLayoutEffect as l}from"react";import{ErrorBoundary as d}from"react-error-boundary";import p from"../vef-error/index.js";import{globalStyle as f,nprogressStyle as h}from"./global-style.js";import{useUiConfig as u}from"./hooks/use-ui-config.js";import{useConfigStore as g,ConfigStoreProvider as C}from"./store.js";function UiConfigProvider({children:e}){const r=g((o=>o)),t=u(r);l((()=>{const{messageFoldThreshold:e,messageDuration:r,notificationFoldThreshold:i,notificationDuration:n,...a}=t;c.config({holderRender:t=>o(c,{...a,children:o(s,{component:"div",message:{maxCount:e,duration:r},notification:{maxCount:i,duration:n,showProgress:!0,pauseOnHover:!0,placement:"topRight",stack:{threshold:3}},children:t})})}),document.documentElement.style.setProperty("--vef-color-primary",t.theme?.token?.colorPrimary??null)}),[t]);const{messageFoldThreshold:i,messageDuration:n,notificationDuration:a,...m}=t;return o(c,{...m,children:o(s,{component:"div",message:{maxCount:i,duration:n},notification:{maxCount:i,duration:a,showProgress:!0,pauseOnHover:!0,placement:"topRight",stack:{threshold:3}},children:e})})}function FallbackComponent({error:e,resetErrorBoundary:r}){return o(p,{error:e,reset:r})}const v=r({key:"vef"});function VefConfigProvider({apiClient:r,dataDictionaryApi:c,loginApi:s,logoutApi:l,fetchAuthenticatedUserApi:p,permissionChecker:u,children:g,...k}){return o(a,{permissionChecker:u,children:o(m,{client:r,dataDictionaryApi:c,fetchAuthenticatedUserApi:p,loginApi:s,logoutApi:l,children:o(C,{initialState:k,children:e(t,{value:v,children:[o(i,{styles:[f,h,n`
                 :root {
-                  font-size: ${(config.fontSize ?? "medium") === "medium" ? "14px" : "16px"};
+                  font-size: ${"medium"===(k.fontSize??"medium")?"14px":"16px"};
                 }
-              `
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(UiConfigProvider, { children: /* @__PURE__ */ jsx(ErrorBoundary, { FallbackComponent, children }) })
-      ] }) })
-    }
-  ) });
-}
-
-export { VefConfigProvider as default };
+              `]}),o(UiConfigProvider,{children:o(d,{FallbackComponent:FallbackComponent,children:g})})]})})})})}export{VefConfigProvider 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 */