@aplus-frontend/ui 0.1.40 → 0.1.42

package/es/src/business/index.d.ts

@@ -9,8 +9,8 @@ import { ApInputRadioOptions } from './ap-input-radio';
 import { KeyboardEventHandler, MouseEventHandler, FocusEventHandler } from 'ant-design-vue/es/_util/EventInterface';
 import { ButtonType, ButtonShape, ButtonSize } from 'ant-design-vue/es/button';
 import { ButtonHTMLType } from 'ant-design-vue/es/button/buttonTypes';
+import { ButtonProps, ItemType, MenuTheme, MenuMode } from 'ant-design-vue';
 import { DropdownArrowOptions, Trigger, Align } from 'ant-design-vue/es/dropdown/props';
-import { ItemType, MenuTheme, MenuMode, ButtonProps } from 'ant-design-vue';
 import { CSSMotionProps } from 'ant-design-vue/es/_util/transition';
 import { BuiltinPlacements, TriggerSubMenuAction, SelectEventHandler, MenuClickEventHandler } from 'ant-design-vue/es/menu/src/interface';
 import { accessCreate } from '@aplus-frontend/oss';
@@ -360,12 +360,12 @@ export declare const ApLabel: {
         placement: TooltipPlacement;
         show: boolean;
         dot: boolean;
+        count: any;
         iconType: "ellipsis" | "success" | "warning" | "question";
         iconSize: number;
         helpMessage: string | VNode<RendererNode, RendererElement, {
             [key: string]: any;
         }> | undefined;
-        count: any;
         showZero: boolean;
         overflowCount: number;
         numberStyle: CSSProperties;
@@ -442,12 +442,12 @@ export declare const ApLabel: {
         placement: TooltipPlacement;
         show: boolean;
         dot: boolean;
+        count: any;
         iconType: "ellipsis" | "success" | "warning" | "question";
         iconSize: number;
         helpMessage: string | VNode<RendererNode, RendererElement, {
             [key: string]: any;
         }> | undefined;
-        count: any;
         showZero: boolean;
         overflowCount: number;
         numberStyle: CSSProperties;
@@ -521,12 +521,12 @@ export declare const ApLabel: {
     placement: TooltipPlacement;
     show: boolean;
     dot: boolean;
+    count: any;
     iconType: "ellipsis" | "success" | "warning" | "question";
     iconSize: number;
     helpMessage: string | VNode<RendererNode, RendererElement, {
         [key: string]: any;
     }> | undefined;
-    count: any;
     showZero: boolean;
     overflowCount: number;
     numberStyle: CSSProperties;
@@ -985,14 +985,14 @@ export declare const ApInputRadio: DefineComponent<{
     disabled: {
         type: PropType<boolean>;
     };
-    options: {
-        type: PropType<ApInputRadioOptions>;
-        required: true;
-    };
     bordered: {
         type: PropType<boolean>;
         default: boolean;
     };
+    options: {
+        type: PropType<ApInputRadioOptions>;
+        required: true;
+    };
     autofocus: {
         type: PropType<boolean>;
     };
@@ -1068,14 +1068,14 @@ export declare const ApInputRadio: DefineComponent<{
     disabled: {
         type: PropType<boolean>;
     };
-    options: {
-        type: PropType<ApInputRadioOptions>;
-        required: true;
-    };
     bordered: {
         type: PropType<boolean>;
         default: boolean;
     };
+    options: {
+        type: PropType<ApInputRadioOptions>;
+        required: true;
+    };
     autofocus: {
         type: PropType<boolean>;
     };
@@ -1274,8 +1274,12 @@ export declare const ApBatchActionGroup: DefineComponent<{
             onMousedown: {
                 type: PropType< MouseEventHandler | MouseEventHandler[]>;
             };
-        }>>, "type"> & {
-            type?: ButtonType | "borderLink" | undefined;
+        }>>, "type" | "onClick"> & {
+            type?: ButtonProps["type"] | "borderLink";
+            borderLinkColor?: string;
+            minWidth?: boolean | number | string;
+            onClick?: () => any | Promise<any>;
+        } & {
             content?: string;
         }) | ({
             dropdownType?: "dropdown" | undefined;
@@ -1566,8 +1570,12 @@ export declare const ApBatchActionGroup: DefineComponent<{
             onMousedown: {
                 type: PropType< MouseEventHandler | MouseEventHandler[]>;
             };
-        }>>, "type"> & {
-            type?: ButtonType | "borderLink" | undefined;
+        }>>, "type" | "onClick"> & {
+            type?: ButtonProps["type"] | "borderLink";
+            borderLinkColor?: string;
+            minWidth?: boolean | number | string;
+            onClick?: () => any | Promise<any>;
+        } & {
             content?: string;
         }) | ({
             dropdownType?: "dropdown" | undefined;

package/es/src/check-card/group.vue.d.ts

@@ -40,9 +40,9 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
     value: CheckCardValueType | CheckCardValueType[];
     multiple: boolean;
     disabled: boolean;
+    bordered: boolean;
     loading: boolean;
     defaultValue: CheckCardValueType | CheckCardValueType[];
-    bordered: boolean;
     stopPropagation: boolean | ((event: MouseEvent) => boolean);
     indicatorSize: number;
 }, {}>;

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

@@ -1,6 +1,7 @@
 import { ExtractPropTypes, PropType } from 'vue';
 import { LocaleType } from '../locale/interface';
 import { ApiType, ScrollbarGlobalConfig, TableDefaultConfig, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig } from './constants';
+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';
@@ -165,5 +166,9 @@ export declare const configProviderProps: () => {
         type: PropType<downloadCenterTriggerConfig>;
         default: () => {};
     };
+    cssVar: {
+        type: PropType<CssVarType>;
+        default: () => {};
+    };
 };
 export type ConfigProviderProps = Partial<ExtractPropTypes<ReturnType<typeof configProviderProps>>>;

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

@@ -41,6 +41,10 @@ const a = () => ({
     type: Object,
     default: () => ({})
   },
+  cssVar: {
+    type: Object,
+    default: () => ({})
+  },
   ...e()
 });
 export {

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;