cnhis-design-vue 3.1.37-beta.2 → 3.1.38-beta.0

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

@@ -0,0 +1,64 @@
+import { ICoordinateValue } from '../interface';
+import { AnyObject } from '../../../../../es/shared/types';
+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: 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[];
+}>;
+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/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

@@ -16,7 +16,7 @@ const TEMPERATURE_MENU = [
   },
   {
     label: "\u4E0D\u5347",
-    value: false,
+    value: true,
     type: "noRise"
   }
 ];

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

@@ -0,0 +1,11 @@
+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';
+export * from './useBirthProcess';
+export * from './useCommon';

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

@@ -0,0 +1,9 @@
+import { Ref } from 'vue';
+import { fabric } from '../utils';
+import { AnyObject } from '../../../../../es/shared/types';
+export declare function useBirthProcess(canvas: Ref<fabric.Canvas>, propItems: AnyObject, emits: any, pointTipProps: any, pointMenuProps: any, commonFunc: AnyObject): {
+    clickMenu: ({ item, target }: {
+        item: any;
+        target: any;
+    }) => void;
+};

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

@@ -26,16 +26,18 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
     borderStyle,
     rightAddAreaWidth,
     event,
-    originYCervix
+    originYCervix,
+    other
   } = propItems;
   const yScaleValue = cloneDeep(scaleValues);
   const gridPoints = /* @__PURE__ */ new Set();
   useGrid(canvas, propItems, true);
   init();
   function init() {
+    drawBorder();
     drawYScale();
     drawXScale();
-    drawBorder();
+    drawOther();
     drawPolyLine();
     setCanvasEvent();
     drawIcons();
@@ -297,6 +299,25 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
       updateData(params);
     }
   }
+  function drawOther() {
+    const lineData = Object.values(other);
+    const lines = [];
+    lineData.forEach((line) => {
+      if (!line.show)
+        return;
+      const { key } = line;
+      if (key === "fetalPresentation") {
+        const { range } = yScaleValue.find((item) => item.key === key);
+        const y = cumputedY(key, range, 0);
+        lines.push(
+          drawLine([originX, y, endX, y], {
+            ...line
+          })
+        );
+      }
+    });
+    canvas.value.add(...lines);
+  }
   function drawIcons() {
     const leftX = leftAddAreaWidth / 2;
     const rightX = canvasWidth - rightAddAreaWidth / 2;

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

@@ -0,0 +1,25 @@
+import { Ref } from 'vue';
+import { fabric } from '../utils';
+export default function useBirthProcessChart(canvas: Ref<fabric.Canvas>, props: any, emits: any, canvasRef: Ref<any>): {
+    propItems: any;
+    redrawPoints: Ref<any>;
+    select: Ref<any>;
+    pointTipProps: {
+        show: boolean;
+        point: {
+            x: number;
+            y: number;
+        };
+        list: string[];
+    };
+    pointMenuProps: {
+        show: boolean;
+        point: {
+            x: number;
+            y: number;
+        };
+        list: any[];
+        target: any;
+    };
+    clickMenu: Ref<any>;
+};

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

@@ -1,8 +1,8 @@
 import { ref, reactive, computed, onMounted, nextTick } from 'vue';
 import { defaultBorderStyle } from './useDraw.js';
 import '../utils/index.js';
-import './useShadow.js';
 import 'lodash-es';
+import './useShadow.js';
 import { useEvent, useCanvasEvent } from './useEvent.js';
 import { useBirthProcess } from './useBirthProcess.js';
 import { useCommon } from './useCommon.js';
@@ -99,6 +99,7 @@ function useBirthProcessChart(canvas, props, emits, canvasRef) {
     borderStyle: { ...defaultBorderStyle, ...props.data.borderStyle },
     selectionStyle: props.data.selectionStyle || {},
     grid: props.data.grid,
+    other: props.data.other,
     originX: originX.value,
     endX: endX.value,
     originY: originY.value,

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;

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

@@ -0,0 +1,16 @@
+import { Ref } from 'vue';
+import { fabric } from '../utils';
+import { IPropItems } from '../interface';
+import { AnyObject } from '../../../../../es/shared/types';
+export declare function useCenter(canvas: Ref<fabric.Canvas>, propItems: IPropItems, emits: any, cumputedX: Function, cumputedY: Function, getXValue: Function, getYValue: Function, addRenderItem: Function | undefined, pointTipProps: any, pointMenuProps: any, commonFunc: AnyObject): {
+    pointTipProps: any;
+    pointMenuProps: any;
+    clickMenu: ({ item, target }: {
+        item: any;
+        target: any;
+    }) => void;
+    setPopup: (point: any) => void;
+    isAddPoint: (x: number) => boolean;
+    updateData: (params: any, mode?: string) => void;
+    redrawPoints: () => void;
+};

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

@@ -4,7 +4,7 @@ import useGrid from './useGrid.js';
 import { useShadow } from './useShadow.js';
 import { TEMPERATURE_MENU, PAIN_MENU, OVERLAP } from './constant.js';
 import { cloneDeep } from 'lodash-es';
-import { isOneLine, getType, setOtherType, isEffectiveNode, getIndex, deleteProperty } from '../utils/utils.js';
+import { isOneLine, getType, isValidValue, setOtherType, isEffectiveNode, getIndex, deleteProperty } from '../utils/utils.js';
 
 function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, getYValue, addRenderItem, pointTipProps, pointMenuProps, commonFunc) {
   useGrid(canvas, propItems);
@@ -24,7 +24,8 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     vitalSignsOriginY,
     painOriginY,
     hospitalizationDate,
-    config
+    config,
+    canvasHeight
   } = propItems;
   const shadowLinesCache = /* @__PURE__ */ new Set();
   const SHADOWKEYS = ["xinmai", "mai"];
@@ -371,12 +372,17 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
         }
       }
       if (v.rise && riseStyle.show) {
-        riseText = drawText([points[0], points[1] - (value ? yCellHeight : 0) - 5], {
-          value: v.rise.split("").join("\n"),
-          originY: "bottom",
-          ...riseStyle
-        });
-        otherList.push(riseText);
+        if (typeof v.rise === "boolean") {
+          v.rise = "\u5347\u6E29";
+        }
+        if (typeof v.rise === "string") {
+          riseText = drawText([points[0], points[1] - (value ? yCellHeight : 0) - 5], {
+            value: v.rise.split("").join("\n"),
+            originY: "bottom",
+            ...riseStyle
+          });
+          otherList.push(riseText);
+        }
       }
       if (v.verified) {
         verifiedText = drawText([points[0], points[1] - (value ? yCellHeight : 0) - 5], {
@@ -387,7 +393,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
         });
         otherList.push(verifiedText);
       }
-      if (v.physicsReduce || v.drugReduce) {
+      if (isValidValue(v.physicsReduce) || isValidValue(v.drugReduce)) {
         const reduceY = cumputedY(type, scaleValue.list, v.physicsReduce || v.drugReduce);
         reduceLine = drawLine([...points, points[0], reduceY], {
           ...lineAttr,
@@ -398,7 +404,8 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
           left: points[0],
           top: reduceY,
           ...reduceStyle.point,
-          ...defaultStyle
+          ...defaultStyle,
+          originY: reduceY === canvasHeight ? "bottom" : "center"
         });
         reduceLine && otherList.push(reduceLine);
         reducePoint && otherList.push(reducePoint);
@@ -581,10 +588,10 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     pointTipProps.show = true;
     function getListValue() {
       const { value = getYValue(type, point.top), drugReduce, physicsReduce } = data || {};
-      if (drugReduce) {
+      if (isValidValue(drugReduce)) {
         return `\u836F\u7269\u964D${type == "pain" ? "\u75DB" : "\u6E29"} ${value}\u2014>${drugReduce}${unit || ""}`;
       }
-      if (physicsReduce) {
+      if (isValidValue(physicsReduce)) {
         return `\u7269\u7406\u964D${type == "pain" ? "\u75DB" : "\u6E29"} ${value}\u2014>${physicsReduce}${unit || ""}`;
       }
       return `${title} ${value}${unit || ""}`;

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

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+import { fabric } from '../utils';
+export declare function useCommon(canvas: Ref<fabric.Canvas>): {
+    getEqualXTypes: (pointX: number, field: string, range?: number) => string[];
+    repeatTip: () => void;
+    maxLimitTip: () => void;
+    minLimitTip: () => void;
+};

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

@@ -0,0 +1,14 @@
+import { IPointType } from '../interface';
+import { AnyObject } from '../../../../../es/shared/types';
+export declare function useCumputedPoint(propItems: AnyObject): {
+    cumputedX: (value: number | string, setAllCenter?: boolean) => any;
+    cumputedY: (type: IPointType, scaleValueList: number[], value: number | string) => number;
+    getXValue: (pointX: number) => string | undefined;
+    getYValue: (type: IPointType, pointY: number) => number;
+};
+export declare function useBirthProcessCumputedPoint(propItems: AnyObject): {
+    cumputedX: (value: number | string) => any;
+    cumputedY: (key: string, range: [number, number], value: number | string) => number;
+    getXValue: (pointX: number) => string;
+    getYValue: (key: string, pointY: number) => number;
+};

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

@@ -0,0 +1,44 @@
+import { fabric } from '../utils';
+import { ILineOptions, ITextOptions } from '../interface';
+export declare const defaultStyle: {
+    evented: boolean;
+    selectable: boolean;
+};
+export declare const defaultBorderStyle: {
+    evented: boolean;
+    selectable: boolean;
+    stroke: string;
+    strokeWidth: number;
+};
+export declare const defaultLineStyle: {
+    evented: boolean;
+    selectable: boolean;
+    stroke: string;
+    strokeWidth: number;
+    strokeDashArray: number[];
+};
+export declare const defaultRectStyle: {
+    evented: boolean;
+    selectable: boolean;
+    fill: string;
+    stroke: string;
+    strokeWidth: number;
+    originX: string;
+    originY: string;
+};
+export declare const defaultTextStyle: {
+    evented: boolean;
+    selectable: boolean;
+    fontFamily: string;
+    fontSize: number;
+    fill: string;
+    centeredRotation: boolean;
+    originX: string;
+    originY: string;
+    lineHeight: number;
+};
+export declare function drawLine(points: number[], style: Partial<ILineOptions>): fabric.Line;
+export declare function drawText([x, y]: [x: number, y: number], style: ITextOptions): fabric.Text;
+export declare function drawArrow([x, y1, y2]: [x: number, y1: number, y2: number], style: ITextOptions | any, type?: string): fabric.Group;
+export declare function drawTextGroup(rectStyle: Partial<fabric.IRectOptions>, fontStyle: Partial<ITextOptions>, groupStyle: Partial<fabric.IGroupOptions>): fabric.Group;
+export declare function drawPoint(type: string | undefined, style: any): fabric.Object;

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

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+import { fabric } from '../utils';
+import { IPropItems } from '../interface';
+export declare function useEvent(element: HTMLCanvasElement | any): void;
+export declare function useCanvasEvent(canvas: Ref<fabric.Canvas>, propItems: IPropItems, emits: any): {
+    select: (key: string) => void;
+};

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

@@ -0,0 +1,4 @@
+import { Ref } from 'vue';
+import { fabric } from '../utils';
+import { AnyObject } from '../../../../../es/shared/types';
+export default function useGrid(canvas: Ref<fabric.Canvas>, propItems: AnyObject, isBirthProcess?: boolean): void;

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

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+import { fabric } from '../utils';
+import { IPropItems } from '../interface';
+import { AnyObject } from '../../../../../es/shared/types';
+export declare function useLeft(canvas: Ref<fabric.Canvas>, propItems: IPropItems, emits: any, setPopup: Function, pointTipProps: any, cumputedX: Function, cumputedY: Function, getXValue: Function, getYValue: Function, isAddPoint: Function, updateData: Function, useCommon: AnyObject): {
+    drawScaleValue: (yScaleValueList: any[]) => void;
+};

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

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

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

@@ -9,8 +9,8 @@ function useOther(canvas, propItems, cumputedX) {
       return false;
     const list = [];
     const otherList = [];
-    other.list.forEach((item) => {
-      const align = item.align || "vertical";
+    other.list.forEach((item, index) => {
+      const align = index === 0 ? "vertical" : item.align || "vertical";
       const left = cumputedX(item.time, true);
       const obj = otherList.find((v) => v.left == left);
       if (obj) {

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

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

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

@@ -0,0 +1,6 @@
+import { fabric } from '../utils';
+declare type Point = [number, number];
+export declare function useShadow(): {
+    createShadowLines: (coordinates: Point[], angle?: number, space?: number) => fabric.Line[];
+};
+export {};

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

@@ -0,0 +1,25 @@
+import { Ref } from 'vue';
+import { fabric } from '../utils';
+export default function useTemperatureChart(canvas: Ref<fabric.Canvas>, props: any, emits: any, canvasRef: Ref<any>): {
+    propItems: any;
+    redrawPoints: Ref<any>;
+    select: Ref<any>;
+    pointTipProps: {
+        show: boolean;
+        point: {
+            x: number;
+            y: number;
+        };
+        list: string[];
+    };
+    pointMenuProps: {
+        show: boolean;
+        point: {
+            x: number;
+            y: number;
+        };
+        list: any[];
+        target: any;
+    };
+    clickMenu: Ref<any>;
+};

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

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

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

@@ -0,0 +1,153 @@
+import { Ref } from 'vue';
+import { fabric } from './utils';
+import { AnyObject } from '../../../../es/shared/types';
+export declare type IType = 'temperature' | 'birthProcess' | undefined;
+interface IEvent {
+    selectable: boolean;
+    evented: boolean;
+    hovered: boolean;
+}
+interface ImainLineStyle {
+    x: fabric.ILineOptions;
+    y: fabric.ILineOptions;
+}
+interface IGrid {
+    mainXCell: number;
+    subXCell: number;
+    subSecondXCell: number;
+    mainYCell: number;
+    subYCell: number;
+    surplusXCell: number;
+    surplusYCell: number;
+    mainLineStyle?: ImainLineStyle;
+    subLineStyle?: fabric.ILineOptions;
+    subSecondLineStyle?: fabric.ILineOptions;
+    event?: Partial<IEvent>;
+}
+export interface IPropItems {
+    canvasWidth: number;
+    canvasHeight: number;
+    borderStyle: fabric.ILineOptions;
+    selectionStyle: any;
+    dateHeight: number;
+    hospitalDaysHeight: number;
+    operationDaysHeight: number;
+    xScalevalueHeight: number;
+    topList: IDate[];
+    breathingHeight: number;
+    hospitalizationDate?: string;
+    grid: IGrid;
+    top: ITop;
+    left: ILeft;
+    right: IRight | undefined;
+    bottom: any;
+    other?: IOther;
+    painIndex: number;
+    painHeight: number;
+    painOriginY: any;
+    vitalSignsOriginY: any;
+    gridXNumber: number;
+    gridYNumber: number;
+    iconsWidth: number;
+    originX: number;
+    originY: number;
+    originYLimit: number;
+    endX: number;
+    endXLimit: number;
+    endY: number;
+    xCellWidth: number;
+    yCellHeight: number;
+    xScaleList: Array<any>;
+    breatheYCell: number;
+    pulseYCell: number;
+    temperatureYCell: number;
+    painYCell: number;
+    event: Partial<IEvent>;
+    itemList: Array<any>;
+    getRightInfo: AnyObject;
+    config: AnyObject;
+}
+export interface IPoint {
+    time: string;
+    value: string | number;
+    [key: string]: any;
+}
+interface IOther {
+    style?: fabric.ITextOptions;
+    list: Array<IPoint>;
+}
+export interface IDate {
+    seq: number;
+    show?: boolean;
+    title: string;
+    height?: number;
+    list: Array<string | number>;
+    style?: fabric.ITextOptions;
+    [key: string]: any;
+}
+export interface ITop {
+    dateStyle?: fabric.ITextOptions;
+    titleWidth: number;
+    date: IDate;
+    xScalevalue: IDate;
+    dayHeight?: number;
+    hospitalDays?: IDate;
+    operationDays?: IDate;
+}
+interface ILeft {
+    overlap?: any;
+    spaceGridNumber?: number;
+    yScaleValue: Array<any>;
+    icons?: any;
+}
+interface IRight {
+    width?: number;
+    yScaleValue: any;
+}
+export interface IData {
+    width: number;
+    height: number;
+    borderStyle?: fabric.ILineOptions;
+    selectionStyle?: AnyObject;
+    hospitalizationDate: string;
+    grid: IGrid;
+    other?: IOther;
+    top: ITop;
+    left: ILeft;
+    right?: IRight;
+    bottom: AnyObject;
+    config?: AnyObject;
+}
+export interface ICoordinateValue {
+    x: number;
+    y: number;
+}
+export declare type IPointType = 'breathe' | 'pulse' | 'temperature' | 'pain';
+export interface ILineOptions extends fabric.ILineOptions {
+    [key: string]: any;
+}
+export interface ITextOptions extends fabric.ITextOptions {
+    [key: string]: any;
+}
+interface IBirthProcessOther {
+    fetalPresentationPositionLine?: fabric.ILineOptions;
+    alertLine?: fabric.ILineOptions;
+    processLine?: fabric.ILineOptions;
+}
+interface IBirthProcessXAxis {
+    time: AnyObject;
+    processTime: AnyObject;
+}
+export interface IBirthProcessData {
+    width: number;
+    height: number;
+    borderStyle?: fabric.ILineOptions;
+    selectionStyle?: AnyObject;
+    grid: AnyObject;
+    other?: IBirthProcessOther;
+    xAxis: IBirthProcessXAxis;
+    scaleValues: AnyObject[];
+}
+export declare type IObject = fabric.Object & AnyObject;
+export declare type IFabricChartMainParam = [Ref<fabric.Canvas>, any, any, Ref<any>];
+export {};