@vef-framework/components 1.0.63 → 1.0.64

package/es/vef-card/index.js

@@ -1,3 +1,26 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{isArray as o}from"@vef-framework/shared";import{Card as r}from"antd";function t({size:t="medium",showHoverEffect:i=!1,actions:m,nested:n=!1,...a}){return e(r,{actions:o(m)?m:m?[m]:void 0,hoverable:i,size:"medium"===t?"default":t,type:n?"inner":void 0,...a})}export{t as default};
+/*! 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 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,3 +1,13 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{Card as o}from"antd";const{Meta:r}=o;function e({...o}){return t(r,{...o})}export{e as default};
+/*! 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 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,3 +1,21 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{useRef as r,useImperativeHandle as t}from"react";function n(n,o){const u=r(null);return t(n,(()=>({blur:()=>{u.current?.blur()},focus:()=>{u.current?.focus({preventScroll:!0})},getDataOptions:()=>o}))),u}export{n as useCheckboxInstance};
+/*! 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 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,3 +1,41 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{useComputedOptions as e}from"@vef-framework/hooks";import{isFunction as o,isNullish as r}from"@vef-framework/shared";import{useMemo as a,useLayoutEffect as i}from"react";function t({value:t,onChange:n,...p}){const{normalizedOptions:s,defaultOption:f,isLoading:l}=e({...p,isGrouped:!1,filterable:!1,selectedOptionValues:t}),m=a((()=>s.reduce(((e,o)=>(e.set(o.value,o),e)),new Map)),[s]);return i((()=>{f&&o(n)&&r(t)&&n([f.value],[f])}),[f,n,t]),{optionsMap:m,normalizedOptions:s,isLoading:l}}export{t as useDataOptions};
+/*! 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 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,5 +1,89 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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({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]),j=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:j})})));u.displayName="VefCheckbox";export{u as default};
+/*! 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 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,3 +1,12 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{Col as r}from"antd";function o({...o}){return t(r,{...o})}export{o as default};
+/*! 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 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,3 +1,47 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as e}from"@emotion/react/jsx-runtime";import{isFunction as r}from"@vef-framework/shared";import{ColorPicker as t}from"antd";import{useMemo as o}from"react";import"../internal/index.js";import{convertBasicSizeToUiSize as a}from"../internal/utils.js";const i=["single","gradient"];function n({clearable:n,disabled:l,format:m,size:s,showText:f,trigger:d,defaultValue:u,value:g,onChange:p}){const c=o((()=>{if(r(p))return e=>{p(e.toCssString(),e)}}),[p]);return e(t,{allowClear:n,arrow:!1,defaultValue:u,disabled:l,format:m,mode:i,showText:f,size:a(s),trigger:d,value:g,onChangeComplete:c})}export{n as default};
+/*! 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 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,3 +1,16 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, made by Venus. */
-import{jsx as t}from"@emotion/react/jsx-runtime";import{Space as r}from"antd";import"../internal/index.js";import{convertBasicSizeToUiSize as i}from"../internal/utils.js";const{Compact:o}=r;function n({size:r,...n}){return t(o,{size:i(r),...n})}export{n as default};
+/*! 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 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,6 +1,10 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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}
+/*! 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}
   
   html, body, #root, .vef-app {
     height: 100%;
@@ -19,14 +23,14 @@ import{css as e}from"@emotion/react";import{themeVariables as o}from"@vef-framew
     .vef-message-notice-wrapper {
       .vef-message-custom-content {
         .vef-icon {
-          font-size: ${o.fontSizeXl};
+          font-size: ${themeVariables.fontSizeXl};
         }
       }
     }
   }
 
   .vef-modal {
-    --vef-modal-confirm-icon-margin-inline-end: ${o.paddingSm};
+    --vef-modal-confirm-icon-margin-inline-end: ${themeVariables.paddingSm};
 
     .vef-modal-confirm-body-wrapper {
       .vef-modal-confirm-btns {
@@ -50,8 +54,8 @@ import{css as e}from"@emotion/react";import{themeVariables as o}from"@vef-framew
     .vef-popconfirm-message {
       > .vef-popconfirm-message-icon {
         .vef-icon {
-          color: ${o.colorPrimary};
-          font-size: ${o.fontSizeLg};
+          color: ${themeVariables.colorPrimary};
+          font-size: ${themeVariables.fontSizeLg};
         }
       }
     }
@@ -74,7 +78,7 @@ import{css as e}from"@emotion/react";import{themeVariables as o}from"@vef-framew
             display: flex;
             justify-content: flex-end;
             align-items: center;
-            gap: ${o.padding};
+            gap: ${themeVariables.padding};
 
             .vef-btn + .vef-btn {
               margin-inline-start: 0;
@@ -92,19 +96,20 @@ import{css as e}from"@emotion/react";import{themeVariables as o}from"@vef-framew
   .vef-dropdown {
     .vef-dropdown-menu {
       .vef-dropdown-menu-item-icon {
-        font-size: ${o.fontSize};
-        min-width: ${o.fontSizeLg};
+        font-size: ${themeVariables.fontSize};
+        min-width: ${themeVariables.fontSizeLg};
       }
     }
   }
-`,t=e`
+`;
+const nprogressStyle = css`
   /* Make clicks pass-through */
   #nprogress {
     pointer-events: none;
   }
 
   #nprogress .bar {
-    background: ${o.colorPrimary};
+    background: ${themeVariables.colorPrimary};
 
     position: fixed;
     z-index: 1031;
@@ -122,7 +127,7 @@ import{css as e}from"@emotion/react";import{themeVariables as o}from"@vef-framew
     right: 0;
     width: 100px;
     height: 100%;
-    box-shadow: 0 0 10px ${o.colorPrimary}, 0 0 5px ${o.colorPrimary};
+    box-shadow: 0 0 10px ${themeVariables.colorPrimary}, 0 0 5px ${themeVariables.colorPrimary};
     opacity: 1.0;
 
     -webkit-transform: rotate(3deg) translate(0, -4px);
@@ -145,8 +150,8 @@ import{css as e}from"@emotion/react";import{themeVariables as o}from"@vef-framew
     box-sizing: border-box;
 
     border: solid 2px transparent;
-    border-top-color: ${o.colorPrimary};
-    border-left-color: ${o.colorPrimary};
+    border-top-color: ${themeVariables.colorPrimary};
+    border-left-color: ${themeVariables.colorPrimary};
     border-radius: 50%;
 
     -webkit-animation: nprogress-spinner 400ms linear infinite;
@@ -171,5 +176,7 @@ import{css as e}from"@emotion/react";import{themeVariables as o}from"@vef-framew
     0%   { transform: rotate(0deg); }
     100% { transform: rotate(360deg); }
   }
-`;export{n as globalStyle,t as nprogressStyle};
+`;
+
+export { globalStyle, 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,3 +1,126 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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 n from"antd/locale/zh_CN";import"dayjs/locale/zh-cn";import i from"dayjs";i.locale("zh-cn");const l={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}},f={medium:{Button:{contentFontSizeSM:12}},large:{Button:{contentFontSizeSM:14}}};function c(i){return o((()=>function({primaryColor:o="#0064fa",fontSize:i="medium"}){if(!Reflect.has(l,o)&&!e(o))throw new Error(`Invalid primary color: ${o}`);if(!(i in a))throw new Error(`Invalid font size: ${i}`);const c=a[i],m=f[i];return{messageFoldThreshold:1,messageDuration:3,notificationFoldThreshold:3,notificationDuration:5,locale:n,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(l,o)?l[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,...c,...l},components:r({Table:{},Tooltip:{paddingSM:16,paddingXS:12},Button:{},TreeSelect:{titleHeight:c.controlHeight},Spin:{contentHeight:"auto"}},m)}}}(i)),[i])}export{c as useUiConfig};
+/*! 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 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,7 +1,124 @@
-/*! VefFramework version: 1.0.63, build time: 2025-01-09T12:00:00.992Z, 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 s,App as c}from"antd";import{useLayoutEffect as l}from"react";import{ErrorBoundary as d}from"react-error-boundary";import h from"../vef-error/index.js";import{globalStyle as p,nprogressStyle as u}from"./global-style.js";import{useUiConfig as f}from"./hooks/use-ui-config.js";import{useConfigStore as g,ConfigStoreProvider as y}from"./store.js";function A({children:e}){const r=g((o=>o)),t=f(r);l((()=>{const{messageFoldThreshold:e,messageDuration:r,notificationFoldThreshold:i,notificationDuration:n,...a}=t;s.config({holderRender:t=>o(s,{...a,children:o(c,{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(s,{...m,children:o(c,{component:"div",message:{maxCount:i,duration:n},notification:{maxCount:i,duration:a,showProgress:!0,pauseOnHover:!0,placement:"topRight",stack:{threshold:3}},children:e})})}function k({error:e,resetErrorBoundary:r}){return o(h,{error:e,reset:r})}const v=r({key:"vef"});function x({apiClient:r,dataDictionaryApi:s,loginApi:c,logoutApi:l,fetchAuthenticatedUserApi:h,permissionChecker:f,children:g,...x}){return o(a,{permissionChecker:f,children:o(m,{client:r,dataDictionaryApi:s,fetchAuthenticatedUserApi:h,loginApi:c,logoutApi:l,children:o(y,{initialState:x,children:e(t,{value:v,children:[o(i,{styles:[p,u,n`
+/*! 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`
                 :root {
-                  font-size: ${"medium"===(x.fontSize??"medium")?"14px":"16px"};
+                  font-size: ${(config.fontSize ?? "medium") === "medium" ? "14px" : "16px"};
                 }
-              `]}),o(A,{children:o(d,{FallbackComponent:k,children:g})})]})})})})}export{x as default};
+              `
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(UiConfigProvider, { children: /* @__PURE__ */ jsx(ErrorBoundary, { FallbackComponent, children }) })
+      ] }) })
+    }
+  ) });
+}
+
+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 */