@vef-framework/components 1.0.128 → 1.0.130

package/cjs/vef-code-editor/styles.cjs

@@ -1,122 +1,116 @@
 "use strict";
-'use strict';
-
-var react = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-
-"use strict";
-const editorStyle = react.css`
+"use strict";var r=require("@emotion/react"),e=require("@vef-framework/shared");const o=r.css`
   & > .cm-editor {
-    border-width: ${shared.themeVariables.lineWidth};
-    border-style: ${shared.themeVariables.lineType};
-    border-radius: ${shared.themeVariables.borderRadius};
+    border-width: ${e.themeVariables.lineWidth};
+    border-style: ${e.themeVariables.lineType};
+    border-radius: ${e.themeVariables.borderRadius};
     overflow: hidden;
 
     &:not(.cm-focused) {
-      border-color: ${shared.themeVariables.colorBorder};
+      border-color: ${e.themeVariables.colorBorder};
 
       &:hover {
-        border-color: ${shared.themeVariables.colorPrimaryHover};
+        border-color: ${e.themeVariables.colorPrimaryHover};
       }
     }
 
     &.cm-focused {
       outline: none;
-      border-color: ${shared.themeVariables.colorPrimary};
+      border-color: ${e.themeVariables.colorPrimary};
       box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
     }
 
     .cm-tooltip {
       background-color: "#f5f5f5";
-      border: ${shared.themeVariables.lineWidth} ${shared.themeVariables.lineType} ${shared.themeVariables.colorBorder};
-      border-radius: ${shared.themeVariables.borderRadius};
-      box-shadow: ${shared.themeVariables.boxShadowSecondary};
-      padding: ${shared.themeVariables.paddingXxs};
+      border: ${e.themeVariables.lineWidth} ${e.themeVariables.lineType} ${e.themeVariables.colorBorder};
+      border-radius: ${e.themeVariables.borderRadius};
+      box-shadow: ${e.themeVariables.boxShadowSecondary};
+      padding: ${e.themeVariables.paddingXxs};
 
       &.cm-tooltip-autocomplete {
         & > ul > li {
-          border-radius: ${shared.themeVariables.borderRadiusSm};
-          padding: ${shared.themeVariables.paddingXxs};
+          border-radius: ${e.themeVariables.borderRadiusSm};
+          padding: ${e.themeVariables.paddingXxs};
 
           &[aria-selected="true"] {
-            background-color: ${shared.themeVariables.colorPrimary};
+            background-color: ${e.themeVariables.colorPrimary};
           }
         }
       }
 
       .cm-tooltip-section:not(:first-of-type) {
-        border-top: ${shared.themeVariables.lineWidth} ${shared.themeVariables.lineType} ${shared.themeVariables.colorBorder};
+        border-top: ${e.themeVariables.lineWidth} ${e.themeVariables.lineType} ${e.themeVariables.colorBorder};
       }
 
       .cm-tooltip-arrow::before {
-        border-top-color: ${shared.themeVariables.colorBorder};
-        border-bottom-color: ${shared.themeVariables.colorBorder};
+        border-top-color: ${e.themeVariables.colorBorder};
+        border-bottom-color: ${e.themeVariables.colorBorder};
       }
     }
 
     .cm-panels-bottom {
-      border-top: ${shared.themeVariables.lineWidth} ${shared.themeVariables.lineType} ${shared.themeVariables.colorBorder};
+      border-top: ${e.themeVariables.lineWidth} ${e.themeVariables.lineType} ${e.themeVariables.colorBorder};
 
       /* Search panel style */
       .cm-panel.cm-search {
-        background-color: ${shared.themeVariables.colorBgContainer};
-        padding: ${shared.themeVariables.paddingXs} ${shared.themeVariables.paddingSm};
+        background-color: ${e.themeVariables.colorBgContainer};
+        padding: ${e.themeVariables.paddingXs} ${e.themeVariables.paddingSm};
         display: flex;
         flex-wrap: wrap;
-        gap: ${shared.themeVariables.marginXs};
+        gap: ${e.themeVariables.marginXs};
         align-items: center;
 
         /* Close button */
         button[name="close"] {
           position: absolute;
-          right: ${shared.themeVariables.paddingXs};
-          top: ${shared.themeVariables.paddingXs};
+          right: ${e.themeVariables.paddingXs};
+          top: ${e.themeVariables.paddingXs};
           background: transparent;
           border: none;
           cursor: pointer;
-          color: ${shared.themeVariables.colorTextSecondary};
-          font-size: ${shared.themeVariables.fontSizeSm};
+          color: ${e.themeVariables.colorTextSecondary};
+          font-size: ${e.themeVariables.fontSizeSm};
           padding: 0 6px;
-          border-radius: ${shared.themeVariables.borderRadiusSm};
+          border-radius: ${e.themeVariables.borderRadiusSm};
 
           &:hover {
-            color: ${shared.themeVariables.colorPrimary};
-            background-color: ${shared.themeVariables.colorBgTextHover};
+            color: ${e.themeVariables.colorPrimary};
+            background-color: ${e.themeVariables.colorBgTextHover};
           }
         }
 
         /* Input style */
         input.cm-textfield {
-          border: ${shared.themeVariables.lineWidth} ${shared.themeVariables.lineType} ${shared.themeVariables.colorBorder};
-          border-radius: ${shared.themeVariables.borderRadius};
-          padding: ${shared.themeVariables.paddingXs} ${shared.themeVariables.paddingSm};
-          font-size: ${shared.themeVariables.fontSize};
+          border: ${e.themeVariables.lineWidth} ${e.themeVariables.lineType} ${e.themeVariables.colorBorder};
+          border-radius: ${e.themeVariables.borderRadius};
+          padding: ${e.themeVariables.paddingXs} ${e.themeVariables.paddingSm};
+          font-size: ${e.themeVariables.fontSize};
           outline: none;
           width: 200px;
 
           &:focus {
-            border-color: ${shared.themeVariables.colorPrimary};
+            border-color: ${e.themeVariables.colorPrimary};
             box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
           }
         }
 
         /* Button style */
         button.cm-button {
-          background-color: ${shared.themeVariables.colorBgContainer};
-          border: ${shared.themeVariables.lineWidth} ${shared.themeVariables.lineType} ${shared.themeVariables.colorBorder};
-          border-radius: ${shared.themeVariables.borderRadiusSm};
-          padding: ${shared.themeVariables.paddingXs} ${shared.themeVariables.paddingSm};
-          font-size: ${shared.themeVariables.fontSizeSm};
+          background-color: ${e.themeVariables.colorBgContainer};
+          border: ${e.themeVariables.lineWidth} ${e.themeVariables.lineType} ${e.themeVariables.colorBorder};
+          border-radius: ${e.themeVariables.borderRadiusSm};
+          padding: ${e.themeVariables.paddingXs} ${e.themeVariables.paddingSm};
+          font-size: ${e.themeVariables.fontSizeSm};
           cursor: pointer;
-          color: ${shared.themeVariables.colorText};
+          color: ${e.themeVariables.colorText};
 
           &:hover {
-            background-color: ${shared.themeVariables.colorBgTextHover};
-            border-color: ${shared.themeVariables.colorPrimaryHover};
+            background-color: ${e.themeVariables.colorBgTextHover};
+            border-color: ${e.themeVariables.colorPrimaryHover};
           }
 
           &:active {
-            background-color: ${shared.themeVariables.colorBgTextActive};
+            background-color: ${e.themeVariables.colorBgTextActive};
           }
         }
 
@@ -125,12 +119,12 @@ const editorStyle = react.css`
           display: flex;
           align-items: center;
           gap: 4px;
-          font-size: ${shared.themeVariables.fontSizeSm};
-          color: ${shared.themeVariables.colorTextSecondary};
+          font-size: ${e.themeVariables.fontSizeSm};
+          color: ${e.themeVariables.colorTextSecondary};
           cursor: pointer;
 
           &:hover {
-            color: ${shared.themeVariables.colorPrimary};
+            color: ${e.themeVariables.colorPrimary};
           }
 
           input[type="checkbox"] {
@@ -141,6 +135,4 @@ const editorStyle = react.css`
       }
     }
   }
-`;
-
-exports.editorStyle = editorStyle;
+`;exports.editorStyle=o;

package/cjs/vef-col/index.cjs

@@ -1,16 +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";
-function VefCol({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(antd.Col, { ...props });
-}
-
-exports.default = VefCol;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("@emotion/react/jsx-runtime"),t=require("antd");function u({...e}){return r.jsx(t.Col,{...e})}exports.default=u;

package/cjs/vef-col/props.cjs

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

package/cjs/vef-color-picker/index.cjs

@@ -1,51 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var react = require('react');
-require('../internal/index.cjs');
-var utils = require('../internal/utils.cjs');
-
-"use strict";
-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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/react/jsx-runtime"),g=require("@vef-framework/shared"),v=require("antd"),f=require("react");require("../internal/index.cjs");var m=require("../internal/utils.cjs");const q=["single","gradient"];function C({clearable:t,disabled:a,format:i,size:u,showText:s,trigger:l,defaultValue:o,value:n,onChange:e}){const d=f.useMemo(()=>{if(g.isFunction(e))return r=>{e(r.toCssString(),r)}},[e]);return c.jsx(v.ColorPicker,{allowClear:t,arrow:!1,defaultValue:o,disabled:a,format:i,mode:q,showText:s,size:m.convertBasicSizeToUiSize(u),trigger:l,value:n,onChangeComplete:d})}exports.default=C;

package/cjs/vef-color-picker/props.cjs

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

package/cjs/vef-compact/index.cjs

@@ -1,20 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var antd = require('antd');
-require('../internal/index.cjs');
-var utils = require('../internal/utils.cjs');
-
-"use strict";
-const { Compact } = antd.Space;
-function VefCompact({
-  size,
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Compact, { size: utils.convertBasicSizeToUiSize(size), ...restProps });
-}
-
-exports.default = VefCompact;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("@emotion/react/jsx-runtime"),t=require("antd");require("../internal/index.cjs");var u=require("../internal/utils.cjs");const{Compact:s}=t.Space;function c({size:e,...r}){return i.jsx(s,{size:u.convertBasicSizeToUiSize(e),...r})}exports.default=c;

package/cjs/vef-compact/props.cjs

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

package/cjs/vef-config-provider/global-style.cjs

@@ -1,13 +1,6 @@
 "use strict";
-'use strict';
-
-var react = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-var modernNormalize = require('../internal/modern-normalize.css.cjs');
-
-"use strict";
-const globalStyle = react.css`
-  ${modernNormalize.default}
+"use strict";var r=require("@emotion/react"),e=require("@vef-framework/shared"),t=require("../internal/modern-normalize.css.cjs");const o=r.css`
+  ${t.default}
   
   html, body, #root, .vef-app {
     height: 100%;
@@ -26,14 +19,14 @@ const globalStyle = react.css`
     .vef-message-notice-wrapper {
       .vef-message-custom-content {
         .vef-icon {
-          font-size: ${shared.themeVariables.fontSizeXl};
+          font-size: ${e.themeVariables.fontSizeXl};
         }
       }
     }
   }
 
   .vef-modal {
-    --vef-modal-confirm-icon-margin-inline-end: ${shared.themeVariables.paddingSm};
+    --vef-modal-confirm-icon-margin-inline-end: ${e.themeVariables.paddingSm};
 
     .vef-modal-confirm-body-wrapper {
       .vef-modal-confirm-btns {
@@ -57,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: ${e.themeVariables.colorPrimary};
+          font-size: ${e.themeVariables.fontSizeLg};
         }
       }
     }
@@ -81,7 +74,7 @@ const globalStyle = react.css`
             display: flex;
             justify-content: flex-end;
             align-items: center;
-            gap: ${shared.themeVariables.padding};
+            gap: ${e.themeVariables.padding};
 
             .vef-btn + .vef-btn {
               margin-inline-start: 0;
@@ -99,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: ${e.themeVariables.fontSize};
+        min-width: ${e.themeVariables.fontSizeLg};
       }
     }
   }
-`;
-const nprogressStyle = react.css`
+`,i=r.css`
   /* Make clicks pass-through */
   #nprogress {
     pointer-events: none;
   }
 
   #nprogress .bar {
-    background: ${shared.themeVariables.colorPrimary};
+    background: ${e.themeVariables.colorPrimary};
 
     position: fixed;
     z-index: 1031;
@@ -130,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 ${e.themeVariables.colorPrimary}, 0 0 5px ${e.themeVariables.colorPrimary};
     opacity: 1.0;
 
     -webkit-transform: rotate(3deg) translate(0, -4px);
@@ -153,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: ${e.themeVariables.colorPrimary};
+    border-left-color: ${e.themeVariables.colorPrimary};
     border-radius: 50%;
 
     -webkit-animation: nprogress-spinner 400ms linear infinite;
@@ -179,7 +171,4 @@ const nprogressStyle = react.css`
     0%   { transform: rotate(0deg); }
     100% { transform: rotate(360deg); }
   }
-`;
-
-exports.globalStyle = globalStyle;
-exports.nprogressStyle = nprogressStyle;
+`;exports.globalStyle=o,exports.nprogressStyle=i;

package/cjs/vef-config-provider/hooks/use-ui-config.cjs

@@ -1,129 +1,2 @@
 "use strict";
-'use strict';
-
-var hooks = require('@vef-framework/hooks');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var locale = require('antd/locale/zh_CN');
-var dayjs = require('dayjs');
-var dayjsLocale = require('dayjs/locale/zh-cn');
-
-"use strict";
-dayjs.locale(dayjsLocale);
-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
-    },
-    Menu: {
-      itemHeight: 50
-    }
-  }
-};
-function generateUiConfig({
-  primaryColor = "#0064fa",
-  fontSize = "medium"
-}) {
-  if (!Reflect.has(colorMap, primaryColor) && !shared.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: Reflect.has(locale, "default") ? Reflect.get(locale, "default") : locale,
-    iconPrefixCls: "vef-icon",
-    prefixCls: "vef",
-    virtual: true,
-    componentSize: "middle",
-    variant: "outlined",
-    theme: {
-      cssVar: {
-        prefix: "vef"
-      },
-      hashed: false,
-      algorithm: antd.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: shared.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 hooks.useDeepMemo(
-    () => generateUiConfig(config),
-    [config]
-  );
-}
-
-exports.useUiConfig = useUiConfig;
+"use strict";var f=require("@vef-framework/hooks"),n=require("@vef-framework/shared"),c=require("antd"),t=require("antd/locale/zh_CN"),u=require("dayjs"),s=require("dayjs/locale/zh-cn");u.locale(s);const r={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"},a={medium:{fontSize:14,controlHeight:32},large:{fontSize:16,controlHeight:36}},g={medium:{Button:{contentFontSizeSM:12}},large:{Button:{contentFontSizeSM:14},Menu:{itemHeight:50}}};function d({primaryColor:e="#0064fa",fontSize:o="medium"}){if(!Reflect.has(r,e)&&!n.isValidColor(e))throw new Error(`Invalid primary color: ${e}`);if(!(o in a))throw new Error(`Invalid font size: ${o}`);const i=a[o],l=g[o];return{messageFoldThreshold:1,messageDuration:3,notificationFoldThreshold:3,notificationDuration:5,locale:Reflect.has(t,"default")?Reflect.get(t,"default"):t,iconPrefixCls:"vef-icon",prefixCls:"vef",virtual:!0,componentSize:"middle",variant:"outlined",theme:{cssVar:{prefix:"vef"},hashed:!1,algorithm:c.theme.defaultAlgorithm,token:{borderRadius:6,colorBgBase:"#ffffff",colorPrimary:Reflect.has(r,e)?r[e]:e,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,...i,...r},components:n.assign({Table:{},Tooltip:{paddingSM:16,paddingXS:12},Button:{},TreeSelect:{titleHeight:i.controlHeight},Spin:{contentHeight:"auto"}},l)}}}function h(e){return f.useDeepMemo(()=>d(e),[e])}exports.useUiConfig=h;

package/cjs/vef-config-provider/index.cjs

@@ -1,128 +1,6 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var createCache = require('@emotion/cache');
-var react$1 = require('@emotion/react');
-var core = require('@vef-framework/core');
-var antd = require('antd');
-var react = require('react');
-var reactErrorBoundary = require('react-error-boundary');
-var index = require('../vef-error/index.cjs');
-var globalStyle = require('./global-style.cjs');
-var useUiConfig = require('./hooks/use-ui-config.cjs');
-var store = require('./store.cjs');
-
-"use strict";
-function UiConfigProvider({ children }) {
-  const config = store.useConfigStore((state) => state);
-  const uiConfig = useUiConfig.useUiConfig(config);
-  react.useLayoutEffect(() => {
-    const {
-      messageFoldThreshold: messageFoldThreshold2,
-      messageDuration: messageDuration2,
-      notificationFoldThreshold,
-      notificationDuration: notificationDuration2,
-      ...restConfig2
-    } = uiConfig;
-    antd.ConfigProvider.config({
-      holderRender: (children2) => /* @__PURE__ */ jsxRuntime.jsx(antd.ConfigProvider, { ...restConfig2, children: /* @__PURE__ */ jsxRuntime.jsx(
-        antd.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__ */ jsxRuntime.jsx(antd.ConfigProvider, { ...restConfig, children: /* @__PURE__ */ jsxRuntime.jsx(
-    antd.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__ */ jsxRuntime.jsx(index.default, { error, reset: resetErrorBoundary });
-}
-const vefCache = createCache({
-  key: "vef"
-});
-function VefConfigProvider({
-  apiClient,
-  dataDictionaryApi,
-  loginApi,
-  logoutApi,
-  fetchAuthenticatedUserApi,
-  permissionChecker,
-  children,
-  ...config
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(core.AuthContextProvider, { permissionChecker, children: /* @__PURE__ */ jsxRuntime.jsx(
-    core.ApiContextProvider,
-    {
-      client: apiClient,
-      dataDictionaryApi,
-      fetchAuthenticatedUserApi,
-      loginApi,
-      logoutApi,
-      children: /* @__PURE__ */ jsxRuntime.jsx(store.ConfigStoreProvider, { initialState: config, children: /* @__PURE__ */ jsxRuntime.jsxs(react$1.CacheProvider, { value: vefCache, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          react$1.Global,
-          {
-            styles: [
-              globalStyle.globalStyle,
-              globalStyle.nprogressStyle,
-              react$1.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/react/jsx-runtime"),C=require("@emotion/cache"),l=require("@emotion/react"),d=require("@vef-framework/core"),n=require("antd"),y=require("react"),j=require("react-error-boundary"),A=require("../vef-error/index.cjs"),h=require("./global-style.cjs"),P=require("./hooks/use-ui-config.cjs"),p=require("./store.cjs");function q({children:i}){const t=p.useConfigStore(o=>o),r=P.useUiConfig(t);y.useLayoutEffect(()=>{const{messageFoldThreshold:o,messageDuration:m,notificationFoldThreshold:f,notificationDuration:g,...v}=r;n.ConfigProvider.config({holderRender:x=>e.jsx(n.ConfigProvider,{...v,children:e.jsx(n.App,{component:"div",message:{maxCount:o,duration:m},notification:{maxCount:f,duration:g,showProgress:!0,pauseOnHover:!0,placement:"topRight",stack:{threshold:3}},children:x})})}),document.documentElement.style.setProperty("--vef-color-primary",r.theme?.token?.colorPrimary??null)},[r]);const{messageFoldThreshold:s,messageDuration:a,notificationDuration:u,...c}=r;return e.jsx(n.ConfigProvider,{...c,children:e.jsx(n.App,{component:"div",message:{maxCount:s,duration:a},notification:{maxCount:s,duration:u,showProgress:!0,pauseOnHover:!0,placement:"topRight",stack:{threshold:3}},children:i})})}function k({error:i,resetErrorBoundary:t}){return e.jsx(A.default,{error:i,reset:t})}const S=C({key:"vef"});function D({apiClient:i,dataDictionaryApi:t,loginApi:r,logoutApi:s,fetchAuthenticatedUserApi:a,permissionChecker:u,children:c,...o}){return e.jsx(d.AuthContextProvider,{permissionChecker:u,children:e.jsx(d.ApiContextProvider,{client:i,dataDictionaryApi:t,fetchAuthenticatedUserApi:a,loginApi:r,logoutApi:s,children:e.jsx(p.ConfigStoreProvider,{initialState:o,children:e.jsxs(l.CacheProvider,{value:S,children:[e.jsx(l.Global,{styles:[h.globalStyle,h.nprogressStyle,l.css`
                 :root {
-                  font-size: ${(config.fontSize ?? "medium") === "medium" ? "14px" : "16px"};
+                  font-size: ${(o.fontSize??"medium")==="medium"?"14px":"16px"};
                 }
-              `
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(UiConfigProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary, { FallbackComponent, children }) })
-      ] }) })
-    }
-  ) });
-}
-
-exports.default = VefConfigProvider;
+              `]}),e.jsx(q,{children:e.jsx(j.ErrorBoundary,{FallbackComponent:k,children:c})})]})})})})}exports.default=D;

package/cjs/vef-config-provider/props.cjs

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