@aplus-frontend/ui 0.1.40 → 0.1.41

package/lib/src/config-provider/index.d.ts

@@ -9,6 +9,8 @@ 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';
+import { CssVarType } from './css-var';
 export * from './config-provider-props';
 export * from './constants';
 export * from './hooks/use-global-config';
@@ -169,6 +171,86 @@ export declare const APConfigProvider: {
             type: PropType<downloadCenterTriggerConfig>;
             default: () => {};
         };
+        cssVar: {
+            type: PropType<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;
+                    };
+                };
+            }>>;
+            default: () => {};
+        };
     }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         iconPrefixCls: StringConstructor;
         getTargetContainer: {
@@ -322,6 +404,86 @@ export declare const APConfigProvider: {
             type: PropType<downloadCenterTriggerConfig>;
             default: () => {};
         };
+        cssVar: {
+            type: PropType<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;
+                    };
+                };
+            }>>;
+            default: () => {};
+        };
     }>>, {
         input: {
             autocomplete?: string;
@@ -339,6 +501,9 @@ export declare const APConfigProvider: {
         };
         scrollbar: ScrollbarGlobalConfig;
         direction: "ltr" | "rtl";
+        pagination: {
+            showSizeChanger?: boolean;
+        };
         csp: CSPConfig;
         autoInsertSpaceInButton: boolean;
         locale: Locale;
@@ -348,9 +513,6 @@ export declare const APConfigProvider: {
         componentDisabled: boolean;
         virtual: boolean;
         dropdownMatchSelectWidth: number | boolean;
-        pagination: {
-            showSizeChanger?: boolean;
-        };
         theme: ThemeConfig;
         wave: {
             disabled?: boolean;
@@ -362,6 +524,83 @@ export declare const APConfigProvider: {
         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;
+                };
+            };
+        }>;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -522,6 +761,86 @@ export declare const APConfigProvider: {
             type: PropType<downloadCenterTriggerConfig>;
             default: () => {};
         };
+        cssVar: {
+            type: PropType<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;
+                    };
+                };
+            }>>;
+            default: () => {};
+        };
     }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         input: {
             autocomplete?: string;
@@ -539,6 +858,9 @@ export declare const APConfigProvider: {
         };
         scrollbar: ScrollbarGlobalConfig;
         direction: "ltr" | "rtl";
+        pagination: {
+            showSizeChanger?: boolean;
+        };
         csp: CSPConfig;
         autoInsertSpaceInButton: boolean;
         locale: Locale;
@@ -548,9 +870,6 @@ export declare const APConfigProvider: {
         componentDisabled: boolean;
         virtual: boolean;
         dropdownMatchSelectWidth: number | boolean;
-        pagination: {
-            showSizeChanger?: boolean;
-        };
         theme: ThemeConfig;
         wave: {
             disabled?: boolean;
@@ -562,6 +881,83 @@ export declare const APConfigProvider: {
         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;
+                };
+            };
+        }>;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -719,6 +1115,10 @@ export declare const APConfigProvider: {
         type: PropType<downloadCenterTriggerConfig>;
         default: () => {};
     };
+    cssVar: {
+        type: PropType<CssVarType>;
+        default: () => {};
+    };
 }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     input: {
         autocomplete?: string;
@@ -736,6 +1136,9 @@ export declare const APConfigProvider: {
     };
     scrollbar: ScrollbarGlobalConfig;
     direction: "ltr" | "rtl";
+    pagination: {
+        showSizeChanger?: boolean;
+    };
     csp: CSPConfig;
     autoInsertSpaceInButton: boolean;
     locale: Locale;
@@ -745,9 +1148,6 @@ export declare const APConfigProvider: {
     componentDisabled: boolean;
     virtual: boolean;
     dropdownMatchSelectWidth: number | boolean;
-    pagination: {
-        showSizeChanger?: boolean;
-    };
     theme: ThemeConfig;
     wave: {
         disabled?: boolean;
@@ -759,6 +1159,83 @@ export declare const APConfigProvider: {
     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;
+            };
+        };
+    }>;
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: () => void;

package/lib/src/theme/antd-global-overwrite/admin/button.css

@@ -25,6 +25,3 @@
 .ant-btn-text[disabled]:hover {
   color: rgba(24, 144, 255, 0.2) !important;
 }
-.ant-btn-primary.ant-btn-background-ghost:focus {
-  color: #34b77c;
-}

package/lib/src/theme/antd-global-overwrite/admin/index.css

@@ -75,9 +75,6 @@
 .ant-btn-text[disabled]:hover {
   color: rgba(24, 144, 255, 0.2) !important;
 }
-.ant-btn-primary.ant-btn-background-ghost:focus {
-  color: #34b77c;
-}
 .ant-form .ant-form-item label {
   font-weight: normal;
 }

package/lib/src/theme/antd-global-overwrite/aplus/button.css

@@ -25,6 +25,3 @@
 .ant-btn-text[disabled]:hover {
   color: #cce2ff !important;
 }
-.ant-btn-primary.ant-btn-background-ghost:focus {
-  color: #0070ff;
-}

package/lib/src/theme/antd-global-overwrite/aplus/index.css

@@ -75,9 +75,6 @@
 .ant-btn-text[disabled]:hover {
   color: #cce2ff !important;
 }
-.ant-btn-primary.ant-btn-background-ghost:focus {
-  color: #0070ff;
-}
 .ant-form .ant-form-item label {
   font-weight: normal;
 }

package/lib/src/type.d.ts

@@ -28,4 +28,7 @@ export type VueNode = VNodeChildAtom | VNodeChildAtom[] | VNode;
 export type LiteralUnion<T extends U, U> = T | (U & {
     zz_IGNORE_ME?: never;
 });
+export type RecursivePartial<T> = {
+    [P in keyof T]?: T[P] extends object ? RecursivePartial<T[P]> : T[P];
+};
 export {};

package/lib/src/utils/config-provider-preset.d.ts

@@ -51,15 +51,15 @@ export declare function mergeAntdProvideConfig(config: ConfigProviderProps): {
         size?: ButtonSize | number;
     } | undefined;
     direction?: "ltr" | "rtl" | undefined;
+    pagination?: {
+        showSizeChanger?: boolean;
+    } | undefined;
     csp?: CSPConfig | undefined;
     locale?: Locale | undefined;
     pageHeader?: {
         ghost?: boolean;
     } | undefined;
     dropdownMatchSelectWidth?: number | boolean | undefined;
-    pagination?: {
-        showSizeChanger?: boolean;
-    } | undefined;
     theme?: ThemeConfig | undefined;
     wave?: {
         disabled?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.1.40",
+  "version": "0.1.41",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "files": [
@@ -62,7 +62,7 @@
     "sortablejs": "^1.15.2",
     "vuedraggable": "^4.1.0",
     "@aplus-frontend/hooks": "1.0.7",
-    "@aplus-frontend/utils": "1.0.36"
+    "@aplus-frontend/utils": "1.0.38"
   },
   "peerDependencies": {
     "@aplus-frontend/icon": "^1.0.21",

package/es/src/theme/css-var/index.d.ts

@@ -1,7 +0,0 @@
-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;

package/lib/src/theme/css-var/index.d.ts

@@ -1,7 +0,0 @@
-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;