cnhis-design-vue 3.1.12-beta.6 → 3.1.13-beta.0

package/es/packages/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, 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[];
+}>;
+export default _default;

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

@@ -0,0 +1,32 @@
+import { defineComponent, openBlock, createBlock, Teleport, withDirectives, createElementVNode, normalizeStyle, unref, createElementBlock, Fragment, renderList, toDisplayString, vShow } from 'vue';
+import useStyle from './useStyle.js';
+
+var script = /* @__PURE__ */ defineComponent({
+  __name: "PopupTip",
+  props: {
+    show: { type: Boolean, required: true, default: false },
+    point: { type: null, required: true },
+    list: { type: Array, required: false, default: () => [] },
+    propItems: { type: null, required: true }
+  },
+  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", null, toDisplayString(item), 1);
+          }), 256))
+        ], 4), [
+          [vShow, __props.show]
+        ])
+      ]);
+    };
+  }
+});
+
+export { script as default };

package/es/packages/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/packages/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/packages/fabric-chart/src/hooks/constant.d.ts

@@ -0,0 +1,14 @@
+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;
+}[];

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

@@ -0,0 +1,36 @@
+const TEMPERATURE_MENU = [
+  {
+    label: "\u5347\u6E29",
+    value: false,
+    type: "rise"
+  },
+  {
+    label: "\u836F\u7269\u964D\u6E29",
+    value: void 0,
+    type: "drugCooling"
+  },
+  {
+    label: "\u7269\u7406\u964D\u6E29",
+    value: void 0,
+    type: "physicalCooling"
+  },
+  {
+    label: "\u4E0D\u5347",
+    value: false,
+    type: "noRise"
+  }
+];
+const PAIN_MENU = [
+  {
+    label: "\u836F\u7269\u964D\u75DB",
+    value: void 0,
+    type: "drugReducePain"
+  },
+  {
+    label: "\u7269\u7406\u964D\u75DB",
+    value: void 0,
+    type: "physicalReducePain"
+  }
+];
+
+export { PAIN_MENU, TEMPERATURE_MENU };

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

@@ -0,0 +1,9 @@
+export { defaultBorderStyle } 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/packages/fabric-chart/src/hooks/index.js

@@ -0,0 +1,9 @@
+export { defaultBorderStyle } 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 { useEvent } from './useEvent.js';

package/es/packages/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;

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

@@ -0,0 +1,86 @@
+import { onMounted, nextTick } from 'vue';
+import { fabric } from '../utils/index.js';
+import { defaultBorderStyle, drawTextGroup, defaultTextStyle, defaultRectStyle, defaultStyle } from './useDraw.js';
+
+function useBottom(canvas, propItems) {
+  const {
+    xScaleList,
+    xScaleCell,
+    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, canvasWidth - 1, 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 + xScaleCell)
+          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/packages/fabric-chart/src/hooks/useCenter.d.ts

@@ -0,0 +1,29 @@
+import { Ref } from 'vue';
+import { fabric } from '../utils';
+import { IPropItems } from '../interface';
+import { IPointType } from '../interface';
+export declare function useCenter(canvas: Ref<fabric.Canvas>, propItems: IPropItems, emits: any, cumputedX: Function, cumputedY: Function, getXValue: Function, getYValue: Function, addRenderItem: Function | undefined): {
+    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[];
+};