element-assits 0.0.43 → 0.0.45

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/lib/index.js +1484 -1470
  2. package/lib/style.scss +133 -133
  3. package/package.json +1 -1
package/lib/style.scss CHANGED
@@ -158,6 +158,24 @@ $--color-border-extralight: #F2F6FC !default;
158
158
  }
159
159
  }
160
160
 
161
+ .el-dialog.ea-modal {
162
+ &.is-closing {
163
+ margin: 0 0 50px !important;
164
+ }
165
+ &.is-fullscreen {
166
+ border-radius: 0;
167
+ margin: 0;
168
+ }
169
+ .el-dialog__header {
170
+ color: #555;
171
+ font-size: 18px;
172
+ .el-dialog__title {
173
+ color: inherit;
174
+ font-size: inherit;
175
+ }
176
+ }
177
+ }
178
+
161
179
  .ea-data-table {
162
180
  .edt-row {
163
181
  display: flex;
@@ -262,24 +280,6 @@ td {
262
280
  }
263
281
  }
264
282
 
265
- .el-dialog.ea-modal {
266
- &.is-closing {
267
- margin: 0 0 50px !important;
268
- }
269
- &.is-fullscreen {
270
- border-radius: 0;
271
- margin: 0;
272
- }
273
- .el-dialog__header {
274
- color: #555;
275
- font-size: 18px;
276
- .el-dialog__title {
277
- color: inherit;
278
- font-size: inherit;
279
- }
280
- }
281
- }
282
-
283
283
  .ea-split-container {
284
284
  display: flex;
285
285
  &.is-down {
@@ -399,6 +399,90 @@ td {
399
399
  }
400
400
  }
401
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
+
429
+ .ea-data-tree-body {
430
+ &.ea-data-tree-body__border {
431
+ border: 1px solid $--color-border-light;
432
+ }
433
+ }
434
+
435
+ .ea-data-tree-row {
436
+ height: 32px;
437
+ line-height: 32px;
438
+ display: flex;
439
+ justify-content: flex-start;
440
+ position: relative;
441
+ padding-left: 20px;
442
+ &.odd { background-color: #F8F8F8; }
443
+ &:hover { background-color: #EBEEF5; }
444
+ .ea-data-tree-cell {
445
+ flex: 0 0 auto;
446
+ height: 100%;
447
+ font-size: 14px;
448
+ box-sizing: border-box;
449
+ padding: 0 8px;
450
+ position: relative;
451
+ overflow: hidden;
452
+ text-overflow: ellipsis;
453
+ white-space: nowrap;
454
+ word-break: break-all;
455
+ & > .ea-data-tree-checkbox {
456
+ position: absolute;
457
+ top: 0;
458
+ }
459
+ }
460
+ .ea-data-tree-icon {
461
+ cursor: pointer;
462
+ position: absolute;
463
+ height: 100%;
464
+ color: #CCC;
465
+ display: flex;
466
+ align-items: center;
467
+ z-index: 1;
468
+ &:hover {
469
+ color: #333;
470
+ }
471
+ }
472
+ }
473
+
474
+ .ea-data-tree-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
475
+ background-color: $--color-secondary-text;
476
+ border-color: $--color-secondary-text;
477
+ }
478
+
479
+ .ea-data-tree-empty {
480
+ display: flex;
481
+ justify-content: center;
482
+ align-items: center;
483
+ color: $--color-secondary-text;
484
+ }
485
+
402
486
  .vjs-table {
403
487
  position: relative;
404
488
  overflow: hidden;
@@ -598,87 +682,27 @@ td {
598
682
  .ea-icon-more:before { content: "\e60e" }
599
683
  .eafont.ea-icon-conf.has { color: #000 }
600
684
 
601
- .ea-data-tree-body {
602
- &.ea-data-tree-body__border {
603
- border: 1px solid $--color-border-light;
604
- }
605
- }
606
-
607
- .ea-data-tree-row {
608
- height: 32px;
609
- line-height: 32px;
610
- display: flex;
611
- justify-content: flex-start;
685
+ .ea-form .form-group-title {
612
686
  position: relative;
613
- padding-left: 20px;
614
- &.odd { background-color: #F8F8F8; }
615
- &:hover { background-color: #EBEEF5; }
616
- .ea-data-tree-cell {
617
- flex: 0 0 auto;
618
- height: 100%;
619
- font-size: 14px;
620
- box-sizing: border-box;
621
- padding: 0 8px;
622
- position: relative;
623
- overflow: hidden;
624
- text-overflow: ellipsis;
625
- white-space: nowrap;
626
- word-break: break-all;
627
- & > .ea-data-tree-checkbox {
628
- position: absolute;
629
- top: 0;
630
- }
631
- }
632
- .ea-data-tree-icon {
633
- cursor: pointer;
687
+ height: 32px;
688
+ margin-bottom: 22px;
689
+ > span {
634
690
  position: absolute;
635
- height: 100%;
636
- color: #CCC;
637
- display: flex;
638
- align-items: center;
691
+ top: 0;
692
+ left: 20%;
693
+ padding: 5px 25px;
694
+ background-color: #fff;
639
695
  z-index: 1;
640
- &:hover {
641
- color: #333;
642
- }
696
+ color: $--color-secondary-text;
643
697
  }
644
- }
645
-
646
- .ea-data-tree-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
647
- background-color: $--color-secondary-text;
648
- border-color: $--color-secondary-text;
649
- }
650
-
651
- .ea-data-tree-empty {
652
- display: flex;
653
- justify-content: center;
654
- align-items: center;
655
- color: $--color-secondary-text;
656
- }
657
-
658
- .file-upload-dialog {
659
- // 拖拽区域铺满
660
- .el-upload,
661
- .el-upload .el-upload-dragger {
698
+ &::after {
699
+ content: '';
700
+ position: absolute;
701
+ top: 50%;
702
+ left: 0;
662
703
  width: 100%;
663
- }
664
- // 文件列表项边框
665
- .el-upload-list {
666
- .el-upload-list__item {
667
- border: 1px dashed #aaa;
668
- .el-icon-close {
669
- display: inline-block;
670
- }
671
- }
672
- }
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;
704
+ height: 0;
705
+ border-bottom: 1px dashed $--color-border-base;
682
706
  }
683
707
  }
684
708
 
@@ -736,30 +760,6 @@ td {
736
760
  }
737
761
  }
738
762
 
739
- .ea-form .form-group-title {
740
- position: relative;
741
- height: 32px;
742
- margin-bottom: 22px;
743
- > span {
744
- position: absolute;
745
- top: 0;
746
- left: 20%;
747
- padding: 5px 25px;
748
- background-color: #fff;
749
- z-index: 1;
750
- color: $--color-secondary-text;
751
- }
752
- &::after {
753
- content: '';
754
- position: absolute;
755
- top: 50%;
756
- left: 0;
757
- width: 100%;
758
- height: 0;
759
- border-bottom: 1px dashed $--color-border-base;
760
- }
761
- }
762
-
763
763
  .conf-header {
764
764
  border-bottom: 1px solid #DDD;
765
765
  padding-bottom: 10px;
@@ -812,6 +812,21 @@ td {
812
812
  }
813
813
  }
814
814
 
815
+ .ea-switch-mini {
816
+ .el-switch__core {
817
+ width: 30px !important;
818
+ height: 16px;
819
+ &::after {
820
+ width: 12px;
821
+ height: 12px;
822
+ left: 2px;
823
+ }
824
+ }
825
+ &.is-checked .el-switch__core::after {
826
+ margin-left: -13px;
827
+ }
828
+ }
829
+
815
830
  .ea-form .el-form-item__content {
816
831
  & > .el-input-number,
817
832
  & > .el-input,
@@ -828,18 +843,3 @@ td {
828
843
  width: 100%;
829
844
  }
830
845
  }
831
-
832
- .ea-switch-mini {
833
- .el-switch__core {
834
- width: 30px !important;
835
- height: 16px;
836
- &::after {
837
- width: 12px;
838
- height: 12px;
839
- left: 2px;
840
- }
841
- }
842
- &.is-checked .el-switch__core::after {
843
- margin-left: -13px;
844
- }
845
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "element-assits",
3
- "version": "0.0.43",
3
+ "version": "0.0.45",
4
4
  "description": "element-ui 的扩展组件库",
5
5
  "main": "lib/index.js",
6
6
  "type": "module",