eoss-ui 0.5.59 → 0.5.61

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 (36) hide show
  1. package/CHANGELOG.md +929 -0
  2. package/lib/button-group.js +116 -40
  3. package/lib/calendar.js +43 -15
  4. package/lib/card.js +186 -186
  5. package/lib/eoss-ui.common.js +1364 -400
  6. package/lib/form.js +662 -2
  7. package/lib/icon.js +17 -5
  8. package/lib/index.js +1 -1
  9. package/lib/table-form.js +175 -5
  10. package/lib/theme-chalk/button.css +1 -1
  11. package/lib/theme-chalk/calendar.css +1 -0
  12. package/lib/theme-chalk/card.css +1 -1
  13. package/lib/theme-chalk/cascader.css +0 -1
  14. package/lib/theme-chalk/index.css +1 -1
  15. package/lib/theme-chalk/toolbar.css +1 -1
  16. package/lib/toolbar.js +43 -25
  17. package/package.json +2 -2
  18. package/packages/button-group/src/main.vue +47 -16
  19. package/packages/calendar/src/main.vue +26 -7
  20. package/packages/card/src/main.vue +72 -60
  21. package/packages/form/src/main.vue +129 -0
  22. package/packages/form/src/table.vue +33 -0
  23. package/packages/icon/src/main.vue +9 -3
  24. package/packages/theme-chalk/lib/button.css +1 -1
  25. package/packages/theme-chalk/lib/calendar.css +1 -0
  26. package/packages/theme-chalk/lib/card.css +1 -1
  27. package/packages/theme-chalk/lib/cascader.css +0 -1
  28. package/packages/theme-chalk/lib/index.css +1 -1
  29. package/packages/theme-chalk/lib/toolbar.css +1 -1
  30. package/packages/theme-chalk/src/button.scss +3 -0
  31. package/packages/theme-chalk/src/calendar.scss +110 -0
  32. package/packages/theme-chalk/src/card.scss +66 -22
  33. package/packages/theme-chalk/src/cascader.scss +0 -93
  34. package/packages/theme-chalk/src/toolbar.scss +8 -0
  35. package/packages/toolbar/src/main.vue +56 -32
  36. package/src/index.js +1 -1
@@ -431,6 +431,17 @@
431
431
  }
432
432
  "
433
433
  ></es-icons>
434
+ <component
435
+ v-else-if="item.type === 'component'"
436
+ v-model="models[item.name]"
437
+ v-bind="
438
+ handleExclAttribute({
439
+ data: item,
440
+ attrs: ['value']
441
+ })
442
+ "
443
+ v-on="item.events"
444
+ ></component>
434
445
  <es-input
435
446
  v-else
436
447
  v-bind="
@@ -707,6 +718,17 @@
707
718
  }
708
719
  "
709
720
  ></es-icons>
721
+ <component
722
+ v-else-if="inline.type === 'component'"
723
+ v-model="models[inline.name]"
724
+ v-bind="
725
+ handleExclAttribute({
726
+ data: inline,
727
+ attrs: ['value']
728
+ })
729
+ "
730
+ v-on="inline.events"
731
+ ></component>
710
732
  <es-input
711
733
  v-else
712
734
  v-bind="
@@ -915,6 +937,17 @@
915
937
  }
916
938
  "
917
939
  ></es-icons>
940
+ <component
941
+ v-else-if="item.inline.type === 'component'"
942
+ v-model="models[item.inline.name]"
943
+ v-bind="
944
+ handleExclAttribute({
945
+ data: item.inline,
946
+ attrs: ['value']
947
+ })
948
+ "
949
+ v-on="item.inline.events"
950
+ ></component>
918
951
  <es-input
919
952
  v-else
920
953
  v-bind="item.inline"
@@ -1,5 +1,9 @@
1
1
  <template>
2
- <i :class="className">
2
+ <i
3
+ class="es-icon"
4
+ :class="[className, { 'es-pointer': Object.keys(event).length }]"
5
+ v-on="event"
6
+ >
3
7
  <slot>{{ code }}</slot>
4
8
  </i>
5
9
  </template>
@@ -25,7 +29,8 @@ export default {
25
29
  }
26
30
  } else {
27
31
  this.code = val.code;
28
- this.className = val.className;
32
+ this.className = val.class || val.className;
33
+ this.event = val.events;
29
34
  }
30
35
  }
31
36
  }
@@ -34,7 +39,8 @@ export default {
34
39
  data() {
35
40
  return {
36
41
  code: '',
37
- className: ''
42
+ className: '',
43
+ event: {}
38
44
  };
39
45
  },
40
46
  created() {},
@@ -1 +1 @@
1
- .el-button+.es-button-badge,.es-button-badge+.el-button{margin-left:10px}.es-button-badge{vertical-align:unset}.el-button[float=left],.el-button[float=right],.es-button--left,.es-button--right{float:left}
1
+ .el-button+.es-button-badge,.es-button-badge+.el-button{margin-left:10px}.es-button-badge{vertical-align:unset}.es-button-badge .el-badge__content{z-index:9}.el-button[float=left],.el-button[float=right],.es-button--left,.es-button--right{float:left}
@@ -0,0 +1 @@
1
+ .es-calendar{background-color:#fff}.es-calendar .es-calendar-title{height:44px;padding:12px 30px;background-color:#fff;font-family:PingFang SC,PingFang SC;font-weight:400;font-size:14px;color:#262626;line-height:20px;text-align:center;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.es-calendar .es-calendar-title .es-calendar-next,.es-calendar .es-calendar-title .es-calendar-prev{cursor:pointer;font-size:14px;color:#8c8c8c;line-height:20px}.es-calendar .es-calendar-title .es-calendar-prev{margin-right:8px}.es-calendar .es-calendar-title .es-calendar-next{margin-left:8px}.es-calendar .es-calendar-title .es-title .es-calendar-picker .el-input__inner{width:76px;height:20px;line-height:20px;text-align:center;padding:0;border:0!important;-webkit-box-shadow:none!important;box-shadow:none!important;cursor:pointer}.es-calendar .es-calendar-title .es-title .es-calendar-picker .el-input__prefix,.es-calendar .es-calendar-title .es-title .es-calendar-picker .el-input__suffix{display:none}.es-calendar .es-calendar-weeks{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:4px}.es-calendar .es-calendar-weeks .es-week{width:14.28571%;height:32px;text-align:center;line-height:32px;font-size:14px;color:#8c8c8c;font-weight:700}.es-calendar .es-calendar-days{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.es-calendar .es-calendar-days .es-day{width:14.28571%;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.es-calendar .es-calendar-days .es-day .es-day-item{width:28px;height:28px;font-weight:400;font-size:14px;color:#262626;text-align:center;line-height:28px;position:relative;cursor:pointer}.es-calendar .es-calendar-days .es-day .es-day-item.es-disabled-day{color:#bfbfbf}.es-calendar .es-calendar-days .es-day .es-day-item.es-today{color:#2778e5;border:1px solid #2778e5;line-height:26px;border-radius:15px}.es-calendar .es-calendar-days .es-day .es-day-item.es-select{color:#fff;background-color:#2778e5;border-radius:15px}.es-calendar .es-calendar-switch{height:22px;line-height:22px;font-weight:700;text-align:center;color:#8c8c8c}.es-calendar .es-calendar-switch .es-switch-icon{font-size:14px;cursor:pointer}
@@ -1 +1 @@
1
- @charset "UTF-8";.es-card .el-card__header{padding:8px}.es-card .es-card-header{position:relative;padding-left:8px;line-height:28px;display:-webkit-box;display:-ms-flexbox;display:flex}.es-card .es-card-header.es-card-ornament-hide{padding-left:0}.es-card .es-card-header:not(.es-card-ornament-hide):before{content:'';width:4px;display:inline-block;position:absolute;left:0;top:4px;bottom:4px;border-radius:2px;background-color:#1890ff}.es-card .es-card-header .es-header-text{margin:0 4px}.es-card .es-card-header .es-header-text+.es-card-menu{margin-left:48px}.es-card .es-card-header .es-card-menu{margin-top:-8px;margin-bottom:-8px;border-bottom:0}.es-card .es-card-header .es-card-menu .el-menu-item{padding:8px 16px;height:44px;line-height:28px;color:initial}.es-card .es-card-header .es-card-menu .el-menu-item.is-active{color:#1890ff}.es-card .es-card-header .es-card-menu .el-menu-item .el-badge__content{top:6px;right:0}.es-card .es-card-header .es-card-menu .el-menu-item .el-badge__content:not(.is-dot){width:18px;padding:0;text-align:center}
1
+ @charset "UTF-8";.es-card{padding:10px 20px 6px;position:relative}.es-card:not(.es-card-border-none):before{content:'';display:block;height:1px;background-color:#d9d9d9;position:absolute;left:0;top:50px;right:0}.es-card .el-card__header{padding:0}.es-card .el-card__body{padding:16px 0}.es-card .es-card-header{position:relative;line-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex}.es-card .es-card-header .es-icon{line-height:40px}.es-card .es-card-header.es-card-ornament-bar{padding-left:10px}.es-card .es-card-header.es-card-ornament-bar:before{content:'';height:20px;width:4px;display:inline-block;position:absolute;left:0;top:50%;margin-top:-10px;border-radius:2px;background-color:#1890ff}.es-card .es-card-header.es-card-ornament-chunk{padding-left:20px}.es-card .es-card-header.es-card-ornament-chunk::after,.es-card .es-card-header.es-card-ornament-chunk::before{content:'';display:block;width:10px;height:10px;background-color:#d7e0f4;position:absolute;left:6px;top:11px}.es-card .es-card-header.es-card-ornament-chunk::after{background-color:#1890ff;left:0;top:17px}.es-card .es-card-header .es-header-text{font-size:15px;font-weight:700;margin:0 4px}.es-card .es-card-header .es-header-text+.es-card-menu{margin-left:24px}.es-card .es-card-header .es-card-menu{border-bottom:0}.es-card .es-card-header .es-card-menu .el-menu-item{padding:8px 16px;height:40px;line-height:28px;color:initial}.es-card .es-card-header .es-card-menu .el-menu-item.is-active{color:#1890ff}.es-card .es-card-header .es-card-menu .el-menu-item .el-badge__content{top:6px;right:0}.es-card .es-card-header .es-card-menu .el-menu-item .el-badge__content:not(.is-dot){width:18px;padding:0;text-align:center}.es-card.es-card-border-none,.es-card.es-card-border-none .el-card__header{border:0}
@@ -1 +0,0 @@
1
- .es-calendar{background-color:#fff}.es-calendar .es-calendar-title{height:44px;padding:12px 30px;background-color:#fff;font-family:PingFang SC,PingFang SC;font-weight:400;font-size:14px;color:#262626;line-height:20px;text-align:center;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.es-calendar .es-calendar-title .es-calendar-next,.es-calendar .es-calendar-title .es-calendar-prev{cursor:pointer;font-size:14px;color:#8c8c8c;line-height:20px}.es-calendar .es-calendar-title .es-calendar-prev{margin-right:8px}.es-calendar .es-calendar-title .es-calendar-next{margin-left:8px}.es-calendar .es-calendar-title .es-title{width:86px}.es-calendar .es-calendar-weeks{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.es-calendar .es-calendar-weeks .es-week{width:14.28571%;height:20px;text-align:center;line-height:20px;font-weight:400;font-size:12px;color:#8c8c8c}.es-calendar .es-calendar-days{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.es-calendar .es-calendar-days .es-day{width:14.28571%;height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.es-calendar .es-calendar-days .es-day .es-day-item{width:28px;height:28px;font-weight:400;font-size:14px;color:#262626;text-align:center;line-height:28px;position:relative;cursor:pointer}.es-calendar .es-calendar-days .es-day .es-day-item.es-disabled-day{color:#bfbfbf}.es-calendar .es-calendar-days .es-day .es-day-item.es-today{color:#2778e5;border:1px solid #2778e5;line-height:26px;border-radius:15px}.es-calendar .es-calendar-days .es-day .es-day-item.es-select{color:#fff;background-color:#2778e5;border-radius:15px}.es-calendar .es-calendar-switch{height:22px;line-height:22px;font-weight:700;text-align:center;color:#8c8c8c}.es-calendar .es-calendar-switch .es-switch-icon{font-size:14px;cursor:pointer}