bri-components 1.5.21 → 1.6.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 (153) hide show
  1. package/README.md +83 -83
  2. package/lib/styles/bundle.css +12 -12
  3. package/lib/styles/font/fontello.svg +31 -31
  4. package/package.json +125 -125
  5. package/src/components/Error/Error403.vue +42 -42
  6. package/src/components/Error/Error404.vue +40 -40
  7. package/src/components/Error/Error500.vue +51 -51
  8. package/src/components/Error/error.less +162 -162
  9. package/src/components/Error/errorBack.vue +40 -40
  10. package/src/components/controls/DshControlInput.vue +195 -195
  11. package/src/components/controls/base/BriUpload/BriUpload.vue +434 -434
  12. package/src/components/controls/base/BriUpload/BriUploadImage.vue +377 -377
  13. package/src/components/controls/base/BriUpload/uploadList.vue +727 -727
  14. package/src/components/controls/base/BriUpload/uploadMixin.js +446 -446
  15. package/src/components/controls/base/DshCascader/DshCascader.vue +215 -215
  16. package/src/components/controls/base/DshCascader/components/cascaderModal.vue +366 -366
  17. package/src/components/controls/base/DshCascader/components/cascaderPicker.vue +416 -416
  18. package/src/components/controls/base/DshCascader/components/cascaderSimple.vue +141 -141
  19. package/src/components/controls/base/DshCascader/components/cascaderTree.vue +151 -151
  20. package/src/components/controls/base/DshCoordinates.vue +585 -577
  21. package/src/components/controls/base/DshDate/DshDate.vue +191 -191
  22. package/src/components/controls/base/DshDate/DshDaterange.vue +186 -186
  23. package/src/components/controls/base/DshDivider.vue +201 -201
  24. package/src/components/controls/base/DshEditor.vue +274 -274
  25. package/src/components/controls/base/DshInput/BriInputs.vue +166 -166
  26. package/src/components/controls/base/DshInput/DshInput.vue +260 -260
  27. package/src/components/controls/base/DshNumber/BriInputNumber/BriInputNumber.vue +435 -435
  28. package/src/components/controls/base/DshNumber/BriInputNumber/mixins/emitter.js +34 -34
  29. package/src/components/controls/base/DshNumber/BriInputNumber/mixins/form.js +14 -14
  30. package/src/components/controls/base/DshNumber/BriInputNumber/utils/assist.js +322 -322
  31. package/src/components/controls/base/DshNumber/DshNumber.vue +143 -143
  32. package/src/components/controls/base/DshNumber/DshNumberange.vue +109 -109
  33. package/src/components/controls/base/DshSelect/DshCheckbox.vue +168 -168
  34. package/src/components/controls/base/DshSelect/DshSelect.vue +180 -180
  35. package/src/components/controls/base/DshSelect/DshSelectAll.vue +269 -269
  36. package/src/components/controls/base/DshSwitch/DshSwitch.vue +115 -115
  37. package/src/components/controls/control.less +324 -324
  38. package/src/components/controls/controlMap.js +117 -117
  39. package/src/components/controls/extra/DshColor.vue +81 -81
  40. package/src/components/controls/extra/DshThemeColor.vue +100 -100
  41. package/src/components/controls/extra/DshThemeIcon.vue +122 -122
  42. package/src/components/controls/mixins/cascaderMixin.js +325 -325
  43. package/src/components/controls/mixins/cascaderPickerMixin.js +227 -227
  44. package/src/components/controls/mixins/cascaderTableMixin.js +130 -130
  45. package/src/components/controls/mixins/controlMixin.js +393 -393
  46. package/src/components/controls/mixins/dateMixin.js +149 -149
  47. package/src/components/controls/mixins/flatTableMixin.js +111 -111
  48. package/src/components/controls/mixins/numberMixin.js +112 -112
  49. package/src/components/controls/mixins/selectMixin.js +233 -233
  50. package/src/components/controls/mixins/switchMixin.js +87 -87
  51. package/src/components/controls/mixins/userAndDepartMixin.js +260 -260
  52. package/src/components/controls/senior/DshLabels.vue +333 -333
  53. package/src/components/controls/senior/DshPackage.vue +57 -57
  54. package/src/components/controls/senior/cascaderTable.vue +213 -213
  55. package/src/components/controls/senior/correlation.vue +135 -135
  56. package/src/components/controls/senior/flatTable.vue +138 -138
  57. package/src/components/controls/senior/selectDepartments.vue +399 -399
  58. package/src/components/controls/senior/selectUsers/departMenu.vue +293 -293
  59. package/src/components/controls/senior/selectUsers/selectUsers.vue +712 -712
  60. package/src/components/controls/special/DshBack.vue +42 -42
  61. package/src/components/controls/special/DshUndeveloped.vue +41 -41
  62. package/src/components/form/DshAdvSearch.vue +510 -510
  63. package/src/components/form/DshDefaultSearch.vue +260 -260
  64. package/src/components/form/DshForm.vue +494 -494
  65. package/src/components/form/searchMixin.js +376 -376
  66. package/src/components/list/BriCard.vue +95 -95
  67. package/src/components/list/BriTable.vue +205 -205
  68. package/src/components/list/BriTree.vue +529 -529
  69. package/src/components/list/BriTreeItem.vue +163 -163
  70. package/src/components/list/DshBox/DshBox.vue +219 -219
  71. package/src/components/list/DshBox/DshCard.vue +446 -446
  72. package/src/components/list/DshBox/DshCrossTable.vue +827 -827
  73. package/src/components/list/DshBox/DshList.vue +404 -404
  74. package/src/components/list/DshBox/DshPanel.vue +669 -669
  75. package/src/components/list/DshBox/DshSingleData.vue +119 -119
  76. package/src/components/list/DshBox/DshTable.vue +239 -239
  77. package/src/components/list/DshCascaderTable.vue +115 -115
  78. package/src/components/list/DshFlatTable.vue +337 -337
  79. package/src/components/list/DshPage.vue +194 -194
  80. package/src/components/list/DshTreeTable.vue +113 -113
  81. package/src/components/list/common/importModal.vue +243 -243
  82. package/src/components/list/common/quoteListModal.vue +206 -206
  83. package/src/components/list/mixins/DshCascaderTableMixin.js +278 -278
  84. package/src/components/list/mixins/DshFlatTableMixin.js +509 -509
  85. package/src/components/list/mixins/DshTreeTableMixin.js +286 -286
  86. package/src/components/list/mixins/tableBaseMixin.js +1653 -1653
  87. package/src/components/list/mixins/treeTableBaseMixin.js +145 -145
  88. package/src/components/other/BriAvatar.vue +166 -166
  89. package/src/components/other/BriCode.vue +125 -125
  90. package/src/components/other/BriCollapseTree.vue +207 -207
  91. package/src/components/other/BriGantt.vue +1087 -1087
  92. package/src/components/other/BriIframe.vue +116 -116
  93. package/src/components/other/BriLoading.vue +171 -171
  94. package/src/components/other/BriSvg.vue +27 -27
  95. package/src/components/other/DshColorPanel.vue +128 -128
  96. package/src/components/other/DshMenuNav.vue +188 -188
  97. package/src/components/small/BriButton.vue +71 -71
  98. package/src/components/small/BriDrawer.vue +169 -169
  99. package/src/components/small/BriTooltip.vue +87 -87
  100. package/src/components/small/DshBtnModal.vue +68 -68
  101. package/src/components/small/DshButtons.vue +324 -324
  102. package/src/components/small/DshDropdown.vue +225 -225
  103. package/src/components/small/DshIcons.vue +59 -59
  104. package/src/components/small/DshListRender.js +21 -21
  105. package/src/components/small/DshModal.vue +160 -160
  106. package/src/components/small/DshSteps.vue +141 -141
  107. package/src/components/small/DshTabs.vue +598 -598
  108. package/src/components/small/DshTabsSet.vue +309 -309
  109. package/src/components/small/DshTags.vue +251 -251
  110. package/src/components/small/DshTitle.vue +50 -50
  111. package/src/components/small/render.js +20 -20
  112. package/src/components/unit/DshFormUnit.vue +398 -398
  113. package/src/components/unit/DshListUnit.vue +115 -115
  114. package/src/components/unit/unitMixin.js +86 -86
  115. package/src/data/index.js +4 -4
  116. package/src/index.js +285 -285
  117. package/src/styles/bundle.css +12 -12
  118. package/src/styles/components/BriButton.less +307 -307
  119. package/src/styles/components/BriTable.less +344 -344
  120. package/src/styles/components/DshModal.less +257 -257
  121. package/src/styles/components/index.less +3 -3
  122. package/src/styles/global/animate.less +11 -11
  123. package/src/styles/global/base.less +45 -45
  124. package/src/styles/global/box.less +186 -186
  125. package/src/styles/global/control.less +122 -122
  126. package/src/styles/global/flex.less +282 -282
  127. package/src/styles/global/global.less +8 -8
  128. package/src/styles/global/text.less +59 -59
  129. package/src/styles/global/variables.less +85 -85
  130. package/src/styles/iconfont/iconfont.css +254 -254
  131. package/src/styles/iconfont/iconfont.json +422 -422
  132. package/src/styles/iconfont/iconfont.svg +137 -137
  133. package/src/styles/index.less +26 -26
  134. package/src/styles/reset-easytable.less +21 -21
  135. package/src/styles/reset-iview-controls.less +145 -145
  136. package/src/styles/reset-iview-other.less +49 -49
  137. package/src/styles/reset-iview-variables.less +43 -43
  138. package/src/styles/reset.less +45 -45
  139. package/src/utils/index.js +3 -5
  140. package/lib/0.bri-components.min.js +0 -1
  141. package/lib/1.bri-components.min.js +0 -1
  142. package/lib/10.bri-components.min.js +0 -1
  143. package/lib/11.bri-components.min.js +0 -1
  144. package/lib/2.bri-components.min.js +0 -1
  145. package/lib/3.bri-components.min.js +0 -1
  146. package/lib/4.bri-components.min.js +0 -1
  147. package/lib/5.bri-components.min.js +0 -1
  148. package/lib/6.bri-components.min.js +0 -1
  149. package/lib/7.bri-components.min.js +0 -1
  150. package/lib/8.bri-components.min.js +0 -1
  151. package/lib/9.bri-components.min.js +0 -1
  152. package/lib/bri-components.min.js +0 -18
  153. package/src/utils/table.js +0 -175
package/src/styles/global/flex.less CHANGED
@@ -1,282 +1,282 @@
1
- .dsh-flex () {
2
- display: -webkit-flex; /* Safari */
3
- display: flex;
4
- flex-direction: row;
5
- justify-content: center;
6
- align-items: center;
7
- }
8
-
9
- /* ---------- direction: row, align-items: center --------- */
10
- // .dsh-flex-center,
11
- // .dsh-flex-center-center,
12
- // .dsh-flex-row-center,
13
- .dsh-flex-row-center-center {
14
- .dsh-flex();
15
- }
16
- // .dsh-flex-start,
17
- // .dsh-flex-start-center,
18
- // .dsh-flex-row-start,
19
- .dsh-flex-row-start-center {
20
- .dsh-flex();
21
- justify-content: flex-start;
22
- }
23
- // .dsh-flex-end,
24
- // .dsh-flex-end-center,
25
- // .dsh-flex-row-end,
26
- .dsh-flex-row-end-center {
27
- .dsh-flex();
28
- justify-content: flex-end;
29
- }
30
- // .dsh-flex-between,
31
- // .dsh-flex-between-center,
32
- // .dsh-flex-row-between,
33
- .dsh-flex-row-between-center {
34
- .dsh-flex();
35
- justify-content: space-between;
36
- }
37
- // .dsh-flex-around,
38
- // .dsh-flex-around-center,
39
- // .dsh-flex-row-around,
40
- .dsh-flex-row-around-center {
41
- .dsh-flex();
42
- justify-content: space-around;;
43
- }
44
-
45
- /* ---------- direction: row, align-items: flex-start --------- */
46
- // .dsh-flex-center-start,
47
- .dsh-flex-row-center-start {
48
- .dsh-flex();
49
- // justify-content: center;
50
- align-items: flex-start;
51
- }
52
- // .dsh-flex-start-start,
53
- .dsh-flex-row-start-start {
54
- .dsh-flex-row-center-start();
55
- justify-content: flex-start;
56
- }
57
- // .dsh-flex-end-start,
58
- .dsh-flex-row-end-start {
59
- .dsh-flex-row-center-start();
60
- justify-content: flex-end;
61
- }
62
- // .dsh-flex-between-start,
63
- .dsh-flex-row-between-start {
64
- .dsh-flex-row-center-start();
65
- justify-content: space-between;
66
- }
67
- // .dsh-flex-around-start,
68
- .dsh-flex-row-around-start {
69
- .dsh-flex-row-center-start();
70
- justify-content: space-around;
71
- }
72
-
73
- /* ---------- direction: row, align-items: flex-end --------- */
74
- // .dsh-flex-center-end,
75
- .dsh-flex-row-center-end {
76
- .dsh-flex();
77
- // justify-content: center;
78
- align-items: flex-end;
79
- }
80
- // .dsh-flex-start-end,
81
- .dsh-flex-row-start-end {
82
- .dsh-flex-row-center-end();
83
- justify-content: flex-start;
84
- }
85
- // .dsh-flex-end-end,
86
- .dsh-flex-row-end-end {
87
- .dsh-flex-row-center-end();
88
- justify-content: flex-end;
89
- }
90
- // .dsh-flex-between-end,
91
- .dsh-flex-row-between-end {
92
- .dsh-flex-row-center-end();
93
- justify-content: space-between;
94
- }
95
- // .dsh-flex-around-end,
96
- .dsh-flex-row-around-end {
97
- .dsh-flex-row-center-end();
98
- justify-content: space-around;
99
- }
100
-
101
- /* ---------- direction: row, align-items: baseline --------- */
102
- // .dsh-flex-center-baseline,
103
- .dsh-flex-row-center-baseline {
104
- .dsh-flex();
105
- // justify-content: center;
106
- align-items: baseline;
107
- }
108
- // .dsh-flex-start-baseline,
109
- .dsh-flex-row-start-baseline {
110
- .dsh-flex-row-center-baseline();
111
- justify-content: flex-start;
112
- }
113
- // .dsh-flex-end-baseline,
114
- .dsh-flex-row-end-baseline {
115
- .dsh-flex-row-center-baseline();
116
- justify-content: flex-end;
117
- }
118
- // .dsh-flex-between-baseline,
119
- .dsh-flex-row-between-baseline {
120
- .dsh-flex-row-center-baseline();
121
- justify-content: space-between;
122
- }
123
- // .dsh-flex-around-baseline,
124
- .dsh-flex-row-around-baseline {
125
- .dsh-flex-row-center-baseline();
126
- justify-content: space-around;
127
- }
128
-
129
- /* ---------- direction: row, align-items: stretch --------- */
130
- // .dsh-flex-center-stretch,
131
- .dsh-flex-row-center-stretch {
132
- .dsh-flex();
133
- // justify-content: center;
134
- align-items: stretch;
135
- }
136
- // .dsh-flex-start-stretch,
137
- .dsh-flex-row-start-stretch {
138
- .dsh-flex-row-center-stretch();
139
- justify-content: flex-start;
140
- }
141
- // .dsh-flex-end-stretch,
142
- .dsh-flex-row-end-stretch {
143
- .dsh-flex-row-center-stretch();
144
- justify-content: flex-end;
145
- }
146
- // .dsh-flex-between-stretch,
147
- .dsh-flex-row-between-stretch {
148
- .dsh-flex-row-center-stretch();
149
- justify-content: space-between;
150
- }
151
- // .dsh-flex-around-stretch,
152
- .dsh-flex-row-around-stretch {
153
- .dsh-flex-row-center-stretch();
154
- justify-content: space-around;
155
- }
156
-
157
-
158
- .dsh-flex-col () {
159
- .dsh-flex();
160
- flex-direction: column;
161
- }
162
- /* ---------- direction: column, align-items: center --------- */
163
- // .dsh-flex-col-center,
164
- .dsh-flex-col-center-center {
165
- .dsh-flex-col();
166
- }
167
- // .dsh-flex-col-start,
168
- .dsh-flex-col-start-center {
169
- .dsh-flex-col();
170
- justify-content: flex-start;
171
- }
172
- // .dsh-flex-col-end,
173
- .dsh-flex-col-end-center {
174
- .dsh-flex-col();
175
- justify-content: flex-end;
176
- }
177
- // .dsh-flex-col-between,
178
- .dsh-flex-col-between-center {
179
- .dsh-flex-col();
180
- justify-content: space-between;
181
- }
182
- // .dsh-flex-col-around,
183
- .dsh-flex-col-around-center {
184
- .dsh-flex-col();
185
- justify-content: space-around;;
186
- }
187
-
188
- /* ---------- direction: column, align-items: flex-start --------- */
189
- .dsh-flex-col-center-start {
190
- .dsh-flex-col();
191
- // justify-content: center;
192
- align-items: flex-start;
193
- }
194
- .dsh-flex-col-start-start {
195
- .dsh-flex-col-center-start();
196
- justify-content: flex-start;
197
- }
198
- .dsh-flex-col-end-start {
199
- .dsh-flex-col-center-start();
200
- justify-content: flex-end;
201
- }
202
- .dsh-flex-col-between-start {
203
- .dsh-flex-col-center-start();
204
- justify-content: space-between;
205
- }
206
- .dsh-flex-col-around-start {
207
- .dsh-flex-col-center-start();
208
- justify-content: space-around;
209
- }
210
-
211
- /* ---------- direction: column, align-items: flex-end --------- */
212
- .dsh-flex-col-center-end {
213
- .dsh-flex-col();
214
- // justify-content: center;
215
- align-items: flex-end;
216
- }
217
- .dsh-flex-col-start-end {
218
- .dsh-flex-col-center-end();
219
- justify-content: flex-start;
220
- }
221
- .dsh-flex-col-end-end {
222
- .dsh-flex-col-center-end();
223
- justify-content: flex-end;
224
- }
225
- .dsh-flex-col-between-end {
226
- .dsh-flex-col-center-end();
227
- justify-content: space-between;
228
- }
229
- .dsh-flex-col-around-end {
230
- .dsh-flex-col-center-end();
231
- justify-content: space-around;
232
- }
233
-
234
- /* ---------- direction: column, align-items: baseline --------- */
235
- .dsh-flex-col-center-baseline {
236
- .dsh-flex-col();
237
- // justify-content: center;
238
- align-items: baseline;
239
- }
240
- .dsh-flex-col-start-baseline {
241
- .dsh-flex-col-center-baseline();
242
- justify-content: flex-start;
243
- }
244
- .dsh-flex-col-end-baseline {
245
- .dsh-flex-col-center-baseline();
246
- justify-content: flex-end;
247
- }
248
- .dsh-flex-col-between-baseline {
249
- .dsh-flex-col-center-baseline();
250
- justify-content: space-between;
251
- }
252
- .dsh-flex-col-around-baseline {
253
- .dsh-flex-col-center-baseline();
254
- justify-content: space-around;
255
- }
256
-
257
- /* ---------- direction: column, align-items: stretch --------- */
258
- .dsh-flex-col-center-stretch {
259
- .dsh-flex-col();
260
- // justify-content: center;
261
- align-items: stretch;
262
- }
263
- .dsh-flex-col-start-stretch {
264
- .dsh-flex-col-center-stretch();
265
- justify-content: flex-start;
266
- }
267
- .dsh-flex-col-end-stretch {
268
- .dsh-flex-col-center-stretch();
269
- justify-content: flex-end;
270
- }
271
- .dsh-flex-col-between-stretch {
272
- .dsh-flex-col-center-stretch();
273
- justify-content: space-between;
274
- }
275
- .dsh-flex-col-around-stretch {
276
- .dsh-flex-col-center-stretch();
277
- justify-content: space-around;
278
- }
279
-
280
-
281
-
282
-
1
+ .dsh-flex () {
2
+ display: -webkit-flex; /* Safari */
3
+ display: flex;
4
+ flex-direction: row;
5
+ justify-content: center;
6
+ align-items: center;
7
+ }
8
+
9
+ /* ---------- direction: row, align-items: center --------- */
10
+ // .dsh-flex-center,
11
+ // .dsh-flex-center-center,
12
+ // .dsh-flex-row-center,
13
+ .dsh-flex-row-center-center {
14
+ .dsh-flex();
15
+ }
16
+ // .dsh-flex-start,
17
+ // .dsh-flex-start-center,
18
+ // .dsh-flex-row-start,
19
+ .dsh-flex-row-start-center {
20
+ .dsh-flex();
21
+ justify-content: flex-start;
22
+ }
23
+ // .dsh-flex-end,
24
+ // .dsh-flex-end-center,
25
+ // .dsh-flex-row-end,
26
+ .dsh-flex-row-end-center {
27
+ .dsh-flex();
28
+ justify-content: flex-end;
29
+ }
30
+ // .dsh-flex-between,
31
+ // .dsh-flex-between-center,
32
+ // .dsh-flex-row-between,
33
+ .dsh-flex-row-between-center {
34
+ .dsh-flex();
35
+ justify-content: space-between;
36
+ }
37
+ // .dsh-flex-around,
38
+ // .dsh-flex-around-center,
39
+ // .dsh-flex-row-around,
40
+ .dsh-flex-row-around-center {
41
+ .dsh-flex();
42
+ justify-content: space-around;;
43
+ }
44
+
45
+ /* ---------- direction: row, align-items: flex-start --------- */
46
+ // .dsh-flex-center-start,
47
+ .dsh-flex-row-center-start {
48
+ .dsh-flex();
49
+ // justify-content: center;
50
+ align-items: flex-start;
51
+ }
52
+ // .dsh-flex-start-start,
53
+ .dsh-flex-row-start-start {
54
+ .dsh-flex-row-center-start();
55
+ justify-content: flex-start;
56
+ }
57
+ // .dsh-flex-end-start,
58
+ .dsh-flex-row-end-start {
59
+ .dsh-flex-row-center-start();
60
+ justify-content: flex-end;
61
+ }
62
+ // .dsh-flex-between-start,
63
+ .dsh-flex-row-between-start {
64
+ .dsh-flex-row-center-start();
65
+ justify-content: space-between;
66
+ }
67
+ // .dsh-flex-around-start,
68
+ .dsh-flex-row-around-start {
69
+ .dsh-flex-row-center-start();
70
+ justify-content: space-around;
71
+ }
72
+
73
+ /* ---------- direction: row, align-items: flex-end --------- */
74
+ // .dsh-flex-center-end,
75
+ .dsh-flex-row-center-end {
76
+ .dsh-flex();
77
+ // justify-content: center;
78
+ align-items: flex-end;
79
+ }
80
+ // .dsh-flex-start-end,
81
+ .dsh-flex-row-start-end {
82
+ .dsh-flex-row-center-end();
83
+ justify-content: flex-start;
84
+ }
85
+ // .dsh-flex-end-end,
86
+ .dsh-flex-row-end-end {
87
+ .dsh-flex-row-center-end();
88
+ justify-content: flex-end;
89
+ }
90
+ // .dsh-flex-between-end,
91
+ .dsh-flex-row-between-end {
92
+ .dsh-flex-row-center-end();
93
+ justify-content: space-between;
94
+ }
95
+ // .dsh-flex-around-end,
96
+ .dsh-flex-row-around-end {
97
+ .dsh-flex-row-center-end();
98
+ justify-content: space-around;
99
+ }
100
+
101
+ /* ---------- direction: row, align-items: baseline --------- */
102
+ // .dsh-flex-center-baseline,
103
+ .dsh-flex-row-center-baseline {
104
+ .dsh-flex();
105
+ // justify-content: center;
106
+ align-items: baseline;
107
+ }
108
+ // .dsh-flex-start-baseline,
109
+ .dsh-flex-row-start-baseline {
110
+ .dsh-flex-row-center-baseline();
111
+ justify-content: flex-start;
112
+ }
113
+ // .dsh-flex-end-baseline,
114
+ .dsh-flex-row-end-baseline {
115
+ .dsh-flex-row-center-baseline();
116
+ justify-content: flex-end;
117
+ }
118
+ // .dsh-flex-between-baseline,
119
+ .dsh-flex-row-between-baseline {
120
+ .dsh-flex-row-center-baseline();
121
+ justify-content: space-between;
122
+ }
123
+ // .dsh-flex-around-baseline,
124
+ .dsh-flex-row-around-baseline {
125
+ .dsh-flex-row-center-baseline();
126
+ justify-content: space-around;
127
+ }
128
+
129
+ /* ---------- direction: row, align-items: stretch --------- */
130
+ // .dsh-flex-center-stretch,
131
+ .dsh-flex-row-center-stretch {
132
+ .dsh-flex();
133
+ // justify-content: center;
134
+ align-items: stretch;
135
+ }
136
+ // .dsh-flex-start-stretch,
137
+ .dsh-flex-row-start-stretch {
138
+ .dsh-flex-row-center-stretch();
139
+ justify-content: flex-start;
140
+ }
141
+ // .dsh-flex-end-stretch,
142
+ .dsh-flex-row-end-stretch {
143
+ .dsh-flex-row-center-stretch();
144
+ justify-content: flex-end;
145
+ }
146
+ // .dsh-flex-between-stretch,
147
+ .dsh-flex-row-between-stretch {
148
+ .dsh-flex-row-center-stretch();
149
+ justify-content: space-between;
150
+ }
151
+ // .dsh-flex-around-stretch,
152
+ .dsh-flex-row-around-stretch {
153
+ .dsh-flex-row-center-stretch();
154
+ justify-content: space-around;
155
+ }
156
+
157
+
158
+ .dsh-flex-col () {
159
+ .dsh-flex();
160
+ flex-direction: column;
161
+ }
162
+ /* ---------- direction: column, align-items: center --------- */
163
+ // .dsh-flex-col-center,
164
+ .dsh-flex-col-center-center {
165
+ .dsh-flex-col();
166
+ }
167
+ // .dsh-flex-col-start,
168
+ .dsh-flex-col-start-center {
169
+ .dsh-flex-col();
170
+ justify-content: flex-start;
171
+ }
172
+ // .dsh-flex-col-end,
173
+ .dsh-flex-col-end-center {
174
+ .dsh-flex-col();
175
+ justify-content: flex-end;
176
+ }
177
+ // .dsh-flex-col-between,
178
+ .dsh-flex-col-between-center {
179
+ .dsh-flex-col();
180
+ justify-content: space-between;
181
+ }
182
+ // .dsh-flex-col-around,
183
+ .dsh-flex-col-around-center {
184
+ .dsh-flex-col();
185
+ justify-content: space-around;;
186
+ }
187
+
188
+ /* ---------- direction: column, align-items: flex-start --------- */
189
+ .dsh-flex-col-center-start {
190
+ .dsh-flex-col();
191
+ // justify-content: center;
192
+ align-items: flex-start;
193
+ }
194
+ .dsh-flex-col-start-start {
195
+ .dsh-flex-col-center-start();
196
+ justify-content: flex-start;
197
+ }
198
+ .dsh-flex-col-end-start {
199
+ .dsh-flex-col-center-start();
200
+ justify-content: flex-end;
201
+ }
202
+ .dsh-flex-col-between-start {
203
+ .dsh-flex-col-center-start();
204
+ justify-content: space-between;
205
+ }
206
+ .dsh-flex-col-around-start {
207
+ .dsh-flex-col-center-start();
208
+ justify-content: space-around;
209
+ }
210
+
211
+ /* ---------- direction: column, align-items: flex-end --------- */
212
+ .dsh-flex-col-center-end {
213
+ .dsh-flex-col();
214
+ // justify-content: center;
215
+ align-items: flex-end;
216
+ }
217
+ .dsh-flex-col-start-end {
218
+ .dsh-flex-col-center-end();
219
+ justify-content: flex-start;
220
+ }
221
+ .dsh-flex-col-end-end {
222
+ .dsh-flex-col-center-end();
223
+ justify-content: flex-end;
224
+ }
225
+ .dsh-flex-col-between-end {
226
+ .dsh-flex-col-center-end();
227
+ justify-content: space-between;
228
+ }
229
+ .dsh-flex-col-around-end {
230
+ .dsh-flex-col-center-end();
231
+ justify-content: space-around;
232
+ }
233
+
234
+ /* ---------- direction: column, align-items: baseline --------- */
235
+ .dsh-flex-col-center-baseline {
236
+ .dsh-flex-col();
237
+ // justify-content: center;
238
+ align-items: baseline;
239
+ }
240
+ .dsh-flex-col-start-baseline {
241
+ .dsh-flex-col-center-baseline();
242
+ justify-content: flex-start;
243
+ }
244
+ .dsh-flex-col-end-baseline {
245
+ .dsh-flex-col-center-baseline();
246
+ justify-content: flex-end;
247
+ }
248
+ .dsh-flex-col-between-baseline {
249
+ .dsh-flex-col-center-baseline();
250
+ justify-content: space-between;
251
+ }
252
+ .dsh-flex-col-around-baseline {
253
+ .dsh-flex-col-center-baseline();
254
+ justify-content: space-around;
255
+ }
256
+
257
+ /* ---------- direction: column, align-items: stretch --------- */
258
+ .dsh-flex-col-center-stretch {
259
+ .dsh-flex-col();
260
+ // justify-content: center;
261
+ align-items: stretch;
262
+ }
263
+ .dsh-flex-col-start-stretch {
264
+ .dsh-flex-col-center-stretch();
265
+ justify-content: flex-start;
266
+ }
267
+ .dsh-flex-col-end-stretch {
268
+ .dsh-flex-col-center-stretch();
269
+ justify-content: flex-end;
270
+ }
271
+ .dsh-flex-col-between-stretch {
272
+ .dsh-flex-col-center-stretch();
273
+ justify-content: space-between;
274
+ }
275
+ .dsh-flex-col-around-stretch {
276
+ .dsh-flex-col-center-stretch();
277
+ justify-content: space-around;
278
+ }
279
+
280
+
281
+
282
+
package/src/styles/global/global.less CHANGED
@@ -1,8 +1,8 @@
1
- @import "./variables.less"; // 变量
2
- @import "./animate.less"; // 动画样式
3
- @import "./box.less";
4
- @import "./text.less";
5
- @import "./flex.less";
6
- @import "./control.less";
7
- @import "./base.less";
8
-
1
+ @import "./variables.less"; // 变量
2
+ @import "./animate.less"; // 动画样式
3
+ @import "./box.less";
4
+ @import "./text.less";
5
+ @import "./flex.less";
6
+ @import "./control.less";
7
+ @import "./base.less";
8
+