cnhis-design-vue 3.1.24-beta.7 → 3.1.24-beta.8

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

@@ -0,0 +1,206 @@
+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, setAllCenter?: boolean) => 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[];
+    isAddPoint: (x: number) => boolean;
+    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, {}, 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.d.ts

@@ -0,0 +1,46 @@
+import { PropType } from 'vue';
+import { IPropItems, ICoordinateValue } from '../interface';
+declare const _default: import("vue").DefineComponent<{
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    list: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    point: {
+        type: PropType<ICoordinateValue>;
+    };
+    propItems: {
+        type: PropType<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<ICoordinateValue>;
+    };
+    propItems: {
+        type: PropType<IPropItems>;
+    };
+    target: {
+        type: PropType<any>;
+    };
+}>> & {
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    onClickMenu?: ((...args: any[]) => any) | undefined;
+}, {
+    show: boolean;
+    list: unknown[];
+}>;
+export default _default;

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

@@ -0,0 +1,118 @@
+import { defineComponent, ref, watch, createVNode, Teleport, withDirectives, vShow } from 'vue';
+import { NSpace, NInputNumber } from 'naive-ui';
+import useStyle from './useStyle.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
+  }) {
+    let setNoShow = false;
+    const popupRef = ref(null);
+    onClickOutside(popupRef, (event) => {
+      !setNoShow && emit("update:show", false);
+      setNoShow = 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: 110px",
+          "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,
+          "showButton": false,
+          "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
+        });
+      }
+    }
+    watch(() => props.show, (value) => {
+      if (value) {
+        setNoShow = true;
+        props.list.forEach((item) => {
+          if (typeof item === "object" && Reflect.has(item, "value") && typeof item.value !== "boolean") {
+            item.value = void 0;
+          }
+        });
+      }
+    });
+    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 props.show ? createVNode("li", {
+            "class": {
+              "no-click": setNoClick(item)
+            },
+            "onClick": (event) => clickItem(event, item)
+          }, [getItemContent(item)]) : null;
+        })]), [[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 './useStyle.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/PopupTip.vue.d.ts

@@ -0,0 +1,63 @@
+import { IPropItems, ICoordinateValue } from '../interface';
+declare const _default: 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: ICoordinateValue;
+        list: Array<string>;
+        propItems: 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, {}, 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[];
+}>;
+export default _default;

package/es/components/fabric-chart/src/components/useStyle.d.ts

@@ -0,0 +1,7 @@
+export default function useStyle(props: any): import("vue").ComputedRef<{
+    top: string;
+    bottom: string;
+    left: string;
+    right: string;
+    'transform-origin': string;
+}>;

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

@@ -0,0 +1,36 @@
+import { computed } from 'vue';
+
+function useStyle(props) {
+  const { canvasWidth, canvasHeight } = props.propItems;
+  const pointStyle = computed(() => {
+    const { x, y } = props.point;
+    const marginLeft = 15;
+    const marginTop = -15;
+    const style = {
+      top: "",
+      bottom: "",
+      left: "",
+      right: "",
+      "transform-origin": ""
+    };
+    const height = 200;
+    if (canvasWidth - (x + marginLeft) < height) {
+      style.right = canvasWidth - x + marginLeft + "px";
+      style["transform-origin"] = "right";
+    } else {
+      style.left = x + marginLeft + "px";
+      style["transform-origin"] = "left";
+    }
+    if (canvasHeight - (y + marginTop) < height) {
+      style.bottom = canvasHeight - y + marginTop + "px";
+      style["transform-origin"] += " bottom";
+    } else {
+      style.top = y + marginTop + "px";
+      style["transform-origin"] += " top";
+    }
+    return style;
+  });
+  return pointStyle;
+}
+
+export { useStyle as default };

package/es/components/fabric-chart/src/hooks/constant.d.ts

@@ -0,0 +1,54 @@
+export declare const TEMPERATURE_MENU: ({
+    label: string;
+    value: boolean;
+    type: string;
+} | {
+    label: string;
+    value: undefined;
+    type: string;
+})[];
+export declare const PAIN_MENU: {
+    label: string;
+    value: undefined;
+    type: string;
+}[];
+export declare const OVERLAP: {
+    yemai: {
+        stroke: string;
+        strokeX: string;
+        strokeWidth: number;
+        strokeWidthX: number;
+        radius: number;
+        angle: number;
+    };
+    koumai: {
+        stroke: string;
+        strokeWidth: number;
+        radius: number;
+        radiusCircle: number;
+        fillCircle: string;
+    };
+    gangmai: {
+        radius: number;
+        radiusCircle: number;
+        stroke: string;
+        fillCircle: string;
+    };
+    xinmai: {
+        radius: number;
+        radiusCircle: number;
+        stroke: string;
+        fillCircle: string;
+    };
+    humai: {
+        radius: number;
+        fill: string;
+    };
+    ermai: {
+        stroke: string;
+        strokeWidth: number;
+        radius: number;
+        radiusCircle: number;
+        fillCircle: string;
+    };
+};

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

@@ -0,0 +1,78 @@
+const TEMPERATURE_MENU = [
+  {
+    label: "\u5347\u6E29",
+    value: true,
+    type: "rise"
+  },
+  {
+    label: "\u836F\u7269\u964D\u6E29",
+    value: void 0,
+    type: "drugReduce"
+  },
+  {
+    label: "\u7269\u7406\u964D\u6E29",
+    value: void 0,
+    type: "physicsReduce"
+  },
+  {
+    label: "\u4E0D\u5347",
+    value: false,
+    type: "noRise"
+  }
+];
+const PAIN_MENU = [
+  {
+    label: "\u836F\u7269\u964D\u75DB",
+    value: void 0,
+    type: "drugReduce"
+  },
+  {
+    label: "\u7269\u7406\u964D\u75DB",
+    value: void 0,
+    type: "physicsReduce"
+  }
+];
+const BLUE = "#2563F4";
+const RED = "#FF1818";
+const OVERLAP = {
+  yemai: {
+    stroke: RED,
+    strokeX: BLUE,
+    strokeWidth: 1,
+    strokeWidthX: 1,
+    radius: 6,
+    angle: 45
+  },
+  koumai: {
+    stroke: RED,
+    strokeWidth: 1,
+    radius: 6,
+    radiusCircle: 3,
+    fillCircle: BLUE
+  },
+  gangmai: {
+    radius: 6,
+    radiusCircle: 3,
+    stroke: BLUE,
+    fillCircle: RED
+  },
+  xinmai: {
+    radius: 6,
+    radiusCircle: 3,
+    stroke: RED,
+    fillCircle: RED
+  },
+  humai: {
+    radius: 6,
+    fill: "green"
+  },
+  ermai: {
+    stroke: RED,
+    strokeWidth: 1,
+    radius: 6,
+    radiusCircle: 3,
+    fillCircle: BLUE
+  }
+};
+
+export { OVERLAP, PAIN_MENU, TEMPERATURE_MENU };

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

@@ -0,0 +1,9 @@
+export * from './useDraw';
+export * from './useCumputedPoint';
+export * from './useTop';
+export * from './useLeft';
+export * from './useRight';
+export * from './useCenter';
+export * from './useBottom';
+export * from './useOther';
+export * from './useEvent';

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 './useDraw.js';
+export { useCumputedPoint } from './useCumputedPoint.js';
+export { useTop } from './useTop.js';
+export { useLeft } from './useLeft.js';
+export { useRight } from './useRight.js';
+export { useCenter } from './useCenter.js';
+export { useBottom } from './useBottom.js';
+export { useOther } from './useOther.js';
+export { useCanvasEvent, useEvent } from './useEvent.js';

package/es/components/fabric-chart/src/hooks/useBottom.d.ts

@@ -0,0 +1,4 @@
+import { Ref } from 'vue';
+import { fabric } from '../utils';
+import { IPropItems } from '../interface';
+export declare function useBottom(canvas: Ref<fabric.Canvas>, propItems: IPropItems): void;