@das-fed/upf-ui 6.4.0-dev.238 → 6.4.0-dev.240

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

@@ -13,7 +13,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {},
 }>, {
     mode: "vertical" | "inline";
     subMenuAttrs: any;
-    globalTheme: "default" | "kjl" | "cjb" | "ssl";
     currentOpenKeys: any[];
     currentSelectKeys: any[];
     parentSelectKeys: any[];

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

@@ -8,8 +8,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {},
     onToggleAffix?: ((key: string, flag: boolean) => any) | undefined;
 }>, {
     mode: "vertical" | "inline";
-    parentSelectKeys: string[];
     selectedKeys: string[];
+    parentSelectKeys: string[];
     menuInfo: import("../type.js").MenuInfo;
     affixKeys: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {

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

@@ -11,8 +11,6 @@ export type MenuInfo = {
 }
 
 export interface Props {
-  globalTheme?: 'default' | 'kjl' | 'cjb' | 'ssl'
-
   
   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-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,.das-ui-menu-aside.theme-dkh .aside-menu-title.is-active:before,.das-ui-menu-aside.theme-dkh .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

@@ -4,7 +4,6 @@ declare const DasMenuHeader: import("@das-fed/upf-utils").SFCWithInstall<{
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         "update:currentKey": (value: any) => any;
     }, import("vue").PublicProps, {
-        theme: "default" | "kjl" | "cjb" | "ssl";
         menus: {
             code: string;
             name: string;
@@ -19,7 +18,6 @@ declare const DasMenuHeader: import("@das-fed/upf-utils").SFCWithInstall<{
     }, Readonly<import("./src/type.js").Props> & Readonly<{
         "onUpdate:currentKey"?: ((value: any) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        theme: "default" | "kjl" | "cjb" | "ssl";
         menus: {
             code: string;
             name: string;
@@ -33,7 +31,6 @@ declare const DasMenuHeader: import("@das-fed/upf-utils").SFCWithInstall<{
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:currentKey": (value: any) => any;
 }, string, {
-    theme: "default" | "kjl" | "cjb" | "ssl";
     menus: {
         code: string;
         name: string;

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

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

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

@@ -5,7 +5,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {},
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:currentKey"?: ((value: any) => any) | undefined;
 }>, {
-    theme: "default" | "kjl" | "cjb" | "ssl";
     menus: {
         code: string;
         name: string;

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

@@ -1,5 +1,4 @@
 export interface Props {
-  theme?: 'default' | 'kjl' | 'cjb' | 'ssl'
   height?: string | number
   menus: { code: string; name: string }[]
 }

package/packages/components/menu-header/src/use-layout-header.d.ts

@@ -1,4 +1,5 @@
 import type { SetupContext } from 'vue';
-export declare const useLayoutHeader: (props: DasHeaderMenuProps, emit: SetupContext<DasHeaderMenuEmits>["emit"]) => {
+import type { Props, Emits } from './type';
+export declare const useLayoutHeader: (props: Props, emit: SetupContext<Emits>["emit"]) => {
     realHeight: import("vue").ComputedRef<string | undefined>;
 };

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

@@ -1,4 +1,7 @@
-declare const DasMessage: import("element-plus").Message;
+declare const DasMessage: import("element-plus").Message & {
+    proxyStatus?: boolean;
+    proxyMessage?: (options: any) => any;
+};
 export { DasMessage };
 declare const _default: {
     name: string;

package/packages/components/message/index.js

@@ -1,108 +1,84 @@
 import '@das-fed/upf-ui/packages/components/message/style.css';
-import { ElMessage as n } from "element-plus";
-import { DasIconTongguo as f } from "@das-fed/upf-ui/packages/icons/tongguo/index";
-import { DasIconJinggao as i } from "@das-fed/upf-ui/packages/icons/jinggao/index";
-import { DasIconTongzhi as y } from "@das-fed/upf-ui/packages/icons/tongzhi/index";
-import { h as t } from "vue";
+import { ElMessage as m } from "element-plus";
+import { DasIconTongguo as y } from "@das-fed/upf-ui/packages/icons/tongguo/index";
+import { DasIconJinggao as g } from "@das-fed/upf-ui/packages/icons/jinggao/index";
+import { DasIconTongzhi as x } from "@das-fed/upf-ui/packages/icons/tongzhi/index";
+import { h as o } from "vue";
 import "element-plus/es/components/message/style/css";
-import { setThemeRule as F } from "@das-fed/upf-web/packages/theme/index";
-import { setI18nRule as w, t as x } from "@das-fed/upf-web/packages/i18n/index";
-const M = (e = 24) => {
-  b("das-ui-message-container", [
+import { setI18nRule as w, t as M } from "@das-fed/upf-web/packages/i18n/index";
+const p = (e = 24) => {
+  C("das-ui-message-container", [
     {
       styleName: "transform",
       style: `translateY(${e}px)`
     }
   ]);
-}, b = (e, s) => {
-  const o = document.getElementById(e);
-  if (!o) {
-    const a = document.createElement("div");
-    a.style.transform = "translateY(24px)", a.id = e, a.style.position = "fixed", a.style.top = "0", a.style.left = "0", a.style.width = "100%", a.style.zIndex = "999999", document.body.appendChild(a);
+}, C = (e, s) => {
+  const a = document.getElementById(e);
+  if (!a) {
+    const r = document.createElement("div");
+    r.style.transform = "translateY(24px)", r.id = e, r.style.position = "fixed", r.style.top = "0", r.style.left = "0", r.style.width = "100%", r.style.zIndex = "999999", document.body.appendChild(r);
     return;
   }
-  for (const a of s)
-    o.style[a.styleName] = a.style;
-}, h = (e) => {
+  for (const r of s)
+    a.style[r.styleName] = r.style;
+}, n = (e, s) => getComputedStyle(document.documentElement).getPropertyValue(e).trim() || s, S = (e) => {
   let s = "";
-  return e == "success" && (s = t(f, {
-    iconColor: "#1BA854",
+  return e == "success" && (s = o(y, {
+    iconColor: n("--upf-message-success-text", n("--upf-color-success", "#1BA854")),
     customSize: "16"
-  })), e == "warning" && (s = t(i, {
-    iconColor: "#FF991C",
+  })), e == "warning" && (s = o(g, {
+    iconColor: n("--upf-message-warning-text", n("--upf-color-warning", "#FF991C")),
     customSize: "16"
-  })), e == "info" && (s = t(y, {
-    iconColor: "#0E5FD8",
+  })), e == "info" && (s = o(x, {
+    iconColor: n("--upf-message-info-text", n("--upf-color-info", "#0E5FD8")),
     customSize: "16"
-  })), e == "error" && (s = t(i, {
-    iconColor: "#FB2323",
+  })), e == "error" && (s = o(g, {
+    iconColor: n("--upf-message-error-text", n("--upf-color-error", "#FB2323")),
     customSize: "16"
   })), s;
-}, C = (e) => {
+}, h = (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;
 };
-M();
-let g = {
+p();
+let i = {
   close() {
   }
 };
-const D = {
+const P = {
   offset: 16,
   // 默认3s
   duration: 3e3
-}, r = (e) => {
-  var s;
-  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);
+}, t = (e) => {
+  var s, a;
+  return t.proxyStatus ? (s = t.proxyMessage) == null ? void 0 : s.call(t, e) : (typeof e == "string" && (e = { message: e }), e = { ...P, ...e }, e.customClass = ((a = e.customClass) == null ? void 0 : a.concat(" das-ui-message")) || "das-ui-message", e.appendTo || (e.appendTo = "#das-ui-message-container"), e.icon || (e.icon = S(e.type), e.customClass = e.customClass.concat(h(e.type))), i = m(e), i);
 };
-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));
-r.info = (e) => (typeof e == "string" && (e = { message: e }), e.type = "info", r(e));
-r.warning = (e) => (typeof e == "string" && (e = { message: e }), e.type = "warning", r(e));
-r.closeAll = (e) => n.closeAll(e);
+t.error = (e) => (typeof e == "string" && (e = { message: e }), e.type = "error", t(e));
+t.success = (e) => (typeof e == "string" && (e = { message: e }), e.type = "success", t(e));
+t.info = (e) => (typeof e == "string" && (e = { message: e }), e.type = "info", t(e));
+t.warning = (e) => (typeof e == "string" && (e = { message: e }), e.type = "warning", t(e));
+t.closeAll = (e) => m.closeAll(e);
 window.addEventListener("message", (e) => {
-  const { type: s, data: o } = e.data, a = { setProxyMessageStatus: "setProxyMessageStatus", showProxyMessage: "showProxyMessage" };
-  if (Object.values(a).includes(s)) {
-    if (s === a.setProxyMessageStatus) {
-      const { visible: m, parentHref: l } = o;
-      r.proxyStatus = m ?? !0, r.proxyMessage = (u) => {
+  const { type: s, data: a } = e.data, r = { setProxyMessageStatus: "setProxyMessageStatus", showProxyMessage: "showProxyMessage" };
+  if (Object.values(r).includes(s)) {
+    if (s === r.setProxyMessageStatus) {
+      const { visible: u, parentHref: f } = a;
+      t.proxyStatus = u ?? !0, t.proxyMessage = (l) => {
         var c;
-        const { origin: d } = new URL(l);
-        (c = window.top) == null || c.postMessage({ type: "showProxyMessage", data: u }, d);
+        const { origin: d } = new URL(f);
+        (c = window.top) == null || c.postMessage({ type: "showProxyMessage", data: l }, d);
       };
     }
-    s === a.showProxyMessage && r(o);
+    s === r.showProxyMessage && t(a);
   }
 });
-const S = {
-  "--das-ui-message-font-size-sm": "12px",
-  "--das-ui-message-font-size-md": "14px",
-  "--das-ui-message-font-size-lg": "16px",
-  "--das-ui-message-color": "#0E5FD8",
-  "--das-ui-message-bd-color": "#b3d5ff",
-  "--das-ui-message-bg-color": "#e0efff",
-  "--das-ui-message-thumb-color": "#B2B2B2",
-  "--das-ui-message-close-color": "#666",
-  "--das-ui-message-close-hover-color": "#87adff",
-  "--das-ui-message-success-bg-color": "#dcfae4",
-  "--das-ui-message-success-color": "#1BA854",
-  "--das-ui-message-success-bd-color": "#a1e6b5",
-  "--das-ui-message-info-bg-color": "#E0EFFF",
-  "--das-ui-message-info-color": "#0E5FD8",
-  "--das-ui-message-info-bd-color": "#B3D5FF",
-  "--das-ui-message-warning-bg-color": "#FFF1D4",
-  "--das-ui-message-warning-color": "#FF991C",
-  "--das-ui-message-warning-bd-color": "#FFE0A6",
-  "--das-ui-message-error-bg-color": "#FFDBE0",
-  "--das-ui-message-error-color": "#FB2323",
-  "--das-ui-message-error-bd-color": "#FFADB6"
-}, z = { 消息提示: { "zh-CN": "消息提示", en: "Message Prompt", "zh-MO": "消息提示", _appCode: "framework" } };
+const z = { 消息提示: { "zh-CN": "消息提示", en: "Message Prompt", "zh-MO": "消息提示", _appCode: "framework" } };
 w(z);
-F(S);
-const B = r;
-window.DasMessage = B;
-const O = { name: `Message ${x("消息提示")}` };
+const I = t;
+window.DasMessage = I;
+const B = { name: `Message ${M("消息提示")}` };
 export {
-  B as DasMessage,
-  O as default
+  I as DasMessage,
+  B as default
 };

package/packages/components/message/src/message.d.ts

@@ -1,5 +1,9 @@
 import 'element-plus/es/components/message/style/css';
 import './assets/message.scss';
 import type { Message } from 'element-plus';
-declare const DasMessage: Message;
+type DasMessageType = Message & {
+    proxyStatus?: boolean;
+    proxyMessage?: (options: any) => any;
+};
+declare const DasMessage: DasMessageType;
 export default DasMessage;

package/packages/components/message/style.css

@@ -1 +1 @@
-.das-ui-message.el-message{box-sizing:border-box;min-width:280px;max-width:1000px;max-height:160px;padding:10px 20px;color:var(--das-ui-message-color);border:1px solid var(--das-ui-message-bd-color);border-radius:4px;background-color:var(--das-ui-message-bg-color);pointer-events:all;align-items:unset}.das-ui-message.el-message .el-message__icon{margin-top:2px}.das-ui-message.el-message .el-message__content{padding-right:unset;font-size:var(--das-ui-message-font-size-md);line-height:20px;max-height:160px;flex:1;overflow:auto}.das-ui-message.el-message .el-message__content::-webkit-scrollbar{width:0;height:0}.das-ui-message.el-message .el-message__content:hover::-webkit-scrollbar{width:8px}.das-ui-message.el-message .el-message__content:hover::-webkit-scrollbar-thumb{background-color:var(--das-ui-message-thumb-color);border-radius:4px;height:80px}.das-ui-message.el-message .el-message__closeBtn{cursor:pointer;color:var(--das-ui-message-close-color);font-size:var(--das-ui-message-font-size-lg);margin-left:12px;position:unset;transform:unset;display:inline-flex;margin-top:2px}.das-ui-message.el-message .el-message__closeBtn:hover{color:var(--das-ui-message-close-hover-color)}.das-ui-message.el-message.el-message--success{color:var(--das-ui-message-success-color);background:var(--das-ui-message-success-bg-color);border:1px solid var(--das-ui-message-success-bd-color)}.das-ui-message.el-message.el-message--success .el-message__icon,.das-ui-message.el-message.el-message--success .el-message__content{color:var(--das-ui-message-success-color)}.das-ui-message.el-message.el-message--info{color:var(--das-ui-message-info-color);background:var(--das-ui-message-info-bg-color);border:1px solid var(--das-ui-message-info-bd-color)}.das-ui-message.el-message.el-message--info .el-message__icon,.das-ui-message.el-message.el-message--info .el-message__content{color:var(--das-ui-message-info-color)}.das-ui-message.el-message.el-message--warning{color:var(--das-ui-message-warning-color);background:var(--das-ui-message-warning-bg-color);border:1px solid var(--das-ui-message-warning-bd-color)}.das-ui-message.el-message.el-message--warning .el-message__icon,.das-ui-message.el-message.el-message--warning .el-message__content{color:var(--das-ui-message-warning-color)}.das-ui-message.el-message.el-message--error{color:var(--das-ui-message-error-color);background:var(--das-ui-message-error-bg-color);border:1px solid var(--das-ui-message-error-bd-color)}.das-ui-message.el-message.el-message--error .el-message__icon,.das-ui-message.el-message.el-message--error .el-message__content{color:var(--das-ui-message-error-color)}
+.das-ui-message.el-message{box-sizing:border-box;min-width:280px;max-width:1000px;max-height:160px;padding:10px 20px;color:var(--upf-message-text, var(--upf-color-info));border:1px solid var(--upf-message-border, var(--upf-border-color));border-radius:var(--upf-border-radius, 4px);background-color:var(--upf-message-bg, var(--upf-color-primary-bg));box-shadow:var(--upf-box-shadow-elevated, 0 4px 12px rgba(38, 38, 38, .12));pointer-events:all;align-items:unset}.das-ui-message.el-message .el-message__icon{margin-top:2px}.das-ui-message.el-message .el-message__content{padding-right:unset;font-size:var(--upf-message-font-size-md, 14px);line-height:20px;max-height:160px;flex:1;overflow:auto}.das-ui-message.el-message .el-message__content::-webkit-scrollbar{width:0;height:0}.das-ui-message.el-message .el-message__content:hover::-webkit-scrollbar{width:8px}.das-ui-message.el-message .el-message__content:hover::-webkit-scrollbar-thumb{background-color:var(--upf-message-thumb, var(--upf-text-disabled));border-radius:4px;height:80px}.das-ui-message.el-message .el-message__closeBtn{cursor:pointer;color:var(--upf-message-close, var(--upf-text-secondary));font-size:var(--upf-message-font-size-lg, 16px);margin-left:12px;position:unset;transform:unset;display:inline-flex;margin-top:2px}.das-ui-message.el-message .el-message__closeBtn:hover{color:var(--upf-message-close-hover, var(--upf-color-primary))}.das-ui-message.el-message.el-message--success{color:var(--upf-message-success-text, var(--upf-color-success));background:var(--upf-message-success-bg, var(--upf-bg-primary));border:1px solid var(--upf-message-success-border, var(--upf-border-color))}.das-ui-message.el-message.el-message--success .el-message__icon,.das-ui-message.el-message.el-message--success .el-message__content{color:var(--upf-message-success-text, var(--upf-color-success))}.das-ui-message.el-message.el-message--info{color:var(--upf-message-info-text, var(--upf-color-info));background:var(--upf-message-info-bg, var(--upf-color-primary-bg));border:1px solid var(--upf-message-info-border, var(--upf-border-color))}.das-ui-message.el-message.el-message--info .el-message__icon,.das-ui-message.el-message.el-message--info .el-message__content{color:var(--upf-message-info-text, var(--upf-color-info))}.das-ui-message.el-message.el-message--warning{color:var(--upf-message-warning-text, var(--upf-color-warning));background:var(--upf-message-warning-bg, var(--upf-bg-primary));border:1px solid var(--upf-message-warning-border, var(--upf-border-color))}.das-ui-message.el-message.el-message--warning .el-message__icon,.das-ui-message.el-message.el-message--warning .el-message__content{color:var(--upf-message-warning-text, var(--upf-color-warning))}.das-ui-message.el-message.el-message--error{color:var(--upf-message-error-text, var(--upf-color-error));background:var(--upf-message-error-bg, var(--upf-bg-primary));border:1px solid var(--upf-message-error-border, var(--upf-border-color))}.das-ui-message.el-message.el-message--error .el-message__icon,.das-ui-message.el-message.el-message--error .el-message__content{color:var(--upf-message-error-text, var(--upf-color-error))}