element-assits 0.0.48 → 0.0.50

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/lib/style.scss CHANGED
@@ -128,6 +128,36 @@ $--color-border-extralight: #F2F6FC !default;
128
128
  transform: scaleY(0);
129
129
  }
130
130
 
131
+ .ea-select {
132
+ display: inline-block;
133
+ position: relative;
134
+ .el-select {
135
+ width: 100%;
136
+ }
137
+ .async-loading.el-icon-loading {
138
+ position: absolute;
139
+ top: 10px;
140
+ right: 28px;
141
+ color: #999;
142
+ }
143
+ }
144
+ .ea-select-popover {
145
+ .el-select-dropdown__item {
146
+ display: flex;
147
+ justify-content: space-between;
148
+ .select-item-value {
149
+ overflow: hidden;
150
+ text-overflow: ellipsis;
151
+ }
152
+ .select-item-desc {
153
+ overflow: hidden;
154
+ text-overflow: ellipsis;
155
+ color: #8492a6;
156
+ margin-left: 8px;
157
+ }
158
+ }
159
+ }
160
+
131
161
  .ea-data-table {
132
162
  .edt-row {
133
163
  display: flex;
@@ -185,6 +215,69 @@ $--color-border-extralight: #F2F6FC !default;
185
215
  }
186
216
  }
187
217
 
218
+ .ea-tree {
219
+ .ea-tree-real {
220
+ .el-tree-node > .el-tree-node__content{
221
+ border-radius: 4px;
222
+ }
223
+ .el-tree-node.is-current > .el-tree-node__content {
224
+ color: $--color-primary;
225
+ background-color: rgba($--color-primary, 0.1);
226
+ }
227
+ }
228
+ }
229
+
230
+ .ea-split-container {
231
+ display: flex;
232
+ &.is-down {
233
+ user-select: none;
234
+ }
235
+ .sc-left {
236
+ flex-grow: 1;
237
+ flex-shrink: 1;
238
+ }
239
+ .sc-right {
240
+ flex-grow: 1;
241
+ flex-shrink: 1;
242
+ }
243
+ .sc-center {
244
+ flex-grow: 0;
245
+ flex-shrink: 0;
246
+ position: relative;
247
+ }
248
+ .sc-bamboo {
249
+ width: 8px;
250
+ height: 100%;
251
+ border: 1px solid #DCDEE2;
252
+ border-top: none;
253
+ border-bottom: none;
254
+ background-color: #F8F8F9;
255
+ cursor: col-resize;
256
+ user-select: none;
257
+ display: flex;
258
+ flex-direction: column;
259
+ justify-content: center;
260
+ align-items: center;
261
+ margin: 0 16px;
262
+ .sc-texture {
263
+ width: 4px;
264
+ height: 1px;
265
+ background: rgba(23, 35, 61, .25);
266
+ margin-top: 3px;
267
+ }
268
+ }
269
+ .sc-on-bamboo {
270
+ position: absolute;
271
+ top: 50%;
272
+ left: 50%;
273
+ transform: translate(-50%, -50%);
274
+ background-color: #FFF;
275
+ display: flex;
276
+ justify-content: center;
277
+ align-items: center;
278
+ }
279
+ }
280
+
188
281
  .ea-button-tooltip + .ea-button-tooltip {
189
282
  margin-left: 10px;
190
283
  }
@@ -250,111 +343,10 @@ td {
250
343
  }
251
344
  }
252
345
 
253
- .ea-select {
254
- display: inline-block;
255
- position: relative;
256
- .el-select {
257
- width: 100%;
258
- }
259
- .async-loading.el-icon-loading {
260
- position: absolute;
261
- top: 10px;
262
- right: 28px;
263
- color: #999;
264
- }
265
- }
266
- .ea-select-popover {
267
- .el-select-dropdown__item {
268
- display: flex;
269
- justify-content: space-between;
270
- .select-item-value {
271
- overflow: hidden;
272
- text-overflow: ellipsis;
273
- }
274
- .select-item-desc {
275
- overflow: hidden;
276
- text-overflow: ellipsis;
277
- color: #8492a6;
278
- margin-left: 8px;
279
- }
280
- }
281
- }
282
-
283
- .ea-tree {
284
- .ea-tree-real {
285
- .el-tree-node > .el-tree-node__content{
286
- border-radius: 4px;
287
- }
288
- .el-tree-node.is-current > .el-tree-node__content {
289
- color: $--color-primary;
290
- background-color: rgba($--color-primary, 0.1);
291
- }
292
- }
293
- }
294
-
295
- .ea-split-container {
296
- display: flex;
297
- &.is-down {
298
- user-select: none;
299
- }
300
- .sc-left {
301
- flex-grow: 1;
302
- flex-shrink: 1;
303
- }
304
- .sc-right {
305
- flex-grow: 1;
306
- flex-shrink: 1;
307
- }
308
- .sc-center {
309
- flex-grow: 0;
310
- flex-shrink: 0;
311
- position: relative;
312
- }
313
- .sc-bamboo {
314
- width: 8px;
315
- height: 100%;
316
- border: 1px solid #DCDEE2;
317
- border-top: none;
318
- border-bottom: none;
319
- background-color: #F8F8F9;
320
- cursor: col-resize;
321
- user-select: none;
322
- display: flex;
323
- flex-direction: column;
324
- justify-content: center;
325
- align-items: center;
326
- margin: 0 16px;
327
- .sc-texture {
328
- width: 4px;
329
- height: 1px;
330
- background: rgba(23, 35, 61, .25);
331
- margin-top: 3px;
332
- }
333
- }
334
- .sc-on-bamboo {
335
- position: absolute;
336
- top: 50%;
337
- left: 50%;
338
- transform: translate(-50%, -50%);
339
- background-color: #FFF;
340
- display: flex;
341
- justify-content: center;
342
- align-items: center;
343
- }
344
- }
345
-
346
346
  .ea-number .el-input__inner {
347
347
  text-align: left;
348
348
  }
349
349
 
350
- .ea-list {
351
- .loading-text {
352
- color: $--color-secondary-text;
353
- text-align: center;
354
- font-size: inherit;
355
- }
356
- }
357
-
358
350
  .ea-desc {
359
351
  font-size: 14px;
360
352
  &__title {
@@ -399,6 +391,41 @@ td {
399
391
  }
400
392
  }
401
393
 
394
+ .ea-list {
395
+ .loading-text {
396
+ color: $--color-secondary-text;
397
+ text-align: center;
398
+ font-size: inherit;
399
+ }
400
+ }
401
+
402
+ .file-upload-dialog {
403
+ // 拖拽区域铺满
404
+ .el-upload,
405
+ .el-upload .el-upload-dragger {
406
+ width: 100%;
407
+ }
408
+ // 文件列表项边框
409
+ .el-upload-list {
410
+ .el-upload-list__item {
411
+ border: 1px dashed #aaa;
412
+ .el-icon-close {
413
+ display: inline-block;
414
+ }
415
+ }
416
+ }
417
+ // 清除文件列表变动过渡动画
418
+ .el-list-enter,
419
+ .el-list-enter-active,
420
+ .el-list-enter-to,
421
+ .el-list-leave,
422
+ .el-list-leave-active,
423
+ .el-list-leave-to {
424
+ -webkit-transition: none !important;
425
+ transition: none !important;
426
+ }
427
+ }
428
+
402
429
  .ea-data-tree-body {
403
430
  &.ea-data-tree-body__border {
404
431
  border: 1px solid $--color-border-light;
@@ -456,33 +483,6 @@ td {
456
483
  color: $--color-secondary-text;
457
484
  }
458
485
 
459
- .file-upload-dialog {
460
- // 拖拽区域铺满
461
- .el-upload,
462
- .el-upload .el-upload-dragger {
463
- width: 100%;
464
- }
465
- // 文件列表项边框
466
- .el-upload-list {
467
- .el-upload-list__item {
468
- border: 1px dashed #aaa;
469
- .el-icon-close {
470
- display: inline-block;
471
- }
472
- }
473
- }
474
- // 清除文件列表变动过渡动画
475
- .el-list-enter,
476
- .el-list-enter-active,
477
- .el-list-enter-to,
478
- .el-list-leave,
479
- .el-list-leave-active,
480
- .el-list-leave-to {
481
- -webkit-transition: none !important;
482
- transition: none !important;
483
- }
484
- }
485
-
486
486
  .vjs-table {
487
487
  position: relative;
488
488
  overflow: hidden;
@@ -772,23 +772,6 @@ td {
772
772
  margin-bottom: 8px !important;
773
773
  }
774
774
 
775
- .ea-form .el-form-item__content {
776
- & > .el-input-number,
777
- & > .el-input,
778
- & > .ea-select,
779
- & > .el-select {
780
- width: 100%;
781
- }
782
- }
783
- .ea-form .el-form-item.hidden-label {
784
- > .el-form-item__label {
785
- display: none;
786
- }
787
- > .el-form-item__content {
788
- width: 100%;
789
- }
790
- }
791
-
792
775
  .ea-select-container {
793
776
  display: flex;
794
777
  justify-content: flex-start;
@@ -829,6 +812,23 @@ td {
829
812
  }
830
813
  }
831
814
 
815
+ .ea-form .el-form-item__content {
816
+ & > .el-input-number,
817
+ & > .el-input,
818
+ & > .ea-select,
819
+ & > .el-select {
820
+ width: 100%;
821
+ }
822
+ }
823
+ .ea-form .el-form-item.hidden-label {
824
+ > .el-form-item__label {
825
+ display: none;
826
+ }
827
+ > .el-form-item__content {
828
+ width: 100%;
829
+ }
830
+ }
831
+
832
832
  .ea-switch-mini {
833
833
  .el-switch__core {
834
834
  width: 30px !important;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "element-assits",
3
- "version": "0.0.48",
3
+ "version": "0.0.50",
4
4
  "description": "element-ui 的扩展组件库",
5
5
  "main": "lib/index.js",
6
6
  "type": "module",