eoss-ui 0.4.64 → 0.4.66

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 (56) hide show
  1. package/lib/button-group.js +33 -18
  2. package/lib/button.js +35 -20
  3. package/lib/checkbox-group.js +33 -18
  4. package/lib/data-table-form.js +33 -18
  5. package/lib/data-table.js +33 -18
  6. package/lib/date-picker.js +33 -18
  7. package/lib/dialog.js +36 -21
  8. package/lib/eoss-ui.common.js +7036 -6505
  9. package/lib/flow-group.js +33 -18
  10. package/lib/flow-list.js +33 -18
  11. package/lib/flow.js +38 -22
  12. package/lib/form.js +8659 -8284
  13. package/lib/handle-user.js +33 -18
  14. package/lib/handler.js +33 -18
  15. package/lib/index.js +1 -1
  16. package/lib/input-number.js +33 -18
  17. package/lib/input.js +53 -25
  18. package/lib/login.js +38 -25
  19. package/lib/main.js +95 -70
  20. package/lib/nav.js +36 -21
  21. package/lib/page.js +33 -18
  22. package/lib/player.js +33 -18
  23. package/lib/qr-code.js +33 -18
  24. package/lib/radio-group.js +33 -18
  25. package/lib/retrial-auth.js +33 -18
  26. package/lib/select-ganged.js +33 -18
  27. package/lib/select.js +35 -19
  28. package/lib/selector-panel.js +33 -18
  29. package/lib/selector.js +33 -18
  30. package/lib/sizer.js +33 -18
  31. package/lib/steps.js +33 -18
  32. package/lib/switch.js +33 -18
  33. package/lib/table-form.js +1336 -1214
  34. package/lib/tabs.js +33 -18
  35. package/lib/tips.js +33 -18
  36. package/lib/tree-group.js +36 -21
  37. package/lib/tree.js +33 -18
  38. package/lib/upload.js +384 -343
  39. package/lib/utils/util.js +33 -18
  40. package/lib/wujie.js +33 -18
  41. package/lib/wxlogin.js +33 -18
  42. package/package.json +2 -2
  43. package/packages/button/src/main.vue +2 -2
  44. package/packages/dialog/src/main.vue +1 -1
  45. package/packages/flow/src/main.vue +6 -5
  46. package/packages/form/src/main.vue +1435 -1314
  47. package/packages/form/src/table.vue +375 -318
  48. package/packages/input/src/main.vue +20 -7
  49. package/packages/login/src/main.vue +3 -5
  50. package/packages/main/src/main.vue +61 -54
  51. package/packages/nav/src/main.vue +1 -1
  52. package/packages/select/src/main.vue +2 -1
  53. package/packages/tree-group/src/main.vue +1 -1
  54. package/packages/upload/src/main.vue +10 -1
  55. package/src/index.js +1 -1
  56. package/src/utils/util.js +33 -19
package/packages/form/src/table.vue CHANGED
@@ -95,7 +95,7 @@
95
95
  </td>
96
96
  <template v-else>
97
97
  <td
98
- v-if="item.label !== false"
98
+ v-if="item.label !== false && item.hide !== true"
99
99
  class="es-table-form-label"
100
100
  :class="{ 'es-align-middle': item.labelRow }"
101
101
  :key="'label' + index"
@@ -119,7 +119,8 @@
119
119
  <td
120
120
  v-if="
121
121
  item.type !== 'label' &&
122
- !(item.type === 'empty' && item.labelRow)
122
+ !(item.type === 'empty' && item.labelRow) &&
123
+ item.hide !== true
123
124
  "
124
125
  :align="
125
126
  item.type === 'label' || item.type === 'empty'
@@ -486,421 +487,477 @@
486
487
  </es-input>
487
488
  <template v-if="item.inline">
488
489
  <template v-if="Array.isArray(item.inline)">
490
+ <template v-for="(inline, k) in item.inline">
491
+ <div
492
+ v-if="!inline.hide"
493
+ class="es-form-inline"
494
+ :key="k"
495
+ >
496
+ <div class="es-range" v-if="inline.range !== false">
497
+ —
498
+ </div>
499
+ <el-form-item
500
+ label-width="0"
501
+ :prop="item.inline.name"
502
+ :rules="getRules(item.inline)"
503
+ >
504
+ <es-input-number
505
+ v-if="inline.type == 'number'"
506
+ v-bind="
507
+ handleExclAttribute({
508
+ data: inline,
509
+ attrs: ['value']
510
+ })
511
+ "
512
+ v-model="models[inline.name]"
513
+ :plain="
514
+ inline.plain || inline.name === undefined
515
+ "
516
+ :readonly="
517
+ readonly ? readonly : inline.readonly
518
+ "
519
+ @blur="
520
+ (event) => {
521
+ handleBlur(inline, event);
522
+ }
523
+ "
524
+ @focus="
525
+ (event) => {
526
+ handleFocus(inline, event);
527
+ }
528
+ "
529
+ @change="
530
+ (val) => {
531
+ handleChange(inline, val);
532
+ }
533
+ "
534
+ ></es-input-number>
535
+ <es-select
536
+ v-else-if="inline.type == 'select'"
537
+ v-bind="
538
+ handleExclAttribute({
539
+ data: inline,
540
+ attrs: ['value']
541
+ })
542
+ "
543
+ v-model="models[inline.name]"
544
+ :plain="
545
+ inline.plain || inline.name === undefined
546
+ "
547
+ :readonly="
548
+ readonly ? readonly : inline.readonly
549
+ "
550
+ @blur="
551
+ (event) => {
552
+ handleBlur(inline, event);
553
+ }
554
+ "
555
+ @focus="
556
+ (event) => {
557
+ handleFocus(inline, event);
558
+ }
559
+ "
560
+ @change="
561
+ (val) => {
562
+ handleChange(inline, val);
563
+ }
564
+ "
565
+ ></es-select>
566
+ <es-cascader
567
+ v-else-if="inline.type == 'cascader'"
568
+ v-bind="
569
+ handleExclAttribute({
570
+ data: inline,
571
+ attrs: ['value']
572
+ })
573
+ "
574
+ v-model="models[inline.name]"
575
+ :plain="
576
+ inline.plain || inline.name === undefined
577
+ "
578
+ :readonly="
579
+ readonly ? readonly : inline.readonly
580
+ "
581
+ @blur="
582
+ (event) => {
583
+ handleBlur(inline, event);
584
+ }
585
+ "
586
+ @focus="
587
+ (event) => {
588
+ handleFocus(inline, event);
589
+ }
590
+ "
591
+ @change="
592
+ (val) => {
593
+ handleChange(inline, val);
594
+ }
595
+ "
596
+ >
597
+ </es-cascader>
598
+ <es-date-picker
599
+ v-else-if="
600
+ inline.date ||
601
+ inline.type == 'date' ||
602
+ inline.type == 'year' ||
603
+ inline.type == 'month' ||
604
+ inline.type == 'date' ||
605
+ inline.type == 'dates' ||
606
+ inline.type == 'week' ||
607
+ inline.type == 'datetime' ||
608
+ inline.type == 'datetimerange' ||
609
+ inline.type == 'daterange' ||
610
+ inline.type == 'monthrange' ||
611
+ inline.type == 'quarter' ||
612
+ inline.type == 'halfyear'
613
+ "
614
+ v-bind="
615
+ handleExclAttribute({
616
+ data: inline,
617
+ attrs: ['value']
618
+ })
619
+ "
620
+ v-model="models[inline.name]"
621
+ :plain="
622
+ inline.plain || inline.name === undefined
623
+ "
624
+ :readonly="
625
+ readonly ? readonly : inline.readonly
626
+ "
627
+ @blur="
628
+ (event) => {
629
+ handleBlur(inline, event);
630
+ }
631
+ "
632
+ @focus="
633
+ (event) => {
634
+ handleFocus(inline, event);
635
+ }
636
+ "
637
+ @change="
638
+ (val) => {
639
+ handleChange(inline, val);
640
+ }
641
+ "
642
+ ></es-date-picker>
643
+ <template
644
+ v-else-if="
645
+ inline.type == 'image' || inline.type == 'img'
646
+ "
647
+ >
648
+ <img
649
+ v-if="inline.url || inline.src"
650
+ v-bind="
651
+ handleExclAttribute({
652
+ data: inline,
653
+ attrs: ['value']
654
+ })
655
+ "
656
+ height="100%"
657
+ :src="inline.url || inline.src"
658
+ @click="inline.event"
659
+ />
660
+ </template>
661
+ <es-icons
662
+ v-else-if="inline.type === 'icon'"
663
+ v-bind="
664
+ handleExclAttribute({
665
+ data: inline,
666
+ attrs: ['value']
667
+ })
668
+ "
669
+ v-model="models[inline.name]"
670
+ :plain="
671
+ inline.plain || inline.name === undefined
672
+ "
673
+ :readonly="
674
+ readonly ? readonly : inline.readonly
675
+ "
676
+ @change="
677
+ (val) => {
678
+ handleChange(inline, val);
679
+ }
680
+ "
681
+ ></es-icons>
682
+ <es-input
683
+ v-else
684
+ v-bind="
685
+ handleExclAttribute({
686
+ data: inline,
687
+ attrs: ['value']
688
+ })
689
+ "
690
+ v-model="models[inline.name]"
691
+ :plain="
692
+ inline.plain || inline.name === undefined
693
+ "
694
+ :readonly="
695
+ readonly ? readonly : inline.readonly
696
+ "
697
+ @blur="
698
+ (event) => {
699
+ handleBlur(inline, event);
700
+ }
701
+ "
702
+ @focus="
703
+ (event) => {
704
+ handleFocus(inline, event);
705
+ }
706
+ "
707
+ @input="
708
+ (val) => {
709
+ handleInput(inline, val);
710
+ }
711
+ "
712
+ @clear="handleClear(inline)"
713
+ @change="
714
+ (val) => {
715
+ handleChange(inline, val);
716
+ }
717
+ "
718
+ ></es-input>
719
+ </el-form-item>
720
+ </div>
721
+ </template>
722
+ </template>
723
+ <template v-else-if="!item.inline.hide">
489
724
  <div
490
- class="es-form-inline"
491
- v-for="(inline, k) in item.inline"
492
- :key="k"
725
+ class="es-range"
726
+ v-if="item.inline.range !== false"
727
+ >
728
+ —
729
+ </div>
730
+ <el-form-item
731
+ label-width="0"
732
+ :prop="item.inline.name"
733
+ :rules="getRules(item.inline)"
493
734
  >
494
- <div class="es-range" v-if="inline.range !== false">
495
- —
496
- </div>
497
735
  <es-input-number
498
- v-if="inline.type == 'number'"
499
- v-bind="
500
- handleExclAttribute({
501
- data: inline,
502
- attrs: ['value']
503
- })
736
+ v-if="item.inline.type == 'number'"
737
+ v-bind="item.inline"
738
+ v-model="models[item.inline.name]"
739
+ :plain="
740
+ item.inline.plain ||
741
+ item.inline.name === undefined
742
+ "
743
+ :readonly="
744
+ readonly ? readonly : item.inline.readonly
504
745
  "
505
- v-model="models[inline.name]"
506
- :plain="inline.plain || inline.name === undefined"
507
- :readonly="readonly ? readonly : inline.readonly"
508
746
  @blur="
509
747
  (event) => {
510
- handleBlur(inline, event);
748
+ handleBlur(item.inline, event);
511
749
  }
512
750
  "
513
751
  @focus="
514
752
  (event) => {
515
- handleFocus(inline, event);
753
+ handleFocus(item.inline, event);
516
754
  }
517
755
  "
518
756
  @change="
519
757
  (val) => {
520
- handleChange(inline, val);
758
+ handleChange(item.inline, val);
521
759
  }
522
760
  "
523
761
  ></es-input-number>
524
762
  <es-select
525
- v-else-if="inline.type == 'select'"
763
+ v-else-if="item.inline.type == 'select'"
526
764
  v-bind="
527
765
  handleExclAttribute({
528
- data: inline,
529
- attrs: ['value']
766
+ data: item,
767
+ attrs: 'label'
530
768
  })
531
769
  "
532
- v-model="models[inline.name]"
533
- :plain="inline.plain || inline.name === undefined"
534
- :readonly="readonly ? readonly : inline.readonly"
770
+ v-model="models[item.inline.name]"
771
+ :plain="
772
+ item.inline.plain ||
773
+ item.inline.name === undefined
774
+ "
775
+ :readonly="
776
+ readonly ? readonly : item.inline.readonly
777
+ "
535
778
  @blur="
536
779
  (event) => {
537
- handleBlur(inline, event);
780
+ handleBlur(item.inline, event);
538
781
  }
539
782
  "
540
783
  @focus="
541
784
  (event) => {
542
- handleFocus(inline, event);
785
+ handleFocus(item.inline, event);
543
786
  }
544
787
  "
545
788
  @change="
546
789
  (val) => {
547
- handleChange(inline, val);
790
+ handleChange(item.inline, val);
548
791
  }
549
792
  "
550
793
  ></es-select>
551
794
  <es-cascader
552
- v-else-if="inline.type == 'cascader'"
795
+ v-else-if="item.inline.type == 'cascader'"
553
796
  v-bind="
554
797
  handleExclAttribute({
555
- data: inline,
556
- attrs: ['value']
798
+ data: item,
799
+ attrs: 'label'
557
800
  })
558
801
  "
559
- v-model="models[inline.name]"
560
- :plain="inline.plain || inline.name === undefined"
561
- :readonly="readonly ? readonly : inline.readonly"
802
+ v-model="models[item.inline.name]"
803
+ :plain="
804
+ item.inline.plain ||
805
+ item.inline.name === undefined
806
+ "
807
+ :readonly="
808
+ readonly ? readonly : item.inline.readonly
809
+ "
562
810
  @blur="
563
811
  (event) => {
564
- handleBlur(inline, event);
812
+ handleBlur(item.inline, event);
565
813
  }
566
814
  "
567
815
  @focus="
568
816
  (event) => {
569
- handleFocus(inline, event);
817
+ handleFocus(item.inline, event);
570
818
  }
571
819
  "
572
820
  @change="
573
821
  (val) => {
574
- handleChange(inline, val);
822
+ handleChange(item.inline, val);
575
823
  }
576
824
  "
577
825
  >
578
826
  </es-cascader>
579
827
  <es-date-picker
580
828
  v-else-if="
581
- inline.date ||
582
- inline.type == 'date' ||
583
- inline.type == 'year' ||
584
- inline.type == 'month' ||
585
- inline.type == 'date' ||
586
- inline.type == 'dates' ||
587
- inline.type == 'week' ||
588
- inline.type == 'datetime' ||
589
- inline.type == 'datetimerange' ||
590
- inline.type == 'daterange' ||
591
- inline.type == 'monthrange' ||
592
- inline.type == 'quarter' ||
593
- inline.type == 'halfyear'
829
+ item.inline.date ||
830
+ item.inline.type == 'date' ||
831
+ item.inline.type == 'year' ||
832
+ item.inline.type == 'month' ||
833
+ item.inline.type == 'date' ||
834
+ item.inline.type == 'dates' ||
835
+ item.inline.type == 'week' ||
836
+ item.inline.type == 'datetime' ||
837
+ item.inline.type == 'datetimerange' ||
838
+ item.inline.type == 'daterange' ||
839
+ item.inline.type == 'monthrange' ||
840
+ item.inline.type == 'quarter' ||
841
+ item.inline.type == 'halfyear'
594
842
  "
595
- v-bind="
596
- handleExclAttribute({
597
- data: inline,
598
- attrs: ['value']
599
- })
843
+ v-bind="item.inline"
844
+ v-model="models[item.inline.name]"
845
+ :plain="
846
+ item.inline.plain ||
847
+ item.inline.name === undefined
848
+ "
849
+ :readonly="
850
+ readonly ? readonly : item.inline.readonly
600
851
  "
601
- v-model="models[inline.name]"
602
- :plain="inline.plain || inline.name === undefined"
603
- :readonly="readonly ? readonly : inline.readonly"
604
852
  @blur="
605
853
  (event) => {
606
- handleBlur(inline, event);
854
+ handleBlur(item.inline, event);
607
855
  }
608
856
  "
609
857
  @focus="
610
858
  (event) => {
611
- handleFocus(inline, event);
859
+ handleFocus(item.inline, event);
612
860
  }
613
861
  "
614
862
  @change="
615
863
  (val) => {
616
- handleChange(inline, val);
864
+ handleChange(item.inline, val);
617
865
  }
618
866
  "
619
867
  ></es-date-picker>
620
- <template
621
- v-else-if="
622
- inline.type == 'image' || inline.type == 'img'
623
- "
624
- >
625
- <img
626
- v-if="inline.url || inline.src"
627
- v-bind="
628
- handleExclAttribute({
629
- data: inline,
630
- attrs: ['value']
631
- })
632
- "
633
- height="100%"
634
- :src="inline.url || inline.src"
635
- @click="inline.event"
636
- />
637
- </template>
638
868
  <es-icons
639
- v-else-if="inline.type === 'icon'"
869
+ v-else-if="item.inline.type === 'icon'"
640
870
  v-bind="
641
871
  handleExclAttribute({
642
- data: inline,
872
+ data: item.inline,
643
873
  attrs: ['value']
644
874
  })
645
875
  "
646
- v-model="models[inline.name]"
647
- :plain="inline.plain || inline.name === undefined"
648
- :readonly="readonly ? readonly : inline.readonly"
876
+ v-model="models[item.inline.name]"
877
+ :plain="
878
+ item.inline.plain ||
879
+ item.inline.name === undefined
880
+ "
881
+ :readonly="
882
+ readonly ? readonly : item.inline.readonly
883
+ "
649
884
  @change="
650
885
  (val) => {
651
- handleChange(inline, val);
886
+ handleChange(item.inline, val);
652
887
  }
653
888
  "
654
889
  ></es-icons>
655
890
  <es-input
656
891
  v-else
657
- v-bind="
658
- handleExclAttribute({
659
- data: inline,
660
- attrs: ['value']
661
- })
892
+ v-bind="item.inline"
893
+ v-model="models[item.inline.name]"
894
+ :plain="
895
+ item.inline.plain ||
896
+ item.inline.name === undefined
897
+ "
898
+ :readonly="
899
+ readonly ? readonly : item.inline.readonly
662
900
  "
663
- v-model="models[inline.name]"
664
- :plain="inline.plain || inline.name === undefined"
665
- :readonly="readonly ? readonly : inline.readonly"
666
901
  @blur="
667
902
  (event) => {
668
- handleBlur(inline, event);
903
+ handleBlur(item.inline, event);
669
904
  }
670
905
  "
671
906
  @focus="
672
907
  (event) => {
673
- handleFocus(inline, event);
908
+ handleFocus(item.inline, event);
674
909
  }
675
910
  "
676
- @input="
911
+ @change="
677
912
  (val) => {
678
- handleInput(inline, val);
913
+ handleChange(item.inline, val);
679
914
  }
680
915
  "
681
- @clear="handleClear(inline)"
682
- @change="
916
+ @input="
683
917
  (val) => {
684
- handleChange(inline, val);
918
+ handleInput(item.inline, val);
685
919
  }
686
920
  "
687
- ></es-input>
688
- </div>
689
- </template>
690
- <template v-else>
691
- <div
692
- class="es-range"
693
- v-if="item.inline.range !== false"
694
- >
695
- —
696
- </div>
697
- <es-input-number
698
- v-if="item.inline.type == 'number'"
699
- v-bind="item.inline"
700
- v-model="models[item.inline.name]"
701
- :plain="
702
- item.inline.plain || item.inline.name === undefined
703
- "
704
- :readonly="readonly ? readonly : item.inline.readonly"
705
- @blur="
706
- (event) => {
707
- handleBlur(item.inline, event);
708
- }
709
- "
710
- @focus="
711
- (event) => {
712
- handleFocus(item.inline, event);
713
- }
714
- "
715
- @change="
716
- (val) => {
717
- handleChange(item.inline, val);
718
- }
719
- "
720
- ></es-input-number>
721
- <es-select
722
- v-else-if="item.inline.type == 'select'"
723
- v-bind="
724
- handleExclAttribute({
725
- data: item,
726
- attrs: 'label'
727
- })
728
- "
729
- v-model="models[item.inline.name]"
730
- :plain="
731
- item.inline.plain || item.inline.name === undefined
732
- "
733
- :readonly="readonly ? readonly : item.inline.readonly"
734
- @blur="
735
- (event) => {
736
- handleBlur(item.inline, event);
737
- }
738
- "
739
- @focus="
740
- (event) => {
741
- handleFocus(item.inline, event);
742
- }
743
- "
744
- @change="
745
- (val) => {
746
- handleChange(item.inline, val);
747
- }
748
- "
749
- ></es-select>
750
- <es-cascader
751
- v-else-if="item.inline.type == 'cascader'"
752
- v-bind="
753
- handleExclAttribute({
754
- data: item,
755
- attrs: 'label'
756
- })
757
- "
758
- v-model="models[item.inline.name]"
759
- :plain="
760
- item.inline.plain || item.inline.name === undefined
761
- "
762
- :readonly="readonly ? readonly : item.inline.readonly"
763
- @blur="
764
- (event) => {
765
- handleBlur(item.inline, event);
766
- }
767
- "
768
- @focus="
769
- (event) => {
770
- handleFocus(item.inline, event);
771
- }
772
- "
773
- @change="
774
- (val) => {
775
- handleChange(item.inline, val);
776
- }
777
- "
778
- >
779
- </es-cascader>
780
- <es-date-picker
781
- v-else-if="
782
- item.inline.date ||
783
- item.inline.type == 'date' ||
784
- item.inline.type == 'year' ||
785
- item.inline.type == 'month' ||
786
- item.inline.type == 'date' ||
787
- item.inline.type == 'dates' ||
788
- item.inline.type == 'week' ||
789
- item.inline.type == 'datetime' ||
790
- item.inline.type == 'datetimerange' ||
791
- item.inline.type == 'daterange' ||
792
- item.inline.type == 'monthrange' ||
793
- item.inline.type == 'quarter' ||
794
- item.inline.type == 'halfyear'
795
- "
796
- v-bind="item.inline"
797
- v-model="models[item.inline.name]"
798
- :plain="
799
- item.inline.plain || item.inline.name === undefined
800
- "
801
- :readonly="readonly ? readonly : item.inline.readonly"
802
- @blur="
803
- (event) => {
804
- handleBlur(item.inline, event);
805
- }
806
- "
807
- @focus="
808
- (event) => {
809
- handleFocus(item.inline, event);
810
- }
811
- "
812
- @change="
813
- (val) => {
814
- handleChange(item.inline, val);
815
- }
816
- "
817
- ></es-date-picker>
818
- <es-icons
819
- v-else-if="item.inline.type === 'icon'"
820
- v-bind="
821
- handleExclAttribute({
822
- data: item.inline,
823
- attrs: ['value']
824
- })
825
- "
826
- v-model="models[item.inline.name]"
827
- :plain="
828
- item.inline.plain || item.inline.name === undefined
829
- "
830
- :readonly="readonly ? readonly : item.inline.readonly"
831
- @change="
832
- (val) => {
833
- handleChange(item.inline, val);
834
- }
835
- "
836
- ></es-icons>
837
- <es-input
838
- v-else
839
- v-bind="item.inline"
840
- v-model="models[item.inline.name]"
841
- :plain="
842
- item.inline.plain || item.inline.name === undefined
843
- "
844
- :readonly="readonly ? readonly : item.inline.readonly"
845
- @blur="
846
- (event) => {
847
- handleBlur(item.inline, event);
848
- }
849
- "
850
- @focus="
851
- (event) => {
852
- handleFocus(item.inline, event);
853
- }
854
- "
855
- @change="
856
- (val) => {
857
- handleChange(item.inline, val);
858
- }
859
- "
860
- @input="
861
- (val) => {
862
- handleInput(item.inline, val);
863
- }
864
- "
865
- @clear="
866
- () => {
867
- handleClear(item.inline);
868
- }
869
- "
870
- >
871
- <template v-if="item.inline.prefix" slot="prefix">
872
- <expand-dom
873
- v-if="item.inline.render"
874
- :item="item"
875
- :model="models"
876
- :render="item.inline.render"
877
- ></expand-dom>
878
- </template>
879
- <template slot="suffix" v-if="item.inline.suffix">
880
- <expand-dom
881
- v-if="item.inline.render"
882
- :item="item"
883
- :model="models"
884
- :render="item.inline.render"
885
- ></expand-dom>
886
- </template>
887
- <template v-if="item.inline.prepend" slot="prepend">
888
- <expand-dom
889
- v-if="item.inline.render"
890
- :item="item"
891
- :model="models"
892
- :render="item.inline.render"
893
- ></expand-dom>
894
- </template>
895
- <template v-if="item.inline.append" slot="append">
896
- <expand-dom
897
- v-if="item.inline.render"
898
- :item="item"
899
- :model="models"
900
- :render="item.inline.render"
901
- ></expand-dom>
902
- </template>
903
- </es-input>
921
+ @clear="
922
+ () => {
923
+ handleClear(item.inline);
924
+ }
925
+ "
926
+ >
927
+ <template v-if="item.inline.prefix" slot="prefix">
928
+ <expand-dom
929
+ v-if="item.inline.render"
930
+ :item="item"
931
+ :model="models"
932
+ :render="item.inline.render"
933
+ ></expand-dom>
934
+ </template>
935
+ <template slot="suffix" v-if="item.inline.suffix">
936
+ <expand-dom
937
+ v-if="item.inline.render"
938
+ :item="item"
939
+ :model="models"
940
+ :render="item.inline.render"
941
+ ></expand-dom>
942
+ </template>
943
+ <template v-if="item.inline.prepend" slot="prepend">
944
+ <expand-dom
945
+ v-if="item.inline.render"
946
+ :item="item"
947
+ :model="models"
948
+ :render="item.inline.render"
949
+ ></expand-dom>
950
+ </template>
951
+ <template v-if="item.inline.append" slot="append">
952
+ <expand-dom
953
+ v-if="item.inline.render"
954
+ :item="item"
955
+ :model="models"
956
+ :render="item.inline.render"
957
+ ></expand-dom>
958
+ </template>
959
+ </es-input>
960
+ </el-form-item>
904
961
  </template>
905
962
  </template>
906
963
  </el-form-item>