@cloudbase/weda-ui-mp 3.23.1 → 3.24.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.
Files changed (3) hide show
  1. package/components/wd-menu-layout/wd-menu-layout.wxss +66 -0
  2. package/components/wd-menu-list/wd-menu-list.wxss +66 -0
  3. package/package.json +1 -1
package/components/wd-menu-layout/wd-menu-layout.wxss CHANGED
@@ -46,6 +46,71 @@
46
46
  --wd-menulayout-h5-menu-text-color: var(--wd-color-text-default);
47
47
  }
48
48
 
49
+ .wd-menulayout--collapsed .wd-menulayout-body__left {
50
+ width: 50px;
51
+ transition: width 0.3s ease;
52
+ }
53
+ .wd-menulayout--collapsed .wd-menulayout-body__left.wd-menulayout-body--hover {
54
+ width: auto;
55
+ }
56
+ .wd-menulayout--collapsed .wd-menulayout-body__left--collapsed .wd-menulayout-header__logo-wrap {
57
+ overflow: hidden;
58
+ width: 100%;
59
+ min-width: 100%;
60
+ justify-content: center;
61
+ margin: 7px 0;
62
+ }
63
+ .wd-menulayout--collapsed .wd-menulayout-body__left--collapsed .wd-menulayout-header__logo-wrap > div {
64
+ justify-content: center;
65
+ }
66
+ .wd-menulayout--collapsed .wd-menulayout-body__left--collapsed .wd-menulayout-header__logo-wrap .wd-typography {
67
+ display: none;
68
+ }
69
+ .wd-menulayout--collapsed .wd-menulayout-body__left--collapsed .wd-menulayout-header__logo-wrap .wd-image {
70
+ max-width: 100%;
71
+ }
72
+ .wd-menulayout--collapsed .wd-menulayout-body__left--collapsed .wd-menulayout-header__logo-wrap .wd-icon {
73
+ max-width: 100%;
74
+ }
75
+ .wd-menulayout--collapsed .wd-menulayout-body__left--collapsed .wd-menulayout-body__left-slot {
76
+ width: 100%;
77
+ justify-content: center;
78
+ }
79
+ .wd-menulayout--collapsed .wd-menulayout-body__left--collapsed .wd-menulayout-body__left-slot .wd-typography {
80
+ display: none;
81
+ }
82
+ .wd-menulayout--collapsed .wd-menulayout__menu--collapsed .wedatea2td-menu--light .wedatea2td-menu__body {
83
+ width: 100%;
84
+ }
85
+ .wd-menulayout--collapsed .wd-menulayout__menu--collapsed .wedatea2td-menu--light .wedatea2td-menu__submenu.is-expanded > .wedatea2td-menu__list {
86
+ display: none;
87
+ }
88
+ .wd-menulayout--collapsed .wd-menulayout__menu--collapsed .wedatea2td-menu--light .wedatea2td-menu__submenu.has-selected-child {
89
+ background: var(--wd-menulayout-header-menu-text-color-bg-checked);
90
+ color: var(--wd-menulayout-header-menu-text-color-checked);
91
+ }
92
+ .wd-menulayout--collapsed .wd-menulayout__menu--collapsed .wedatea2td-menu--light .wedatea2td-menu__submenu.has-selected-child .wd-menulayout-menu__item-text {
93
+ color: var(--wd-menulayout-header-menu-text-color-checked);
94
+ }
95
+ .wd-menulayout--collapsed .wd-menulayout__menu--collapsed .wedatea2td-menu--light .wedatea2td-menu__item {
96
+ padding: 7px 8px;
97
+ justify-content: center;
98
+ width: 40px;
99
+ }
100
+ .wd-menulayout--collapsed .wd-menulayout__menu--collapsed .wedatea2td-menu--light .wedatea2td-icon-arrowdown {
101
+ display: none;
102
+ }
103
+ .wd-menulayout .wd-menulayout-body__footer--collapse {
104
+ padding: 5px 0;
105
+ cursor: pointer;
106
+ border-top: 1px solid var(--wd-menulayout-header-border);
107
+ width: 100%;
108
+ }
109
+ .wd-menulayout .wd-menulayout-body__footer--collapse-icon {
110
+ padding: 4px 8px;
111
+ display: inline-block;
112
+ }
113
+
49
114
  .wd-menulayout {
50
115
  width: 100%;
51
116
  height: 100vh;
@@ -169,6 +234,7 @@
169
234
  flex-direction: row;
170
235
  align-items: center;
171
236
  cursor: pointer;
237
+ min-height: 21px;
172
238
  }
173
239
  .wd-menulayout-menu__item-icon {
174
240
  width: 16px;
package/components/wd-menu-list/wd-menu-list.wxss CHANGED
@@ -46,6 +46,71 @@
46
46
  --wd-menulayout-h5-menu-text-color: var(--wd-color-text-default);
47
47
  }
48
48
 
49
+ .wd-menulayout--collapsed .wd-menulayout-body__left {
50
+ width: 50px;
51
+ transition: width 0.3s ease;
52
+ }
53
+ .wd-menulayout--collapsed .wd-menulayout-body__left.wd-menulayout-body--hover {
54
+ width: auto;
55
+ }
56
+ .wd-menulayout--collapsed .wd-menulayout-body__left--collapsed .wd-menulayout-header__logo-wrap {
57
+ overflow: hidden;
58
+ width: 100%;
59
+ min-width: 100%;
60
+ justify-content: center;
61
+ margin: 7px 0;
62
+ }
63
+ .wd-menulayout--collapsed .wd-menulayout-body__left--collapsed .wd-menulayout-header__logo-wrap > div {
64
+ justify-content: center;
65
+ }
66
+ .wd-menulayout--collapsed .wd-menulayout-body__left--collapsed .wd-menulayout-header__logo-wrap .wd-typography {
67
+ display: none;
68
+ }
69
+ .wd-menulayout--collapsed .wd-menulayout-body__left--collapsed .wd-menulayout-header__logo-wrap .wd-image {
70
+ max-width: 100%;
71
+ }
72
+ .wd-menulayout--collapsed .wd-menulayout-body__left--collapsed .wd-menulayout-header__logo-wrap .wd-icon {
73
+ max-width: 100%;
74
+ }
75
+ .wd-menulayout--collapsed .wd-menulayout-body__left--collapsed .wd-menulayout-body__left-slot {
76
+ width: 100%;
77
+ justify-content: center;
78
+ }
79
+ .wd-menulayout--collapsed .wd-menulayout-body__left--collapsed .wd-menulayout-body__left-slot .wd-typography {
80
+ display: none;
81
+ }
82
+ .wd-menulayout--collapsed .wd-menulayout__menu--collapsed .wedatea2td-menu--light .wedatea2td-menu__body {
83
+ width: 100%;
84
+ }
85
+ .wd-menulayout--collapsed .wd-menulayout__menu--collapsed .wedatea2td-menu--light .wedatea2td-menu__submenu.is-expanded > .wedatea2td-menu__list {
86
+ display: none;
87
+ }
88
+ .wd-menulayout--collapsed .wd-menulayout__menu--collapsed .wedatea2td-menu--light .wedatea2td-menu__submenu.has-selected-child {
89
+ background: var(--wd-menulayout-header-menu-text-color-bg-checked);
90
+ color: var(--wd-menulayout-header-menu-text-color-checked);
91
+ }
92
+ .wd-menulayout--collapsed .wd-menulayout__menu--collapsed .wedatea2td-menu--light .wedatea2td-menu__submenu.has-selected-child .wd-menulayout-menu__item-text {
93
+ color: var(--wd-menulayout-header-menu-text-color-checked);
94
+ }
95
+ .wd-menulayout--collapsed .wd-menulayout__menu--collapsed .wedatea2td-menu--light .wedatea2td-menu__item {
96
+ padding: 7px 8px;
97
+ justify-content: center;
98
+ width: 40px;
99
+ }
100
+ .wd-menulayout--collapsed .wd-menulayout__menu--collapsed .wedatea2td-menu--light .wedatea2td-icon-arrowdown {
101
+ display: none;
102
+ }
103
+ .wd-menulayout .wd-menulayout-body__footer--collapse {
104
+ padding: 5px 0;
105
+ cursor: pointer;
106
+ border-top: 1px solid var(--wd-menulayout-header-border);
107
+ width: 100%;
108
+ }
109
+ .wd-menulayout .wd-menulayout-body__footer--collapse-icon {
110
+ padding: 4px 8px;
111
+ display: inline-block;
112
+ }
113
+
49
114
  .wd-menulayout {
50
115
  width: 100%;
51
116
  height: 100vh;
@@ -169,6 +234,7 @@
169
234
  flex-direction: row;
170
235
  align-items: center;
171
236
  cursor: pointer;
237
+ min-height: 21px;
172
238
  }
173
239
  .wd-menulayout-menu__item-icon {
174
240
  width: 16px;
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "miniprogram": "./",
4
4
  "packageManager": "yarn@3.0.2",
5
5
  "dependencies": {},
6
- "version": "3.23.1",
6
+ "version": "3.24.0",
7
7
  "main": "./",
8
8
  "publishConfig": {
9
9
  "access": "public"