@das-fed/ui 7.0.5 → 7.0.7

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

@@ -13,17 +13,20 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {},
 }>, {
     mode: "vertical" | "inline";
     subMenuAttrs: any;
-    globalTheme: "default" | "kjl" | "cjb" | "ssl";
+    globalTheme: "default" | "kjl" | "cjb" | "ssl" | "dkh";
     currentOpenKeys: any[];
     currentSelectKeys: any[];
     parentSelectKeys: any[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     [x: `${any}-leftIcon`]: ((props: {}) => any) | undefined;
+} & {
     [x: string]: ((props: {}) => any) | undefined;
-    icon?: ((props: {
+} & {
+    icon?: (props: {
         menuInfo: any;
-    }) => any) | undefined;
-    bottom?: ((props: {}) => any) | undefined;
+    }) => any;
+} & {
+    bottom?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

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

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

@@ -14,9 +14,10 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {},
     affixKeys: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     [x: string]: ((props: {}) => any) | undefined;
-    icon?: ((props: {
+} & {
+    icon?: (props: {
         menuInfo: import("../type.js").MenuInfo;
-    }) => any) | undefined;
+    }) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -11,7 +11,7 @@ export type MenuInfo = {
 }
 
 export interface Props {
-  globalTheme?: 'default' | 'kjl' | 'cjb' | 'ssl'
+  globalTheme?: 'default' | 'kjl' | 'cjb' | 'ssl' | 'dkh'
 
   
   mode: 'vertical' | 'inline'

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

@@ -1 +1 @@
-.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)}
+.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.ant-menu-dark .ant-menu-sub.ant-menu-vertical{background-color:var(--das-ui-layout-aside-submenu-vertical-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.das-ui-menu-aside-dkh .das-ui-aside-menu{background:var(--das-ui-layout-aside-background-color)}.das-ui-menu-aside.das-ui-menu-aside-dkh .ant-menu.ant-menu-dark{background-color:transparent!important}.das-ui-menu-aside.das-ui-menu-aside-dkh .icon-container{background:var(--das-ui-layout-aside-icon-container-background-color)!important}.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-header/index.d.ts

@@ -8,6 +8,8 @@ declare const DasMenuHeader: import("@das-fed/utils").SFCWithInstall<{
         menus: {
             code: string;
             name: string;
+            closable?: boolean;
+            [key: string]: any;
         }[];
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -23,6 +25,8 @@ declare const DasMenuHeader: import("@das-fed/utils").SFCWithInstall<{
         menus: {
             code: string;
             name: string;
+            closable?: boolean;
+            [key: string]: any;
         }[];
     }>;
     __isFragment?: never;
@@ -37,11 +41,14 @@ declare const DasMenuHeader: import("@das-fed/utils").SFCWithInstall<{
     menus: {
         code: string;
         name: string;
+        closable?: boolean;
+        [key: string]: any;
     }[];
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
-        'header-left'?: ((props: {}) => any) | undefined;
-        'header-right'?: ((props: {}) => any) | undefined;
+        'header-left'?: (props: {}) => any;
+    } & {
+        'header-right'?: (props: {}) => any;
     };
 })>;
 export { DasMenuHeader };

package/packages/components/menu-header/index.js

@@ -1,7 +1,7 @@
 import '@das-fed/ui/packages/components/menu-header/style.css';
 import { withInstall as b } from "@das-fed/utils/with-install/index";
-import { computed as h, defineComponent as y, createElementBlock as n, openBlock as l, normalizeStyle as g, normalizeClass as v, createVNode as p, unref as s, mergeProps as k, withCtx as u, Fragment as j, renderList as _, createBlock as D, withDirectives as E, createTextVNode as H, toDisplayString as T, createElementVNode as F, renderSlot as i } from "vue";
-import { Tabs as x, TabPane as B } from "ant-design-vue";
+import { computed as h, defineComponent as y, createElementBlock as F, openBlock as l, normalizeStyle as k, normalizeClass as g, createVNode as v, unref as s, mergeProps as p, withCtx as u, Fragment as j, renderList as E, createBlock as _, withDirectives as B, createTextVNode as D, toDisplayString as H, createElementVNode as n, renderSlot as c } from "vue";
+import { Tabs as T, TabPane as x } from "ant-design-vue";
 import "ant-design-vue/es/tabs/style/css";
 import { vDasTooltip as C } from "@das-fed/ui/packages/components/text-tooltip/index";
 import { setThemeRule as S } from "@das-fed/web/packages/theme/index";
@@ -13,51 +13,60 @@ const w = (e, m) => ({
     let o;
     return e.height && (o = $(e.height)), o;
   })
-}), c = {
+}), i = {
   "--das-ui-layout-header-menu-border-color": {
-    kjl: "3C81E0",
+    kjl: "#3C81E0",
     cjb: "#D9D9D9",
-    ssl: "#313553"
+    ssl: "#313553",
+    dkh: "#EB0E1B"
   },
   "--das-ui-layout-header-menu-background-color": {
     kjl: "#2673DC",
     cjb: "#ffffff",
-    ssl: "#1B1F40"
+    ssl: "#1B1F40",
+    dkh: "#EB0E1B"
   },
   "--das-ui-layout-header-menu-color": {
     kjl: "#FFFFFF",
     cjb: "#212121",
-    ssl: "#FFFFFF"
+    ssl: "#FFFFFF",
+    dkh: "rgba(255, 255, 255, 0.8)"
   },
   "--das-ui-layout-header-menu-hover-background-color": {
     kjl: "rgba(24, 94, 190, 0.5)",
     cjb: "#F2F6FF",
-    ssl: "rgba(255, 255, 255, 0.08)"
+    ssl: "rgba(255, 255, 255, 0.08)",
+    dkh: "rgba(255, 115, 126, 0.5)"
   },
   "--das-ui-layout-header-menu-hover-color": {
     kjl: "#FFFFFF",
     cjb: "#5582F3",
-    ssl: "#FFFFFF"
+    ssl: "#FFFFFF",
+    dkh: "#FFFFFF"
   },
   "--das-ui-layout-header-menu-active-background-color": {
     kjl: "#185EBE",
     cjb: "#5582F3",
-    ssl: "#5582F3"
+    ssl: "#5582F3",
+    dkh: "#FF737E"
   },
   "--das-ui-layout-header-menu-active-color": {
     kjl: "#FFFFFF",
     cjb: "#FFFFFF",
-    ssl: "#FFFFFF"
+    ssl: "#FFFFFF",
+    dkh: "#FFFFFF"
   },
   "--das-ui-layout-header-menu-remove-btn-color": {
     kjl: "rgba(255, 255, 255, 0.6)",
     cjb: "rgba(170, 170, 172)",
-    ssl: "rgba(255, 255, 255, 0.6)   "
+    ssl: "rgba(255, 255, 255, 0.6)",
+    dkh: "rgba(255, 255, 255, 0.6)"
   },
   "--das-ui-layout-header-menu-remove-btn-hover-color": {
     kjl: "#FFFFFF",
     cjb: "#FFFFFF",
-    ssl: "#FFFFFF"
+    ssl: "#FFFFFF",
+    dkh: "#FFFFFF"
   }
 }, M = { class: "das-tab-label" }, N = { class: "header-left" }, V = { class: "header-right" }, z = {
   name: "DasMenuHeader",
@@ -72,62 +81,57 @@ const w = (e, m) => ({
   emits: ["update:currentKey"],
   setup(e, { emit: m }) {
     const a = e, { realHeight: o } = w(a), f = h(() => {
-      const t = {};
-      return a.theme === "default" || Object.keys(c).forEach((d) => {
-        var r;
-        t[d] = ((r = c[d]) == null ? void 0 : r[a.theme]) ?? void 0;
-      }), t;
+      const r = {};
+      return a.theme === "default" || Object.keys(i).forEach((d) => {
+        var t;
+        r[d] = ((t = i[d]) == null ? void 0 : t[a.theme]) ?? void 0;
+      }), r;
     });
-    return (t, d) => (l(), n(
+    return (r, d) => (l(), F(
       "div",
       {
-        class: v(["das-ui-header-menu", `theme-${t.theme}`]),
-        style: g(f.value)
+        class: g(["das-ui-header-menu", `theme-${r.theme}`]),
+        style: k(f.value)
       },
       [
-        p(s(x), k(t.$attrs, {
+        v(s(T), p(r.$attrs, {
           style: { height: s(o) },
           type: "editable-card",
           contextmenu: !1,
           hideAdd: !0
         }), {
           leftExtra: u(() => [
-            F("div", N, [
-              i(t.$slots, "header-left")
+            n("div", N, [
+              c(r.$slots, "header-left")
             ])
           ]),
           rightExtra: u(() => [
-            F("div", V, [
-              i(t.$slots, "header-right")
+            n("div", V, [
+              c(r.$slots, "header-right")
             ])
           ]),
           default: u(() => [
-            (l(!0), n(
+            (l(!0), F(
               j,
               null,
-              _(t.menus, (r) => (l(), D(
-                s(B),
-                {
-                  key: r.code
-                },
-                {
-                  tab: u(() => [
-                    E((l(), n("div", M, [
-                      H(
-                        T(r.name),
-                        1
-                        /* TEXT */
-                      )
-                    ])), [
-                      [s(C)]
-                    ])
-                  ]),
-                  _: 2
-                  /* DYNAMIC */
-                },
-                1024
-                /* DYNAMIC_SLOTS */
-              ))),
+              E(r.menus, (t) => (l(), _(s(x), {
+                key: t.code,
+                closable: t.closable
+              }, {
+                tab: u(() => [
+                  B((l(), F("div", M, [
+                    D(
+                      H(t.name),
+                      1
+                      /* TEXT */
+                    )
+                  ])), [
+                    [s(C)]
+                  ])
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["closable"]))),
               128
               /* KEYED_FRAGMENT */
             ))

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

@@ -9,10 +9,13 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {},
     menus: {
         code: string;
         name: string;
+        closable?: boolean;
+        [key: string]: any;
     }[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    'header-left'?: ((props: {}) => any) | undefined;
-    'header-right'?: ((props: {}) => any) | undefined;
+    'header-left'?: (props: {}) => any;
+} & {
+    'header-right'?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -3,46 +3,55 @@ declare const _default: {
         kjl: string;
         cjb: string;
         ssl: string;
+        dkh: string;
     };
     '--das-ui-layout-header-menu-background-color': {
         kjl: string;
         cjb: string;
         ssl: string;
+        dkh: string;
     };
     '--das-ui-layout-header-menu-color': {
         kjl: string;
         cjb: string;
         ssl: string;
+        dkh: string;
     };
     '--das-ui-layout-header-menu-hover-background-color': {
         kjl: string;
         cjb: string;
         ssl: string;
+        dkh: string;
     };
     '--das-ui-layout-header-menu-hover-color': {
         kjl: string;
         cjb: string;
         ssl: string;
+        dkh: string;
     };
     '--das-ui-layout-header-menu-active-background-color': {
         kjl: string;
         cjb: string;
         ssl: string;
+        dkh: string;
     };
     '--das-ui-layout-header-menu-active-color': {
         kjl: string;
         cjb: string;
         ssl: string;
+        dkh: string;
     };
     '--das-ui-layout-header-menu-remove-btn-color': {
         kjl: string;
         cjb: string;
         ssl: string;
+        dkh: string;
     };
     '--das-ui-layout-header-menu-remove-btn-hover-color': {
         kjl: string;
         cjb: string;
         ssl: string;
+        dkh: string;
     };
 };
 export default _default;

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

@@ -1,7 +1,12 @@
 export interface Props {
   theme?: 'default' | 'kjl' | 'cjb' | 'ssl'
   height?: string | number
-  menus: { code: string; name: string }[]
+  menus: {
+    code: string
+    name: string
+    closable?: boolean
+    [key: string]: any
+  }[]
 }
 
 export interface Emits {

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

@@ -1 +1 @@
-.das-ui-header-menu{border-bottom:1px solid var(--das-ui-layout-header-menu-border-color)}.das-ui-header-menu .ant-tabs.ant-tabs-top .ant-tabs-nav:before{border-bottom:none}.das-ui-header-menu .ant-tabs .ant-tabs-nav{height:100%;background-color:var(--das-ui-layout-header-menu-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab{font-size:16px;padding:0 11px 0 16px;background-color:var(--das-ui-layout-header-menu-background-color);border:none;transition:color .2s cubic-bezier(.645,.045,.355,1)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn{min-width:8px;max-width:218px;box-sizing:border-box;color:var(--das-ui-layout-header-menu-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove{opacity:0;position:relative;transform:translateY(-.5px);margin-left:5px!important}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon.anticon-close{vertical-align:middle}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover{background-color:var(--das-ui-layout-header-menu-hover-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-btn,.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove{padding-left:0;opacity:1}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-btn{color:var(--das-ui-layout-header-menu-hover-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove{color:var(--das-ui-layout-header-menu-remove-btn-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove:hover{color:var(--das-ui-layout-header-menu-hover-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active{background-color:var(--das-ui-layout-header-menu-active-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--das-ui-layout-header-menu-active-color);padding-left:0;display:inline-block}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove{padding-left:0;opacity:0}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active:hover .ant-tabs-tab-remove{color:var(--das-ui-layout-header-menu-remove-btn-color);opacity:1}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active:hover .ant-tabs-tab-remove:hover{color:var(--das-ui-layout-header-menu-remove-btn-hover-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .anticon-ellipsis{position:relative;top:-2px}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-nav-operations{color:var(--das-ui-layout-header-menu-color);background-color:var(--das-ui-layout-header-menu-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-nav-operations:hover{color:var(--das-ui-layout-header-menu-hover-color);background-color:var(--das-ui-layout-header-menu-hover-background-color)}.das-ui-header-menu .header-left,.das-ui-header-menu .header-right{flex-shrink:0;height:48px;position:relative}
+.das-ui-header-menu{border-bottom:1px solid var(--das-ui-layout-header-menu-border-color)}.das-ui-header-menu .ant-tabs.ant-tabs-top .ant-tabs-nav:before{border-bottom:none}.das-ui-header-menu .ant-tabs .ant-tabs-nav{height:100%;background-color:var(--das-ui-layout-header-menu-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab{font-size:16px;padding:0 11px 0 16px;background-color:var(--das-ui-layout-header-menu-background-color);border:none;transition:color .2s cubic-bezier(.645,.045,.355,1)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-with-remove) .ant-tabs-tab-btn{padding-right:12px}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn{min-width:8px;max-width:218px;box-sizing:border-box;color:var(--das-ui-layout-header-menu-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove{opacity:0;position:relative;transform:translateY(-.5px);margin-left:5px!important}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon.anticon-close{vertical-align:middle}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover{background-color:var(--das-ui-layout-header-menu-hover-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-btn,.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove{padding-left:0;opacity:1}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-btn{color:var(--das-ui-layout-header-menu-hover-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove{color:var(--das-ui-layout-header-menu-remove-btn-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove:hover{color:var(--das-ui-layout-header-menu-hover-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active{background-color:var(--das-ui-layout-header-menu-active-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--das-ui-layout-header-menu-active-color);padding-left:0;display:inline-block}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove{padding-left:0;opacity:0}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active:hover .ant-tabs-tab-remove{color:var(--das-ui-layout-header-menu-remove-btn-color);opacity:1}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active:hover .ant-tabs-tab-remove:hover{color:var(--das-ui-layout-header-menu-remove-btn-hover-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .anticon-ellipsis{position:relative;top:-2px}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-nav-operations{color:var(--das-ui-layout-header-menu-color);background-color:var(--das-ui-layout-header-menu-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-nav-operations:hover{color:var(--das-ui-layout-header-menu-hover-color);background-color:var(--das-ui-layout-header-menu-hover-background-color)}.das-ui-header-menu .header-left,.das-ui-header-menu .header-right{flex-shrink:0;height:48px;position:relative}

package/packages/components/pagination/index.d.ts

@@ -103,7 +103,7 @@ declare const DasPaginationRef: () => import("vue").Ref<({
     "onLast-click"?: ((currentPage: number) => any) | undefined;
 }>, "small" | "disabled" | "modelValue" | "background" | "pageSize" | "total" | "pageSizes" | "simple"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
-        default?: ((props: {}) => any) | undefined;
+        default?: (props: {}) => any;
     };
 }) | null, ({
     $: import("vue").ComponentInternalInstance;
@@ -209,7 +209,7 @@ declare const DasPaginationRef: () => import("vue").Ref<({
     "onLast-click"?: ((currentPage: number) => any) | undefined;
 }>, "small" | "disabled" | "modelValue" | "background" | "pageSize" | "total" | "pageSizes" | "simple"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
-        default?: ((props: {}) => any) | undefined;
+        default?: (props: {}) => any;
     };
 }) | null>;
 declare const DasPagination: import("@das-fed/utils").SFCWithInstall<{
@@ -298,7 +298,7 @@ declare const DasPagination: import("@das-fed/utils").SFCWithInstall<{
     simple: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
-        default?: ((props: {}) => any) | undefined;
+        default?: (props: {}) => any;
     };
 })>;
 export { DasPagination, DasPaginationRef };