eoss-ui 0.4.20 → 0.4.22

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 (71) hide show
  1. package/lib/button-group.js +34 -34
  2. package/lib/button.js +37 -37
  3. package/lib/cascader.js +2 -2
  4. package/lib/checkbox-group.js +34 -34
  5. package/lib/config/api.js +1 -1
  6. package/lib/data-table-form.js +34 -34
  7. package/lib/data-table.js +48 -40
  8. package/lib/date-picker.js +36 -36
  9. package/lib/dialog.js +37 -37
  10. package/lib/eoss-ui.common.js +2236 -377
  11. package/lib/flow-group.js +34 -34
  12. package/lib/flow-list.js +35 -35
  13. package/lib/flow.js +118 -107
  14. package/lib/form.js +1083 -167
  15. package/lib/handle-user.js +34 -34
  16. package/lib/handler.js +34 -34
  17. package/lib/icon.js +436 -0
  18. package/lib/index.js +1 -1
  19. package/lib/input-number.js +36 -36
  20. package/lib/input.js +36 -36
  21. package/lib/label.js +2 -2
  22. package/lib/login.js +40 -36
  23. package/lib/main.js +583 -129
  24. package/lib/mainComp.js +54 -53
  25. package/lib/menu.js +2 -2
  26. package/lib/nav.js +36 -36
  27. package/lib/notify.js +36 -36
  28. package/lib/page.js +36 -36
  29. package/lib/pagination.js +2 -2
  30. package/lib/player.js +38 -38
  31. package/lib/qr-code.js +43 -43
  32. package/lib/radio-group.js +36 -36
  33. package/lib/select-ganged.js +36 -36
  34. package/lib/select.js +46 -46
  35. package/lib/selector-panel.js +34 -34
  36. package/lib/selector.js +36 -36
  37. package/lib/sizer.js +36 -36
  38. package/lib/steps.js +36 -36
  39. package/lib/switch.js +36 -36
  40. package/lib/table-form.js +295 -48
  41. package/lib/tabs-panel.js +2 -2
  42. package/lib/tabs.js +43 -39
  43. package/lib/theme-chalk/es-icon.css +1 -0
  44. package/lib/tips.js +36 -36
  45. package/lib/toolbar.js +2 -2
  46. package/lib/tree-group.js +36 -36
  47. package/lib/tree.js +36 -36
  48. package/lib/upload.js +48 -47
  49. package/lib/wujie.js +36 -36
  50. package/lib/wxlogin.js +36 -36
  51. package/package.json +1 -1
  52. package/packages/button/src/main.vue +7 -7
  53. package/packages/data-table/src/main.vue +9 -1
  54. package/packages/flow/src/component/taskUnionExamine.vue +3 -3
  55. package/packages/flow/src/main.vue +47 -13
  56. package/packages/flow/src/startTaskRead.vue +3 -1
  57. package/packages/form/src/main.vue +214 -0
  58. package/packages/form/src/table.vue +150 -97
  59. package/packages/icon/index.js +5 -0
  60. package/packages/icon/src/main.vue +83 -0
  61. package/packages/login/src/main.vue +4 -0
  62. package/packages/main/src/async-component/index.vue +85 -0
  63. package/packages/main/src/main.vue +178 -9
  64. package/packages/mainComp/src/main.vue +1 -1
  65. package/packages/select/src/main.vue +5 -4
  66. package/packages/tabs/src/main.vue +1 -0
  67. package/packages/theme-chalk/lib/es-icon.css +1 -0
  68. package/packages/theme-chalk/src/es-icon.scss +99 -0
  69. package/packages/upload/src/main.vue +6 -7
  70. package/src/config/api.js +1 -1
  71. package/src/index.js +4 -1
@@ -119,7 +119,7 @@
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
123
  "
124
124
  :align="
125
125
  item.type === 'label' || item.type === 'empty'
@@ -175,17 +175,17 @@
175
175
  :plain="item.plain"
176
176
  :readonly="readonly ? readonly : item.readonly"
177
177
  @blur="
178
- event => {
178
+ (event) => {
179
179
  handleBlur(item, event);
180
180
  }
181
181
  "
182
182
  @focus="
183
- event => {
183
+ (event) => {
184
184
  handleFocus(item, event);
185
185
  }
186
186
  "
187
187
  @change="
188
- val => {
188
+ (val) => {
189
189
  handleChange(item, val);
190
190
  }
191
191
  "
@@ -202,7 +202,7 @@
202
202
  :plain="item.plain"
203
203
  :readonly="readonly ? readonly : item.readonly"
204
204
  @change="
205
- val => {
205
+ (val) => {
206
206
  handleChange(item, val);
207
207
  }
208
208
  "
@@ -219,7 +219,7 @@
219
219
  :plain="item.plain"
220
220
  :readonly="readonly ? readonly : item.readonly"
221
221
  @change="
222
- val => {
222
+ (val) => {
223
223
  handleChange(item, val);
224
224
  }
225
225
  "
@@ -236,17 +236,17 @@
236
236
  :plain="item.plain"
237
237
  :readonly="readonly ? readonly : item.readonly"
238
238
  @blur="
239
- event => {
239
+ (event) => {
240
240
  handleBlur(item, event);
241
241
  }
242
242
  "
243
243
  @focus="
244
- event => {
244
+ (event) => {
245
245
  handleFocus(item, event);
246
246
  }
247
247
  "
248
248
  @change="
249
- val => {
249
+ (val) => {
250
250
  handleChange(item, val);
251
251
  }
252
252
  "
@@ -263,17 +263,17 @@
263
263
  :plain="item.plain || item.name === undefined"
264
264
  :readonly="readonly ? readonly : item.readonly"
265
265
  @blur="
266
- event => {
266
+ (event) => {
267
267
  handleBlur(item, event);
268
268
  }
269
269
  "
270
270
  @focus="
271
- event => {
271
+ (event) => {
272
272
  handleFocus(item, event);
273
273
  }
274
274
  "
275
275
  @change="
276
- val => {
276
+ (val) => {
277
277
  handleChange(item, val);
278
278
  }
279
279
  "
@@ -282,7 +282,7 @@
282
282
  <es-select-ganged
283
283
  v-else-if="
284
284
  item.type == 'ganged' ||
285
- (item.type == 'select' && item.ganged)
285
+ (item.type == 'select' && item.ganged)
286
286
  "
287
287
  v-bind="
288
288
  handleExclAttribute({
@@ -294,7 +294,7 @@
294
294
  :plain="item.plain"
295
295
  :readonly="readonly ? readonly : item.readonly"
296
296
  @change="
297
- val => {
297
+ (val) => {
298
298
  handleChange(item, val);
299
299
  }
300
300
  "
@@ -311,7 +311,7 @@
311
311
  :plain="item.plain"
312
312
  :readonly="readonly ? readonly : item.readonly"
313
313
  @change="
314
- val => {
314
+ (val) => {
315
315
  handleChange(item, val);
316
316
  }
317
317
  "
@@ -319,18 +319,18 @@
319
319
  <es-date-picker
320
320
  v-else-if="
321
321
  item.date ||
322
- item.type == 'date' ||
323
- item.type == 'year' ||
324
- item.type == 'month' ||
325
- item.type == 'date' ||
326
- item.type == 'dates' ||
327
- item.type == 'week' ||
328
- item.type == 'datetime' ||
329
- item.type == 'datetimerange' ||
330
- item.type == 'daterange' ||
331
- item.type == 'monthrange' ||
332
- item.type == 'quarter' ||
333
- item.type == 'halfyear'
322
+ item.type == 'date' ||
323
+ item.type == 'year' ||
324
+ item.type == 'month' ||
325
+ item.type == 'date' ||
326
+ item.type == 'dates' ||
327
+ item.type == 'week' ||
328
+ item.type == 'datetime' ||
329
+ item.type == 'datetimerange' ||
330
+ item.type == 'daterange' ||
331
+ item.type == 'monthrange' ||
332
+ item.type == 'quarter' ||
333
+ item.type == 'halfyear'
334
334
  "
335
335
  v-bind="
336
336
  handleExclAttribute({
@@ -342,17 +342,17 @@
342
342
  :plain="item.plain"
343
343
  :readonly="readonly ? readonly : item.readonly"
344
344
  @blur="
345
- event => {
345
+ (event) => {
346
346
  handleBlur(item, event);
347
347
  }
348
348
  "
349
349
  @focus="
350
- event => {
350
+ (event) => {
351
351
  handleFocus(item, event);
352
352
  }
353
353
  "
354
354
  @change="
355
- val => {
355
+ (val) => {
356
356
  handleChange(item, val);
357
357
  }
358
358
  "
@@ -373,7 +373,7 @@
373
373
  :rules="item.rules"
374
374
  btnSize="small"
375
375
  @change="
376
- val => {
376
+ (val) => {
377
377
  handleChange(item, val);
378
378
  }
379
379
  "
@@ -390,11 +390,28 @@
390
390
  :readonly="readonly ? readonly : item.readonly"
391
391
  :plain="item.plain"
392
392
  @change="
393
- val => {
393
+ (val) => {
394
394
  handleChange(item, val);
395
395
  }
396
396
  "
397
397
  ></es-selector>
398
+ <es-icon
399
+ v-else-if="item.type === 'icon'"
400
+ v-bind="
401
+ handleExclAttribute({
402
+ data: item,
403
+ attrs: ['value']
404
+ })
405
+ "
406
+ v-model="models[item.name]"
407
+ :plain="item.plain || item.name === undefined"
408
+ :readonly="readonly ? readonly : item.readonly"
409
+ @change="
410
+ (val) => {
411
+ handleChange(item, val);
412
+ }
413
+ "
414
+ ></es-icon>
398
415
  <es-input
399
416
  v-else
400
417
  v-bind="
@@ -407,22 +424,22 @@
407
424
  :plain="item.plain"
408
425
  :readonly="readonly ? readonly : item.readonly"
409
426
  @blur="
410
- event => {
427
+ (event) => {
411
428
  handleBlur(item, event);
412
429
  }
413
430
  "
414
431
  @focus="
415
- event => {
432
+ (event) => {
416
433
  handleFocus(item, event);
417
434
  }
418
435
  "
419
436
  @change="
420
- val => {
437
+ (val) => {
421
438
  handleChange(item, val);
422
439
  }
423
440
  "
424
441
  @input="
425
- val => {
442
+ (val) => {
426
443
  handleInput(item, val);
427
444
  }
428
445
  "
@@ -487,17 +504,17 @@
487
504
  :plain="inline.plain || inline.name === undefined"
488
505
  :readonly="readonly ? readonly : inline.readonly"
489
506
  @blur="
490
- event => {
507
+ (event) => {
491
508
  handleBlur(inline, event);
492
509
  }
493
510
  "
494
511
  @focus="
495
- event => {
512
+ (event) => {
496
513
  handleFocus(inline, event);
497
514
  }
498
515
  "
499
516
  @change="
500
- val => {
517
+ (val) => {
501
518
  handleChange(inline, val);
502
519
  }
503
520
  "
@@ -514,17 +531,17 @@
514
531
  :plain="inline.plain || inline.name === undefined"
515
532
  :readonly="readonly ? readonly : inline.readonly"
516
533
  @blur="
517
- event => {
534
+ (event) => {
518
535
  handleBlur(inline, event);
519
536
  }
520
537
  "
521
538
  @focus="
522
- event => {
539
+ (event) => {
523
540
  handleFocus(inline, event);
524
541
  }
525
542
  "
526
543
  @change="
527
- val => {
544
+ (val) => {
528
545
  handleChange(inline, val);
529
546
  }
530
547
  "
@@ -541,17 +558,17 @@
541
558
  :plain="inline.plain || inline.name === undefined"
542
559
  :readonly="readonly ? readonly : inline.readonly"
543
560
  @blur="
544
- event => {
561
+ (event) => {
545
562
  handleBlur(inline, event);
546
563
  }
547
564
  "
548
565
  @focus="
549
- event => {
566
+ (event) => {
550
567
  handleFocus(inline, event);
551
568
  }
552
569
  "
553
570
  @change="
554
- val => {
571
+ (val) => {
555
572
  handleChange(inline, val);
556
573
  }
557
574
  "
@@ -560,18 +577,18 @@
560
577
  <es-date-picker
561
578
  v-else-if="
562
579
  inline.date ||
563
- inline.type == 'date' ||
564
- inline.type == 'year' ||
565
- inline.type == 'month' ||
566
- inline.type == 'date' ||
567
- inline.type == 'dates' ||
568
- inline.type == 'week' ||
569
- inline.type == 'datetime' ||
570
- inline.type == 'datetimerange' ||
571
- inline.type == 'daterange' ||
572
- inline.type == 'monthrange' ||
573
- inline.type == 'quarter' ||
574
- inline.type == 'halfyear'
580
+ inline.type == 'date' ||
581
+ inline.type == 'year' ||
582
+ inline.type == 'month' ||
583
+ inline.type == 'date' ||
584
+ inline.type == 'dates' ||
585
+ inline.type == 'week' ||
586
+ inline.type == 'datetime' ||
587
+ inline.type == 'datetimerange' ||
588
+ inline.type == 'daterange' ||
589
+ inline.type == 'monthrange' ||
590
+ inline.type == 'quarter' ||
591
+ inline.type == 'halfyear'
575
592
  "
576
593
  v-bind="
577
594
  handleExclAttribute({
@@ -583,17 +600,17 @@
583
600
  :plain="inline.plain || inline.name === undefined"
584
601
  :readonly="readonly ? readonly : inline.readonly"
585
602
  @blur="
586
- event => {
603
+ (event) => {
587
604
  handleBlur(inline, event);
588
605
  }
589
606
  "
590
607
  @focus="
591
- event => {
608
+ (event) => {
592
609
  handleFocus(inline, event);
593
610
  }
594
611
  "
595
612
  @change="
596
- val => {
613
+ (val) => {
597
614
  handleChange(inline, val);
598
615
  }
599
616
  "
@@ -616,6 +633,23 @@
616
633
  @click="inline.event"
617
634
  />
618
635
  </template>
636
+ <es-icon
637
+ v-else-if="inline.type === 'icon'"
638
+ v-bind="
639
+ handleExclAttribute({
640
+ data: inline,
641
+ attrs: ['value']
642
+ })
643
+ "
644
+ v-model="models[inline.name]"
645
+ :plain="inline.plain || inline.name === undefined"
646
+ :readonly="readonly ? readonly : inline.readonly"
647
+ @change="
648
+ (val) => {
649
+ handleChange(inline, val);
650
+ }
651
+ "
652
+ ></es-icon>
619
653
  <es-input
620
654
  v-else
621
655
  v-bind="
@@ -628,23 +662,23 @@
628
662
  :plain="inline.plain || inline.name === undefined"
629
663
  :readonly="readonly ? readonly : inline.readonly"
630
664
  @blur="
631
- event => {
665
+ (event) => {
632
666
  handleBlur(inline, event);
633
667
  }
634
668
  "
635
669
  @focus="
636
- event => {
670
+ (event) => {
637
671
  handleFocus(inline, event);
638
672
  }
639
673
  "
640
674
  @input="
641
- val => {
675
+ (val) => {
642
676
  handleInput(inline, val);
643
677
  }
644
678
  "
645
679
  @clear="handleClear(inline)"
646
680
  @change="
647
- val => {
681
+ (val) => {
648
682
  handleChange(inline, val);
649
683
  }
650
684
  "
@@ -667,17 +701,17 @@
667
701
  "
668
702
  :readonly="readonly ? readonly : item.inline.readonly"
669
703
  @blur="
670
- event => {
704
+ (event) => {
671
705
  handleBlur(item.inline, event);
672
706
  }
673
707
  "
674
708
  @focus="
675
- event => {
709
+ (event) => {
676
710
  handleFocus(item.inline, event);
677
711
  }
678
712
  "
679
713
  @change="
680
- val => {
714
+ (val) => {
681
715
  handleChange(item.inline, val);
682
716
  }
683
717
  "
@@ -696,17 +730,17 @@
696
730
  "
697
731
  :readonly="readonly ? readonly : item.inline.readonly"
698
732
  @blur="
699
- event => {
733
+ (event) => {
700
734
  handleBlur(item.inline, event);
701
735
  }
702
736
  "
703
737
  @focus="
704
- event => {
738
+ (event) => {
705
739
  handleFocus(item.inline, event);
706
740
  }
707
741
  "
708
742
  @change="
709
- val => {
743
+ (val) => {
710
744
  handleChange(item.inline, val);
711
745
  }
712
746
  "
@@ -725,17 +759,17 @@
725
759
  "
726
760
  :readonly="readonly ? readonly : item.inline.readonly"
727
761
  @blur="
728
- event => {
762
+ (event) => {
729
763
  handleBlur(item.inline, event);
730
764
  }
731
765
  "
732
766
  @focus="
733
- event => {
767
+ (event) => {
734
768
  handleFocus(item.inline, event);
735
769
  }
736
770
  "
737
771
  @change="
738
- val => {
772
+ (val) => {
739
773
  handleChange(item.inline, val);
740
774
  }
741
775
  "
@@ -744,18 +778,18 @@
744
778
  <es-date-picker
745
779
  v-else-if="
746
780
  item.inline.date ||
747
- item.inline.type == 'date' ||
748
- item.inline.type == 'year' ||
749
- item.inline.type == 'month' ||
750
- item.inline.type == 'date' ||
751
- item.inline.type == 'dates' ||
752
- item.inline.type == 'week' ||
753
- item.inline.type == 'datetime' ||
754
- item.inline.type == 'datetimerange' ||
755
- item.inline.type == 'daterange' ||
756
- item.inline.type == 'monthrange' ||
757
- item.inline.type == 'quarter' ||
758
- item.inline.type == 'halfyear'
781
+ item.inline.type == 'date' ||
782
+ item.inline.type == 'year' ||
783
+ item.inline.type == 'month' ||
784
+ item.inline.type == 'date' ||
785
+ item.inline.type == 'dates' ||
786
+ item.inline.type == 'week' ||
787
+ item.inline.type == 'datetime' ||
788
+ item.inline.type == 'datetimerange' ||
789
+ item.inline.type == 'daterange' ||
790
+ item.inline.type == 'monthrange' ||
791
+ item.inline.type == 'quarter' ||
792
+ item.inline.type == 'halfyear'
759
793
  "
760
794
  v-bind="item.inline"
761
795
  v-model="models[item.inline.name]"
@@ -764,21 +798,40 @@
764
798
  "
765
799
  :readonly="readonly ? readonly : item.inline.readonly"
766
800
  @blur="
767
- event => {
801
+ (event) => {
768
802
  handleBlur(item.inline, event);
769
803
  }
770
804
  "
771
805
  @focus="
772
- event => {
806
+ (event) => {
773
807
  handleFocus(item.inline, event);
774
808
  }
775
809
  "
776
810
  @change="
777
- val => {
811
+ (val) => {
778
812
  handleChange(item.inline, val);
779
813
  }
780
814
  "
781
815
  ></es-date-picker>
816
+ <es-icon
817
+ v-else-if="item.inline.type === 'icon'"
818
+ v-bind="
819
+ handleExclAttribute({
820
+ data: item.inline,
821
+ attrs: ['value']
822
+ })
823
+ "
824
+ v-model="models[item.inline.name]"
825
+ :plain="
826
+ item.inline.plain || item.inline.name === undefined
827
+ "
828
+ :readonly="readonly ? readonly : item.inline.readonly"
829
+ @change="
830
+ (val) => {
831
+ handleChange(item.inline, val);
832
+ }
833
+ "
834
+ ></es-icon>
782
835
  <es-input
783
836
  v-else
784
837
  v-bind="item.inline"
@@ -788,22 +841,22 @@
788
841
  "
789
842
  :readonly="readonly ? readonly : item.inline.readonly"
790
843
  @blur="
791
- event => {
844
+ (event) => {
792
845
  handleBlur(item.inline, event);
793
846
  }
794
847
  "
795
848
  @focus="
796
- event => {
849
+ (event) => {
797
850
  handleFocus(item.inline, event);
798
851
  }
799
852
  "
800
853
  @change="
801
- val => {
854
+ (val) => {
802
855
  handleChange(item.inline, val);
803
856
  }
804
857
  "
805
858
  @input="
806
- val => {
859
+ (val) => {
807
860
  handleInput(item.inline, val);
808
861
  }
809
862
  "
@@ -979,9 +1032,9 @@ export default {
979
1032
  let table = [];
980
1033
  let formList;
981
1034
  if (this.tableAfter) {
982
- formList = this.contents.filter(items => {
1035
+ formList = this.contents.filter((items) => {
983
1036
  if (Array.isArray(items)) {
984
- return items.filter(item => {
1037
+ return items.filter((item) => {
985
1038
  if (item.type === 'table' && item.after !== false) {
986
1039
  table.push(item);
987
1040
  }
@@ -1000,7 +1053,7 @@ export default {
1000
1053
  if (Array.isArray(formList[0])) {
1001
1054
  return formList;
1002
1055
  } else {
1003
- const contents = formList.filter(item => {
1056
+ const contents = formList.filter((item) => {
1004
1057
  if (!item.hide) {
1005
1058
  return item;
1006
1059
  }
@@ -1065,7 +1118,7 @@ export default {
1065
1118
  getRules(res) {
1066
1119
  if (res.rules && !res.hide) {
1067
1120
  if (Array.isArray(res.rules)) {
1068
- return res.rules.map(item => {
1121
+ return res.rules.map((item) => {
1069
1122
  if (rules[item.type]) {
1070
1123
  return {
1071
1124
  pattern: rules[item.type]['pattern'],
@@ -1120,7 +1173,7 @@ export default {
1120
1173
  }
1121
1174
  let allWidth = getWidth - parseInt(this.labelWidth, 10) * this.col;
1122
1175
  if (this.widths && this.widths.length === this.col) {
1123
- this.widths.forEach(item => {
1176
+ this.widths.forEach((item) => {
1124
1177
  let num = parseInt(item, 10);
1125
1178
  if (item && num) {
1126
1179
  allWidth -= item ? num : 0;
@@ -0,0 +1,5 @@
1
+ import EsIcon from './src/main';
2
+
3
+ EsIcon.install = Vue => Vue.component(EsIcon.name, EsIcon);
4
+
5
+ export default EsIcon;