@sdata/web-vue 2.8.0 → 2.10.0
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.
- package/dist/sd.css +30 -1
- package/dist/sd.min.css +1 -1
- package/es/index.css +30 -1
- package/es/layout/context.d.ts +2 -0
- package/es/layout/index.d.ts +56 -0
- package/es/layout/interface.d.ts +3 -0
- package/es/layout/sider.vue.d.ts +38 -3
- package/es/layout/sider.vue_vue_type_script_setup_true_lang.js +97 -6
- package/es/layout/style/index.css +20 -1
- package/es/layout/style/index.scss +28 -0
- package/es/layout/style/token.scss +7 -1
- package/es/menu/menu.js +20 -9
- package/es/menu/style/index.css +10 -0
- package/es/menu/style/index.scss +20 -0
- package/json/vetur-attributes.json +12 -0
- package/json/vetur-tags.json +3 -0
- package/json/web-types.json +25 -1
- package/package.json +1 -1
package/dist/sd.css
CHANGED
|
@@ -9975,6 +9975,16 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
9975
9975
|
.sd-menu-collapsed .sd-menu-inline-header .sd-icon {
|
|
9976
9976
|
margin-right: 100%;
|
|
9977
9977
|
}
|
|
9978
|
+
.sd-menu.sd-menu-in-sider-rail.sd-menu-collapsed .sd-menu-item {
|
|
9979
|
+
justify-content: center;
|
|
9980
|
+
}
|
|
9981
|
+
.sd-menu.sd-menu-in-sider-rail.sd-menu-collapsed .sd-menu-item-inner {
|
|
9982
|
+
display: none;
|
|
9983
|
+
}
|
|
9984
|
+
.sd-menu.sd-menu-in-sider-rail.sd-menu-collapsed .sd-menu-icon {
|
|
9985
|
+
margin-right: 0;
|
|
9986
|
+
line-height: 40px;
|
|
9987
|
+
}
|
|
9978
9988
|
.sd-menu-collapse-button {
|
|
9979
9989
|
position: absolute;
|
|
9980
9990
|
right: 12px;
|
|
@@ -10414,6 +10424,9 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
10414
10424
|
* Sider
|
|
10415
10425
|
* 深色背景与 Menu 深色背景保持一致，避免内嵌菜单出现接缝
|
|
10416
10426
|
*****************************************************/
|
|
10427
|
+
/*****************************************************
|
|
10428
|
+
* Sider rail（窄轨）
|
|
10429
|
+
*****************************************************/
|
|
10417
10430
|
/*****************************************************
|
|
10418
10431
|
* Sider light 主题
|
|
10419
10432
|
*****************************************************/
|
|
@@ -10432,6 +10445,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
10432
10445
|
box-sizing: border-box;
|
|
10433
10446
|
}
|
|
10434
10447
|
.sd-layout.sd-layout-has-sider {
|
|
10448
|
+
position: relative;
|
|
10435
10449
|
flex-direction: row;
|
|
10436
10450
|
}
|
|
10437
10451
|
.sd-layout.sd-layout-has-sider > .sd-layout,
|
|
@@ -10450,7 +10464,7 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
10450
10464
|
padding: 0 50px;
|
|
10451
10465
|
color: var(--sd-color-text-1);
|
|
10452
10466
|
line-height: 64px;
|
|
10453
|
-
background:
|
|
10467
|
+
background: var(--sd-color-menu-dark-bg);
|
|
10454
10468
|
}
|
|
10455
10469
|
|
|
10456
10470
|
.sd-layout-footer {
|
|
@@ -10568,6 +10582,21 @@ body.sd-tour-active .sd-tour-popover * {
|
|
|
10568
10582
|
.sd-layout-sider-temporary-trigger:hover {
|
|
10569
10583
|
background: var(--sd-color-fill-2);
|
|
10570
10584
|
}
|
|
10585
|
+
.sd-layout-sider-rail {
|
|
10586
|
+
overflow: visible;
|
|
10587
|
+
}
|
|
10588
|
+
.sd-layout-sider-rail-overlay {
|
|
10589
|
+
position: absolute;
|
|
10590
|
+
inset: 0;
|
|
10591
|
+
height: 100%;
|
|
10592
|
+
overflow: hidden;
|
|
10593
|
+
background: inherit;
|
|
10594
|
+
transition: width 0.2s cubic-bezier(0.34, 0.69, 0.1, 1), box-shadow 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
|
|
10595
|
+
}
|
|
10596
|
+
.sd-layout-sider-rail-expand {
|
|
10597
|
+
z-index: 20;
|
|
10598
|
+
box-shadow: var(--sd-shadow2-center);
|
|
10599
|
+
}
|
|
10571
10600
|
|
|
10572
10601
|
.sd-input-tag {
|
|
10573
10602
|
display: inline-flex;
|