@leevan/jtui 2.0.5 → 2.0.6

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 (13) hide show
  1. package/examples/assets/icon/iconfont.css +532 -7
  2. package/examples/assets/icon/iconfont.eot +0 -0
  3. package/examples/assets/icon/iconfont.svg +1083 -1230
  4. package/examples/assets/icon/iconfont.ttf +0 -0
  5. package/examples/assets/icon/iconfont.woff +0 -0
  6. package/examples/assets/icon/iconfont.woff2 +0 -0
  7. package/lib/jtui.common.js +36 -22
  8. package/lib/jtui.css +1 -1
  9. package/lib/jtui.umd.js +36 -22
  10. package/lib/jtui.umd.min.js +1 -1
  11. package/package.json +1 -1
  12. package/packages/jt-table/index.vue +44 -27
  13. package/packages/jt-table-pc/data2.js +6 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@leevan/jtui",
3
- "version": "2.0.5",
3
+ "version": "2.0.6",
4
4
  "scripts": {
5
5
  "serve": "vue-cli-service serve",
6
6
  "build": "vue-cli-service build",
package/packages/jt-table/index.vue CHANGED
@@ -165,16 +165,17 @@
165
165
  :key="index"
166
166
  size="mini"
167
167
  @click="handlerColClick(item.funcode, row, rowIndex)"
168
+ :style="btnHover(item.bgColor)"
168
169
  >
169
170
  <i
170
171
  class="jtIcon ht-icon"
171
172
  :style="{
172
- color: item.color ? item.color : '#666',
173
+ color: item.color ? item.color : '#379FF2',
173
174
  fontSize: item.size ? item.size + 'px' : '16px',
174
175
  }"
175
- :class="item.icon ? item.icon : 'iconcaidan'"
176
+ :class="item.icon ? item.icon : 'iconxiangqing'"
176
177
  ></i>
177
- <span class="ht-text" style="color: #666">{{ item.name }}</span>
178
+ <span class="ht-text" :style="{color:item.textColor ? item.textColor : '#379FF2'}">{{ item.name }}</span>
178
179
  </el-button>
179
180
  <el-button
180
181
  type="text"
@@ -182,16 +183,17 @@
182
183
  :key="index"
183
184
  size="mini"
184
185
  @click="handlerColClick(item.funcode, row, rowIndex)"
186
+ :style="btnHover(item.bgColor)"
185
187
  >
186
188
  <i
187
189
  class="jtIcon ht-icon"
188
190
  :style="{
189
- color: item.color ? item.color : '#666',
191
+ color: item.color ? item.color : '#379FF2',
190
192
  fontSize: item.size ? item.size + 'px' : '16px',
191
193
  }"
192
- :class="item.icon ? item.icon : 'iconcaidan'"
194
+ :class="item.icon ? item.icon : 'iconxiangqing'"
193
195
  ></i>
194
- <span class="ht-text" style="color: #666">{{ item.name }}</span>
196
+ <span class="ht-text" :style="{color:item.textColor ? item.textColor : '#379FF2'}">{{ item.name }}</span>
195
197
  </el-button>
196
198
  </template>
197
199
  </template>
@@ -342,16 +344,17 @@
342
344
  :key="index"
343
345
  size="mini"
344
346
  @click="handlerColClick(item.funcode, row, rowIndex)"
347
+ :style="btnHover(item.bgColor)"
345
348
  >
346
349
  <i
347
350
  class="jtIcon ht-icon"
348
351
  :style="{
349
- color: item.color ? item.color : '#666',
352
+ color: item.color ? item.color : '#379FF2',
350
353
  fontSize: item.size ? item.size + 'px' : '16px',
351
354
  }"
352
- :class="item.icon ? item.icon : 'iconcaidan'"
355
+ :class="item.icon ? item.icon : 'iconxiangqing'"
353
356
  ></i>
354
- <span class="ht-text" style="color: #666">{{ item.name }}</span>
357
+ <span class="ht-text" :style="{color:item.textColor ? item.textColor : '#379FF2'}">{{ item.name }}</span>
355
358
  </el-button>
356
359
  <el-button
357
360
  type="text"
@@ -359,16 +362,17 @@
359
362
  :key="index"
360
363
  size="mini"
361
364
  @click="handlerColClick(item.funcode, row, rowIndex)"
365
+ :style="btnHover(item.bgColor)"
362
366
  >
363
367
  <i
364
368
  class="jtIcon ht-icon"
365
369
  :style="{
366
- color: item.color ? item.color : '#666',
370
+ color: item.color ? item.color : '#379FF2',
367
371
  fontSize: item.size ? item.size + 'px' : '16px',
368
372
  }"
369
- :class="item.icon ? item.icon : 'iconcaidan'"
373
+ :class="item.icon ? item.icon : 'iconxiangqing'"
370
374
  ></i>
371
- <span class="ht-text" style="color: #666">{{ item.name }}</span>
375
+ <span class="ht-text" :style="{color:item.textColor ? item.textColor : '#379FF2'}">{{ item.name }}</span>
372
376
  </el-button>
373
377
  </template>
374
378
  </template>
@@ -477,16 +481,17 @@
477
481
  :key="'s' + index"
478
482
  size="mini"
479
483
  @click="handlerColClick(item.funcode, row, rowIndex)"
484
+ :style="btnHover(item.bgColor)"
480
485
  >
481
486
  <i
482
487
  class="jtIcon ht-icon"
483
488
  :style="{
484
- color: item.color ? item.color : '#666',
489
+ color: item.color ? item.color : '#379FF2',
485
490
  fontSize: item.size ? item.size + 'px' : '16px',
486
491
  }"
487
- :class="item.icon ? item.icon : 'iconcaidan'"
492
+ :class="item.icon ? item.icon : 'iconxiangqing'"
488
493
  ></i>
489
- <span class="ht-text" style="color: #666">{{ item.name }}</span>
494
+ <span class="ht-text" :style="{color:item.textColor ? item.textColor : '#379FF2'}">{{ item.name }}</span>
490
495
  </el-button>
491
496
  </template>
492
497
  <template v-for="(item, index) in row.inBottons">
@@ -496,16 +501,17 @@
496
501
  :key="index"
497
502
  size="mini"
498
503
  @click="handlerColClick(item.funcode, row, rowIndex)"
504
+ :style="btnHover(item.bgColor)"
499
505
  >
500
506
  <i
501
507
  class="jtIcon ht-icon"
502
508
  :style="{
503
- color: item.color ? item.color : '#666',
509
+ color: item.color ? item.color : '#379FF2',
504
510
  fontSize: item.size ? item.size + 'px' : '16px',
505
511
  }"
506
- :class="item.icon ? item.icon : 'iconcaidan'"
512
+ :class="item.icon ? item.icon : 'iconxiangqing'"
507
513
  ></i>
508
- <span class="ht-text" style="color: #666">{{ item.name }}</span>
514
+ <span class="ht-text" :style="{color:item.textColor ? item.textColor : '#379FF2'}">{{ item.name }}</span>
509
515
  </el-button>
510
516
  </template>
511
517
  </template>
@@ -723,16 +729,17 @@
723
729
  :key="'s' + index"
724
730
  size="mini"
725
731
  @click="handlerColClick(item.funcode, row, rowIndex)"
732
+ :style="btnHover(item.bgColor)"
726
733
  >
727
734
  <i
728
735
  class="jtIcon ht-icon"
729
736
  :style="{
730
- color: item.color ? item.color : '#666',
737
+ color: item.color ? item.color : '#379FF2',
731
738
  fontSize: item.size ? item.size + 'px' : '16px',
732
739
  }"
733
- :class="item.icon ? item.icon : 'iconcaidan'"
740
+ :class="item.icon ? item.icon : 'iconxiangqing'"
734
741
  ></i>
735
- <span class="ht-text" style="color: #666">{{ item.name }}</span>
742
+ <span class="ht-text" :style="{color:item.textColor ? item.textColor : '#379FF2'}">{{ item.name }}</span>
736
743
  </el-button>
737
744
  </template>
738
745
  <template v-for="(item, index) in row.inBottons">
@@ -742,16 +749,17 @@
742
749
  :key="index"
743
750
  size="mini"
744
751
  @click="handlerColClick(item.funcode, row, rowIndex)"
752
+ :style="btnHover(item.bgColor)"
745
753
  >
746
754
  <i
747
755
  class="jtIcon ht-icon"
748
756
  :style="{
749
- color: item.color ? item.color : '#666',
757
+ color: item.color ? item.color : '#379FF2',
750
758
  fontSize: item.size ? item.size + 'px' : '16px',
751
759
  }"
752
- :class="item.icon ? item.icon : 'iconcaidan'"
760
+ :class="item.icon ? item.icon : 'iconxiangqing'"
753
761
  ></i>
754
- <span class="ht-text" style="color: #666">{{ item.name }}</span>
762
+ <span class="ht-text" :style="{color:item.textColor ? item.textColor : '#379FF2'}">{{ item.name }}</span>
755
763
  </el-button>
756
764
  </template>
757
765
  </template>
@@ -994,6 +1002,12 @@ export default {
994
1002
  };
995
1003
  },
996
1004
  methods: {
1005
+ btnHover(color){
1006
+ return {
1007
+ backgroundColor:color ? color : '',
1008
+ "--background-color-hover":color ? color + 'B3' : '#EAF5FE' + 'B3'
1009
+ }
1010
+ },
997
1011
  //指定位置插入数据
998
1012
  insertAt(records, row) {
999
1013
  this.$refs[this.id].insertAt(records, row);
@@ -1618,9 +1632,12 @@ export default {
1618
1632
  right: 2px;
1619
1633
  top: 1px;
1620
1634
  }
1621
- .jt-table-class-only .el-button:hover span,
1622
- .jt-table-class-only .el-button:hover i {
1623
- color: rgb(55, 66, 214) !important;
1635
+ .jt-table-class-only .el-button{
1636
+ background:#EAF5FE;
1637
+ padding:4px 10px;
1638
+ }
1639
+ .jt-table-class-only .el-button:hover{
1640
+ background-color:var(--background-color-hover) !important;
1624
1641
  }
1625
1642
  .jt-table-class-only .vxe-cell--tree-node {
1626
1643
  cursor: pointer;
package/packages/jt-table-pc/data2.js CHANGED
@@ -227,17 +227,19 @@ export function data23(){
227
227
  "inBottons": [
228
228
  {
229
229
  "funcode": "wxq_xg",
230
- "color": "#d81e06",
230
+ "color": "",
231
231
  "size": 15,
232
232
  "name": "修改",
233
- "icon": "iconedit-1-copy"
233
+ "icon": ""
234
234
  },
235
235
  {
236
236
  "funcode": "wxq_delete",
237
- "color": "#d81e06",
237
+ "color": "#ffffff",
238
238
  "size": 15,
239
239
  "name": "删除",
240
- "icon": "iconshanchu1"
240
+ "icon": "iconshanchu1",
241
+ "bgColor":'#409EFF',
242
+ "textColor":'#ffffff'
241
243
  }
242
244
  ],
243
245
  "isHaveHead": true,