cnhis-design-vue 3.1.33-beta.9 → 3.1.34-beta.0

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

@@ -85,7 +85,6 @@ declare const FabricChart: SFCWithInstall<import("vue").DefineComponent<{
         getXValue: (pointX: number) => string | undefined;
         getYValue: (type: import("./src/interface").IPointType, pointY: number) => number;
         setPopup: (point: any) => void;
-        getEqualXTypes: (pointX: number) => import("./src/interface").IPointType[];
         isAddPoint: (x: number) => boolean;
         updateData: (params: any, mode?: string) => void;
         redrawPoints: () => void;
@@ -135,7 +134,7 @@ declare const FabricChart: SFCWithInstall<import("vue").DefineComponent<{
                 show: boolean;
                 point: import("./src/interface").ICoordinateValue;
                 list: string[];
-                propItems: import("./src/interface").IPropItems;
+                propItems: import("../../../es/shared/types").AnyObject;
             };
             pointStyle: import("vue").ComputedRef<{
                 top: string;
@@ -257,11 +256,143 @@ declare const FabricChart: SFCWithInstall<import("vue").DefineComponent<{
         xCellWidth: import("vue").ComputedRef<number>;
         yCellHeight: import("vue").ComputedRef<number>;
         originY: import("vue").ComputedRef<number>;
+        originYCervix: import("vue").ComputedRef<number>;
         endY: import("vue").ComputedRef<number>;
+        startTime: import("vue").ComputedRef<number>;
+        timeXCell: import("vue").ComputedRef<number>;
+        cervixYCell: import("vue").ComputedRef<number>;
+        FHRYCell: import("vue").ComputedRef<number>;
+        fetalPresentationYCell: import("vue").ComputedRef<number>;
+        event: import("vue").ComputedRef<any>;
         select: import("vue").Ref<any>;
         canvasRef: any;
         canvas: import("vue").Ref<any>;
         propItems: any;
+        pointTipProps: {
+            show: boolean;
+            point: {
+                x: number;
+                y: number;
+            };
+            list: string[];
+        };
+        pointMenuProps: {
+            show: boolean;
+            point: {
+                x: number;
+                y: number;
+            };
+            list: any[];
+            target: any;
+        };
+        clickMenu: ({ item, target }: {
+            item: any;
+            target: any;
+        }) => void;
+        PopupTip: import("vue").DefineComponent<{
+            show: {
+                type: BooleanConstructor;
+                required: true;
+                default: boolean;
+            };
+            point: {
+                type: null;
+                required: true;
+            };
+            list: {
+                type: ArrayConstructor;
+                required: false;
+                default: () => never[];
+            };
+            propItems: {
+                type: null;
+                required: true;
+            };
+        }, {
+            props: {
+                show: boolean;
+                point: import("./src/interface").ICoordinateValue;
+                list: string[];
+                propItems: import("../../../es/shared/types").AnyObject;
+            };
+            pointStyle: import("vue").ComputedRef<{
+                top: string;
+                bottom: string;
+                left: string;
+                right: string;
+                'transform-origin': string;
+            }>;
+            Teleport: {
+                new (): {
+                    $props: import("vue").VNodeProps & import("vue").TeleportProps;
+                };
+                __isTeleport: true;
+            };
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            show: {
+                type: BooleanConstructor;
+                required: true;
+                default: boolean;
+            };
+            point: {
+                type: null;
+                required: true;
+            };
+            list: {
+                type: ArrayConstructor;
+                required: false;
+                default: () => never[];
+            };
+            propItems: {
+                type: null;
+                required: true;
+            };
+        }>>, {
+            list: unknown[];
+        }>;
+        PopupMenu: import("vue").DefineComponent<{
+            show: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            list: {
+                type: ArrayConstructor;
+                default: () => never[];
+            };
+            point: {
+                type: import("vue").PropType<import("./src/interface").ICoordinateValue>;
+            };
+            propItems: {
+                type: import("vue").PropType<import("./src/interface").IPropItems>;
+            };
+            target: {
+                type: import("vue").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: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            list: {
+                type: ArrayConstructor;
+                default: () => never[];
+            };
+            point: {
+                type: import("vue").PropType<import("./src/interface").ICoordinateValue>;
+            };
+            propItems: {
+                type: import("vue").PropType<import("./src/interface").IPropItems>;
+            };
+            target: {
+                type: import("vue").PropType<any>;
+            };
+        }>> & {
+            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+            onClickMenu?: ((...args: any[]) => any) | undefined;
+        }, {
+            show: boolean;
+            list: unknown[];
+        }>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "change" | "add" | "select")[], "delete" | "change" | "add" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: import("vue").PropType<import("./src/interface").IBirthProcessData>;

package/es/components/fabric-chart/src/BirthProcessChart.vue.d.ts

@@ -30,11 +30,143 @@ declare const _default: import("vue").DefineComponent<{
     xCellWidth: import("vue").ComputedRef<number>;
     yCellHeight: import("vue").ComputedRef<number>;
     originY: import("vue").ComputedRef<number>;
+    originYCervix: import("vue").ComputedRef<number>;
     endY: import("vue").ComputedRef<number>;
+    startTime: import("vue").ComputedRef<number>;
+    timeXCell: import("vue").ComputedRef<number>;
+    cervixYCell: import("vue").ComputedRef<number>;
+    FHRYCell: import("vue").ComputedRef<number>;
+    fetalPresentationYCell: import("vue").ComputedRef<number>;
+    event: import("vue").ComputedRef<any>;
     select: import("vue").Ref<any>;
     canvasRef: any;
     canvas: import("vue").Ref<any>;
     propItems: any;
+    pointTipProps: {
+        show: boolean;
+        point: {
+            x: number;
+            y: number;
+        };
+        list: string[];
+    };
+    pointMenuProps: {
+        show: boolean;
+        point: {
+            x: number;
+            y: number;
+        };
+        list: any[];
+        target: any;
+    };
+    clickMenu: ({ item, target }: {
+        item: any;
+        target: any;
+    }) => void;
+    PopupTip: import("vue").DefineComponent<{
+        show: {
+            type: BooleanConstructor;
+            required: true;
+            default: boolean;
+        };
+        point: {
+            type: null;
+            required: true;
+        };
+        list: {
+            type: ArrayConstructor;
+            required: false;
+            default: () => never[];
+        };
+        propItems: {
+            type: null;
+            required: true;
+        };
+    }, {
+        props: {
+            show: boolean;
+            point: import("./interface").ICoordinateValue;
+            list: string[];
+            propItems: AnyObject;
+        };
+        pointStyle: import("vue").ComputedRef<{
+            top: string;
+            bottom: string;
+            left: string;
+            right: string;
+            'transform-origin': string;
+        }>;
+        Teleport: {
+            new (): {
+                $props: import("vue").VNodeProps & import("vue").TeleportProps;
+            };
+            __isTeleport: true;
+        };
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        show: {
+            type: BooleanConstructor;
+            required: true;
+            default: boolean;
+        };
+        point: {
+            type: null;
+            required: true;
+        };
+        list: {
+            type: ArrayConstructor;
+            required: false;
+            default: () => never[];
+        };
+        propItems: {
+            type: null;
+            required: true;
+        };
+    }>>, {
+        list: unknown[];
+    }>;
+    PopupMenu: import("vue").DefineComponent<{
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        list: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        point: {
+            type: PropType<import("./interface").ICoordinateValue>;
+        };
+        propItems: {
+            type: PropType<import("./interface").IPropItems>;
+        };
+        target: {
+            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: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        list: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        point: {
+            type: PropType<import("./interface").ICoordinateValue>;
+        };
+        propItems: {
+            type: PropType<import("./interface").IPropItems>;
+        };
+        target: {
+            type: PropType<any>;
+        };
+    }>> & {
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        onClickMenu?: ((...args: any[]) => any) | undefined;
+    }, {
+        show: boolean;
+        list: unknown[];
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "change" | "add" | "select")[], "delete" | "change" | "add" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<IBirthProcessData>;

package/es/components/fabric-chart/src/BirthProcessChart.vue.js

@@ -1,10 +1,13 @@
-import { defineComponent, computed, ref, reactive, onMounted, onBeforeUnmount, openBlock, createElementBlock } from 'vue';
+import { defineComponent, computed, ref, reactive, onMounted, onBeforeUnmount, openBlock, createElementBlock, Fragment, createElementVNode, unref, createBlock, mergeProps, createCommentVNode } from 'vue';
 import { fabric } from './utils/index.js';
 import { defaultBorderStyle } from './hooks/useDraw.js';
+import 'naive-ui';
 import './hooks/useShadow.js';
 import 'lodash-es';
-import '@vueuse/core';
+import { useEvent } from './hooks/useEvent.js';
 import { useBirthProcess } from './hooks/useBirthProcess.js';
+import PopupTip from './components/PopupTip.vue.js';
+import PopupMenu from './components/PopupMenu.js';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -59,10 +62,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return height / (gridYNumber.value + xAxisNumber);
     });
     const originY = computed(() => yCellHeight.value);
+    const originYCervix = computed(() => {
+      const { scaleValues } = props.data;
+      const cervixItem = scaleValues.find((item) => item.key === "cervix");
+      const [, max] = (cervixItem == null ? void 0 : cervixItem.range) || [0, 10];
+      const spaceValue = (cervixItem == null ? void 0 : cervixItem.spaceValue) || 1;
+      return endY.value - max * spaceValue * yCellHeight.value;
+    });
     const endY = computed(() => {
       const { height } = props.data;
       return height - yCellHeight.value;
     });
+    const startTime = computed(() => new Date(props.data.xAxis.time.startTime).getTime());
+    const timeXCell = computed(() => 1 * 60 * 60 * 1e3 / xCellWidth.value);
+    const cervixYCell = computed(() => {
+      const { scaleValues } = props.data;
+      const cervixItem = scaleValues.find((item) => item.key === "cervix");
+      return ((cervixItem == null ? void 0 : cervixItem.spaceValue) || 1) / yCellHeight.value;
+    });
+    const FHRYCell = computed(() => {
+      const { scaleValues } = props.data;
+      const cervixItem = scaleValues.find((item) => item.key === "FHR");
+      return ((cervixItem == null ? void 0 : cervixItem.spaceValue) || 10) / yCellHeight.value;
+    });
+    const fetalPresentationYCell = computed(() => {
+      const { scaleValues } = props.data;
+      const cervixItem = scaleValues.find((item) => item.key === "fetalPresentation");
+      return ((cervixItem == null ? void 0 : cervixItem.spaceValue) || 1) / yCellHeight.value;
+    });
+    const event = computed(() => {
+      var _a;
+      return ((_a = props.data.grid) == null ? void 0 : _a.event) || { selectable: true, evented: true, hovered: true };
+    });
     let select = ref();
     const canvasRef = ref(null);
     let canvas = ref();
@@ -84,9 +115,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       leftScales: leftScales.value,
       rightScales: rightScales.value,
       leftAddAreaWidth,
-      rightAddAreaWidth: rightAddAreaWidth.value
+      rightAddAreaWidth: rightAddAreaWidth.value,
+      startTime: startTime.value,
+      timeXCell: timeXCell.value,
+      cervixYCell: cervixYCell.value,
+      FHRYCell: FHRYCell.value,
+      fetalPresentationYCell: fetalPresentationYCell.value,
+      scaleValues: props.data.scaleValues,
+      event: event.value,
+      originYCervix: originYCervix.value
     });
-    useBirthProcess(canvas, propItems);
+    const { pointTipProps, pointMenuProps, clickMenu } = useBirthProcess(canvas, propItems, emits);
     onMounted(() => {
       canvas.value = new fabric.Canvas(canvasRef.value, {
         width: propItems.canvasWidth,
@@ -96,6 +135,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         containerClass: "c-fabric-chart",
         fireRightClick: true
       });
+      useEvent(canvasRef.value);
     });
     onBeforeUnmount(() => {
       canvas.value.clear();
@@ -106,10 +146,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       canvas
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("canvas", {
-        ref_key: "canvasRef",
-        ref: canvasRef
-      }, null, 512);
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("canvas", {
+          ref_key: "canvasRef",
+          ref: canvasRef
+        }, null, 512),
+        unref(canvas) ? (openBlock(), createBlock(PopupTip, mergeProps({
+          key: 0,
+          propItems
+        }, unref(pointTipProps)), null, 16, ["propItems"])) : createCommentVNode("v-if", true),
+        unref(canvas) ? (openBlock(), createBlock(unref(PopupMenu), mergeProps({
+          key: 1,
+          propItems
+        }, unref(pointMenuProps), {
+          show: unref(pointMenuProps).show,
+          "onUpdate:show": _cache[0] || (_cache[0] = ($event) => unref(pointMenuProps).show = $event),
+          onClickMenu: unref(clickMenu)
+        }), null, 16, ["propItems", "show", "onClickMenu"])) : createCommentVNode("v-if", true)
+      ], 64);
     };
   }
 });

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

@@ -86,7 +86,6 @@ declare const _default: import("vue").DefineComponent<{
         getXValue: (pointX: number) => string | undefined;
         getYValue: (type: import("./interface").IPointType, pointY: number) => number;
         setPopup: (point: any) => void;
-        getEqualXTypes: (pointX: number) => import("./interface").IPointType[];
         isAddPoint: (x: number) => boolean;
         updateData: (params: any, mode?: string) => void;
         redrawPoints: () => void;
@@ -136,7 +135,7 @@ declare const _default: import("vue").DefineComponent<{
                 show: boolean;
                 point: import("./interface").ICoordinateValue;
                 list: string[];
-                propItems: import("./interface").IPropItems;
+                propItems: import("../../../shared/types").AnyObject;
             };
             pointStyle: import("vue").ComputedRef<{
                 top: string;
@@ -258,11 +257,143 @@ declare const _default: import("vue").DefineComponent<{
         xCellWidth: import("vue").ComputedRef<number>;
         yCellHeight: import("vue").ComputedRef<number>;
         originY: import("vue").ComputedRef<number>;
+        originYCervix: import("vue").ComputedRef<number>;
         endY: import("vue").ComputedRef<number>;
+        startTime: import("vue").ComputedRef<number>;
+        timeXCell: import("vue").ComputedRef<number>;
+        cervixYCell: import("vue").ComputedRef<number>;
+        FHRYCell: import("vue").ComputedRef<number>;
+        fetalPresentationYCell: import("vue").ComputedRef<number>;
+        event: import("vue").ComputedRef<any>;
         select: import("vue").Ref<any>;
         canvasRef: any;
         canvas: import("vue").Ref<any>;
         propItems: any;
+        pointTipProps: {
+            show: boolean;
+            point: {
+                x: number;
+                y: number;
+            };
+            list: string[];
+        };
+        pointMenuProps: {
+            show: boolean;
+            point: {
+                x: number;
+                y: number;
+            };
+            list: any[];
+            target: any;
+        };
+        clickMenu: ({ item, target }: {
+            item: any;
+            target: any;
+        }) => void;
+        PopupTip: import("vue").DefineComponent<{
+            show: {
+                type: BooleanConstructor;
+                required: true;
+                default: boolean;
+            };
+            point: {
+                type: null;
+                required: true;
+            };
+            list: {
+                type: ArrayConstructor;
+                required: false;
+                default: () => never[];
+            };
+            propItems: {
+                type: null;
+                required: true;
+            };
+        }, {
+            props: {
+                show: boolean;
+                point: import("./interface").ICoordinateValue;
+                list: string[];
+                propItems: import("../../../shared/types").AnyObject;
+            };
+            pointStyle: import("vue").ComputedRef<{
+                top: string;
+                bottom: string;
+                left: string;
+                right: string;
+                'transform-origin': string;
+            }>;
+            Teleport: {
+                new (): {
+                    $props: import("vue").VNodeProps & import("vue").TeleportProps;
+                };
+                __isTeleport: true;
+            };
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            show: {
+                type: BooleanConstructor;
+                required: true;
+                default: boolean;
+            };
+            point: {
+                type: null;
+                required: true;
+            };
+            list: {
+                type: ArrayConstructor;
+                required: false;
+                default: () => never[];
+            };
+            propItems: {
+                type: null;
+                required: true;
+            };
+        }>>, {
+            list: unknown[];
+        }>;
+        PopupMenu: import("vue").DefineComponent<{
+            show: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            list: {
+                type: ArrayConstructor;
+                default: () => never[];
+            };
+            point: {
+                type: PropType<import("./interface").ICoordinateValue>;
+            };
+            propItems: {
+                type: PropType<import("./interface").IPropItems>;
+            };
+            target: {
+                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: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            list: {
+                type: ArrayConstructor;
+                default: () => never[];
+            };
+            point: {
+                type: PropType<import("./interface").ICoordinateValue>;
+            };
+            propItems: {
+                type: PropType<import("./interface").IPropItems>;
+            };
+            target: {
+                type: PropType<any>;
+            };
+        }>> & {
+            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+            onClickMenu?: ((...args: any[]) => any) | undefined;
+        }, {
+            show: boolean;
+            list: unknown[];
+        }>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "change" | "add" | "select")[], "delete" | "change" | "add" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: PropType<import("./interface").IBirthProcessData>;

package/es/components/fabric-chart/src/FabricChart.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, unref, openBlock, createBlock, mergeProps } from 'vue';
+import { defineComponent, computed, ref, unref, openBlock, createBlock, mergeProps, normalizeProps } from 'vue';
 import TemperatureChart from './TemperatureChart.vue.js';
 import BirthProcessChart from './BirthProcessChart.vue.js';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         key: 0,
         ref_key: "fabricChartRef",
         ref: fabricChartRef
-      }, _ctx.$attrs), null, 16)) : (openBlock(), createBlock(BirthProcessChart, { key: 1 }));
+      }, _ctx.$attrs), null, 16)) : (openBlock(), createBlock(BirthProcessChart, normalizeProps(mergeProps({ key: 1 }, _ctx.$attrs)), null, 16));
     };
   }
 });

package/es/components/fabric-chart/src/TemperatureChart.vue.d.ts

@@ -69,7 +69,6 @@ declare const _default: import("vue").DefineComponent<{
     getXValue: (pointX: number) => string | undefined;
     getYValue: (type: IPointType, pointY: number) => number;
     setPopup: (point: any) => void;
-    getEqualXTypes: (pointX: number) => IPointType[];
     isAddPoint: (x: number) => boolean;
     updateData: (params: any, mode?: string) => void;
     redrawPoints: () => void;
@@ -119,7 +118,7 @@ declare const _default: import("vue").DefineComponent<{
             show: boolean;
             point: import("./interface").ICoordinateValue;
             list: string[];
-            propItems: IPropItems;
+            propItems: import("../../../shared/types").AnyObject;
         };
         pointStyle: import("vue").ComputedRef<{
             top: string;

package/es/components/fabric-chart/src/TemperatureChart.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, reactive, onMounted, onBeforeUnmount, openBlock, createElementBlock, Fragment, createElementVNode, unref, createBlock, mergeProps, createCommentVNode } from 'vue';
+import { defineComponent, ref, computed, reactive, onMounted, openBlock, createElementBlock, Fragment, createElementVNode, unref, createBlock, mergeProps, createCommentVNode } from 'vue';
 import { fabric } from './utils/index.js';
 import { defaultBorderStyle } from './hooks/useDraw.js';
 import { useCumputedPoint } from './hooks/useCumputedPoint.js';
@@ -9,6 +9,8 @@ import { useCenter } from './hooks/useCenter.js';
 import { useBottom } from './hooks/useBottom.js';
 import { useOther } from './hooks/useOther.js';
 import { useEvent, useCanvasEvent } from './hooks/useEvent.js';
+import 'naive-ui';
+import 'lodash-es';
 import PopupTip from './components/PopupTip.vue.js';
 import PopupMenu from './components/PopupMenu.js';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
@@ -282,16 +284,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     const { cumputedX, cumputedY, getXValue, getYValue } = useCumputedPoint(propItems);
     useTop(canvas, propItems);
-    const { setPopup, getEqualXTypes, isAddPoint, updateData, redrawPoints, pointTipProps, pointMenuProps, clickMenu } = useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, getYValue, props.addRenderItem);
+    const { setPopup, isAddPoint, updateData, redrawPoints, pointTipProps, pointMenuProps, clickMenu } = useCenter(
+      canvas,
+      propItems,
+      emits,
+      cumputedX,
+      cumputedY,
+      getXValue,
+      getYValue,
+      props.addRenderItem
+    );
     const { drawScaleValue } = useLeft(
       canvas,
       propItems,
       emits,
       setPopup,
       pointTipProps,
+      cumputedX,
+      cumputedY,
       getXValue,
       getYValue,
-      getEqualXTypes,
       isAddPoint,
       updateData
     );
@@ -311,10 +323,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const { select: selectFunc } = useCanvasEvent(canvas, propItems, emits);
       select.value = selectFunc;
     });
-    onBeforeUnmount(() => {
-      canvas.value.clear();
-      canvas.value = null;
-    });
     expose({
       redrawPoints,
       select,
@@ -326,11 +334,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref_key: "canvasRef",
           ref: canvasRef
         }, null, 512),
-        unref(canvas) && unref(pointTipProps) ? (openBlock(), createBlock(PopupTip, mergeProps({
+        unref(canvas) ? (openBlock(), createBlock(PopupTip, mergeProps({
           key: 0,
           propItems
         }, unref(pointTipProps)), null, 16, ["propItems"])) : createCommentVNode("v-if", true),
-        unref(canvas) && unref(pointTipProps) ? (openBlock(), createBlock(unref(PopupMenu), mergeProps({
+        unref(canvas) ? (openBlock(), createBlock(unref(PopupMenu), mergeProps({
           key: 1,
           propItems
         }, unref(pointMenuProps), {