@das-fed/ui 6.4.0-hot.59 → 6.4.0-hot.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/package.json +5 -5
  2. package/packages/business-components/app-container/index.js +35 -33
  3. package/packages/business-components/app-container/index.js.gz +0 -0
  4. package/packages/business-components/app-container/src/style-theme.d.ts +2 -0
  5. package/packages/business-components/app-container/style.css +1 -1
  6. package/packages/business-components/app-container/style.css.gz +0 -0
  7. package/packages/components/menu-aside/index.js +197 -172
  8. package/packages/components/menu-aside/index.js.gz +0 -0
  9. package/packages/components/menu-aside/src/style-theme.d.ts +25 -0
  10. package/packages/components/menu-aside/style.css +1 -1
  11. package/packages/components/menu-aside/style.css.gz +0 -0
  12. package/packages/components/menu-header/index.js +40 -31
  13. package/packages/components/menu-header/index.js.gz +0 -0
  14. package/packages/components/menu-header/src/style-theme.d.ts +9 -0
package/packages/components/menu-aside/src/style-theme.d.ts CHANGED
@@ -3,96 +3,121 @@ declare const _default: {
3
3
  kjl: string;
4
4
  ssl: string;
5
5
  cjb: string;
6
+ dkh: string;
6
7
  };
7
8
  '--das-ui-layout-aside-background-color': {
8
9
  kjl: string;
9
10
  ssl: string;
10
11
  cjb: string;
12
+ dkh: string;
13
+ };
14
+ '--das-ui-layout-aside-icon-container-background-color': {
15
+ kjl: string;
16
+ ssl: string;
17
+ cjb: string;
18
+ dkh: string;
11
19
  };
12
20
  '--das-ui-layout-aside--item-color': {
13
21
  kjl: string;
14
22
  ssl: string;
15
23
  cjb: string;
24
+ dkh: string;
16
25
  };
17
26
  '--das-ui-layout-aside--item-arrow-color': {
18
27
  kjl: string;
19
28
  ssl: string;
20
29
  cjb: string;
30
+ dkh: string;
21
31
  };
22
32
  '--das-ui-layout-aside--item-active-color': {
23
33
  kjl: string;
24
34
  ssl: string;
25
35
  cjb: string;
36
+ dkh: string;
26
37
  };
27
38
  '--das-ui-layout-aside--item-active-background-color': {
28
39
  kjl: string;
29
40
  ssl: string;
30
41
  cjb: string;
42
+ dkh: string;
31
43
  };
32
44
  '--das-ui-layout-aside-item-hover-color': {
33
45
  kjl: string;
34
46
  ssl: string;
35
47
  cjb: string;
48
+ dkh: string;
36
49
  };
37
50
  '--das-ui-layout-aside-item-hover-background-color': {
38
51
  kjl: string;
39
52
  ssl: string;
40
53
  cjb: string;
54
+ dkh: string;
41
55
  };
42
56
  '--das-ui-layout-aside-submenu-vertical-background-color': {
43
57
  kjl: string;
44
58
  ssl: string;
45
59
  cjb: string;
60
+ dkh: string;
46
61
  };
47
62
  '--das-ui-layout-aside-submenu-vertical-item-hover-background-color': {
48
63
  kjl: string;
49
64
  ssl: string;
50
65
  cjb: string;
66
+ dkh: string;
51
67
  };
52
68
  '--das-ui-layout-aside-submenu-item-color': {
53
69
  kjl: string;
54
70
  ssl: string;
55
71
  cjb: string;
72
+ dkh: string;
56
73
  };
57
74
  '--das-ui-layout-aside-submenu-background-color': {
58
75
  kjl: string;
59
76
  ssl: string;
60
77
  cjb: string;
78
+ dkh: string;
61
79
  };
62
80
  '--das-ui-layout-aside-submenu-item-hover-color': {
63
81
  kjl: string;
64
82
  ssl: string;
65
83
  cjb: string;
84
+ dkh: string;
66
85
  };
67
86
  '--das-ui-layout-aside-submenu-item-hover-background-color': {
68
87
  kjl: string;
69
88
  ssl: string;
70
89
  cjb: string;
90
+ dkh: string;
71
91
  };
72
92
  '--das-ui-layout-aside-submenu-item-active-background-color': {
73
93
  kjl: string;
74
94
  ssl: string;
75
95
  cjb: string;
96
+ dkh: string;
76
97
  };
77
98
  '--das-ui-layout-aside-submenu-title-border-color': {
78
99
  kjl: string;
79
100
  ssl: string;
80
101
  cjb: string;
102
+ dkh: string;
81
103
  };
82
104
  '--das-ui-layout-aside-collapse-icon-bg-color': {
83
105
  kjl: string;
84
106
  ssl: string;
85
107
  cjb: string;
108
+ dkh: string;
86
109
  };
87
110
  '--das-ui-layout-aside-collapse-icon-hover-bg-color': {
88
111
  kjl: string;
89
112
  ssl: string;
90
113
  cjb: string;
114
+ dkh: string;
91
115
  };
92
116
  '--das-ui-layout-aside-divise-border-color': {
93
117
  kjl: string;
94
118
  ssl: string;
95
119
  cjb: string;
120
+ dkh: string;
96
121
  };
97
122
  };
98
123
  export default _default;
package/packages/components/menu-aside/style.css CHANGED
@@ -1 +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)}
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.ant-menu-dark .ant-menu-sub.ant-menu-vertical{background-color:var(--das-ui-layout-aside-submenu-vertical-background-color)!important}.ant-menu-vertical .ant-menu-submenu-title{margin:0!important}.ant-menu-submenu>.ant-menu{border-radius:0!important}.das-ui-sub-menu.is-active .ant-menu-submenu-title{color:var(--das-ui-layout-aside--item-active-color)!important}.das-ui-sub-menu.is-active.ant-menu-submenu-vertical .ant-menu-submenu-title{background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)!important}.ant-menu-item{margin:0!important;padding:0!important}.ant-menu-submenu-title{padding:0!important}.ant-menu-vertical>.ant-menu-item,.ant-menu-inline>.ant-menu-item{height:auto!important}.ant-menu-submenu-popup{z-index:var(--das-menu-submenu-popup-z-index)!important}.ant-menu-submenu-popup .submenu-container{display:flex;flex-direction:column;box-sizing:border-box}.ant-menu-submenu-popup .submenu-container.is-collapse{width:156px}.ant-menu-submenu-popup .submenu-container .title-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;height:50px;box-sizing:border-box;border-bottom:1px solid var(--das-ui-layout-aside-submenu-title-border-color)}.ant-menu-submenu-popup .submenu-container .title-bar:not(.is-collapse){margin:0 22px}.ant-menu-submenu-popup .submenu-container .title-bar.is-collapse{padding:0 12px 0 16px}.ant-menu-submenu-popup .submenu-container .title-bar .title-left{display:flex;align-items:center;overflow:hidden}.ant-menu-submenu-popup .submenu-container .title-bar .title-left .title{font-size:12px;color:var(--das-ui-layout-aside--item-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right{display:flex;align-items:center;color:var(--das-ui-layout-aside-submenu-item-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right.affix{color:var(--das-ui-layout-aside-submenu-item-affix-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right .das-icon{transform:translateY(-1px)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right .icon-title{font-size:12px;padding-left:5px}.ant-menu-submenu-popup .submenu-container .item-container{position:relative;font-size:12px;box-sizing:border-box;max-height:356px;min-height:60px;color:var(--das-ui-layout-aside-submenu-item-color);padding:15px 28px 15px 18px}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row{display:flex;align-items:center}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item{width:168px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;margin:0 7px;padding:0 8px}@media (min-width: 1100px){.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item{width:168px}}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:first-child{margin-left:0}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:last-child{margin-right:0}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container{max-height:620px;box-sizing:border-box;padding:8px 0}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item{font-size:12px;color:var(--das-ui-layout-aside-submenu-item-color);padding:0 12px 0 20px;height:50px;line-height:50px;display:flex;align-items:center;justify-content:space-between}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.ant-menu-inline .ant-menu-title-content{width:100%}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline{height:var(--das-ui-layout-aside-menu-item-height);padding:0 46px 0 51px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline.is-expired{padding:0 16px 0 51px}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-item-active-background-color)}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .name{font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1;min-width:0}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.das-ui-menu-aside{display:flex;flex-direction:column;width:var(--das-ui-layout-aside-menu-width);height:100%;border-right:1px solid var(--das-ui-layout-aside-border-color)}.das-ui-menu-aside.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .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: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:transparent;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:var(--das-ui-layout-aside-icon-container-background-color);transition:none}.das-ui-menu-aside .icon-container.is-collapse{align-items:center;width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .icon-container .collapse-icon{cursor:pointer;color:var(--das-ui-layout-aside-collapse-icon-bg-color);font-size:20px}.das-ui-menu-aside .icon-container .collapse-icon:hover{color:var(--das-ui-layout-aside-collapse-icon-hover-bg-color)}.das-ui-menu-aside.theme-cjb .aside-menu-title.is-active:before,.das-ui-menu-aside.theme-cjb .sub-menu-item_inline.is-active:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background-color:var(--das-ui-layout-aside--item-active-color)}
package/packages/components/menu-header/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import '@das-fed/ui/packages/components/menu-header/style.css';
2
2
  import { withInstall as b } from "@das-fed/utils/with-install/index";
3
- import { computed as h, defineComponent as y, createElementBlock as n, openBlock as l, normalizeStyle as g, normalizeClass as v, createVNode as p, unref as s, mergeProps as k, withCtx as u, Fragment as j, renderList as _, createBlock as D, withDirectives as E, createTextVNode as H, toDisplayString as T, createElementVNode as F, renderSlot as i } from "vue";
4
- import { Tabs as x, TabPane as B } from "ant-design-vue";
3
+ import { computed as h, defineComponent as y, createElementBlock as F, openBlock as l, normalizeStyle as k, normalizeClass as g, createVNode as v, unref as s, mergeProps as p, withCtx as u, Fragment as j, renderList as E, createBlock as _, withDirectives as B, createTextVNode as D, toDisplayString as H, createElementVNode as n, renderSlot as i } from "vue";
4
+ import { Tabs as T, TabPane as x } from "ant-design-vue";
5
5
  import "ant-design-vue/es/tabs/style/css";
6
6
  import { vDasTooltip as C } from "@das-fed/ui/packages/components/text-tooltip/index";
7
7
  import { setThemeRule as S } from "@das-fed/web/packages/theme/index";
@@ -15,49 +15,58 @@ const w = (e, m) => ({
15
15
  })
16
16
  }), c = {
17
17
  "--das-ui-layout-header-menu-border-color": {
18
- kjl: "3C81E0",
18
+ kjl: "#3C81E0",
19
19
  cjb: "#D9D9D9",
20
- ssl: "#313553"
20
+ ssl: "#313553",
21
+ dkh: "#EB0E1B"
21
22
  },
22
23
  "--das-ui-layout-header-menu-background-color": {
23
24
  kjl: "#2673DC",
24
25
  cjb: "#ffffff",
25
- ssl: "#1B1F40"
26
+ ssl: "#1B1F40",
27
+ dkh: "#EB0E1B"
26
28
  },
27
29
  "--das-ui-layout-header-menu-color": {
28
30
  kjl: "#FFFFFF",
29
31
  cjb: "#212121",
30
- ssl: "#FFFFFF"
32
+ ssl: "#FFFFFF",
33
+ dkh: "rgba(255, 255, 255, 0.8)"
31
34
  },
32
35
  "--das-ui-layout-header-menu-hover-background-color": {
33
36
  kjl: "rgba(24, 94, 190, 0.5)",
34
37
  cjb: "#F2F6FF",
35
- ssl: "rgba(255, 255, 255, 0.08)"
38
+ ssl: "rgba(255, 255, 255, 0.08)",
39
+ dkh: "rgba(255, 115, 126, 0.5)"
36
40
  },
37
41
  "--das-ui-layout-header-menu-hover-color": {
38
42
  kjl: "#FFFFFF",
39
43
  cjb: "#5582F3",
40
- ssl: "#FFFFFF"
44
+ ssl: "#FFFFFF",
45
+ dkh: "#FFFFFF"
41
46
  },
42
47
  "--das-ui-layout-header-menu-active-background-color": {
43
48
  kjl: "#185EBE",
44
49
  cjb: "#5582F3",
45
- ssl: "#5582F3"
50
+ ssl: "#5582F3",
51
+ dkh: "#FF737E"
46
52
  },
47
53
  "--das-ui-layout-header-menu-active-color": {
48
54
  kjl: "#FFFFFF",
49
55
  cjb: "#FFFFFF",
50
- ssl: "#FFFFFF"
56
+ ssl: "#FFFFFF",
57
+ dkh: "#FFFFFF"
51
58
  },
52
59
  "--das-ui-layout-header-menu-remove-btn-color": {
53
60
  kjl: "rgba(255, 255, 255, 0.6)",
54
61
  cjb: "rgba(170, 170, 172)",
55
- ssl: "rgba(255, 255, 255, 0.6) "
62
+ ssl: "rgba(255, 255, 255, 0.6)",
63
+ dkh: "rgba(255, 255, 255, 0.6)"
56
64
  },
57
65
  "--das-ui-layout-header-menu-remove-btn-hover-color": {
58
66
  kjl: "#FFFFFF",
59
67
  cjb: "#FFFFFF",
60
- ssl: "#FFFFFF"
68
+ ssl: "#FFFFFF",
69
+ dkh: "#FFFFFF"
61
70
  }
62
71
  }, M = { class: "das-tab-label" }, N = { class: "header-left" }, V = { class: "header-right" }, z = {
63
72
  name: "DasMenuHeader",
@@ -72,49 +81,49 @@ const w = (e, m) => ({
72
81
  emits: ["update:currentKey"],
73
82
  setup(e, { emit: m }) {
74
83
  const a = e, { realHeight: o } = w(a), f = h(() => {
75
- const t = {};
84
+ const r = {};
76
85
  return a.theme === "default" || Object.keys(c).forEach((d) => {
77
- var r;
78
- t[d] = ((r = c[d]) == null ? void 0 : r[a.theme]) ?? void 0;
79
- }), t;
86
+ var t;
87
+ r[d] = ((t = c[d]) == null ? void 0 : t[a.theme]) ?? void 0;
88
+ }), r;
80
89
  });
81
- return (t, d) => (l(), n(
90
+ return (r, d) => (l(), F(
82
91
  "div",
83
92
  {
84
- class: v(["das-ui-header-menu", `theme-${t.theme}`]),
85
- style: g(f.value)
93
+ class: g(["das-ui-header-menu", `theme-${r.theme}`]),
94
+ style: k(f.value)
86
95
  },
87
96
  [
88
- p(s(x), k(t.$attrs, {
97
+ v(s(T), p(r.$attrs, {
89
98
  style: { height: s(o) },
90
99
  type: "editable-card",
91
100
  contextmenu: !1,
92
101
  hideAdd: !0
93
102
  }), {
94
103
  leftExtra: u(() => [
95
- F("div", N, [
96
- i(t.$slots, "header-left")
104
+ n("div", N, [
105
+ i(r.$slots, "header-left")
97
106
  ])
98
107
  ]),
99
108
  rightExtra: u(() => [
100
- F("div", V, [
101
- i(t.$slots, "header-right")
109
+ n("div", V, [
110
+ i(r.$slots, "header-right")
102
111
  ])
103
112
  ]),
104
113
  default: u(() => [
105
- (l(!0), n(
114
+ (l(!0), F(
106
115
  j,
107
116
  null,
108
- _(t.menus, (r) => (l(), D(
109
- s(B),
117
+ E(r.menus, (t) => (l(), _(
118
+ s(x),
110
119
  {
111
- key: r.code
120
+ key: t.code
112
121
  },
113
122
  {
114
123
  tab: u(() => [
115
- E((l(), n("div", M, [
116
- H(
117
- T(r.name),
124
+ B((l(), F("div", M, [
125
+ D(
126
+ H(t.name),
118
127
  1
119
128
  /* TEXT */
120
129
  )
package/packages/components/menu-header/src/style-theme.d.ts CHANGED
@@ -3,46 +3,55 @@ declare const _default: {
3
3
  kjl: string;
4
4
  cjb: string;
5
5
  ssl: string;
6
+ dkh: string;
6
7
  };
7
8
  '--das-ui-layout-header-menu-background-color': {
8
9
  kjl: string;
9
10
  cjb: string;
10
11
  ssl: string;
12
+ dkh: string;
11
13
  };
12
14
  '--das-ui-layout-header-menu-color': {
13
15
  kjl: string;
14
16
  cjb: string;
15
17
  ssl: string;
18
+ dkh: string;
16
19
  };
17
20
  '--das-ui-layout-header-menu-hover-background-color': {
18
21
  kjl: string;
19
22
  cjb: string;
20
23
  ssl: string;
24
+ dkh: string;
21
25
  };
22
26
  '--das-ui-layout-header-menu-hover-color': {
23
27
  kjl: string;
24
28
  cjb: string;
25
29
  ssl: string;
30
+ dkh: string;
26
31
  };
27
32
  '--das-ui-layout-header-menu-active-background-color': {
28
33
  kjl: string;
29
34
  cjb: string;
30
35
  ssl: string;
36
+ dkh: string;
31
37
  };
32
38
  '--das-ui-layout-header-menu-active-color': {
33
39
  kjl: string;
34
40
  cjb: string;
35
41
  ssl: string;
42
+ dkh: string;
36
43
  };
37
44
  '--das-ui-layout-header-menu-remove-btn-color': {
38
45
  kjl: string;
39
46
  cjb: string;
40
47
  ssl: string;
48
+ dkh: string;
41
49
  };
42
50
  '--das-ui-layout-header-menu-remove-btn-hover-color': {
43
51
  kjl: string;
44
52
  cjb: string;
45
53
  ssl: string;
54
+ dkh: string;
46
55
  };
47
56
  };
48
57
  export default _default;