element-assits 0.0.44 → 0.0.46

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,36 +128,6 @@ $--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
-
161
131
  .ea-data-table {
162
132
  .edt-row {
163
133
  display: flex;
@@ -197,6 +167,36 @@ $--color-border-extralight: #F2F6FC !default;
197
167
  }
198
168
  }
199
169
 
170
+ .ea-select {
171
+ display: inline-block;
172
+ position: relative;
173
+ .el-select {
174
+ width: 100%;
175
+ }
176
+ .async-loading.el-icon-loading {
177
+ position: absolute;
178
+ top: 10px;
179
+ right: 28px;
180
+ color: #999;
181
+ }
182
+ }
183
+ .ea-select-popover {
184
+ .el-select-dropdown__item {
185
+ display: flex;
186
+ justify-content: space-between;
187
+ .select-item-value {
188
+ overflow: hidden;
189
+ text-overflow: ellipsis;
190
+ }
191
+ .select-item-desc {
192
+ overflow: hidden;
193
+ text-overflow: ellipsis;
194
+ color: #8492a6;
195
+ margin-left: 8px;
196
+ }
197
+ }
198
+ }
199
+
200
200
  .el-dialog.ea-modal {
201
201
  &.is-closing {
202
202
  margin: 0 0 50px !important;
@@ -280,6 +280,22 @@ td {
280
280
  }
281
281
  }
282
282
 
283
+ .ea-number .el-input__inner {
284
+ text-align: left;
285
+ }
286
+
287
+ .ea-tree {
288
+ .ea-tree-real {
289
+ .el-tree-node > .el-tree-node__content{
290
+ border-radius: 4px;
291
+ }
292
+ .el-tree-node.is-current > .el-tree-node__content {
293
+ color: $--color-primary;
294
+ background-color: rgba($--color-primary, 0.1);
295
+ }
296
+ }
297
+ }
298
+
283
299
  .ea-split-container {
284
300
  display: flex;
285
301
  &.is-down {
@@ -331,26 +347,6 @@ td {
331
347
  }
332
348
  }
333
349
 
334
- .ea-tree {
335
- .ea-tree-real {
336
- .el-tree-node > .el-tree-node__content{
337
- border-radius: 4px;
338
- }
339
- .el-tree-node.is-current > .el-tree-node__content {
340
- color: $--color-primary;
341
- background-color: rgba($--color-primary, 0.1);
342
- }
343
- }
344
- }
345
-
346
- .ea-list {
347
- .loading-text {
348
- color: $--color-secondary-text;
349
- text-align: center;
350
- font-size: inherit;
351
- }
352
- }
353
-
354
350
  .ea-desc {
355
351
  font-size: 14px;
356
352
  &__title {
@@ -395,65 +391,39 @@ td {
395
391
  }
396
392
  }
397
393
 
398
- .ea-number .el-input__inner {
399
- text-align: left;
400
- }
401
-
402
- .ea-data-tree-body {
403
- &.ea-data-tree-body__border {
404
- border: 1px solid $--color-border-light;
394
+ .ea-list {
395
+ .loading-text {
396
+ color: $--color-secondary-text;
397
+ text-align: center;
398
+ font-size: inherit;
405
399
  }
406
400
  }
407
401
 
408
- .ea-data-tree-row {
409
- height: 32px;
410
- line-height: 32px;
411
- display: flex;
412
- justify-content: flex-start;
413
- position: relative;
414
- padding-left: 20px;
415
- &.odd { background-color: #F8F8F8; }
416
- &:hover { background-color: #EBEEF5; }
417
- .ea-data-tree-cell {
418
- flex: 0 0 auto;
419
- height: 100%;
420
- font-size: 14px;
421
- box-sizing: border-box;
422
- padding: 0 8px;
423
- position: relative;
424
- overflow: hidden;
425
- text-overflow: ellipsis;
426
- white-space: nowrap;
427
- word-break: break-all;
428
- & > .ea-data-tree-checkbox {
429
- position: absolute;
430
- top: 0;
431
- }
402
+ .file-upload-dialog {
403
+ // 拖拽区域铺满
404
+ .el-upload,
405
+ .el-upload .el-upload-dragger {
406
+ width: 100%;
432
407
  }
433
- .ea-data-tree-icon {
434
- cursor: pointer;
435
- position: absolute;
436
- height: 100%;
437
- color: #CCC;
438
- display: flex;
439
- align-items: center;
440
- z-index: 1;
441
- &:hover {
442
- color: #333;
408
+ // 文件列表项边框
409
+ .el-upload-list {
410
+ .el-upload-list__item {
411
+ border: 1px dashed #aaa;
412
+ .el-icon-close {
413
+ display: inline-block;
414
+ }
443
415
  }
444
416
  }
445
- }
446
-
447
- .ea-data-tree-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
448
- background-color: $--color-secondary-text;
449
- border-color: $--color-secondary-text;
450
- }
451
-
452
- .ea-data-tree-empty {
453
- display: flex;
454
- justify-content: center;
455
- align-items: center;
456
- color: $--color-secondary-text;
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
+ }
457
427
  }
458
428
 
459
429
  .vjs-table {
@@ -655,33 +625,63 @@ td {
655
625
  .ea-icon-more:before { content: "\e60e" }
656
626
  .eafont.ea-icon-conf.has { color: #000 }
657
627
 
658
- .file-upload-dialog {
659
- // 拖拽区域铺满
660
- .el-upload,
661
- .el-upload .el-upload-dragger {
662
- width: 100%;
628
+ .ea-data-tree-body {
629
+ &.ea-data-tree-body__border {
630
+ border: 1px solid $--color-border-light;
663
631
  }
664
- // 文件列表项边框
665
- .el-upload-list {
666
- .el-upload-list__item {
667
- border: 1px dashed #aaa;
668
- .el-icon-close {
669
- display: inline-block;
670
- }
632
+ }
633
+
634
+ .ea-data-tree-row {
635
+ height: 32px;
636
+ line-height: 32px;
637
+ display: flex;
638
+ justify-content: flex-start;
639
+ position: relative;
640
+ padding-left: 20px;
641
+ &.odd { background-color: #F8F8F8; }
642
+ &:hover { background-color: #EBEEF5; }
643
+ .ea-data-tree-cell {
644
+ flex: 0 0 auto;
645
+ height: 100%;
646
+ font-size: 14px;
647
+ box-sizing: border-box;
648
+ padding: 0 8px;
649
+ position: relative;
650
+ overflow: hidden;
651
+ text-overflow: ellipsis;
652
+ white-space: nowrap;
653
+ word-break: break-all;
654
+ & > .ea-data-tree-checkbox {
655
+ position: absolute;
656
+ top: 0;
671
657
  }
672
658
  }
673
- // 清除文件列表变动过渡动画
674
- .el-list-enter,
675
- .el-list-enter-active,
676
- .el-list-enter-to,
677
- .el-list-leave,
678
- .el-list-leave-active,
679
- .el-list-leave-to {
680
- -webkit-transition: none !important;
681
- transition: none !important;
659
+ .ea-data-tree-icon {
660
+ cursor: pointer;
661
+ position: absolute;
662
+ height: 100%;
663
+ color: #CCC;
664
+ display: flex;
665
+ align-items: center;
666
+ z-index: 1;
667
+ &:hover {
668
+ color: #333;
669
+ }
682
670
  }
683
671
  }
684
672
 
673
+ .ea-data-tree-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
674
+ background-color: $--color-secondary-text;
675
+ border-color: $--color-secondary-text;
676
+ }
677
+
678
+ .ea-data-tree-empty {
679
+ display: flex;
680
+ justify-content: center;
681
+ align-items: center;
682
+ color: $--color-secondary-text;
683
+ }
684
+
685
685
  .ea-table-modal {
686
686
  overflow: visible;
687
687
  right: unset;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "element-assits",
3
- "version": "0.0.44",
3
+ "version": "0.0.46",
4
4
  "description": "element-ui 的扩展组件库",
5
5
  "main": "lib/index.js",
6
6
  "type": "module",