@aplus-frontend/ui 0.1.40 → 0.1.42

package/lib/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/lib/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/lib/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/lib/src/config-provider/config-provider-props.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("ant-design-vue/es/config-provider/context"),t=()=>({aplusLocale:{type:Object},namespace:{type:String,default:"aplus"},api:{type:Object,default:()=>({})},table:{type:Object},scrollbar:{type:Object,default:()=>({native:!1})},uiMode:{type:String,default:"aplus"},apUpload:{type:Object,default:()=>({})},apDescriptions:{type:Object,default:()=>({})},valueTypeMap:{type:Object,default:()=>({})},downloadCenterTriggerConfig:{type:Object,default:()=>({})},...e.configProviderProps()});exports.configProviderProps=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("ant-design-vue/es/config-provider/context"),t=()=>({aplusLocale:{type:Object},namespace:{type:String,default:"aplus"},api:{type:Object,default:()=>({})},table:{type:Object},scrollbar:{type:Object,default:()=>({native:!1})},uiMode:{type:String,default:"aplus"},apUpload:{type:Object,default:()=>({})},apDescriptions:{type:Object,default:()=>({})},valueTypeMap:{type:Object,default:()=>({})},downloadCenterTriggerConfig:{type:Object,default:()=>({})},cssVar:{type:Object,default:()=>({})},...e.configProviderProps()});exports.configProviderProps=t;

package/lib/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/lib/src/config-provider/config-provider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),u=require("ant-design-vue"),c=require("./hooks/use-global-config.js"),d=require("./config-provider-props.js"),s=require("./constants.js"),f=require("../utils/config-provider-preset.js"),n=require("../theme/css-var/index.js");function g(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!o.isVNode(e)}const r=o.ref({}),C=o.defineComponent({name:"AplusConfigProvider",props:d.configProviderProps(),setup(e,{slots:a}){const l=o.computed(()=>({namespace:e.namespace,aplusLocale:e.aplusLocale,api:e.api,table:{...s.tableDefaultConfig,...e.table||{}},scrollbar:e.scrollbar,uiMode:e.uiMode,apUpload:e.apUpload,apDescriptions:e.apDescriptions,valueTypeMap:e.valueTypeMap,downloadCenterTriggerConfig:e.downloadCenterTriggerConfig})),t=c.provideGlobalConfig(l);return o.watch(()=>e,i=>{r.value=f.mergeAntdProvideConfig(i)},{deep:!0,immediate:!0}),typeof window<"u"&&o.watch(()=>e.uiMode,i=>{n.setCSSVariables(i==="aplus"?n.aplusCssVar:n.adminCssVar)},{immediate:!0}),()=>{let i;return o.createVNode(u.ConfigProvider,r.value,g(i=o.renderSlot(a,"default",{config:t==null?void 0:t.value}))?i:{default:()=>[i]})}}});exports.ConfigProvider=C;exports.globalConfigCached=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),d=require("ant-design-vue"),f=require("./hooks/use-global-config.js"),g=require("./config-provider-props.js"),C=require("./constants.js"),v=require("../utils/config-provider-preset.js"),a=require("./css-var.js");function b(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!o.isVNode(e)}const i=o.ref({}),m=o.defineComponent({name:"AplusConfigProvider",props:g.configProviderProps(),setup(e,{slots:n}){const l=o.computed(()=>({namespace:e.namespace,aplusLocale:e.aplusLocale,api:e.api,table:{...C.tableDefaultConfig,...e.table||{}},scrollbar:e.scrollbar,uiMode:e.uiMode,apUpload:e.apUpload,apDescriptions:e.apDescriptions,valueTypeMap:e.valueTypeMap,downloadCenterTriggerConfig:e.downloadCenterTriggerConfig})),r=f.provideGlobalConfig(l);return o.watch(()=>e,t=>{i.value=v.mergeAntdProvideConfig(t)},{deep:!0,immediate:!0}),typeof window<"u"&&o.watch(()=>[e.uiMode,e.cssVar],([t,c])=>{const s=a.generateCssVar(c),u={...t==="aplus"?a.aplusCssVar:a.adminCssVar,...s};a.setCSSVariables(u)},{immediate:!0}),()=>{let t;return o.createVNode(d.ConfigProvider,i.value,b(t=o.renderSlot(n,"default",{config:r==null?void 0:r.value}))?t:{default:()=>[t]})}}});exports.ConfigProvider=m;exports.globalConfigCached=i;

package/lib/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/lib/src/{theme/css-var/index.js → config-provider/css-var.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b={"ap-form":{bordered:{"border-color":{base:"#DEE4ED",hover:"#66A9FF",active:"#66A9FF"},"shadow-color":"rgba(5, 155, 255, 0.1)"}},"ap-action":{color:{primary:{base:"#0070FF",hover:"#66A9FF"},success:"#2ED1A3",error:"#FF4D4F",warn:"#FFA940"}},"check-card":{outline:{color:"#E9EDF3"},hover:{outline:{color:"#0070FF"}},checked:{outline:{color:"#0070FF"},bg:"#0070FF"}},"ap-table":{header:{bg:"#F2F6F9"},pagination:{total:{color:"#526A90",count:{color:"#182948"}}},setting:{button:{color:"#8896B0"}}},"ap-batch-action":{color:{font:"#8896B0",active:"#0070FF"}},basic:{color:{primary:"#0070ff"}},"ap-descriptions":{item:{"padding-bottom":"24px","label-width":"auto"},"last-row-item":{"padding-bottom":"0px"}}},F={"ap-form":{bordered:{"border-color":{base:"#D9D9D9",hover:"#85D4B0",active:"#85D4B0"},"shadow-color":"rgba(11, 166, 66, 0.09)"}},"ap-action":{color:{primary:{base:"#1890FF",hover:"#5EB1FF"},success:"#52C41A",error:"#FF4D4F",warn:"#FAAD14"}},"check-card":{outline:{color:"#D9D9D9"},hover:{outline:{color:"#34B77C"}},checked:{outline:{color:"#34B77C"},bg:"#34B77C"}},"ap-table":{header:{bg:"#FAFAFA"},pagination:{total:{color:"#666666",count:{color:"#333333"}}},setting:{button:{color:"#999999"}}},"ap-batch-action":{color:{font:"#999999",active:"#34B77C"}},basic:{color:{primary:"#34b77c"}},"ap-descriptions":{item:{"padding-bottom":"24px","label-width":"auto"},"last-row-item":{"padding-bottom":"0px"}}};function n(r){const o={};function t(a,i){const l=Object.keys(a);for(const c of l){const e=a[c],s=[...i,c];e!==null&&typeof e=="object"?t(e,s):o[`--${s.join("-")}`]=e}}return t(r,[]),o}const d=n(b),p=n(F);function u(r){Object.entries(r).forEach(([o,t])=>{document.documentElement.style.setProperty(o,t)})}exports.adminCssVar=p;exports.aplusCssVar=d;exports.setCSSVariables=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b={"ap-form":{bordered:{"border-color":{base:"#DEE4ED",hover:"#66A9FF",active:"#66A9FF"},"shadow-color":"rgba(5, 155, 255, 0.1)"}},"ap-action":{color:{primary:{base:"#0070FF",hover:"#66A9FF"},success:"#2ED1A3",error:"#FF4D4F",warn:"#FFA940"}},"check-card":{outline:{color:"#E9EDF3"},hover:{outline:{color:"#0070FF"}},checked:{outline:{color:"#0070FF"},bg:"#0070FF"}},"ap-table":{header:{bg:"#F2F6F9"},pagination:{total:{color:"#526A90",count:{color:"#182948"}}},setting:{button:{color:"#8896B0"}}},"ap-batch-action":{color:{font:"#8896B0",active:"#0070FF"}},basic:{color:{primary:"#0070ff"}},"ap-descriptions":{item:{"padding-bottom":"24px","label-width":"auto"},"last-row-item":{"padding-bottom":"0px"}}},F={"ap-form":{bordered:{"border-color":{base:"#D9D9D9",hover:"#85D4B0",active:"#85D4B0"},"shadow-color":"rgba(11, 166, 66, 0.09)"}},"ap-action":{color:{primary:{base:"#1890FF",hover:"#5EB1FF"},success:"#52C41A",error:"#FF4D4F",warn:"#FAAD14"}},"check-card":{outline:{color:"#D9D9D9"},hover:{outline:{color:"#34B77C"}},checked:{outline:{color:"#34B77C"},bg:"#34B77C"}},"ap-table":{header:{bg:"#FAFAFA"},pagination:{total:{color:"#666666",count:{color:"#333333"}}},setting:{button:{color:"#999999"}}},"ap-batch-action":{color:{font:"#999999",active:"#34B77C"}},basic:{color:{primary:"#34b77c"}},"ap-descriptions":{item:{"padding-bottom":"24px","label-width":"auto"},"last-row-item":{"padding-bottom":"0px"}}};function a(r){const o={};function t(c,i){const l=Object.keys(c);for(const s of l){const e=c[s],n=[...i,s];e!==null&&typeof e=="object"?t(e,n):o[`--${n.join("-")}`]=e}}return t(r,[]),o}const d=a(b),p=a(F);function u(r){Object.entries(r).forEach(([o,t])=>{document.documentElement.style.setProperty(o,t)})}exports.adminCssVar=p;exports.aplusCssVar=d;exports.generateCssVar=a;exports.setCSSVariables=u;

package/lib/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;