cnhis-design-vue 3.1.14-beta.13 → 3.1.14-beta.14

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 (6) hide show
  1. package/es/packages/big-table/style/index.css +133 -0
  2. package/es/packages/fabric-chart/src/FabricChart.js +0 -1
  3. package/es/packages/fabric-chart/src/hooks/useLeft.js +15 -4
  4. package/es/packages/index.css +133 -0
  5. package/global.d.ts +8 -8
  6. package/package.json +1 -1
package/es/packages/big-table/style/index.css CHANGED
@@ -389,12 +389,145 @@ body > .vxe-table--tooltip-wrapper {
389
389
  }
390
390
  .custom-big-table .domPropsInnerHTML-span {
391
391
  height: 100%;
392
+ /* 老版图标样式 */
392
393
  }
393
394
  .custom-big-table .domPropsInnerHTML-span img {
394
395
  display: inline-block;
395
396
  height: var(--tableImageHeight);
396
397
  width: var(--tableImageWidth);
397
398
  }
399
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-red {
400
+ width: 8px;
401
+ height: 8px;
402
+ -webkit-border-radius: 50%;
403
+ -moz-border-radius: 50%;
404
+ border-radius: 50%;
405
+ background: red;
406
+ display: inline-block;
407
+ margin-right: 6px;
408
+ box-shadow: 0px 2px 4px 0px rgba(255, 0, 0, 0.5);
409
+ }
410
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-blue {
411
+ width: 8px;
412
+ height: 8px;
413
+ -webkit-border-radius: 50%;
414
+ -moz-border-radius: 50%;
415
+ border-radius: 50%;
416
+ background: blue;
417
+ display: inline-block;
418
+ margin-right: 6px;
419
+ box-shadow: 0px 2px 4px 0px rgba(0, 0, 255, 0.5);
420
+ }
421
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-green {
422
+ width: 8px;
423
+ height: 8px;
424
+ -webkit-border-radius: 50%;
425
+ -moz-border-radius: 50%;
426
+ border-radius: 50%;
427
+ background: green;
428
+ display: inline-block;
429
+ margin-right: 6px;
430
+ box-shadow: 0px 2px 4px 0px rgba(0, 128, 0, 0.5);
431
+ }
432
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-gray {
433
+ width: 8px;
434
+ height: 8px;
435
+ -webkit-border-radius: 50%;
436
+ -moz-border-radius: 50%;
437
+ border-radius: 50%;
438
+ background: gray;
439
+ display: inline-block;
440
+ margin-right: 6px;
441
+ box-shadow: 0px 2px 4px 0px rgba(128, 128, 128, 0.5);
442
+ }
443
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-yellow {
444
+ width: 8px;
445
+ height: 8px;
446
+ -webkit-border-radius: 50%;
447
+ -moz-border-radius: 50%;
448
+ border-radius: 50%;
449
+ background: yellow;
450
+ display: inline-block;
451
+ margin-right: 6px;
452
+ box-shadow: 0px 2px 4px 0px rgba(255, 255, 0, 0.5);
453
+ }
454
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-resolved {
455
+ width: 8px;
456
+ height: 8px;
457
+ -webkit-border-radius: 50%;
458
+ -moz-border-radius: 50%;
459
+ border-radius: 50%;
460
+ background: #36be8c;
461
+ display: inline-block;
462
+ margin-right: 6px;
463
+ box-shadow: 0px 2px 4px 0px rgba(54, 190, 140, 0.5);
464
+ }
465
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-huifu {
466
+ width: 8px;
467
+ height: 8px;
468
+ -webkit-border-radius: 50%;
469
+ -moz-border-radius: 50%;
470
+ border-radius: 50%;
471
+ background: #42d0f6;
472
+ display: inline-block;
473
+ margin-right: 6px;
474
+ box-shadow: 0px 2px 4px 0px rgba(66, 208, 246, 0.5);
475
+ }
476
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-close {
477
+ width: 8px;
478
+ height: 8px;
479
+ -webkit-border-radius: 50%;
480
+ -moz-border-radius: 50%;
481
+ border-radius: 50%;
482
+ background: #718391;
483
+ display: inline-block;
484
+ margin-right: 6px;
485
+ box-shadow: 0px 2px 4px 0px rgba(113, 131, 145, 0.5);
486
+ }
487
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-audit {
488
+ width: 8px;
489
+ height: 8px;
490
+ -webkit-border-radius: 50%;
491
+ -moz-border-radius: 50%;
492
+ border-radius: 50%;
493
+ background: #f4ba32;
494
+ display: inline-block;
495
+ margin-right: 6px;
496
+ box-shadow: 0px 2px 4px 0px rgba(244, 186, 50, 0.5);
497
+ }
498
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-design {
499
+ width: 8px;
500
+ height: 8px;
501
+ -webkit-border-radius: 50%;
502
+ -moz-border-radius: 50%;
503
+ border-radius: 50%;
504
+ background: #927ce1;
505
+ display: inline-block;
506
+ margin-right: 6px;
507
+ box-shadow: 0px 2px 4px 0px rgba(146, 124, 225, 0.5);
508
+ }
509
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-develop {
510
+ width: 8px;
511
+ height: 8px;
512
+ -webkit-border-radius: 50%;
513
+ -moz-border-radius: 50%;
514
+ border-radius: 50%;
515
+ background: #4eb0ef;
516
+ display: inline-block;
517
+ margin-right: 6px;
518
+ box-shadow: 0px 2px 4px 0px rgba(78, 176, 239, 0.5);
519
+ }
520
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-develop-complete {
521
+ width: 8px;
522
+ height: 8px;
523
+ -webkit-border-radius: 50%;
524
+ -moz-border-radius: 50%;
525
+ border-radius: 50%;
526
+ background: #6381f9;
527
+ display: inline-block;
528
+ margin-right: 6px;
529
+ box-shadow: 0px 2px 4px 0px rgba(99, 129, 249, 0.5);
530
+ }
398
531
  .no-data-tip {
399
532
  display: flex;
400
533
  flex-direction: column;
package/es/packages/fabric-chart/src/FabricChart.js CHANGED
@@ -164,7 +164,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
164
164
  return {
165
165
  ...v,
166
166
  bigType: item.type,
167
- titleStyle: item.style,
168
167
  unit: item.unit,
169
168
  dataIndex
170
169
  };
package/es/packages/fabric-chart/src/hooks/useLeft.js CHANGED
@@ -15,7 +15,9 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, g
15
15
  painHeight,
16
16
  iconsWidth,
17
17
  itemList,
18
- painIndex
18
+ painIndex,
19
+ canvasWidth,
20
+ canvasHeight
19
21
  } = propItems;
20
22
  const mainScaleWidth = 9;
21
23
  const subScaleWidth = 5;
@@ -56,7 +58,7 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, g
56
58
  value: `${item.title.slice(0, 2)}
57
59
  ${item.title.slice(-2)}`,
58
60
  ...defaultTextStyle,
59
- ...item.titleStyle || {}
61
+ ...item.style || {}
60
62
  }, {
61
63
  left: iconsWidth,
62
64
  top: painOriginY.originY
@@ -167,7 +169,7 @@ ${item.title.slice(-2)}`,
167
169
  const list = JSON.parse(JSON.stringify(itemList));
168
170
  let topY = endY;
169
171
  const leftX = iconsWidth - left.icons.marginRight;
170
- list.reverse().forEach((item, index) => {
172
+ list.reverse().forEach((item) => {
171
173
  topY -= 10;
172
174
  let title = item.title.replace(/(.{2})/g, "$1\n");
173
175
  if (title.endsWith("\n")) {
@@ -194,7 +196,9 @@ ${item.title.slice(-2)}`,
194
196
  unit: item.unit,
195
197
  type: item.bigType,
196
198
  dataIndex: item.dataIndex
197
- }
199
+ },
200
+ originLeft: leftX,
201
+ originTop: topY - (text.height || 30) / 2
198
202
  });
199
203
  topY -= text.height || 30;
200
204
  setPointEvent(icon);
@@ -226,9 +230,16 @@ ${item.title.slice(-2)}`,
226
230
  });
227
231
  } else {
228
232
  console.log("\u5F53\u524D\u65F6\u95F4\u6BB5\u5185\u65E0\u53EF\u65B0\u589E\u8282\u70B9");
233
+ setRestore();
229
234
  }
235
+ } else {
236
+ setRestore();
230
237
  }
231
238
  }
239
+ function setRestore() {
240
+ point.setCoords();
241
+ point.set({ left: point.originLeft, top: point.originTop });
242
+ }
232
243
  });
233
244
  }
234
245
  onMounted(() => {
package/es/packages/index.css CHANGED
@@ -389,12 +389,145 @@ body > .vxe-table--tooltip-wrapper {
389
389
  }
390
390
  .custom-big-table .domPropsInnerHTML-span {
391
391
  height: 100%;
392
+ /* 老版图标样式 */
392
393
  }
393
394
  .custom-big-table .domPropsInnerHTML-span img {
394
395
  display: inline-block;
395
396
  height: var(--tableImageHeight);
396
397
  width: var(--tableImageWidth);
397
398
  }
399
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-red {
400
+ width: 8px;
401
+ height: 8px;
402
+ -webkit-border-radius: 50%;
403
+ -moz-border-radius: 50%;
404
+ border-radius: 50%;
405
+ background: red;
406
+ display: inline-block;
407
+ margin-right: 6px;
408
+ box-shadow: 0px 2px 4px 0px rgba(255, 0, 0, 0.5);
409
+ }
410
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-blue {
411
+ width: 8px;
412
+ height: 8px;
413
+ -webkit-border-radius: 50%;
414
+ -moz-border-radius: 50%;
415
+ border-radius: 50%;
416
+ background: blue;
417
+ display: inline-block;
418
+ margin-right: 6px;
419
+ box-shadow: 0px 2px 4px 0px rgba(0, 0, 255, 0.5);
420
+ }
421
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-green {
422
+ width: 8px;
423
+ height: 8px;
424
+ -webkit-border-radius: 50%;
425
+ -moz-border-radius: 50%;
426
+ border-radius: 50%;
427
+ background: green;
428
+ display: inline-block;
429
+ margin-right: 6px;
430
+ box-shadow: 0px 2px 4px 0px rgba(0, 128, 0, 0.5);
431
+ }
432
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-gray {
433
+ width: 8px;
434
+ height: 8px;
435
+ -webkit-border-radius: 50%;
436
+ -moz-border-radius: 50%;
437
+ border-radius: 50%;
438
+ background: gray;
439
+ display: inline-block;
440
+ margin-right: 6px;
441
+ box-shadow: 0px 2px 4px 0px rgba(128, 128, 128, 0.5);
442
+ }
443
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-yellow {
444
+ width: 8px;
445
+ height: 8px;
446
+ -webkit-border-radius: 50%;
447
+ -moz-border-radius: 50%;
448
+ border-radius: 50%;
449
+ background: yellow;
450
+ display: inline-block;
451
+ margin-right: 6px;
452
+ box-shadow: 0px 2px 4px 0px rgba(255, 255, 0, 0.5);
453
+ }
454
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-resolved {
455
+ width: 8px;
456
+ height: 8px;
457
+ -webkit-border-radius: 50%;
458
+ -moz-border-radius: 50%;
459
+ border-radius: 50%;
460
+ background: #36be8c;
461
+ display: inline-block;
462
+ margin-right: 6px;
463
+ box-shadow: 0px 2px 4px 0px rgba(54, 190, 140, 0.5);
464
+ }
465
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-huifu {
466
+ width: 8px;
467
+ height: 8px;
468
+ -webkit-border-radius: 50%;
469
+ -moz-border-radius: 50%;
470
+ border-radius: 50%;
471
+ background: #42d0f6;
472
+ display: inline-block;
473
+ margin-right: 6px;
474
+ box-shadow: 0px 2px 4px 0px rgba(66, 208, 246, 0.5);
475
+ }
476
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-close {
477
+ width: 8px;
478
+ height: 8px;
479
+ -webkit-border-radius: 50%;
480
+ -moz-border-radius: 50%;
481
+ border-radius: 50%;
482
+ background: #718391;
483
+ display: inline-block;
484
+ margin-right: 6px;
485
+ box-shadow: 0px 2px 4px 0px rgba(113, 131, 145, 0.5);
486
+ }
487
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-audit {
488
+ width: 8px;
489
+ height: 8px;
490
+ -webkit-border-radius: 50%;
491
+ -moz-border-radius: 50%;
492
+ border-radius: 50%;
493
+ background: #f4ba32;
494
+ display: inline-block;
495
+ margin-right: 6px;
496
+ box-shadow: 0px 2px 4px 0px rgba(244, 186, 50, 0.5);
497
+ }
498
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-design {
499
+ width: 8px;
500
+ height: 8px;
501
+ -webkit-border-radius: 50%;
502
+ -moz-border-radius: 50%;
503
+ border-radius: 50%;
504
+ background: #927ce1;
505
+ display: inline-block;
506
+ margin-right: 6px;
507
+ box-shadow: 0px 2px 4px 0px rgba(146, 124, 225, 0.5);
508
+ }
509
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-develop {
510
+ width: 8px;
511
+ height: 8px;
512
+ -webkit-border-radius: 50%;
513
+ -moz-border-radius: 50%;
514
+ border-radius: 50%;
515
+ background: #4eb0ef;
516
+ display: inline-block;
517
+ margin-right: 6px;
518
+ box-shadow: 0px 2px 4px 0px rgba(78, 176, 239, 0.5);
519
+ }
520
+ .custom-big-table .domPropsInnerHTML-span .icon-dot-develop-complete {
521
+ width: 8px;
522
+ height: 8px;
523
+ -webkit-border-radius: 50%;
524
+ -moz-border-radius: 50%;
525
+ border-radius: 50%;
526
+ background: #6381f9;
527
+ display: inline-block;
528
+ margin-right: 6px;
529
+ box-shadow: 0px 2px 4px 0px rgba(99, 129, 249, 0.5);
530
+ }
398
531
  .no-data-tip {
399
532
  display: flex;
400
533
  flex-direction: column;
package/global.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- import * as NaiveUI from 'naive-ui';
2
-
3
- declare module 'naive-ui' {
4
- // @ts-ignore
5
- export const NTree: any;
6
- }
7
-
8
- export {};
1
+ import * as NaiveUI from 'naive-ui';
2
+
3
+ declare module 'naive-ui' {
4
+ // @ts-ignore
5
+ export const NTree: any;
6
+ }
7
+
8
+ export {};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "cnhis-design-vue",
3
3
  "private": false,
4
- "version": "3.1.14-beta.13",
4
+ "version": "3.1.14-beta.14",
5
5
  "license": "ISC",
6
6
  "module": "es/packages/index.js",
7
7
  "main": "es/packages/index.js",