@das-fed/ui 6.4.0-hot.27 → 6.4.0-hot.29

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

@@ -1,4 +1,9 @@
 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;
@@ -39,6 +44,11 @@ declare const _default: {
         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;
@@ -59,6 +69,16 @@ declare const _default: {
         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;

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.ant-menu-submenu-vertical.is-active .ant-menu-submenu-title{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-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--item-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--item-active-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: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-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-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-hover-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-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{background-color:var(--das-ui-layout-aside-submenu-vertical-background-color)}.das-ui-layout-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-layout-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-layout-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-layout-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-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{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-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{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-layout-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-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.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-layout-aside .das-ui-aside-menu .das-aside-menu-bottom-container{margin-top:auto}.das-ui-layout-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-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{color:var(--das-ui-layout-aside--item-active-color)!important;background-color:var(--das-ui-layout-aside--item-active-background-color)!important}.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:.6;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:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-layout-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-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 i,.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;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.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-hover-color)}.das-ui-layout-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-layout-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-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 var(--das-ui-layout-aside-divise-border-color)}.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 .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)}.das-ui-layout-aside.theme-kjl .ant-menu-submenu.is-active,.das-ui-layout-aside.theme-kjl .aside-menu-title.is-active,.das-ui-layout-aside.theme-kjl .sub-menu-item_inline.is-active,.das-ui-layout-aside.theme-cjb .ant-menu-submenu.is-active,.das-ui-layout-aside.theme-cjb .aside-menu-title.is-active,.das-ui-layout-aside.theme-cjb .sub-menu-item_inline.is-active{border-left:2px solid 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-vertical .ant-menu-submenu-title{margin:0!important}.ant-menu-submenu>.ant-menu{border-radius:0!important}.das-ui-sub-menu.ant-menu-submenu-vertical.is-active .ant-menu-submenu-title{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-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;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,6 +2,7 @@ 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-color': string;
     '--das-ui-layout-aside--item-arrow-color': string;
@@ -9,7 +10,9 @@ declare const _default: {
     '--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;

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

@@ -1,19 +1,24 @@
 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, openBlock as o, createElementBlock as n, normalizeStyle as g, createVNode as v, unref as l, mergeProps as p, withCtx as s, createElementVNode as F, renderSlot as c, Fragment as k, renderList as j, createBlock as _, withDirectives as H, createTextVNode as E, toDisplayString as x } from "vue";
-import { Tabs as D, TabPane as T } from "ant-design-vue";
+import { computed as h, defineComponent as y, openBlock as l, createElementBlock as n, normalizeClass as g, normalizeStyle as v, createVNode as p, unref as s, mergeProps as k, withCtx as u, createElementVNode as F, renderSlot as i, Fragment as j, renderList as _, createBlock as D, withDirectives as H, createTextVNode as E, toDisplayString as T } from "vue";
+import { Tabs as x, TabPane as B } from "ant-design-vue";
 import "ant-design-vue/es/tabs/style/css";
-import { vDasTooltip as B } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { vDasTooltip as C } from "@das-fed/ui/packages/components/text-tooltip/index";
 import { setThemeRule as S } from "@das-fed/web/packages/theme/index";
-function w(e) {
+function $(e) {
   return typeof e == "string" && e.includes("px") ? e : e + "px";
 }
-const C = (e, m) => ({
+const w = (e, m) => ({
   realHeight: h(() => {
-    let a;
-    return e.height && (a = w(e.height)), a;
+    let o;
+    return e.height && (o = $(e.height)), o;
   })
-}), i = {
+}), c = {
+  "--das-ui-layout-header-menu-border-color": {
+    kjl: "#2673DC",
+    cjb: "#D9D9D9",
+    ssl: "#313553"
+  },
   "--das-ui-layout-header-menu-background-color": {
     kjl: "#2673DC",
     cjb: "#ffffff",
@@ -54,11 +59,11 @@ const C = (e, m) => ({
     cjb: "#FFFFFF",
     ssl: "#FFFFFF"
   }
-}, M = { class: "das-tab-label" }, N = { class: "header-left" }, V = { class: "header-right" }, $ = {
+}, M = { class: "das-tab-label" }, N = { class: "header-left" }, V = { class: "header-right" }, z = {
   name: "DasMenuHeader",
   inheritAttrs: !1
 }, A = /* @__PURE__ */ y({
-  ...$,
+  ...z,
   props: {
     theme: { default: "default" },
     height: {},
@@ -66,54 +71,55 @@ const C = (e, m) => ({
   },
   emits: ["update:currentKey"],
   setup(e, { emit: m }) {
-    const r = e, { realHeight: a } = C(r), f = h(() => {
+    const a = e, { realHeight: o } = w(a), f = h(() => {
       const t = {};
-      return r.theme === "default" || Object.keys(i).forEach((u) => {
-        t[u] = i[u][r.theme];
+      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;
     });
-    return (t, u) => (o(), n(
+    return (t, d) => (l(), n(
       "div",
       {
-        class: "das-ui-header-menu",
-        style: g(f.value)
+        class: g(["das-ui-header-menu", `theme-${t.theme}`]),
+        style: v(f.value)
       },
       [
-        v(l(D), p(t.$attrs, {
-          style: { height: l(a) },
+        p(s(x), k(t.$attrs, {
+          style: { height: s(o) },
           type: "editable-card",
           contextmenu: !1,
           hideAdd: !0
         }), {
-          leftExtra: s(() => [
+          leftExtra: u(() => [
             F("div", N, [
-              c(t.$slots, "header-left")
+              i(t.$slots, "header-left")
             ])
           ]),
-          rightExtra: s(() => [
+          rightExtra: u(() => [
             F("div", V, [
-              c(t.$slots, "header-right")
+              i(t.$slots, "header-right")
             ])
           ]),
-          default: s(() => [
-            (o(!0), n(
-              k,
+          default: u(() => [
+            (l(!0), n(
+              j,
               null,
-              j(t.menus, (d) => (o(), _(
-                l(T),
+              _(t.menus, (r) => (l(), D(
+                s(B),
                 {
-                  key: d.code
+                  key: r.code
                 },
                 {
-                  tab: s(() => [
-                    H((o(), n("div", M, [
+                  tab: u(() => [
+                    H((l(), n("div", M, [
                       E(
-                        x(d.name),
+                        T(r.name),
                         1
                         /* TEXT */
                       )
                     ])), [
-                      [l(B)]
+                      [s(C)]
                     ])
                   ]),
                   _: 2
@@ -130,11 +136,12 @@ const C = (e, m) => ({
           /* FORWARDED */
         }, 16, ["style"])
       ],
-      4
-      /* STYLE */
+      6
+      /* CLASS, STYLE */
     ));
   }
 }), L = {
+  "--das-ui-layout-header-menu-border-color": "#ffffff",
   "--das-ui-layout-header-menu-background-color": "#ffffff",
   "--das-ui-layout-header-menu-color": "#212121",
   "--das-ui-layout-header-menu-hover-background-color": "#F2F6FF",
@@ -145,8 +152,8 @@ const C = (e, m) => ({
   "--das-ui-layout-header-menu-remove-btn-hover-color": "#ffffff"
 };
 S(L);
-const q = b(A), G = { title: "Menu-Header 水平导航栏" };
+const G = b(A), J = { title: "Menu-Header 水平导航栏" };
 export {
-  q as DasMenuHeader,
-  G as default
+  G as DasMenuHeader,
+  J as default
 };

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

@@ -1,4 +1,9 @@
 declare const _default: {
+    '--das-ui-layout-header-menu-border-color': {
+        kjl: string;
+        cjb: string;
+        ssl: string;
+    };
     '--das-ui-layout-header-menu-background-color': {
         kjl: string;
         cjb: string;

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

@@ -1 +1 @@
-.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 .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/menu-header/theme/base.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
+    '--das-ui-layout-header-menu-border-color': string;
     '--das-ui-layout-header-menu-background-color': string;
     '--das-ui-layout-header-menu-color': string;
     '--das-ui-layout-header-menu-hover-background-color': string;

package/packages/components/message/i18n/index.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    消息提示: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+};
+export default _default;

package/packages/components/message/index.js

@@ -6,8 +6,8 @@ import { DasIconTongzhi as y } from "@das-fed/ui/packages/icons/tongzhi/index";
 import { h as t } from "vue";
 import "element-plus/es/components/message/style/css";
 import { setThemeRule as F } from "@das-fed/web/packages/theme/index";
-import { t as w } from "@das-fed/web/packages/i18n/index";
-const x = (e = 24) => {
+import { setI18nRule as w, t as x } from "@das-fed/web/packages/i18n/index";
+const M = (e = 24) => {
   b("das-ui-message-container", [
     {
       styleName: "transform",
@@ -23,7 +23,7 @@ const x = (e = 24) => {
   }
   for (const a of s)
     o.style[a.styleName] = a.style;
-}, M = (e) => {
+}, h = (e) => {
   let s = "";
   return e == "success" && (s = t(f, {
     iconColor: "#1BA854",
@@ -38,22 +38,22 @@ const x = (e = 24) => {
     iconColor: "#FB2323",
     customSize: "16"
   })), s;
-}, h = (e) => {
+}, C = (e) => {
   let s = "";
   return e == "success" && (s = " el-message--success"), e == "warning" && (s = " el-message--warning"), e == "info" && (s = " el-message--info"), e == "error" && (s = " el-message--error"), s;
 };
-x();
+M();
 let g = {
   close() {
   }
 };
-const C = {
+const D = {
   offset: 16,
   // 默认3s
   duration: 3e3
 }, r = (e) => {
   var s;
-  return r.proxyStatus ? r.proxyMessage(e) : (typeof e == "string" && (e = { message: e }), e = { ...C, ...e }, e.customClass = ((s = e.customClass) == null ? void 0 : s.concat(" das-ui-message")) || "das-ui-message", e.appendTo || (e.appendTo = "#das-ui-message-container"), e.icon || (e.icon = M(e.type), e.customClass = e.customClass.concat(h(e.type))), g = n(e), g);
+  return r.proxyStatus ? r.proxyMessage(e) : (typeof e == "string" && (e = { message: e }), e = { ...D, ...e }, e.customClass = ((s = e.customClass) == null ? void 0 : s.concat(" das-ui-message")) || "das-ui-message", e.appendTo || (e.appendTo = "#das-ui-message-container"), e.icon || (e.icon = h(e.type), e.customClass = e.customClass.concat(C(e.type))), g = n(e), g);
 };
 r.error = (e) => (typeof e == "string" && (e = { message: e }), e.type = "error", r(e));
 r.success = (e) => (typeof e == "string" && (e = { message: e }), e.type = "success", r(e));
@@ -74,7 +74,7 @@ window.addEventListener("message", (e) => {
     s === a.showProxyMessage && r(o);
   }
 });
-const D = {
+const S = {
   "--das-ui-message-font-size-sm": "12px",
   "--das-ui-message-font-size-md": "14px",
   "--das-ui-message-font-size-lg": "16px",
@@ -96,12 +96,13 @@ const D = {
   "--das-ui-message-error-bg-color": "#FFDBE0",
   "--das-ui-message-error-color": "#FB2323",
   "--das-ui-message-error-bd-color": "##FFADB6"
-};
-F(D);
-const S = r;
-window.DasMessage = S;
-const T = { name: `Message ${w("消息提示")}` };
+}, B = { 消息提示: { "zh-CN": "消息提示", en: "Message Prompt", _appCode: "framework" } };
+w(B);
+F(S);
+const E = r;
+window.DasMessage = E;
+const R = { name: `Message ${x("消息提示")}` };
 export {
-  S as DasMessage,
-  T as default
+  E as DasMessage,
+  R as default
 };

package/packages/components/{search → notification}/i18n/index.d.ts

@@ -1,7 +1,8 @@
 declare const _default: {
-    'demo-msg': {
+    通知: {
         'zh-CN': string;
         en: string;
+        _appCode: string;
     };
 };
 export default _default;

package/packages/components/notification/index.js

@@ -2,7 +2,7 @@ import '@das-fed/ui/packages/components/notification/style.css';
 import { notification as t } from "ant-design-vue";
 import "ant-design-vue/es/notification/style/css";
 import { setThemeRule as o } from "@das-fed/web/packages/theme/index";
-import { t as c } from "@das-fed/web/packages/i18n/index";
+import { setI18nRule as c, t as s } from "@das-fed/web/packages/i18n/index";
 const a = () => {
   let i = document.getElementById("das-ui-notification-container");
   if (!i) {
@@ -16,7 +16,7 @@ t.config({
   getContainer: a,
   maxCount: 3
 });
-const d = {
+const m = {
   success: (i) => {
     var n;
     return i.class = ((n = i.class) == null ? void 0 : n.concat(" das-ui-notification das-ui-notification-success")) || "das-ui-notification das-ui-notification-success", t.success(i);
@@ -48,7 +48,7 @@ const d = {
   config: (i) => t.config(i),
   destroy: () => t.destroy(),
   close: (i) => t.close(i)
-}, s = {
+}, e = {
   "--das-ui-notification-font-size-sm": "12px",
   "--das-ui-notification-font-size-md": "14px",
   "--das-ui-notification-font-size-lg": "16px",
@@ -56,10 +56,11 @@ const d = {
   "--das-ui-notification-primary-bg-color": "#5582f3",
   "--das-ui-notification-close-hover-color": "#85b8ff",
   "--das-ui-notification-close-color": "#666666;"
-};
-o(s);
-const l = { name: `Notification ${c("通知")}` };
+}, r = { 通知: { "zh-CN": "通知", en: "Notification", _appCode: "framework" } };
+c(r);
+o(e);
+const g = { name: `Notification ${s("通知")}` };
 export {
-  d as DasNotification,
-  l as default
+  m as DasNotification,
+  g as default
 };

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

@@ -0,0 +1,23 @@
+declare const _default: {
+    第: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+    页: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+    'pagination-total_page': {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+    'pagination-items_per_page': {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+};
+export default _default;

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

@@ -58,11 +58,11 @@ declare const DasPaginationRef: () => import("vue").Ref<({
         small: boolean;
         disabled: boolean;
         modelValue: number;
-        background: boolean;
-        simple: boolean;
-        total: number;
         pageSize: number;
+        total: number;
         pageSizes: number[];
+        background: boolean;
+        simple: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
@@ -87,11 +87,11 @@ declare const DasPaginationRef: () => import("vue").Ref<({
     small: boolean;
     disabled: boolean;
     modelValue: number;
-    background: boolean;
-    simple: boolean;
-    total: number;
     pageSize: number;
+    total: number;
     pageSizes: number[];
+    background: boolean;
+    simple: boolean;
 }> & Omit<Readonly<import("./src/type.js").PaginationProps> & Readonly<{
     "onUpdate:modelValue"?: ((currentPage: number) => any) | undefined;
     "onCurrent-change"?: ((pageSize: number) => any) | undefined;
@@ -101,7 +101,7 @@ declare const DasPaginationRef: () => import("vue").Ref<({
     "onNext-click"?: ((currentPage: number) => any) | undefined;
     "onFirst-click"?: ((currentPage: number) => any) | undefined;
     "onLast-click"?: ((currentPage: number) => any) | undefined;
-}>, "small" | "disabled" | "modelValue" | "background" | "simple" | "total" | "pageSize" | "pageSizes"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+}>, "small" | "disabled" | "modelValue" | "pageSize" | "total" | "pageSizes" | "background" | "simple"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         default?(_: {}): any;
     };
@@ -164,11 +164,11 @@ declare const DasPaginationRef: () => import("vue").Ref<({
         small: boolean;
         disabled: boolean;
         modelValue: number;
-        background: boolean;
-        simple: boolean;
-        total: number;
         pageSize: number;
+        total: number;
         pageSizes: number[];
+        background: boolean;
+        simple: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
         created?: (() => void) | (() => void)[];
@@ -193,11 +193,11 @@ declare const DasPaginationRef: () => import("vue").Ref<({
     small: boolean;
     disabled: boolean;
     modelValue: number;
-    background: boolean;
-    simple: boolean;
-    total: number;
     pageSize: number;
+    total: number;
     pageSizes: number[];
+    background: boolean;
+    simple: boolean;
 }> & Omit<Readonly<import("./src/type.js").PaginationProps> & Readonly<{
     "onUpdate:modelValue"?: ((currentPage: number) => any) | undefined;
     "onCurrent-change"?: ((pageSize: number) => any) | undefined;
@@ -207,7 +207,7 @@ declare const DasPaginationRef: () => import("vue").Ref<({
     "onNext-click"?: ((currentPage: number) => any) | undefined;
     "onFirst-click"?: ((currentPage: number) => any) | undefined;
     "onLast-click"?: ((currentPage: number) => any) | undefined;
-}>, "small" | "disabled" | "modelValue" | "background" | "simple" | "total" | "pageSize" | "pageSizes"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+}>, "small" | "disabled" | "modelValue" | "pageSize" | "total" | "pageSizes" | "background" | "simple"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         default?(_: {}): any;
     };
@@ -235,11 +235,11 @@ declare const DasPagination: import("@das-fed/utils").SFCWithInstall<{
         small: boolean;
         disabled: boolean;
         modelValue: number;
-        background: boolean;
-        simple: boolean;
-        total: number;
         pageSize: number;
+        total: number;
         pageSizes: number[];
+        background: boolean;
+        simple: boolean;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -260,11 +260,11 @@ declare const DasPagination: import("@das-fed/utils").SFCWithInstall<{
         small: boolean;
         disabled: boolean;
         modelValue: number;
-        background: boolean;
-        simple: boolean;
-        total: number;
         pageSize: number;
+        total: number;
         pageSizes: number[];
+        background: boolean;
+        simple: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -291,11 +291,11 @@ declare const DasPagination: import("@das-fed/utils").SFCWithInstall<{
     small: boolean;
     disabled: boolean;
     modelValue: number;
-    background: boolean;
-    simple: boolean;
-    total: number;
     pageSize: number;
+    total: number;
     pageSizes: number[];
+    background: boolean;
+    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?(_: {}): any;