cnhis-design-vue 3.1.34-beta.6 → 3.1.34-beta.7

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

@@ -1,416 +1,184 @@
 import { PropType } from 'vue';
 import { IMode } from './interface';
+import { AnyObject } from '../../../../es/shared/types';
 declare const _default: import("vue").DefineComponent<{
     mode: {
         type: PropType<IMode>;
         default: string;
     };
+    data: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+    addRenderItem: {
+        type: FunctionConstructor;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         mode: {
             type: PropType<IMode>;
             default: string;
         };
-    }>> & {}>>;
-    isTemperature: import("vue").ComputedRef<boolean>;
-    fabricChartRef: import("vue").Ref<any>;
-    redrawPoints: () => void;
-    select: (key: string) => void;
-    canvas: any;
-    TemperatureChart: import("vue").DefineComponent<{
         data: {
-            type: PropType<import("./interface").IData>;
+            type: PropType<AnyObject>;
             required: true;
         };
         addRenderItem: {
             type: FunctionConstructor;
         };
-    }, {
-        defaultHeight: number;
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            data: {
-                type: PropType<import("./interface").IData>;
-                required: true;
-            };
-            addRenderItem: {
-                type: FunctionConstructor;
-            };
-        }>> & {
-            onChange?: ((...args: any[]) => any) | undefined;
-            onSelect?: ((...args: any[]) => any) | undefined;
-            onAdd?: ((...args: any[]) => any) | undefined;
-        }>>;
-        emits: (event: "change" | "add" | "select", ...args: any[]) => void;
-        select: import("vue").Ref<any>;
-        canvasRef: any;
-        canvas: import("vue").Ref<any>;
-        dateHeight: import("vue").ComputedRef<number>;
-        hospitalDaysHeight: import("vue").ComputedRef<number>;
-        operationDaysHeight: import("vue").ComputedRef<number>;
-        xScalevalueHeight: import("vue").ComputedRef<number>;
-        breathingHeight: import("vue").ComputedRef<any>;
-        gridXNumber: import("vue").ComputedRef<number>;
-        gridYNumber: import("vue").ComputedRef<number>;
-        endX: import("vue").ComputedRef<number>;
-        endXLimit: import("vue").ComputedRef<number>;
-        originX: import("vue").ComputedRef<any>;
-        endY: import("vue").ComputedRef<number>;
-        originY: import("vue").ComputedRef<number>;
-        originYLimit: import("vue").ComputedRef<number>;
-        xCellWidth: import("vue").ComputedRef<number>;
-        yCellHeight: import("vue").ComputedRef<number>;
-        iconsWidth: import("vue").ComputedRef<any>;
-        xScaleList: import("vue").ComputedRef<any[]>;
-        breatheYCell: import("vue").ComputedRef<number>;
-        pulseYCell: import("vue").ComputedRef<number>;
-        temperatureYCell: import("vue").ComputedRef<number>;
-        painYCell: import("vue").ComputedRef<number>;
-        event: import("vue").ComputedRef<any>;
-        itemList: import("vue").ComputedRef<any[]>;
-        painIndex: import("vue").ComputedRef<number>;
-        painHeight: import("vue").ComputedRef<number>;
-        painOriginY: import("vue").ComputedRef<{
-            originY: number;
-            endY: number;
-        }>;
-        vitalSignsOriginY: import("vue").ComputedRef<{
-            originY: number;
-            endY: number;
-        }>;
-        topList: import("vue").ComputedRef<import("./interface").IDate[]>;
-        getRightInfo: import("vue").ComputedRef<any>;
-        propItems: any;
-        computedYCell: (type: import("./interface").IPointType) => number;
-        cumputedX: (value: string | number, setAllCenter?: boolean) => any;
-        cumputedY: (type: import("./interface").IPointType, scaleValueList: number[], value: string | number) => number;
-        getXValue: (pointX: number) => string | undefined;
-        getYValue: (type: import("./interface").IPointType, pointY: number) => number;
-        setPopup: (point: any) => void;
-        isAddPoint: (x: number) => boolean;
-        updateData: (params: any, mode?: string) => void;
-        redrawPoints: () => void;
-        pointTipProps: {
-            show: boolean;
-            point: {
-                x: number;
-                y: number;
-            };
-            list: string[];
+    }>> & {
+        onChange?: ((...args: any[]) => any) | undefined;
+        onSelect?: ((...args: any[]) => any) | undefined;
+        onDelete?: ((...args: any[]) => any) | undefined;
+        onAdd?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emits: (event: "delete" | "change" | "add" | "select", ...args: any[]) => void;
+    isTemperature: import("vue").ComputedRef<boolean>;
+    canvasRef: any;
+    canvas: import("vue").Ref<any>;
+    propItems: any;
+    redrawPoints: import("vue").Ref<any>;
+    select: import("vue").Ref<any>;
+    pointTipProps: {
+        show: boolean;
+        point: {
+            x: number;
+            y: number;
         };
-        pointMenuProps: {
-            show: boolean;
-            point: {
-                x: number;
-                y: number;
-            };
-            list: any[];
-            target: any;
+        list: string[];
+    };
+    pointMenuProps: {
+        show: boolean;
+        point: {
+            x: number;
+            y: number;
         };
-        clickMenu: ({ item, target }: {
-            item: any;
-            target: any;
-        }) => void;
-        drawScaleValue: (yScaleValueList: 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, ("change" | "add" | "select")[], "change" | "add" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        data: {
-            type: PropType<import("./interface").IData>;
+        list: any[];
+        target: any;
+    };
+    clickMenu: import("vue").Ref<any>;
+    PopupTip: import("vue").DefineComponent<{
+        show: {
+            type: BooleanConstructor;
             required: true;
+            default: boolean;
         };
-        addRenderItem: {
-            type: FunctionConstructor;
+        point: {
+            type: null;
+            required: true;
         };
-    }>> & {
-        onChange?: ((...args: any[]) => any) | undefined;
-        onSelect?: ((...args: any[]) => any) | undefined;
-        onAdd?: ((...args: any[]) => any) | undefined;
-    }, {}>;
-    BirthProcessChart: import("vue").DefineComponent<{
-        data: {
-            type: PropType<import("./interface").IBirthProcessData>;
+        list: {
+            type: ArrayConstructor;
+            required: false;
+            default: () => never[];
+        };
+        propItems: {
+            type: null;
             required: true;
         };
     }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            data: {
-                type: PropType<import("./interface").IBirthProcessData>;
-                required: true;
-            };
-        }>> & {
-            onChange?: ((...args: any[]) => any) | undefined;
-            onSelect?: ((...args: any[]) => any) | undefined;
-            onAdd?: ((...args: any[]) => any) | undefined;
-            onDelete?: ((...args: any[]) => any) | undefined;
-        }>>;
-        emits: (event: "delete" | "change" | "add" | "select", ...args: any[]) => void;
-        leftScales: import("vue").ComputedRef<import("../../../shared/types").AnyObject[]>;
-        rightScales: import("vue").ComputedRef<import("../../../shared/types").AnyObject[]>;
-        leftAddAreaWidth: number;
-        rightAddAreaWidth: import("vue").ComputedRef<0 | 30>;
-        originX: import("vue").ComputedRef<number>;
-        endX: import("vue").ComputedRef<number>;
-        gridXNumber: import("vue").ComputedRef<any>;
-        gridYNumber: import("vue").ComputedRef<any>;
-        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: {
+        props: {
             show: boolean;
-            point: {
-                x: number;
-                y: number;
-            };
+            point: import("./interface").ICoordinateValue;
             list: string[];
+            propItems: AnyObject;
         };
-        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[];
+        pointStyle: import("vue").ComputedRef<{
+            top: string;
+            bottom: string;
+            left: string;
+            right: string;
+            'transform-origin': string;
         }>;
-        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>;
+        Teleport: {
+            new (): {
+                $props: import("vue").VNodeProps & import("vue").TeleportProps;
             };
-        }, () => 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>;
+            __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>;
         };
     }>> & {
-        onChange?: ((...args: any[]) => any) | undefined;
-        onSelect?: ((...args: any[]) => any) | undefined;
-        onAdd?: ((...args: any[]) => any) | undefined;
-        onDelete?: ((...args: any[]) => any) | undefined;
-    }, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        "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<{
     mode: {
         type: PropType<IMode>;
         default: string;
     };
-}>>, {
+    data: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+    addRenderItem: {
+        type: FunctionConstructor;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onDelete?: ((...args: any[]) => any) | undefined;
+    onAdd?: ((...args: any[]) => any) | undefined;
+}, {
     mode: IMode;
 }>;
 export default _default;

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

@@ -1,38 +1,68 @@
-import { defineComponent, computed, ref, unref, openBlock, createBlock, mergeProps, normalizeProps } from 'vue';
-import TemperatureChart from './TemperatureChart.vue.js';
-import BirthProcessChart from './BirthProcessChart.vue.js';
+import { defineComponent, computed, ref, onMounted, openBlock, createElementBlock, Fragment, createElementVNode, createBlock, mergeProps, unref, createCommentVNode } from 'vue';
+import { fabric } from './utils/index.js';
+import PopupTip from './components/PopupTip.vue.js';
+import PopupMenu from './components/PopupMenu.js';
+import useTemperatureChart from './hooks/useTemperatureChart.js';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FabricChart",
   props: {
-    mode: { type: String, default: "temperature" }
+    mode: { type: String, default: "temperature" },
+    data: { type: Object, required: true },
+    addRenderItem: { type: Function }
   },
-  setup(__props, { expose }) {
-    var _a;
+  emits: [
+    "change",
+    "add",
+    "delete",
+    "select"
+  ],
+  setup(__props, { expose, emit: emits }) {
     const props = __props;
-    const isTemperature = computed(() => props.mode === "temperature");
-    const fabricChartRef = ref();
-    function redrawPoints() {
-      var _a2;
-      (_a2 = fabricChartRef.value) == null ? void 0 : _a2.redrawPoints();
-    }
-    function select(key) {
-      var _a2;
-      (_a2 = fabricChartRef.value) == null ? void 0 : _a2.select(key);
-    }
-    const canvas = (_a = fabricChartRef.value) == null ? void 0 : _a.canvas;
+    computed(() => props.mode === "temperature");
+    const canvasRef = ref(null);
+    const canvas = ref();
+    const { propItems, redrawPoints, select, pointTipProps, pointMenuProps, clickMenu } = useTemperatureChart(
+      canvas,
+      props,
+      emits,
+      canvasRef
+    );
+    onMounted(() => {
+      canvas.value = new fabric.Canvas(canvasRef.value, {
+        width: propItems.canvasWidth,
+        height: propItems.canvasHeight,
+        backgroundColor: "#fff",
+        selection: false,
+        containerClass: "c-fabric-chart",
+        fireRightClick: true
+      });
+    });
     expose({
       redrawPoints,
       select,
       canvas
     });
     return (_ctx, _cache) => {
-      return unref(isTemperature) ? (openBlock(), createBlock(TemperatureChart, mergeProps({
-        key: 0,
-        ref_key: "fabricChartRef",
-        ref: fabricChartRef
-      }, _ctx.$attrs), null, 16)) : (openBlock(), createBlock(BirthProcessChart, normalizeProps(mergeProps({ key: 1 }, _ctx.$attrs)), null, 16));
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("canvas", {
+          ref_key: "canvasRef",
+          ref: canvasRef
+        }, null, 512),
+        canvas.value ? (openBlock(), createBlock(PopupTip, mergeProps({
+          key: 0,
+          propItems: unref(propItems)
+        }, unref(pointTipProps)), null, 16, ["propItems"])) : createCommentVNode("v-if", true),
+        canvas.value ? (openBlock(), createBlock(unref(PopupMenu), mergeProps({
+          key: 1,
+          propItems: unref(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/hooks/index.d.ts

@@ -8,3 +8,4 @@ export * from './useBottom';
 export * from './useOther';
 export * from './useEvent';
 export * from './useBirthProcess';
+export * from './useCommon';

package/es/components/fabric-chart/src/hooks/index.js

@@ -8,3 +8,4 @@ export { useBottom } from './useBottom.js';
 export { useOther } from './useOther.js';
 export { useCanvasEvent, useEvent } from './useEvent.js';
 export { useBirthProcess } from './useBirthProcess.js';
+export { useCommon } from './useCommon.js';