@aplus-frontend/ui 0.1.40 → 0.1.41

package/es/src/config-provider/config-provider.d.ts

@@ -1,5 +1,6 @@
 import { Ref, DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
 import { ConfigProviderProps } from './config-provider-props';
+import { CssVarType } from './css-var';
 import { default as __DTS_DEFAULT_0__ } from 'ant-design-vue/es/config-provider/renderEmpty';
 import { TransformCellTextProps } from 'ant-design-vue/es/table/interface';
 import { CSPConfig } from 'ant-design-vue/es/config-provider';
@@ -10,6 +11,7 @@ import { RequiredMark } from 'ant-design-vue/es/form/Form';
 import { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
 import { LocaleType } from '..';
 import { ApiType, TableDefaultConfig, ScrollbarGlobalConfig, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig } from './constants';
+import { RecursivePartial } from '../type';
 export declare const globalConfigCached: Ref<ConfigProviderProps>;
 export declare const ConfigProvider: DefineComponent<{
     iconPrefixCls: StringConstructor;
@@ -164,6 +166,10 @@ export declare const ConfigProvider: DefineComponent<{
         type: PropType<downloadCenterTriggerConfig>;
         default: () => {};
     };
+    cssVar: {
+        type: PropType<CssVarType>;
+        default: () => {};
+    };
 }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
@@ -317,6 +323,10 @@ export declare const ConfigProvider: DefineComponent<{
         type: PropType<downloadCenterTriggerConfig>;
         default: () => {};
     };
+    cssVar: {
+        type: PropType<CssVarType>;
+        default: () => {};
+    };
 }>>, {
     input: {
         autocomplete?: string;
@@ -334,6 +344,9 @@ export declare const ConfigProvider: DefineComponent<{
     };
     scrollbar: ScrollbarGlobalConfig;
     direction: "ltr" | "rtl";
+    pagination: {
+        showSizeChanger?: boolean;
+    };
     csp: CSPConfig;
     autoInsertSpaceInButton: boolean;
     locale: Locale;
@@ -343,9 +356,6 @@ export declare const ConfigProvider: DefineComponent<{
     componentDisabled: boolean;
     virtual: boolean;
     dropdownMatchSelectWidth: number | boolean;
-    pagination: {
-        showSizeChanger?: boolean;
-    };
     theme: ThemeConfig;
     wave: {
         disabled?: boolean;
@@ -357,5 +367,82 @@ export declare const ConfigProvider: DefineComponent<{
     apDescriptions: ApDescriptionsConfig;
     valueTypeMap: Record<string, ValueTypeRenderConfig>;
     downloadCenterTriggerConfig: downloadCenterTriggerConfig;
+    cssVar: RecursivePartial<{
+        'ap-form': {
+            bordered: {
+                'border-color': {
+                    base: string;
+                    hover: string;
+                    active: string;
+                };
+                'shadow-color': string;
+            };
+        };
+        'ap-action': {
+            color: {
+                primary: {
+                    base: string;
+                    hover: string;
+                };
+                success: string;
+                error: string;
+                warn: string;
+            };
+        };
+        'check-card': {
+            outline: {
+                color: string;
+            };
+            hover: {
+                outline: {
+                    color: string;
+                };
+            };
+            checked: {
+                outline: {
+                    color: string;
+                };
+                bg: string;
+            };
+        };
+        'ap-table': {
+            header: {
+                bg: string;
+            };
+            pagination: {
+                total: {
+                    color: string;
+                    count: {
+                        color: string;
+                    };
+                };
+            };
+            setting: {
+                button: {
+                    color: string;
+                };
+            };
+        };
+        'ap-batch-action': {
+            color: {
+                font: string;
+                active: string;
+            };
+        };
+        basic: {
+            color: {
+                primary: string;
+            };
+        };
+        'ap-descriptions': {
+            item: {
+                'padding-bottom': string;
+                'label-width': string;
+            };
+            'last-row-item': {
+                'padding-bottom': string;
+            };
+        };
+    }>;
 }, {}>;
 export type ConfigProviderInstance = InstanceType<typeof ConfigProvider>;

package/es/src/config-provider/config-provider.mjs

@@ -1,25 +1,25 @@
-import { isVNode as l, ref as d, defineComponent as f, computed as u, watch as i, createVNode as m, renderSlot as c } from "vue";
-import { ConfigProvider as g } from "ant-design-vue";
-import { provideGlobalConfig as p } from "./hooks/use-global-config.mjs";
-import { configProviderProps as s } from "./config-provider-props.mjs";
-import { tableDefaultConfig as C } from "./constants.mjs";
-import { mergeAntdProvideConfig as v } from "../utils/config-provider-preset.mjs";
-import { setCSSVariables as b, aplusCssVar as P, adminCssVar as w } from "../theme/css-var/index.mjs";
-function y(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !l(e);
+import { isVNode as c, ref as u, defineComponent as s, computed as m, watch as t, createVNode as g, renderSlot as C } from "vue";
+import { ConfigProvider as p } from "ant-design-vue";
+import { provideGlobalConfig as v } from "./hooks/use-global-config.mjs";
+import { configProviderProps as b } from "./config-provider-props.mjs";
+import { tableDefaultConfig as V } from "./constants.mjs";
+import { mergeAntdProvideConfig as P } from "../utils/config-provider-preset.mjs";
+import { generateCssVar as w, aplusCssVar as y, adminCssVar as M, setCSSVariables as S } from "./css-var.mjs";
+function T(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !c(e);
 }
-const a = d({}), A = /* @__PURE__ */ f({
+const r = u({}), U = /* @__PURE__ */ s({
   name: "AplusConfigProvider",
-  props: s(),
+  props: b(),
   setup(e, {
-    slots: r
+    slots: i
   }) {
-    const n = u(() => ({
+    const n = m(() => ({
       namespace: e.namespace,
       aplusLocale: e.aplusLocale,
       api: e.api,
       table: {
-        ...C,
+        ...V,
         ...e.table || {}
       },
       scrollbar: e.scrollbar,
@@ -28,20 +28,24 @@ const a = d({}), A = /* @__PURE__ */ f({
       apDescriptions: e.apDescriptions,
       valueTypeMap: e.valueTypeMap,
       downloadCenterTriggerConfig: e.downloadCenterTriggerConfig
-    })), t = p(n);
-    return i(() => e, (o) => {
-      a.value = v(o);
+    })), a = v(n);
+    return t(() => e, (o) => {
+      r.value = P(o);
     }, {
       deep: !0,
       immediate: !0
-    }), typeof window < "u" && i(() => e.uiMode, (o) => {
-      b(o === "aplus" ? P : w);
+    }), typeof window < "u" && t(() => [e.uiMode, e.cssVar], ([o, l]) => {
+      const d = w(l), f = {
+        ...o === "aplus" ? y : M,
+        ...d
+      };
+      S(f);
     }, {
       immediate: !0
     }), () => {
       let o;
-      return m(g, a.value, y(o = c(r, "default", {
-        config: t == null ? void 0 : t.value
+      return g(p, r.value, T(o = C(i, "default", {
+        config: a == null ? void 0 : a.value
       })) ? o : {
         default: () => [o]
       });
@@ -49,6 +53,6 @@ const a = d({}), A = /* @__PURE__ */ f({
   }
 });
 export {
-  A as ConfigProvider,
-  a as globalConfigCached
+  U as ConfigProvider,
+  r as globalConfigCached
 };

package/es/src/config-provider/css-var.d.ts

@@ -0,0 +1,88 @@
+import { RecursivePartial } from '../type';
+declare const aplusCssVarObj: {
+    'ap-form': {
+        bordered: {
+            'border-color': {
+                base: string;
+                hover: string;
+                active: string;
+            };
+            'shadow-color': string;
+        };
+    };
+    'ap-action': {
+        color: {
+            primary: {
+                base: string;
+                hover: string;
+            };
+            success: string;
+            error: string;
+            warn: string;
+        };
+    };
+    'check-card': {
+        outline: {
+            color: string;
+        };
+        hover: {
+            outline: {
+                color: string;
+            };
+        };
+        checked: {
+            outline: {
+                color: string;
+            };
+            bg: string;
+        };
+    };
+    'ap-table': {
+        header: {
+            bg: string;
+        };
+        pagination: {
+            total: {
+                color: string;
+                count: {
+                    color: string;
+                };
+            };
+        };
+        setting: {
+            button: {
+                color: string;
+            };
+        };
+    };
+    'ap-batch-action': {
+        color: {
+            font: string;
+            active: string;
+        };
+    };
+    basic: {
+        color: {
+            primary: string;
+        };
+    };
+    'ap-descriptions': {
+        item: {
+            'padding-bottom': string;
+            'label-width': string;
+        };
+        'last-row-item': {
+            'padding-bottom': string;
+        };
+    };
+};
+export type CssVarType = RecursivePartial<typeof aplusCssVarObj>;
+export declare function generateCssVar(cssVarRawObj: CssVarType): Record<string, any>;
+export declare const aplusCssVar: Record<string, any>;
+export declare const adminCssVar: Record<string, any>;
+/**
+ * 多次设置css变量（这种方式如果css变量过多可能会有性能问题）
+ * @param variables
+ */
+export declare function setCSSVariables(variables: Record<string, any>): void;
+export {};

package/es/src/{theme/css-var/index.mjs → config-provider/css-var.mjs}

@@ -171,5 +171,6 @@ function u(e) {
 export {
   d as adminCssVar,
   p as aplusCssVar,
+  s as generateCssVar,
   u as setCSSVariables
 };

package/es/src/config-provider/hooks/use-global-config.d.ts

@@ -11,6 +11,7 @@ import { RequiredMark } from 'ant-design-vue/es/form/Form';
 import { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
 import { LocaleType } from '../..';
 import { ApiType, TableDefaultConfig, ScrollbarGlobalConfig, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig } from '..';
+import { CssVarType } from '../css-var';
 export declare const keysOf: <T extends Record<string, any>>(arr: T) => Array<keyof T>;
 export declare function useGlobalConfig<K extends keyof ConfigProviderContext, D extends ConfigProviderContext[K]>(key: K, defaultValue?: D): Ref<Exclude<ConfigProviderContext[K], undefined> | D>;
 export declare function useGlobalConfig(): Ref<ConfigProviderContext>;
@@ -167,4 +168,8 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
         type: PropType<downloadCenterTriggerConfig>;
         default: () => {};
     };
+    cssVar: {
+        type: PropType<CssVarType>;
+        default: () => {};
+    };
 }>>>> | undefined;