@das-fed/ui 6.4.0-hot.5 → 6.4.0-hot.50

package/packages/components/menu-aside/src/Index.vue.d.ts

@@ -1,6 +1,7 @@
 import 'ant-design-vue/es/menu/style/css';
 import type { Props } from './type';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    globalTheme: string;
     mode: string;
     currentOpenKeys: () => never[];
     currentSelectKeys: () => never[];
@@ -12,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     menuClick: (value: any) => void;
     toggleCollapse: (value: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    globalTheme: string;
     mode: string;
     currentOpenKeys: () => never[];
     currentSelectKeys: () => never[];
@@ -19,22 +21,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     subMenuAttrs: () => {};
 }>>> & {
     onMenuClick?: ((value: any) => any) | undefined;
+    onToggleCollapse?: ((value: boolean) => any) | undefined;
     "onUpdate:collapse"?: ((value: boolean) => any) | undefined;
     "onUpdate:currentOpenKeys"?: ((value: string[]) => any) | undefined;
-    onToggleCollapse?: ((value: boolean) => any) | undefined;
 }, {
     mode: "vertical" | "inline";
     subMenuAttrs: any;
+    globalTheme: "default" | "kjl" | "cjb" | "ssl";
     currentOpenKeys: any[];
     currentSelectKeys: any[];
     parentSelectKeys: any[];
-}, {}>, Partial<Record<`${any}-leftIcon`, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & {
+}, {}>, Partial<Record<`${any}-leftIcon`, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & {
     icon?(_: {
         menuInfo: any;
     }): any;
-    icon?(_: {
-        menuInfo: import("./type").MenuInfo;
-    }): any;
+    bottom?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

package/packages/components/menu-aside/src/menu-icon.vue.d.ts

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    data?: any;
+    status?: "default" | "hover";
+}>, {
+    data: () => {};
+    status: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    data?: any;
+    status?: "default" | "hover";
+}>, {
+    data: () => {};
+    status: string;
+}>>>, {
+    data: any;
+    status: "default" | "hover";
+}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/packages/components/menu-aside/src/style-theme.d.ts

@@ -0,0 +1,98 @@
+declare const _default: {
+    '--das-ui-layout-aside-border-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+    '--das-ui-layout-aside-background-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+    '--das-ui-layout-aside--item-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+    '--das-ui-layout-aside--item-arrow-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+    '--das-ui-layout-aside--item-active-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+    '--das-ui-layout-aside--item-active-background-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+    '--das-ui-layout-aside-item-hover-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+    '--das-ui-layout-aside-item-hover-background-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+    '--das-ui-layout-aside-submenu-vertical-background-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+    '--das-ui-layout-aside-submenu-vertical-item-hover-background-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+    '--das-ui-layout-aside-submenu-item-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+    '--das-ui-layout-aside-submenu-background-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+    '--das-ui-layout-aside-submenu-item-hover-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+    '--das-ui-layout-aside-submenu-item-hover-background-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+    '--das-ui-layout-aside-submenu-item-active-background-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+    '--das-ui-layout-aside-submenu-title-border-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+    '--das-ui-layout-aside-collapse-icon-bg-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+    '--das-ui-layout-aside-collapse-icon-hover-bg-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+    '--das-ui-layout-aside-divise-border-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+};
+export default _default;

package/packages/components/menu-aside/src/sub-menu/sub-menu.vue.d.ts

@@ -28,11 +28,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     mode: "vertical" | "inline";
     parentSelectKeys: string[];
     selectedKeys: string[];
-    menuInfo: import("../type").MenuInfo;
+    menuInfo: import("../type.js").MenuInfo;
     affixKeys: string[];
 }, {}>, Partial<Record<string, (_: {}) => any>> & {
     icon?(_: {
-        menuInfo: import("../type").MenuInfo;
+        menuInfo: import("../type.js").MenuInfo;
     }): any;
 }>;
 export default _default;

package/packages/components/menu-aside/src/sub-menu/type.d.ts

@@ -1,27 +1,27 @@
-import type { MenuInfo } from '../type'
-
-export interface Props {
-  
-  mode: 'vertical' | 'inline'
-
-  
-  collapse?: boolean
-
-  
-  menuInfo?: MenuInfo
-
-  
-  parentSelectKeys?: string[]
-
-  
-  affixKeys?: string[]
-
-  
-  selectedKeys?: string[]
-}
-
-export interface Emits {
-  (e: 'menuClick', menu: AnyColumn): void
-
-  (e: 'toggleAffix', key: string, flag: boolean): void
-}
+import type { MenuInfo } from '../type'
+
+export interface Props {
+  
+  mode: 'vertical' | 'inline'
+
+  
+  collapse?: boolean
+
+  
+  menuInfo?: MenuInfo
+
+  
+  parentSelectKeys?: string[]
+
+  
+  affixKeys?: string[]
+
+  
+  selectedKeys?: string[]
+}
+
+export interface Emits {
+  (e: 'menuClick', menu: AnyColumn): void
+
+  (e: 'toggleAffix', key: string, flag: boolean): void
+}

package/packages/components/menu-aside/src/type.d.ts

@@ -1,44 +1,46 @@
-export type MenuInfo = {
-  id: string
-  name: string
-  icon?: string
-  code?: string
-  
-  hideIcon?: boolean
-  
-  divise?: boolean
-  [key: string]: any
-}
-
-export interface Props {
-  
-  mode: 'vertical' | 'inline'
-
-  
-  collapse?: boolean
-
-  
-  menus?: MenuInfo[]
-
-  
-  currentOpenKeys?: any[]
-
-  
-  currentSelectKeys?: any[]
-
-  
-  parentSelectKeys?: any[]
-
-  
-  subMenuAttrs?: any
-}
-
-export interface Emits {
-  (e: 'update:collapse', value: boolean): void
-
-  (e: 'update:currentOpenKeys', value: string[]): void
-
-  (e: 'menuClick', value: any): void
-
-  (e: 'toggleCollapse', value: boolean): void
-}
+export type MenuInfo = {
+  id: string
+  name: string
+  icon?: string
+  code?: string
+  
+  hideIcon?: boolean
+  
+  divise?: boolean
+  [key: string]: any
+}
+
+export interface Props {
+  globalTheme?: 'default' | 'kjl' | 'cjb' | 'ssl'
+
+  
+  mode: 'vertical' | 'inline'
+
+  
+  collapse?: boolean
+
+  
+  menus?: MenuInfo[]
+
+  
+  currentOpenKeys?: any[]
+
+  
+  currentSelectKeys?: any[]
+
+  
+  parentSelectKeys?: any[]
+
+  
+  subMenuAttrs?: any
+}
+
+export interface Emits {
+  (e: 'update:collapse', value: boolean): void
+
+  (e: 'update:currentOpenKeys', value: string[]): void
+
+  (e: 'menuClick', value: any): void
+
+  (e: 'toggleCollapse', value: boolean): void
+}

package/packages/components/menu-aside/src/use-aside-menu.d.ts

@@ -6,5 +6,5 @@ export declare const useAsideMenu: (props: Props, emit: Emits) => {
     toggleAffix: (key: string, flag: boolean) => void;
     openChange: (keys: string[]) => void;
     menuClick: (menu: any) => void;
-    toggleCollapse: () => void;
+    toggleCollapse: (val: boolean) => void;
 };

package/packages/components/menu-aside/style.css

@@ -1 +1 @@
-.das-ui-sub-menu.ant-menu-submenu-vertical.is-active .ant-menu-submenu-title{color:var(--das-ui-layout-aside-submenu-item-active-color);background-color:var(--das-ui-layout-aside--item-active-background-color)}.ant-menu-item{margin:0!important;padding:0!important}.ant-menu-submenu-title{padding:0!important}.ant-menu-vertical>.ant-menu-item,.ant-menu-inline>.ant-menu-item{height:auto!important}.ant-menu-submenu-popup{z-index:var(--das-menu-submenu-popup-z-index)!important}.ant-menu-submenu-popup .submenu-container{display:flex;flex-direction:column;box-sizing:border-box}.ant-menu-submenu-popup .submenu-container.is-collapse{width:156px}.ant-menu-submenu-popup .submenu-container .title-bar{display:flex;align-items:center;justify-content:space-between;margin:0 24px;padding:12px 0;height:50px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.3)}.ant-menu-submenu-popup .submenu-container .title-bar.is-collapse{margin:0 12px 0 20px}.ant-menu-submenu-popup .submenu-container .title-bar .title-left{display:flex;align-items:center}.ant-menu-submenu-popup .submenu-container .title-bar .title-left .title{font-size:12px;color:var(--das-ui-layout-aside-submenu-item-hover-color);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .title-bar .title-right{display:flex;align-items:center;color:var(--das-ui-layout-aside-submenu-item-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right.affix{color:var(--das-ui-layout-aside-submenu-item-affix-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right .das-icon{transform:translateY(-1px)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right .icon-title{font-size:12px;padding-left:5px}.ant-menu-submenu-popup .submenu-container .item-container{position:relative;font-size:12px;box-sizing:border-box;max-height:356px;min-height:60px;color:var(--das-ui-layout-aside-submenu-item-color);padding:15px 30px 15px 18px}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row{display:flex;align-items:center}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item{width:126px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;margin-right:7px;margin-left:7px;padding:0 8px}@media (min-width: 1100px){.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item{width:168px}}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item.is-active{color:var(--das-ui-layout-aside-submenu-item-active-color);background-color:var(--das-ui-layout-aside-submenu-item-active-background-color)}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:first-child{margin-left:0}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:last-child{margin-right:0}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px}.ant-menu-submenu-popup .submenu-container .item-collapse-container{max-height:620px;box-sizing:border-box;padding:8px 0}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item{font-size:12px;color:var(--das-ui-layout-aside-submenu-item-color);padding:0 12px 0 20px;height:50px;line-height:50px;display:flex;align-items:center;justify-content:space-between}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item.is-active{color:var(--das-ui-layout-aside-submenu-item-active-color);background-color:var(--das-ui-layout-aside-submenu-item-active-background-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px}.ant-menu-inline .ant-menu-title-content{width:100%}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline{height:var(--das-ui-layout-aside-menu-item-height);padding:0 46px 0 51px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline.is-expired{padding:0 16px 0 51px}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline.is-active{color:var(--das-ui-layout-aside-submenu-item-active-color);background-color:var(--das-ui-layout-aside-submenu-item-active-background-color)}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .name{font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1;min-width:0}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px}.das-ui-layout-aside{display:flex;flex-direction:column;width:var(--das-ui-layout-aside-menu-width);height:100%}.das-ui-layout-aside.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-layout-aside .ant-menu-vertical .ant-menu-submenu-arrow:before{height:1.3px;width:7px;transform:rotate(45deg) translateY(-3.5px);background:#ffffffa6!important}.das-ui-layout-aside .ant-menu-vertical .ant-menu-submenu-arrow:after{height:1.3px;width:7px;transform:rotate(-45deg) translateY(3.5px);background:#ffffffa6!important}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-arrow:before{height:1.3px;width:7px;background:#ffffffa6!important}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-arrow:after{height:1.3px;width:7px;background:#ffffffa6!important}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:before{transform:rotate(45deg) translate(3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:after{transform:rotate(-45deg) translate(-3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-layout-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-layout-aside .das-ui-aside-menu{flex:1;min-height:0;width:var(--das-ui-layout-aside-menu-width);background-color:var(--das-ui-layout-aside-background-color)}.das-ui-layout-aside .das-ui-aside-menu.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-layout-aside .das-ui-aside-menu.is-collapse .ant-menu-submenu-arrow{display:none}.das-ui-layout-aside .das-ui-aside-menu .ant-menu.ant-menu-dark{height:100%;background-color:var(--das-ui-layout-aside-background-color);width:var(--das-ui-layout-aside-menu-width);transition:none}.das-ui-layout-aside .das-ui-aside-menu .ant-menu.ant-menu-dark.ant-menu.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item{margin:0!important;display:flex;flex-direction:column;justify-content:center;transition:none!important}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item.ant-menu-item-selected{background-color:transparent!important}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item .aside-menu-title.is-active{background-color:var(--das-ui-layout-aside--item-active-background-color)}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item .aside-menu-title.is-active.is-expired:not(:hover),.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item .aside-menu-title.is-active.is-disable:not(:hover){background-color:transparent}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item:focus-visible{box-shadow:none!important}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow{opacity:.45;transition:all .3s}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow:after,.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow:before{background:#fff}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-submenu-title{height:var(--das-ui-layout-aside-menu-item-height)!important;line-height:var(--das-ui-layout-aside-menu-item-height)!important;margin:0!important}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-submenu-title .menu-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:30px;font-size:12px;flex:1;min-width:0}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title{width:100%;padding-left:15px;padding-right:4px;box-sizing:border-box;display:flex!important;align-items:center;height:var(--das-ui-layout-aside-menu-item-height)}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title.is-expired{padding-right:18px}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .icon-box{flex-shrink:0;padding-right:15px}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .icon-box img{width:20px;height:20px}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .menu-item-content{display:flex;justify-content:space-between;align-items:center;flex:1;min-width:0;height:100%}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .menu-item-content .menu-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;flex:1;min-width:0}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title .menu-item-content .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item:hover{color:var(--das-ui-layout-aside-collapse-icon-bg-color)!important}.das-ui-layout-aside .das-ui-aside-menu .aside-menu-title:hover{color:var(--das-ui-layout-aside--item-active-color)}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-vertical .aside-menu-title:hover{background-color:var(--das-ui-layout-aside--item-active-background-color)}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-inline .aside-menu-title:not(.has-children):hover{background-color:var(--das-ui-layout-aside--item-active-background-color)}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-submenu-title{padding-left:15px}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-submenu-title .ant-menu-item-icon{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item{border-bottom:1px solid rgba(255,255,255,.3)}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item .aside-menu-title{height:59px;line-height:59px}.das-ui-layout-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item .aside-menu-title:hover{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside--item-active-background-color)}.das-ui-layout-aside .icon-container{width:var(--das-ui-layout-aside-menu-width);display:flex;flex-direction:column;justify-content:center;height:50px;border-top:1px solid rgba(255,255,255,.3);background-color:var(--das-ui-layout-aside-background-color);transition:none}.das-ui-layout-aside .icon-container.is-collapse{align-items:center;width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-layout-aside .icon-container .collapse-icon{cursor:pointer;color:var(--das-ui-layout-aside-collapse-icon-bg-color);font-size:20px}.das-ui-layout-aside .icon-container .collapse-icon:hover{color:var(--das-ui-layout-aside-collapse-icon-hover-bg-color)}.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon{color:var(--das-ui-layout-aside-submenu-item-active-color)}.ant-menu.ant-menu-dark .ant-menu-sub,.ant-menu-item-selected{background-color:var(--das-ui-layout-aside-submenu-background-color)!important}.ant-menu-vertical .ant-menu-submenu-title{margin:0!important}.ant-menu-submenu>.ant-menu{border-radius:0!important}
+.ant-menu.ant-menu-dark .ant-menu-sub,.ant-menu-item-selected{background-color:var(--das-ui-layout-aside-submenu-background-color)!important}.ant-menu-vertical .ant-menu-submenu-title{margin:0!important}.ant-menu-submenu>.ant-menu{border-radius:0!important}.das-ui-sub-menu.is-active .ant-menu-submenu-title{color:var(--das-ui-layout-aside--item-active-color)!important}.das-ui-sub-menu.is-active.ant-menu-submenu-vertical .ant-menu-submenu-title{background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)!important}.ant-menu-item{margin:0!important;padding:0!important}.ant-menu-submenu-title{padding:0!important}.ant-menu-vertical>.ant-menu-item,.ant-menu-inline>.ant-menu-item{height:auto!important}.ant-menu-submenu-popup{z-index:var(--das-menu-submenu-popup-z-index)!important}.ant-menu-submenu-popup .submenu-container{display:flex;flex-direction:column;box-sizing:border-box}.ant-menu-submenu-popup .submenu-container.is-collapse{width:156px}.ant-menu-submenu-popup .submenu-container .title-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;height:50px;box-sizing:border-box;border-bottom:1px solid var(--das-ui-layout-aside-submenu-title-border-color)}.ant-menu-submenu-popup .submenu-container .title-bar:not(.is-collapse){margin:0 22px}.ant-menu-submenu-popup .submenu-container .title-bar.is-collapse{padding:0 12px 0 16px}.ant-menu-submenu-popup .submenu-container .title-bar .title-left{display:flex;align-items:center;overflow:hidden}.ant-menu-submenu-popup .submenu-container .title-bar .title-left .title{font-size:12px;color:var(--das-ui-layout-aside--item-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right{display:flex;align-items:center;color:var(--das-ui-layout-aside-submenu-item-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right.affix{color:var(--das-ui-layout-aside-submenu-item-affix-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right .das-icon{transform:translateY(-1px)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right .icon-title{font-size:12px;padding-left:5px}.ant-menu-submenu-popup .submenu-container .item-container{position:relative;font-size:12px;box-sizing:border-box;max-height:356px;min-height:60px;color:var(--das-ui-layout-aside-submenu-item-color);padding:15px 28px 15px 18px}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row{display:flex;align-items:center}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item{width:168px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;margin:0 7px;padding:0 8px}@media (min-width: 1100px){.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item{width:168px}}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:first-child{margin-left:0}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:last-child{margin-right:0}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container{max-height:620px;box-sizing:border-box;padding:8px 0}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item{font-size:12px;color:var(--das-ui-layout-aside-submenu-item-color);padding:0 12px 0 20px;height:50px;line-height:50px;display:flex;align-items:center;justify-content:space-between}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.ant-menu-inline .ant-menu-title-content{width:100%}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline{height:var(--das-ui-layout-aside-menu-item-height);padding:0 46px 0 51px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline.is-expired{padding:0 16px 0 51px}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-item-active-background-color)}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .name{font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1;min-width:0}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.das-ui-menu-aside{display:flex;flex-direction:column;width:var(--das-ui-layout-aside-menu-width);height:100%;border-right:1px solid var(--das-ui-layout-aside-border-color)}.das-ui-menu-aside.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .ant-menu-vertical{background-color:var(--das-ui-layout-aside-submenu-vertical-background-color)}.das-ui-menu-aside .ant-menu-vertical .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-vertical .ant-menu-submenu-arrow:before{height:1.3px;width:7px;transform:rotate(45deg) translateY(-3.5px);background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .ant-menu-vertical .ant-menu-submenu-arrow:after{height:1.3px;width:7px;transform:rotate(-45deg) translateY(3.5px);background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow:before{height:1.3px;width:7px;background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow:after{height:1.3px;width:7px;background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:before{transform:rotate(45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:after{transform:rotate(-45deg) translate(-3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-menu-aside .das-ui-aside-menu{display:flex;flex-direction:column;flex:1;min-height:0;width:var(--das-ui-layout-aside-menu-width);background-color:var(--das-ui-layout-aside-background-color)}.das-ui-menu-aside .das-ui-aside-menu.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .das-ui-aside-menu.is-collapse .ant-menu-submenu-arrow{display:none}.das-ui-menu-aside .das-ui-aside-menu .ant-menu.ant-menu-dark{width:var(--das-ui-layout-aside-menu-width);color:var(--das-ui-layout-aside--item-color);background-color:var(--das-ui-layout-aside-background-color);transition:none}.das-ui-menu-aside .das-ui-aside-menu .ant-menu.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon{color:var(--das-ui-layout-aside--item-active-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu.ant-menu-dark.ant-menu.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu.ant-menu-dark.ant-menu-vertical .ant-menu-submenu-open .aside-menu-title{color:var(--das-ui-layout-aside-item-hover-color);background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-menu-aside .das-ui-aside-menu .das-aside-menu-bottom-container{margin-top:auto}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item{color:var(--das-ui-layout-aside--item-color);margin:0!important;display:flex;flex-direction:column;justify-content:center;transition:none!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item.ant-menu-item-selected{background-color:transparent!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .aside-menu-title.is-active{color:var(--das-ui-layout-aside--item-active-color)!important;background-color:var(--das-ui-layout-aside--item-active-background-color)!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item:focus-visible{box-shadow:none!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow{opacity:.8!important;transition:all .3s}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow:after,.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow:before{background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title{color:var(--das-ui-layout-aside--item-color);height:var(--das-ui-layout-aside-menu-item-height)!important;line-height:var(--das-ui-layout-aside-menu-item-height)!important;margin:0!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title .menu-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:30px;font-size:12px;flex:1;min-width:0}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title{width:100%;padding-left:15px;padding-right:4px;box-sizing:border-box;display:flex!important;align-items:center;height:var(--das-ui-layout-aside-menu-item-height)}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title.is-expired{padding-right:18px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box{flex-shrink:0;padding-right:15px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box i,.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box img{width:20px;height:20px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .menu-item-content{display:flex;justify-content:space-between;align-items:center;flex:1;min-width:0;height:100%}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .menu-item-content .menu-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;flex:1;min-width:0}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .menu-item-content .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title:hover{color:var(--das-ui-layout-aside-item-hover-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-vertical .aside-menu-title:hover{background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-inline .aside-menu-title:not(.has-children):hover{background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title{padding-left:15px}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title .ant-menu-item-icon{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item{border-bottom:1px solid var(--das-ui-layout-aside-divise-border-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item .aside-menu-title{height:59px;line-height:59px}.das-ui-menu-aside .icon-container{width:var(--das-ui-layout-aside-menu-width);display:flex;flex-direction:column;justify-content:center;height:50px;border-top:1px solid rgba(255,255,255,.3);background-color:var(--das-ui-layout-aside-background-color);transition:none}.das-ui-menu-aside .icon-container.is-collapse{align-items:center;width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .icon-container .collapse-icon{cursor:pointer;color:var(--das-ui-layout-aside-collapse-icon-bg-color);font-size:20px}.das-ui-menu-aside .icon-container .collapse-icon:hover{color:var(--das-ui-layout-aside-collapse-icon-hover-bg-color)}.das-ui-menu-aside.theme-cjb .aside-menu-title.is-active:before,.das-ui-menu-aside.theme-cjb .sub-menu-item_inline.is-active:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background-color:var(--das-ui-layout-aside--item-active-color)}

package/packages/components/menu-aside/theme/base.d.ts

@@ -2,18 +2,26 @@ declare const _default: {
     '--das-ui-layout-aside-menu-width': string;
     '--das-ui-layout-aside-collapse-menu-width': string;
     '--das-ui-layout-aside-menu-item-height': string;
+    '--das-ui-layout-aside-border-color': string;
     '--das-ui-layout-aside-background-color': string;
-    '--das-ui-layout-aside--item-active-background-color': string;
     '--das-ui-layout-aside--item-color': string;
+    '--das-ui-layout-aside--item-arrow-color': string;
     '--das-ui-layout-aside--item-active-color': string;
+    '--das-ui-layout-aside--item-active-background-color': string;
+    '--das-ui-layout-aside-item-hover-color': string;
+    '--das-ui-layout-aside-item-hover-background-color': string;
+    '--das-ui-layout-aside-submenu-title-border-color': string;
+    '--das-ui-layout-aside-submenu-vertical-background-color': string;
+    '--das-ui-layout-aside-submenu-vertical-item-hover-background-color': string;
     '--das-ui-layout-aside-submenu-background-color': string;
     '--das-ui-layout-aside-submenu-item-affix-color': string;
     '--das-ui-layout-aside-submenu-item-color': string;
-    '--das-ui-layout-aside-submenu-item-hover-background-color': string;
     '--das-ui-layout-aside-submenu-item-hover-color': string;
+    '--das-ui-layout-aside-submenu-item-hover-background-color': string;
     '--das-ui-layout-aside-submenu-item-active-background-color': string;
-    '--das-ui-layout-aside-submenu-item-active-color': string;
     '--das-ui-layout-aside-collapse-icon-bg-color': string;
     '--das-ui-layout-aside-collapse-icon-hover-bg-color': string;
+    '--das-ui-layout-aside-divise-border-color': string;
+    '--das-ui-layout-aside-menu-expired-color': string;
 };
 export default _default;

package/packages/components/menu-header/index.d.ts

@@ -1,7 +1,8 @@
 declare const DasMenuHeader: import("@das-fed/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        height: {
-            type: import("vue").PropType<string | number>;
+        theme: {
+            type: import("vue").PropType<"default" | "kjl" | "cjb" | "ssl">;
+            default: string;
         };
         menus: {
             type: import("vue").PropType<{
@@ -11,13 +12,17 @@ declare const DasMenuHeader: import("@das-fed/utils").SFCWithInstall<{
             required: true;
             default: () => never[];
         };
+        height: {
+            type: import("vue").PropType<string | number>;
+        };
     }>> & {
         "onUpdate:currentKey"?: ((value: any) => any) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:currentKey": (value: any) => void;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        height: {
-            type: import("vue").PropType<string | number>;
+        theme: {
+            type: import("vue").PropType<"default" | "kjl" | "cjb" | "ssl">;
+            default: string;
         };
         menus: {
             type: import("vue").PropType<{
@@ -27,9 +32,13 @@ declare const DasMenuHeader: import("@das-fed/utils").SFCWithInstall<{
             required: true;
             default: () => never[];
         };
+        height: {
+            type: import("vue").PropType<string | number>;
+        };
     }>> & {
         "onUpdate:currentKey"?: ((value: any) => any) | undefined;
     }, {
+        theme: "default" | "kjl" | "cjb" | "ssl";
         menus: {
             code: string;
             name: string;
@@ -42,8 +51,9 @@ declare const DasMenuHeader: import("@das-fed/utils").SFCWithInstall<{
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        height: {
-            type: import("vue").PropType<string | number>;
+        theme: {
+            type: import("vue").PropType<"default" | "kjl" | "cjb" | "ssl">;
+            default: string;
         };
         menus: {
             type: import("vue").PropType<{
@@ -53,9 +63,13 @@ declare const DasMenuHeader: import("@das-fed/utils").SFCWithInstall<{
             required: true;
             default: () => never[];
         };
+        height: {
+            type: import("vue").PropType<string | number>;
+        };
     }>> & {
         "onUpdate:currentKey"?: ((value: any) => any) | undefined;
     }, {}, {}, {}, {}, {
+        theme: "default" | "kjl" | "cjb" | "ssl";
         menus: {
             code: string;
             name: string;
@@ -65,8 +79,9 @@ declare const DasMenuHeader: import("@das-fed/utils").SFCWithInstall<{
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    height: {
-        type: import("vue").PropType<string | number>;
+    theme: {
+        type: import("vue").PropType<"default" | "kjl" | "cjb" | "ssl">;
+        default: string;
     };
     menus: {
         type: import("vue").PropType<{
@@ -76,11 +91,15 @@ declare const DasMenuHeader: import("@das-fed/utils").SFCWithInstall<{
         required: true;
         default: () => never[];
     };
+    height: {
+        type: import("vue").PropType<string | number>;
+    };
 }>> & {
     "onUpdate:currentKey"?: ((value: any) => any) | undefined;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:currentKey": (value: any) => void;
 }, string, {
+    theme: "default" | "kjl" | "cjb" | "ssl";
     menus: {
         code: string;
         name: string;