cnhis-design-vue 3.1.14 → 3.1.15-beta.10

package/es/packages/big-table/style/index.css

@@ -291,7 +291,7 @@ body > .vxe-table--tooltip-wrapper {
   width: 100%;
 }
 .custom-big-table .filter-box .text-over-tooltip-components {
-  max-width: calc(100% - 20px);
+  max-width: calc(100% - 40px);
 }
 .custom-big-table .filter-box .vxe-filter--btn {
   border-top-color: #c0c4cc;
@@ -396,6 +396,17 @@ body > .vxe-table--tooltip-wrapper {
   height: var(--tableImageHeight);
   width: var(--tableImageWidth);
 }
+.custom-big-table .domPropsInnerHTML-span .icon-dot-custom {
+  width: 8px;
+  height: 8px;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+  background: var(--table-icon-color);
+  display: inline-block;
+  margin-right: 6px;
+  box-shadow: 0px 2px 4px 0px var(--table-icon-shadow);
+}
 .custom-big-table .domPropsInnerHTML-span .icon-dot-red {
   width: 8px;
   height: 8px;
@@ -528,6 +539,21 @@ body > .vxe-table--tooltip-wrapper {
   margin-right: 6px;
   box-shadow: 0px 2px 4px 0px rgba(99, 129, 249, 0.5);
 }
+.annotation-edit {
+  cursor: pointer;
+  color: #0067ee;
+  font-size: 16px;
+  user-select: none;
+  display: inline-flex;
+  align-items: center;
+}
+.annotation-edit.is-active {
+  color: rgba(255, 152, 40);
+}
+.annotation-edit__icon {
+  display: inline-flex;
+  align-items: center;
+}
 .no-data-tip {
   display: flex;
   flex-direction: column;
@@ -590,3 +616,14 @@ body > .vxe-table--tooltip-wrapper {
   fill: currentColor;
   overflow: hidden;
 }
+.vxe-header--column [annotation-hover-show='true'] {
+  visibility: hidden;
+}
+.vxe-header--column:hover [annotation-hover-show='true'] {
+  visibility: visible;
+}
+.big-table__annotationWrapper {
+  width: 20px;
+  display: inline-flex;
+  align-items: center;
+}

package/es/packages/bpmn-workflow/src/BpmnWorkflow.js

@@ -3,14 +3,14 @@ import 'bpmn-js/dist/assets/diagram-js.css';
 import 'bpmn-js/dist/assets/bpmn-font/css/bpmn.css';
 import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-codes.css';
 import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css';
-import { attr } from '../../../node_modules/tiny-svg/dist/index.esm.js';
+import { attr } from 'tiny-svg';
 import { useMessage } from 'naive-ui';
 import axios from 'axios';
 import moment from 'moment';
 import BpmnViewer from 'bpmn-js/lib/Viewer';
 import ZoomScroll from './custom/customOtherModule/zoomScroll.js';
 import ModelingModule from 'bpmn-js/lib/features/modeling';
-import MoveCanvasModule from '../../../node_modules/diagram-js/lib/navigation/movecanvas/index.js';
+import MoveCanvasModule from 'diagram-js/lib/navigation/movecanvas';
 import customViewerRenderer from './custom/customOtherModule/customViewerRenderer.js';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 

package/es/packages/bpmn-workflow/src/custom/customModeler/customBpmn/BpmnRenderer.js

@@ -1,15 +1,15 @@
-import inherits from '../../../../../../node_modules/inherits/inherits.js';
-import { assign, forEach, isObject } from '../../../../../../node_modules/min-dash/dist/index.esm.js';
-import BaseRenderer from '../../../../../../node_modules/diagram-js/lib/draw/BaseRenderer.js';
+import inherits from 'inherits';
+import { assign, forEach, isObject } from 'min-dash';
+import BaseRenderer from 'diagram-js/lib/draw/BaseRenderer';
 import { isExpanded, isEventSubProcess } from 'bpmn-js/lib/util/DiUtil';
 import { getLabel } from 'bpmn-js/lib/features/label-editing/LabelUtil';
 import { is } from 'bpmn-js/lib/util/ModelUtil';
-import { createLine } from '../../../../../../node_modules/diagram-js/lib/util/RenderUtil.js';
+import { createLine } from 'diagram-js/lib/util/RenderUtil';
 import { getCirclePath, getRoundRectPath, getDiamondPath, getRectPath, getFillColor, getStrokeColor, getSemantic, getLabelColor, getDi, isCollection, isThrowEvent, isTypedEvent } from 'bpmn-js/lib/draw/BpmnRenderUtil';
-import { query } from '../../../../../../node_modules/min-dom/dist/index.esm.js';
-import { attr, create, append, classes } from '../../../../../../node_modules/tiny-svg/dist/index.esm.js';
-import { rotate, transform, translate } from '../../../../../../node_modules/diagram-js/lib/util/SvgTransformUtil.js';
-import Ids from '../../../../../../node_modules/ids/dist/index.esm.js';
+import { query } from 'min-dom';
+import { attr, create, append, classes } from 'tiny-svg';
+import { rotate, transform, translate } from 'diagram-js/lib/util/SvgTransformUtil';
+import Ids from 'ids';
 
 var RENDERER_IDS = new Ids();
 var TASK_BORDER_RADIUS = 10;

package/es/packages/bpmn-workflow/src/custom/customModeler/customBpmn/CustomContextPadProvider.js

@@ -1,9 +1,9 @@
-import { assign, isArray, forEach } from '../../../../../../node_modules/min-dash/dist/index.esm.js';
+import { assign, isArray, forEach } from 'min-dash';
 import { is } from 'bpmn-js/lib/util/ModelUtil';
 import { isExpanded, isEventSubProcess } from 'bpmn-js/lib/util/DiUtil';
 import { isAny } from 'bpmn-js/lib/features/modeling/util/ModelingUtil';
 import { getChildLanes } from 'bpmn-js/lib/features/modeling/util/LaneUtil';
-import { hasPrimaryModifier } from '../../../../../../node_modules/diagram-js/lib/util/Mouse.js';
+import { hasPrimaryModifier } from 'diagram-js/lib/util/Mouse';
 
 function ContextPadProvider(config, injector, eventBus, contextPad, modeling, elementFactory, connect, create, popupMenu, canvas, rules, translate, elementRegistry, bpmnFactory, copyPaste, clipboard, moddle) {
   config = config || {};

package/es/packages/bpmn-workflow/src/custom/customModeler/customBpmn/CustomPalette.js

@@ -1,4 +1,4 @@
-import { assign } from '../../../../../../node_modules/min-dash/dist/index.esm.js';
+import { assign } from 'min-dash';
 
 function PaletteProvider(palette, create, elementFactory, globalConnect, bpmnFactory, spaceTool, lassoTool, handTool, translate, modeling, moddle) {
   this.create = create;

package/es/packages/bpmn-workflow/src/custom/customModeler/customBpmn/CustomRenderer.js

@@ -1,7 +1,8 @@
-import inherits from '../../../../../../node_modules/inherits/inherits.js';
-import BaseRenderer from '../../../../../../node_modules/diagram-js/lib/draw/BaseRenderer.js';
+import inherits from 'inherits';
+import BaseRenderer from 'diagram-js/lib/draw/BaseRenderer';
 import { getFillColor, getStrokeColor } from 'bpmn-js/lib/draw/BpmnRenderUtil';
-import { classes, create, attr, append } from '../../../../../../node_modules/tiny-svg/dist/index.esm.js';
+import 'min-dash';
+import { classes, create, attr, append } from 'tiny-svg';
 
 function CustomRenderer(config, eventBus, styles, textRenderer, bpmnRenderer, modeling, customPathMap) {
   BaseRenderer.call(this, eventBus, 2e3);

package/es/packages/bpmn-workflow/src/custom/customModeler/customBpmn/CustomRules.js

@@ -1,5 +1,5 @@
-import inherits from '../../../../../../node_modules/inherits/inherits.js';
-import RuleProvider from '../../../../../../node_modules/diagram-js/lib/features/rules/RuleProvider.js';
+import inherits from 'inherits';
+import RuleProvider from 'diagram-js/lib/features/rules/RuleProvider';
 
 function CustomRules(eventBus, elementRegistry) {
   this.elementRegistry = elementRegistry;

package/es/packages/bpmn-workflow/src/custom/customModeler/index.js

@@ -1,5 +1,5 @@
 import Modeler from 'bpmn-js/lib/Modeler';
-import inherits from '../../../../../node_modules/inherits/inherits.js';
+import inherits from 'inherits';
 import CustomModule from './customBpmn/index.js';
 
 function CustomModeler(options) {

package/es/packages/bpmn-workflow/src/custom/customOtherModule/CustomPopupMenu.js

@@ -1,5 +1,5 @@
-import PopupMenu from '../../../../../node_modules/diagram-js/lib/features/popup-menu/PopupMenu.js';
-import { forEach, omit, isFunction } from '../../../../../node_modules/min-dash/dist/index.esm.js';
+import PopupMenu from 'diagram-js/lib/features/popup-menu/PopupMenu.js';
+import { forEach, omit, isFunction } from 'min-dash';
 
 var CustomPopupMenu = {
   __init__: ["popupMenu"],

package/es/packages/bpmn-workflow/src/custom/customOtherModule/zoomScroll.js

@@ -1,10 +1,10 @@
-import ZoomScroll$1 from '../../../../../node_modules/diagram-js/lib/navigation/zoomscroll/ZoomScroll.js';
+import ZoomScrollModule from 'diagram-js/lib/navigation/zoomscroll/ZoomScroll';
 
-ZoomScroll$1.prototype.scroll = () => {
+ZoomScrollModule.prototype.scroll = () => {
 };
 var ZoomScroll = {
   __init__: ["zoomScroll"],
-  zoomScroll: ["type", ZoomScroll$1]
+  zoomScroll: ["type", ZoomScrollModule]
 };
 
 export { ZoomScroll as default };

package/es/packages/button-print/src/utils/print.d.ts

@@ -11,7 +11,7 @@ export declare class Print {
     _queryServicesPrint(params: AnyObject): Promise<any>;
     _callPrintWithFile(queryParams: AnyObject): Promise<any>;
     _handleResult(data: AnyObject, errorCallbackFn?: Func): false | AnyObject;
-    _handleResultTest(result: any, errorCallbackFn?: Func): boolean;
+    _handleResultTest(result: unknown, errorCallbackFn?: Func): boolean;
     _handleEventQueryPrintData(templateId: string, formatId: string, params: AnyObject, errorCallbackFn?: Func): Promise<false | {
         file: any;
         printerName: any;

package/es/packages/button-print/src/utils/print.js

@@ -29,7 +29,7 @@ class Print {
     const { resolve, reject } = handler;
     try {
       console.log(e);
-      resolve(JSON.parse(e.data.res));
+      resolve(JSON.parse(e.data).res);
     } catch (e2) {
       reject(e2);
     }

package/es/packages/fabric-chart/index.d.ts

@@ -53,6 +53,7 @@ declare const FabricChart: SFCWithInstall<import("vue").DefineComponent<{
     }>;
     topList: import("vue").ComputedRef<import("./src/interface").IDate[]>;
     propItems: any;
+    computedYCell: (type: import("./src/interface").IPointType) => number;
     cumputedX: (value: string | number) => any;
     cumputedY: (type: import("./src/interface").IPointType, scaleValueList: number[], value: string | number) => number;
     getXValue: (pointX: number) => string | undefined;

package/es/packages/fabric-chart/src/FabricChart.js

@@ -19,7 +19,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     data: null,
     addRenderItem: null
   },
-  emits: ["change", "add", "select"],
+  emits: [
+    "change",
+    "add",
+    "select"
+  ],
   setup(__props, { expose, emit: emits }) {
     const props = __props;
     const defaultHeight = 15;
@@ -130,28 +134,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return timeList.flat();
     });
     const breatheYCell = computed(() => {
-      var _a;
-      const { yScaleValue, spaceGridNumber = 5 } = props.data.left;
-      const list = (_a = yScaleValue.find((v) => v.type === "breathe")) == null ? void 0 : _a.list;
-      return list ? yCellHeight.value / ((parseInt(list[1]) - parseInt(list[0])) / spaceGridNumber) : 0;
+      return computedYCell("breathe");
     });
     const pulseYCell = computed(() => {
-      const { yScaleValue, spaceGridNumber = 5 } = props.data.left;
-      const list = yScaleValue.find((v) => v.type === "pulse").list;
-      return yCellHeight.value / ((parseInt(list[1]) - parseInt(list[0])) / spaceGridNumber);
+      return computedYCell("pulse");
     });
     const temperatureYCell = computed(() => {
-      const { yScaleValue, spaceGridNumber = 5 } = props.data.left;
-      const list = yScaleValue.find((v) => v.type === "temperature").list;
-      return yCellHeight.value / ((parseInt(list[1]) - parseInt(list[0])) / spaceGridNumber);
+      return computedYCell("temperature");
     });
     const painYCell = computed(() => {
-      const { yScaleValue, spaceGridNumber = 5 } = props.data.left;
-      const item = yScaleValue.find((v) => v.type === "pain");
-      const list = (item == null ? void 0 : item.list) || [];
-      if (!list.length)
-        return 0;
-      return yCellHeight.value / ((parseInt(list[1]) - parseInt(list[0])) / item.spaceGridNumber);
+      return computedYCell("pain");
     });
     const event = computed(() => {
       var _a;
@@ -261,6 +253,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       event: event.value,
       itemList: itemList.value
     });
+    function computedYCell(type) {
+      const { yScaleValue } = props.data.left;
+      const item = yScaleValue.find((v) => v.type === type);
+      const list = (item == null ? void 0 : item.list) || [];
+      if (!list.length)
+        return 0;
+      return yCellHeight.value / ((parseInt(list[1]) - parseInt(list[0])) / item.spaceGridNumber);
+    }
     const { cumputedX, cumputedY, getXValue, getYValue } = useCumputedPoint(propItems);
     useTop(canvas, propItems);
     const { pointTipProps, pointMenuProps, clickMenu, setPopup, getEqualXTypes } = useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, getYValue, props.addRenderItem);

package/es/packages/fabric-chart/src/FabricChart.vue.d.ts

@@ -1,4 +1,5 @@
-import { IData, IDate } from './interface';
+import { PropType } from 'vue';
+import { IData, IDate, IPointType } from './interface';
 declare const _default: import("vue").DefineComponent<{
     data: {
         type: null;
@@ -53,10 +54,11 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     topList: import("vue").ComputedRef<IDate[]>;
     propItems: any;
+    computedYCell: (type: IPointType) => number;
     cumputedX: (value: string | number) => any;
-    cumputedY: (type: import("./interface").IPointType, scaleValueList: number[], value: string | number) => number;
+    cumputedY: (type: IPointType, scaleValueList: number[], value: string | number) => number;
     getXValue: (pointX: number) => string | undefined;
-    getYValue: (type: import("./interface").IPointType, pointY: number) => number;
+    getYValue: (type: IPointType, pointY: number) => number;
     pointTipProps: {
         show: boolean;
         point: {
@@ -79,7 +81,7 @@ declare const _default: import("vue").DefineComponent<{
         target: any;
     }) => void;
     setPopup: (point: any) => void;
-    getEqualXTypes: (pointX: number) => import("./interface").IPointType[];
+    getEqualXTypes: (pointX: number) => IPointType[];
     PopupTip: import("vue").DefineComponent<{
         show: {
             type: BooleanConstructor;
@@ -151,13 +153,13 @@ declare const _default: import("vue").DefineComponent<{
             default: () => never[];
         };
         point: {
-            type: import("vue").PropType<import("./interface").ICoordinateValue>;
+            type: PropType<import("./interface").ICoordinateValue>;
         };
         propItems: {
-            type: import("vue").PropType<import("./interface").IPropItems>;
+            type: PropType<import("./interface").IPropItems>;
         };
         target: {
-            type: import("vue").PropType<any>;
+            type: PropType<any>;
         };
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "clickMenu")[], "clickMenu" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         show: {
@@ -169,13 +171,13 @@ declare const _default: import("vue").DefineComponent<{
             default: () => never[];
         };
         point: {
-            type: import("vue").PropType<import("./interface").ICoordinateValue>;
+            type: PropType<import("./interface").ICoordinateValue>;
         };
         propItems: {
-            type: import("vue").PropType<import("./interface").IPropItems>;
+            type: PropType<import("./interface").IPropItems>;
         };
         target: {
-            type: import("vue").PropType<any>;
+            type: PropType<any>;
         };
     }>> & {
         "onUpdate:show"?: ((...args: any[]) => any) | undefined;

package/es/packages/fabric-chart/src/hooks/useCenter.js

@@ -8,6 +8,18 @@ import { TEMPERATURE_MENU, PAIN_MENU } from './constant.js';
 function isEffectiveNode(node) {
   return (node == null ? void 0 : node.time) && ((node == null ? void 0 : node.value) || (node == null ? void 0 : node.value) === 0);
 }
+function getPointArr(arr) {
+  let _arr = [];
+  return arr.reduce((pre, cur, index) => {
+    var _a, _b;
+    _arr.push([cur.left, cur.top]);
+    if (((_b = (_a = cur.origin) == null ? void 0 : _a.data) == null ? void 0 : _b.breakpoint) || arr.length - 1 === index) {
+      pre.push(_arr);
+      _arr = [];
+    }
+    return pre;
+  }, []);
+}
 function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, getYValue, addRenderItem) {
   useGrid(canvas, propItems);
   const {
@@ -36,6 +48,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     target: null
   });
   const shadowLinesCache = /* @__PURE__ */ new Set();
+  let shadowPointCache = [];
   const maiboPoints = /* @__PURE__ */ new Set();
   const otherPoints = /* @__PURE__ */ new Set();
   const prevLines = /* @__PURE__ */ new Set();
@@ -45,7 +58,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     });
   });
   function init() {
-    drawShaDow();
+    shadowPointCache = [];
     maiboPoints.clear();
     otherPoints.clear();
     prevLines.clear();
@@ -55,6 +68,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
         drawPolyLine(item, dataIndex, scaleValue);
       });
     });
+    drawShaDow();
     drawOverlapPoint();
     setCanvasEvent();
   }
@@ -67,89 +81,34 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     canvas.value.renderAll();
   }
   function drawShaDow(target) {
-    var _a, _b;
+    var _a;
     const pulseObj = left.yScaleValue.find((item) => item.type === "pulse");
     if (!pulseObj || !((_a = pulseObj.dataList) == null ? void 0 : _a.length))
       return;
     if (shadowLinesCache.size)
       canvas.value.remove(...shadowLinesCache);
     shadowLinesCache.clear();
-    const data = [];
-    if (((_b = pulseObj.dataList) == null ? void 0 : _b.length) > 1) {
-      let points1 = [];
-      let points2 = [];
-      const copyDataList = JSON.parse(JSON.stringify(pulseObj.dataList));
+    if (shadowPointCache.length > 1) {
       if (target) {
         const { type, dataIndex, index } = target.origin || {};
         if (type === "pulse") {
-          Object.assign(copyDataList[dataIndex].list[index], {
-            x: target.left,
-            y: target.top
-          });
+          shadowPointCache[dataIndex].splice(index, 1, target);
         }
       }
-      const [data1, data2] = copyDataList;
-      const getPoint = (item) => {
-        if (item.x && item.y) {
-          return {
-            x: item.x,
-            y: item.y
-          };
-        }
-        const point = getPointer(item, pulseObj);
-        if (point == null ? void 0 : point.length) {
-          return {
-            x: point[0],
-            y: point[1]
-          };
-        }
-      };
-      data1.list.forEach((item, index) => {
-        const point1 = getPoint(item);
-        const item2 = data2.list[index];
-        const point2 = item2 ? getPoint(item2) : null;
-        if (point1 && point2 && point1.x === point2.x && point1.y !== point2.y) {
-          points1.push(point1);
-          points2.push(point2);
-          const itemPrev = data1.list[index - 1];
-          const itemNext = data1.list[index + 1];
-          const itemNext2 = data2.list[index + 1];
-          if (itemPrev && points1.length === 1) {
-            const point = getPoint(itemPrev);
-            point && points1.unshift(point);
-          }
-          if (itemNext && itemNext2) {
-            const pointNext = getPoint(itemNext);
-            const pointNext2 = getPoint(itemNext2);
-            if (pointNext && pointNext2 && pointNext.x === pointNext2.x && pointNext.y === pointNext2.y) {
-              points1.push(pointNext);
-            }
-          } else {
-            data.push({ points1, points2 });
-          }
-        } else {
-          if (points1.length && points2.length) {
-            data.push({ points1, points2 });
-            points1 = [];
-            points2 = [];
-          }
-        }
-      });
-    }
-    if (data.length) {
-      const newData = data.reduce((pre, cur) => {
-        const arr1 = cur.points1.map((v) => [v.x, v.y]);
-        const arr2 = cur.points2.map((v) => [v.x, v.y]);
-        return pre.concat([[...arr1, ...arr2.reverse()]]);
-      }, []);
+      const [data1, data2] = shadowPointCache;
+      if (!data1.length || !data2.length)
+        return;
+      const points1 = getPointArr(data1);
+      const points2 = getPointArr(data2);
+      const data = points1.reduce((pre, cur, index) => pre.concat([[...cur, ...points2[index].reverse()]]), []);
       const { createShadowLines } = useShadow();
-      newData.forEach((item) => {
-        var _a2, _b2, _c, _d;
+      data.forEach((item) => {
+        var _a2, _b, _c, _d;
         if (((_a2 = pulseObj.shadow) == null ? void 0 : _a2.mode) == "color") {
           const points = item.map((v) => ({ x: v[0], y: v[1] }));
           const polygon = new fabric.Polygon(points, {
             ...defaultStyle,
-            ...((_b2 = pulseObj.shadow) == null ? void 0 : _b2.style) || {}
+            ...((_b = pulseObj.shadow) == null ? void 0 : _b.style) || {}
           });
           shadowLinesCache.add(polygon);
           canvas.value.add(polygon);
@@ -170,6 +129,8 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     }
   }
   function setCanvasEvent() {
+    if (!propItems.event.evented)
+      return;
     canvas.value.on("mouse:up", (event) => {
       var _a;
       if (event.button === 3) {
@@ -198,7 +159,8 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
                     title: v.title,
                     unit: v.unit,
                     type: v.bigType,
-                    dataIndex: v.dataIndex
+                    dataIndex: v.dataIndex,
+                    key: v.key
                   },
                   pointer: event.pointer
                 });
@@ -379,7 +341,8 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
         coolLine,
         coolPoint,
         lockMovementX: true,
-        ...pointAttr
+        ...pointAttr,
+        ...propItems.event
       };
       if (previousLine) {
         point = drawPoint(type, {
@@ -414,6 +377,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
         pointList.push(point);
       }
     });
+    scaleValue.type === "pulse" && shadowPointCache.push(pointList);
     Promise.all(pointList).then((res) => {
       const lineListFilter = lineList.filter((v) => v);
       let prevPoint = null;
@@ -528,14 +492,12 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     return getTime >= minMinute && getTime <= maxMinute;
   }
   function getPointer(v, scaleValue) {
-    let points;
     const objOriginY = scaleValue.type === "pain" ? painOriginY : vitalSignsOriginY;
     if (isEffectiveNode(v) && isLimit(v.time)) {
       const x = cumputedX(v.time);
       const y = cumputedY(scaleValue.type, scaleValue.list, v.value);
-      points = [x, y < objOriginY.originY ? objOriginY.originY : y > objOriginY.endY ? objOriginY.endY : y];
+      return [x, y < objOriginY.originY ? objOriginY.originY : y > objOriginY.endY ? objOriginY.endY : y];
     }
-    return points;
   }
   function clickMenu({ item, target }) {
     if (!target) {

package/es/packages/fabric-chart/src/hooks/useCumputedPoint.js

@@ -31,10 +31,12 @@ function useCumputedPoint(propItems) {
       const residueX = pointX - item.left;
       const residueTime = item.scaleCell * residueX;
       const time = item.start + residueTime;
-      let d = new Date(time);
+      const d = new Date(time);
       const month = `00${d.getMonth() + 1}`.slice(-2);
       const day = `00${d.getDate()}`.slice(-2);
-      const date = `${d.getFullYear()}-${month}-${day} ${d.getHours()}:${d.getMinutes()}`;
+      const hours = `00${d.getHours()}`.slice(-2);
+      const minutes = `00${d.getMinutes()}`.slice(-2);
+      const date = `${d.getFullYear()}-${month}-${day} ${hours}:${minutes}`;
       return date;
     }
   }

package/es/packages/fabric-chart/src/hooks/useDraw.js

@@ -53,6 +53,7 @@ function drawTextGroup(rectStyle, fontStyle, groupStyle) {
     } : {}
   });
   return new fabric.Group([rect, texts], {
+    ...defaultStyle,
     ...groupStyle
   });
 }

package/es/packages/fabric-chart/src/hooks/useLeft.js

@@ -55,8 +55,7 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, g
       height: painHeight,
       ...defaultRectStyle
     }, {
-      value: `${item.title.slice(0, 2)}
-${item.title.slice(-2)}`,
+      value: `${item.title}`,
       ...defaultTextStyle,
       ...item.style || {}
     }, {
@@ -195,10 +194,12 @@ ${item.title.slice(-2)}`,
           title: item.title,
           unit: item.unit,
           type: item.bigType,
-          dataIndex: item.dataIndex
+          dataIndex: item.dataIndex,
+          key: item.key
         },
         originLeft: leftX,
-        originTop: topY - (text.height || 30) / 2
+        originTop: topY - (text.height || 30) / 2,
+        ...propItems.event
       });
       topY -= text.height || 30;
       setPointEvent(icon);