vdesign-ui 0.2.20 → 0.3.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 (166) hide show
  1. package/README.md +58 -58
  2. package/dist/components/actionbar/index.js +8 -8
  3. package/dist/components/actionbar/index.vue +39 -39
  4. package/dist/components/actionbar/style.less +44 -44
  5. package/dist/components/actionbar-cell/index.js +7 -7
  6. package/dist/components/actionbar-cell/index.vue +42 -42
  7. package/dist/components/actions/index.js +6 -6
  8. package/dist/components/actions/index.vue +77 -77
  9. package/dist/components/actions/style.less +109 -109
  10. package/dist/components/actions-cell/index.js +6 -6
  11. package/dist/components/actions-cell/index.vue +94 -94
  12. package/dist/components/actions-cell/style.less +38 -38
  13. package/dist/components/activityviews/index.js +8 -8
  14. package/dist/components/activityviews/index.vue +192 -192
  15. package/dist/components/activityviews/style.less +161 -161
  16. package/dist/components/badge/index.js +8 -8
  17. package/dist/components/badge/index.vue +49 -49
  18. package/dist/components/badge/style.less +54 -54
  19. package/dist/components/button/index.js +8 -8
  20. package/dist/components/button/index.vue +93 -93
  21. package/dist/components/button/style.less +558 -558
  22. package/dist/components/calendar/index-element.vue +84 -84
  23. package/dist/components/calendar/index.js +7 -7
  24. package/dist/components/calendar/index.vue +53 -53
  25. package/dist/components/calendar/style.less +138 -138
  26. package/dist/components/checkbox/index.js +8 -8
  27. package/dist/components/checkbox/index.vue +161 -161
  28. package/dist/components/checkbox/style.less +288 -288
  29. package/dist/components/checkbox-group/index.js +7 -7
  30. package/dist/components/checkbox-group/index.vue +73 -73
  31. package/dist/components/common/state/index.vue +33 -33
  32. package/dist/components/common/state/style.less +47 -47
  33. package/dist/components/data-list/index.js +10 -10
  34. package/dist/components/data-list/index.vue +19 -19
  35. package/dist/components/data-list/style.less +623 -623
  36. package/dist/components/datetime-picker/index.js +7 -7
  37. package/dist/components/datetime-picker/index.vue +39 -39
  38. package/dist/components/datetime-picker/style.less +23 -23
  39. package/dist/components/dialog/index.js +8 -8
  40. package/dist/components/dialog/index.vue +164 -164
  41. package/dist/components/dialog/overlay-manager.js +18 -18
  42. package/dist/components/dialog/style.less +138 -138
  43. package/dist/components/divider/index.js +8 -8
  44. package/dist/components/divider/index.vue +54 -54
  45. package/dist/components/divider/style.less +92 -92
  46. package/dist/components/dropdown/index.js +8 -8
  47. package/dist/components/dropdown/index.vue +218 -218
  48. package/dist/components/dropdown/style.less +432 -432
  49. package/dist/components/empty/index.js +8 -8
  50. package/dist/components/empty/index.vue +138 -138
  51. package/dist/components/empty/style.less +60 -60
  52. package/dist/components/footer/index.js +6 -6
  53. package/dist/components/footer/index.vue +33 -33
  54. package/dist/components/footer/style.less +20 -20
  55. package/dist/components/footnav/index.js +6 -6
  56. package/dist/components/footnav/index.vue +93 -93
  57. package/dist/components/footnav/style.less +22 -22
  58. package/dist/components/footnav-item/index.js +6 -6
  59. package/dist/components/footnav-item/index.vue +50 -50
  60. package/dist/components/footnav-item/style.less +39 -39
  61. package/dist/components/form/index.js +6 -6
  62. package/dist/components/form/index.vue +14 -14
  63. package/dist/components/headnav/index.js +6 -6
  64. package/dist/components/headnav/index.vue +185 -185
  65. package/dist/components/headnav/style.less +231 -231
  66. package/dist/components/icon/font/iconfont.css +163 -163
  67. package/dist/components/icon/font/iconfont.js +5 -5
  68. package/dist/components/icon/index.js +9 -9
  69. package/dist/components/icon/index.vue +96 -96
  70. package/dist/components/icon/style.less +44 -44
  71. package/dist/components/input/calcTextareaHeight.js +162 -162
  72. package/dist/components/input/index.js +8 -8
  73. package/dist/components/input/index.vue +345 -345
  74. package/dist/components/input/style.less +471 -471
  75. package/dist/components/list/index.js +8 -8
  76. package/dist/components/list/index.vue +152 -152
  77. package/dist/components/list/style.less +213 -213
  78. package/dist/components/loading/index.js +6 -6
  79. package/dist/components/loading/index.vue +68 -68
  80. package/dist/components/loading/style.less +53 -53
  81. package/dist/components/mixins/clickoutside.js +81 -81
  82. package/dist/components/mixins/dom.js +41 -41
  83. package/dist/components/mixins/languageMixin.js +43 -43
  84. package/dist/components/mixins/outlineConfigPlugin.js +45 -45
  85. package/dist/components/mixins/router-link.js +22 -22
  86. package/dist/components/mixins/themeMixin.js +43 -43
  87. package/dist/components/noticebar/index.js +8 -8
  88. package/dist/components/noticebar/index.vue +258 -258
  89. package/dist/components/noticebar/style.less +333 -333
  90. package/dist/components/overlay/index.js +8 -8
  91. package/dist/components/overlay/index.vue +184 -184
  92. package/dist/components/overlay/style.less +24 -24
  93. package/dist/components/pagebreak/index.js +6 -6
  94. package/dist/components/pagebreak/index.vue +67 -67
  95. package/dist/components/pagebreak/style.less +41 -41
  96. package/dist/components/password/index.js +8 -8
  97. package/dist/components/password/index.vue +64 -64
  98. package/dist/components/popover/index.js +8 -8
  99. package/dist/components/popover/index.vue +100 -100
  100. package/dist/components/popover/style.less +346 -346
  101. package/dist/components/popover/vue-popover.vue +314 -314
  102. package/dist/components/popup/index.js +7 -7
  103. package/dist/components/popup/index.vue +165 -165
  104. package/dist/components/popup/style.less +78 -78
  105. package/dist/components/radio/index.js +8 -8
  106. package/dist/components/radio/index.vue +184 -184
  107. package/dist/components/radio/style.less +300 -300
  108. package/dist/components/radio-group/index.js +7 -7
  109. package/dist/components/radio-group/index.vue +62 -62
  110. package/dist/components/result/index.js +8 -8
  111. package/dist/components/result/index.vue +73 -73
  112. package/dist/components/result/style.less +43 -43
  113. package/dist/components/search/index.js +8 -8
  114. package/dist/components/search/index.vue +70 -70
  115. package/dist/components/selector/index.js +8 -8
  116. package/dist/components/selector/index.vue +161 -161
  117. package/dist/components/selector/style.less +484 -484
  118. package/dist/components/skeleton/index.js +6 -6
  119. package/dist/components/skeleton/index.vue +207 -207
  120. package/dist/components/skeleton/style.less +196 -196
  121. package/dist/components/slider/draggable.js +49 -49
  122. package/dist/components/slider/index.js +6 -6
  123. package/dist/components/slider/index.vue +167 -167
  124. package/dist/components/slider/style.less +99 -99
  125. package/dist/components/slider/utils.js +59 -59
  126. package/dist/components/step/index.js +7 -7
  127. package/dist/components/step/index.vue +48 -48
  128. package/dist/components/step/style.less +66 -66
  129. package/dist/components/step-item/index.js +7 -7
  130. package/dist/components/step-item/index.vue +126 -126
  131. package/dist/components/step-item/style.less +399 -399
  132. package/dist/components/stepper/index.js +8 -8
  133. package/dist/components/stepper/index.vue +150 -150
  134. package/dist/components/style/index.vue +42 -42
  135. package/dist/components/switch/index.js +8 -8
  136. package/dist/components/switch/index.vue +72 -72
  137. package/dist/components/switch/style.less +56 -56
  138. package/dist/components/tab/index.js +7 -7
  139. package/dist/components/tab/index.vue +97 -97
  140. package/dist/components/tabs/index.js +8 -8
  141. package/dist/components/tabs/index.vue +356 -356
  142. package/dist/components/tabs/style.less +504 -504
  143. package/dist/components/tag/index.js +6 -6
  144. package/dist/components/tag/index.vue +64 -64
  145. package/dist/components/tag/style.less +210 -210
  146. package/dist/components/title/index.js +8 -8
  147. package/dist/components/title/index.vue +99 -99
  148. package/dist/components/title/style.less +187 -187
  149. package/dist/components/toast/index.js +139 -139
  150. package/dist/components/toast/index.vue +50 -50
  151. package/dist/components/toast/style.less +58 -58
  152. package/dist/components/transition/index.js +8 -8
  153. package/dist/components/transition/index.vue +13 -13
  154. package/dist/components/transition/style.less +208 -208
  155. package/dist/components/upload/index.js +6 -6
  156. package/dist/components/upload/index.vue +106 -106
  157. package/dist/components/upload/style.less +147 -147
  158. package/dist/components/utils/assist.js +34 -34
  159. package/dist/components/utils/env.js +21 -21
  160. package/dist/locale/ar.js +97 -97
  161. package/dist/locale/en.js +97 -97
  162. package/dist/locale/zh.js +97 -97
  163. package/dist/token.css +9 -9
  164. package/dist/vdesign-ui.common.js +83 -83
  165. package/dist/vdesign-ui.umd.js +83 -83
  166. package/package.json +113 -113
package/dist/components/headnav/style.less CHANGED
@@ -1,232 +1,232 @@
1
- @headnav-prefix-cls: vd-head-nav;
2
-
3
-
4
- .@{headnav-prefix-cls} {
5
- position: relative;
6
- display: flex;
7
- align-items: center;
8
- justify-content: center;
9
- height: var(--height-headnav-primary);
10
- padding: 0 var(--spacing-headnav-padding_y);
11
-
12
- &--fixed {
13
- top: 0;
14
- left: 0;
15
- width: 100%;
16
- position: fixed;
17
- z-index: 1;
18
- }
19
-
20
- &--safe-area-inset-top {
21
- padding-top: constant(safe-area-inset-top);
22
- padding-top: env(safe-area-inset-top);
23
- }
24
-
25
- &__title {
26
- max-width: 100%;
27
- font-size: var(--en-single-f-f-b-fontSize);
28
- font-weight: var(--en-single-f-f-b-fontWeight);
29
- color: var(--color-headnav-title);
30
- }
31
-
32
- &--left {
33
- position: absolute;
34
- left: var(--spacing-headnav-padding_y);
35
- top: 0;
36
- bottom: 0;
37
- display: flex;
38
- justify-content: center;
39
- align-items: center;
40
- gap: var(--spacing-headnav-icon-margin_left);
41
- }
42
-
43
- &--right {
44
- position: absolute;
45
- right: var(--spacing-headnav-padding_y);
46
- top: 0;
47
- bottom: 0;
48
- display: flex;
49
- justify-content: center;
50
- align-items: center;
51
- gap: var(--spacing-headnav-icon-margin_left);
52
- }
53
-
54
-
55
- &--normal {
56
- height: var(--height-headnav-secondary);
57
-
58
- .@{headnav-prefix-cls} {
59
- &__title--normal {
60
- font-size: var(--en-single-f-e-s-fontSize);
61
- font-weight: var(--en-single-f-e-s-fontWeight);
62
- color: var(--color-headnav-title);
63
- }
64
- }
65
-
66
- .vd-selector-l__title {
67
- overflow: hidden;
68
- white-space: nowrap;
69
- text-overflow: ellipsis;
70
- font-size: var(--en-single-f-e-s-fontSize);
71
- font-weight: var(--en-single-f-e-s-fontWeight);
72
- }
73
-
74
- .vd-selector-s__title {
75
- font-size: var(--en-single-f-c-r-fontSize);
76
- font-weight: var(--en-single-f-c-r-fontWeight);
77
- color: var(--color-headnav-title);
78
- }
79
- }
80
-
81
-
82
-
83
- &__content {
84
- flex: 1;
85
- max-width: 60%;
86
- position: relative;
87
- display: flex;
88
- justify-content: center;
89
- flex-direction: column;
90
- align-items: center;
91
- margin: 0 var(--spacing-headnav-title-margin_y);
92
-
93
- &--start {
94
- flex: 1;
95
- max-width: 100%;
96
- align-items: flex-start;
97
- padding-inline-end: var(--spacing-headnav-title-margin_right);
98
- }
99
-
100
- .vd-selector {
101
- &-xl__title {
102
- white-space: nowrap;
103
- overflow: hidden;
104
- text-overflow: ellipsis;
105
- }
106
- }
107
-
108
- &--selector {
109
- max-width: 100%;
110
- padding-inline-start: 20px;
111
- }
112
- }
113
-
114
-
115
- &__icontype{
116
- display: flex;
117
- }
118
-
119
- &__left-title {
120
- font-size: var(--en-single-f-f-b-fontSize);
121
- font-weight: var(--en-single-f-f-b-fontWeight);
122
- color: var(--color-headnav-title);
123
- }
124
-
125
- &__edit-left-text {
126
- font-size: var(--en-single-f-d-r-fontSize);
127
- font-weight: var(--en-single-f-d-r-fontWeight);
128
- color: var(--color-headnav-title);
129
- }
130
-
131
- &__edit-right-text {
132
- font-size: var(--en-single-f-d-s-fontSize);
133
- font-weight: var(--en-single-f-d-s-fontWeight);
134
- color: var(--primary-color);
135
- }
136
-
137
- &__account-text {
138
- font-size: var(--en-single-f-d-r-fontSize);
139
- font-weight: var(--en-single-f-d-r-fontWeight);
140
- color: var(--color-headnav-title);
141
- }
142
-
143
- &__account-type {
144
- font-size: var(--en-single-f-c-r-fontSize);
145
- font-weight: var(--en-single-f-c-r-fontWeight);
146
- color: var(--color-headnav-title);
147
-
148
- &--icon {
149
- font-size: var(--icon-selector-s);
150
- margin-inline-end: var(--spacing-selector-s-margin_y);
151
- }
152
- }
153
-
154
-
155
- &__icon {
156
- display: flex;
157
-
158
- .vd-iconfont {
159
- font-size: var(--icon-large);
160
- color: var(--color-headnav-icon);
161
- }
162
- }
163
-
164
- &__time {
165
- margin-inline-start: var(--spacing-headnav-primary-text-margin_right);
166
- font-size: var(--en-single-f-a-r-fontSize);
167
- font-weight: var(--en-single-f-a-r-fontWeight);
168
- color: var(--color-headnav-text_delayed);
169
- }
170
-
171
- &__info {
172
- position: absolute;
173
- left: 0;
174
- right: 0;
175
- bottom: 8px;
176
- display: flex;
177
- align-items: center;
178
- justify-content: center;
179
- }
180
-
181
-
182
- &__description {
183
- margin-block-start: var(--spacing-headnav-text_description-margin_top);
184
- font-size: var(--en-single-f-c-r-fontSize);
185
- font-weight: var(--en-single-f-c-r-fontWeight);
186
- color: var(--color-headnav-text_description);
187
- }
188
-
189
- &__stock {
190
- display: flex;
191
- align-items: center;
192
- font-size: var(--en-single-f-b-r-fontSize);
193
- font-weight: var(--en-single-f-b-r-fontWeight);
194
-
195
- &--rise {
196
- color: var(--rise-color);
197
- }
198
-
199
- &--fall {
200
- color: var(--fall-color);
201
- }
202
-
203
- span {
204
- margin-inline-end: var(--spacing-headnav-primary-dot-margin_right);
205
- }
206
- }
207
- }
208
-
209
-
210
-
211
- [lang|='ar'] , [dir='rtl']{
212
- .@{headnav-prefix-cls} {
213
- &--left {
214
- position: absolute;
215
- left: auto;
216
- right: var(--spacing-headnav-padding_y);
217
-
218
- }
219
-
220
- &--right {
221
- position: absolute;
222
- left: var(--spacing-headnav-padding_y);
223
- right: auto;
224
- }
225
- }
226
-
227
- .vd-head-nav__icon {
228
- .vd-icon-icon_nav_back{
229
- transform: scaleX(-1);
230
- }
231
- }
1
+ @headnav-prefix-cls: vd-head-nav;
2
+
3
+
4
+ .@{headnav-prefix-cls} {
5
+ position: relative;
6
+ display: flex;
7
+ align-items: center;
8
+ justify-content: center;
9
+ height: var(--height-headnav-primary);
10
+ padding: 0 var(--spacing-headnav-padding_y);
11
+
12
+ &--fixed {
13
+ top: 0;
14
+ left: 0;
15
+ width: 100%;
16
+ position: fixed;
17
+ z-index: 1;
18
+ }
19
+
20
+ &--safe-area-inset-top {
21
+ padding-top: constant(safe-area-inset-top);
22
+ padding-top: env(safe-area-inset-top);
23
+ }
24
+
25
+ &__title {
26
+ max-width: 100%;
27
+ font-size: var(--en-single-f-f-b-fontSize);
28
+ font-weight: var(--en-single-f-f-b-fontWeight);
29
+ color: var(--color-headnav-title);
30
+ }
31
+
32
+ &--left {
33
+ position: absolute;
34
+ left: var(--spacing-headnav-padding_y);
35
+ top: 0;
36
+ bottom: 0;
37
+ display: flex;
38
+ justify-content: center;
39
+ align-items: center;
40
+ gap: var(--spacing-headnav-icon-margin_left);
41
+ }
42
+
43
+ &--right {
44
+ position: absolute;
45
+ right: var(--spacing-headnav-padding_y);
46
+ top: 0;
47
+ bottom: 0;
48
+ display: flex;
49
+ justify-content: center;
50
+ align-items: center;
51
+ gap: var(--spacing-headnav-icon-margin_left);
52
+ }
53
+
54
+
55
+ &--normal {
56
+ height: var(--height-headnav-secondary);
57
+
58
+ .@{headnav-prefix-cls} {
59
+ &__title--normal {
60
+ font-size: var(--en-single-f-e-s-fontSize);
61
+ font-weight: var(--en-single-f-e-s-fontWeight);
62
+ color: var(--color-headnav-title);
63
+ }
64
+ }
65
+
66
+ .vd-selector-l__title {
67
+ overflow: hidden;
68
+ white-space: nowrap;
69
+ text-overflow: ellipsis;
70
+ font-size: var(--en-single-f-e-s-fontSize);
71
+ font-weight: var(--en-single-f-e-s-fontWeight);
72
+ }
73
+
74
+ .vd-selector-s__title {
75
+ font-size: var(--en-single-f-c-r-fontSize);
76
+ font-weight: var(--en-single-f-c-r-fontWeight);
77
+ color: var(--color-headnav-title);
78
+ }
79
+ }
80
+
81
+
82
+
83
+ &__content {
84
+ flex: 1;
85
+ max-width: 60%;
86
+ position: relative;
87
+ display: flex;
88
+ justify-content: center;
89
+ flex-direction: column;
90
+ align-items: center;
91
+ margin: 0 var(--spacing-headnav-title-margin_y);
92
+
93
+ &--start {
94
+ flex: 1;
95
+ max-width: 100%;
96
+ align-items: flex-start;
97
+ padding-inline-end: var(--spacing-headnav-title-margin_right);
98
+ }
99
+
100
+ .vd-selector {
101
+ &-xl__title {
102
+ white-space: nowrap;
103
+ overflow: hidden;
104
+ text-overflow: ellipsis;
105
+ }
106
+ }
107
+
108
+ &--selector {
109
+ max-width: 100%;
110
+ padding-inline-start: 20px;
111
+ }
112
+ }
113
+
114
+
115
+ &__icontype{
116
+ display: flex;
117
+ }
118
+
119
+ &__left-title {
120
+ font-size: var(--en-single-f-f-b-fontSize);
121
+ font-weight: var(--en-single-f-f-b-fontWeight);
122
+ color: var(--color-headnav-title);
123
+ }
124
+
125
+ &__edit-left-text {
126
+ font-size: var(--en-single-f-d-r-fontSize);
127
+ font-weight: var(--en-single-f-d-r-fontWeight);
128
+ color: var(--color-headnav-title);
129
+ }
130
+
131
+ &__edit-right-text {
132
+ font-size: var(--en-single-f-d-s-fontSize);
133
+ font-weight: var(--en-single-f-d-s-fontWeight);
134
+ color: var(--primary-color);
135
+ }
136
+
137
+ &__account-text {
138
+ font-size: var(--en-single-f-d-r-fontSize);
139
+ font-weight: var(--en-single-f-d-r-fontWeight);
140
+ color: var(--color-headnav-title);
141
+ }
142
+
143
+ &__account-type {
144
+ font-size: var(--en-single-f-c-r-fontSize);
145
+ font-weight: var(--en-single-f-c-r-fontWeight);
146
+ color: var(--color-headnav-title);
147
+
148
+ &--icon {
149
+ font-size: var(--icon-selector-s);
150
+ margin-inline-end: var(--spacing-selector-s-margin_y);
151
+ }
152
+ }
153
+
154
+
155
+ &__icon {
156
+ display: flex;
157
+
158
+ .vd-iconfont {
159
+ font-size: var(--icon-large);
160
+ color: var(--color-headnav-icon);
161
+ }
162
+ }
163
+
164
+ &__time {
165
+ margin-inline-start: var(--spacing-headnav-primary-text-margin_right);
166
+ font-size: var(--en-single-f-a-r-fontSize);
167
+ font-weight: var(--en-single-f-a-r-fontWeight);
168
+ color: var(--color-headnav-text_delayed);
169
+ }
170
+
171
+ &__info {
172
+ position: absolute;
173
+ left: 0;
174
+ right: 0;
175
+ bottom: 8px;
176
+ display: flex;
177
+ align-items: center;
178
+ justify-content: center;
179
+ }
180
+
181
+
182
+ &__description {
183
+ margin-block-start: var(--spacing-headnav-text_description-margin_top);
184
+ font-size: var(--en-single-f-c-r-fontSize);
185
+ font-weight: var(--en-single-f-c-r-fontWeight);
186
+ color: var(--color-headnav-text_description);
187
+ }
188
+
189
+ &__stock {
190
+ display: flex;
191
+ align-items: center;
192
+ font-size: var(--en-single-f-b-r-fontSize);
193
+ font-weight: var(--en-single-f-b-r-fontWeight);
194
+
195
+ &--rise {
196
+ color: var(--rise-color);
197
+ }
198
+
199
+ &--fall {
200
+ color: var(--fall-color);
201
+ }
202
+
203
+ span {
204
+ margin-inline-end: var(--spacing-headnav-primary-dot-margin_right);
205
+ }
206
+ }
207
+ }
208
+
209
+
210
+
211
+ [lang|='ar'] , [dir='rtl']{
212
+ .@{headnav-prefix-cls} {
213
+ &--left {
214
+ position: absolute;
215
+ left: auto;
216
+ right: var(--spacing-headnav-padding_y);
217
+
218
+ }
219
+
220
+ &--right {
221
+ position: absolute;
222
+ left: var(--spacing-headnav-padding_y);
223
+ right: auto;
224
+ }
225
+ }
226
+
227
+ .vd-head-nav__icon {
228
+ .vd-icon-icon_nav_back{
229
+ transform: scaleX(-1);
230
+ }
231
+ }
232
232
  }