cnhis-design-vue 3.1.17-beta.9 → 3.1.18-beta.10

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

@@ -0,0 +1,205 @@
+import { PropType } from 'vue';
+import { IData, IDate, IPointType } from './interface';
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: null;
+        required: true;
+    };
+    addRenderItem: {
+        type: FunctionConstructor;
+        required: false;
+    };
+}, {
+    defaultHeight: number;
+    props: {
+        data: IData;
+        addRenderItem?: Function | 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<IDate[]>;
+    getRightInfo: import("vue").ComputedRef<any>;
+    propItems: any;
+    computedYCell: (type: IPointType) => number;
+    cumputedX: (value: string | number) => any;
+    cumputedY: (type: IPointType, scaleValueList: number[], value: string | number) => number;
+    getXValue: (pointX: number) => string | undefined;
+    getYValue: (type: IPointType, pointY: number) => number;
+    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;
+    setPopup: (point: any) => void;
+    getEqualXTypes: (pointX: number) => IPointType[];
+    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("./interface").IPropItems;
+        };
+        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, Record<string, any>, 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: null;
+        required: true;
+    };
+    addRenderItem: {
+        type: FunctionConstructor;
+        required: false;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onAdd?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _default;

package/es/components/fabric-chart/src/components/PopupMenu.js

@@ -0,0 +1,105 @@
+import { defineComponent, ref, createVNode, Teleport, withDirectives, vShow } from 'vue';
+import { NSpace, NInputNumber } from 'naive-ui';
+import useStyle from './useStyle2.js';
+import { onClickOutside } from '@vueuse/core';
+
+var PopupMenu = defineComponent({
+  name: "PopupMenu",
+  inheritAttrs: false,
+  props: {
+    show: {
+      type: Boolean,
+      default: false
+    },
+    list: {
+      type: Array,
+      default: () => []
+    },
+    point: {
+      type: Object
+    },
+    propItems: {
+      type: Object
+    },
+    target: {
+      type: Object
+    }
+  },
+  emits: ["update:show", "clickMenu"],
+  setup(props, {
+    attrs,
+    slots,
+    emit
+  }) {
+    const popupRef = ref(null);
+    onClickOutside(popupRef, (event) => {
+      emit("update:show", false);
+    });
+    const {
+      left
+    } = props.propItems;
+    const pointStyle = useStyle(props);
+    function setNoClick(item) {
+      if (typeof item === "string" && item.startsWith("\u65B0\u589E")) {
+        return true;
+      }
+    }
+    function getItemContent(item) {
+      var _a;
+      if (typeof item === "string")
+        return item;
+      if (typeof item.value === "boolean")
+        return item.label;
+      if (!props.target)
+        return item.renderItem();
+      const min = +(((_a = left.yScaleValue.find((v) => v.type === props.target.origin.type)) == null ? void 0 : _a.list[0]) || 0);
+      return createVNode(NSpace, {
+        "inline": true,
+        "align": "center"
+      }, {
+        default: () => [createVNode("span", null, [item.label]), createVNode(NInputNumber, {
+          "style": "width: 120px",
+          "size": "small",
+          "value": item.value,
+          "onUpdate:value": ($event) => item.value = $event,
+          "clearable": true,
+          "placeholder": "\u8BF7\u8F93\u5165\u6570\u503C",
+          "max": props.target.origin.data.value,
+          "min": min,
+          "onFocus": () => emit("update:show", true)
+        }, null)]
+      });
+    }
+    function clickItem(event, item) {
+      if (setNoClick(item))
+        return void 0;
+      if ((event == null ? void 0 : event.target.className) === "") {
+        emit("update:show", false);
+        emit("clickMenu", {
+          item,
+          target: props.target
+        });
+      }
+    }
+    return () => {
+      return createVNode(Teleport, {
+        "to": ".c-fabric-chart"
+      }, {
+        default: () => [withDirectives(createVNode("ul", {
+          "ref": popupRef,
+          "class": "c-fabric-chart-popup-menu",
+          "style": pointStyle.value
+        }, [props.list.map((item) => {
+          return createVNode("li", {
+            "class": {
+              "no-click": setNoClick(item)
+            },
+            "onClick": (event) => clickItem(event, item)
+          }, [getItemContent(item)]);
+        })]), [[vShow, props.show]])]
+      });
+    };
+  }
+});
+
+export { PopupMenu as default };

package/es/components/fabric-chart/src/components/PopupTip.js

@@ -0,0 +1,34 @@
+import { defineComponent, openBlock, createBlock, Teleport, withDirectives, createElementVNode, normalizeStyle, unref, createElementBlock, Fragment, renderList, toDisplayString, vShow } from 'vue';
+import useStyle from './useStyle2.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PopupTip",
+  props: {
+    show: { type: Boolean, default: false },
+    point: null,
+    list: { default: () => [] },
+    propItems: null
+  },
+  setup(__props) {
+    const props = __props;
+    const pointStyle = useStyle(props);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: ".c-fabric-chart" }, [
+        withDirectives(createElementVNode("ul", {
+          class: "c-fabric-chart-popup-tip",
+          style: normalizeStyle(unref(pointStyle))
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.list, (item) => {
+            return openBlock(), createElementBlock("li", { key: item }, toDisplayString(item), 1);
+          }), 128))
+        ], 4), [
+          [vShow, __props.show]
+        ])
+      ]);
+    };
+  }
+});
+var PopupTip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "PopupTip.vue"]]);
+
+export { PopupTip as default };

package/es/components/fabric-chart/src/components/useStyle.js

@@ -0,0 +1 @@
+export { default } from './useStyle2.js';

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

@@ -0,0 +1 @@
+export { PAIN_MENU, TEMPERATURE_MENU } from './constant2.js';

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

@@ -0,0 +1,9 @@
+export { defaultBorderStyle, defaultLineStyle, defaultRectStyle, defaultStyle, defaultTextStyle, drawArrow, drawLine, drawPoint, drawText, drawTextGroup } from './useDraw2.js';
+export { useCumputedPoint } from './useCumputedPoint2.js';
+export { useTop } from './useTop2.js';
+export { useLeft } from './useLeft2.js';
+export { useRight } from './useRight2.js';
+export { useCenter } from './useCenter2.js';
+export { useBottom } from './useBottom2.js';
+export { useOther } from './useOther2.js';
+export { useCanvasEvent, useEvent } from './useEvent2.js';

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

@@ -0,0 +1 @@
+export { useBottom } from './useBottom2.js';

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

@@ -0,0 +1,85 @@
+import { onMounted, nextTick } from 'vue';
+import { fabric } from '../utils/index.js';
+import { defaultBorderStyle, drawTextGroup, defaultTextStyle, defaultRectStyle, defaultStyle } from './useDraw2.js';
+
+function useBottom(canvas, propItems) {
+  const {
+    xScaleList,
+    originX,
+    endX,
+    endY,
+    xCellWidth,
+    canvasWidth,
+    canvasHeight,
+    bottom,
+    breathingHeight,
+    iconsWidth
+  } = propItems;
+  function drawBottom() {
+    var _a, _b, _c;
+    if (!breathingHeight || !bottom) {
+      const bottomBorder = new fabric.Line([iconsWidth, endY - 1, endX, endY - 1], {
+        ...defaultBorderStyle
+      });
+      canvas.value.add(bottomBorder);
+      bottomBorder.sendToBack();
+      return false;
+    }
+    const height = breathingHeight;
+    const bottomBreathingList = ((_a = bottom.breathing) == null ? void 0 : _a.list) || [];
+    const list = [];
+    let flag = true;
+    xScaleList.forEach((item, index) => {
+      const left = originX + index * xCellWidth;
+      let text = "";
+      bottomBreathingList.forEach((v, i) => {
+        const time = new Date(v.time).getTime();
+        if (time >= item && time < +item + item.scaleCell)
+          text = v.value;
+      });
+      const style = flag ? {
+        top: -(height / 2 - 10)
+      } : {
+        top: height / 2 - 10
+      };
+      if (text)
+        flag = !flag;
+      const group2 = drawTextGroup({
+        width: xCellWidth,
+        height,
+        ...defaultRectStyle
+      }, Object.assign({}, {
+        text: String(text),
+        ...defaultTextStyle
+      }, text ? style : {}), {
+        left,
+        top: endY
+      });
+      list.push(group2);
+    });
+    const titleGroup = drawTextGroup({
+      width: endX,
+      height,
+      ...defaultRectStyle
+    }, {
+      text: String(((_b = bottom.breathing) == null ? void 0 : _b.title) + ((_c = bottom.breathing) == null ? void 0 : _c.unit)),
+      ...defaultTextStyle,
+      left: -((endX - originX) / 2)
+    }, {
+      left: 0,
+      top: endY
+    });
+    list.push(titleGroup);
+    const group = list.length > 0 ? new fabric.Group([...list], { ...defaultStyle }) : null;
+    group && group.sendToBack();
+    group && canvas.value.add(group);
+  }
+  onMounted(() => {
+    nextTick(() => {
+      drawBottom();
+      canvas.value.renderAll();
+    });
+  });
+}
+
+export { useBottom };

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

@@ -0,0 +1 @@
+export { useCenter } from './useCenter2.js';