cnhis-design-vue 3.1.17-beta.10 → 3.1.17-beta.11

package/es/components/big-table/index.d.ts

@@ -2845,15 +2845,7 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
         row: any;
         rowIndex: any;
     };
-    initEditTable: () => Promise<void>;
-    activeMethod: ({ row, rowIndex, column, columnIndex }: {
-        row: any;
-        rowIndex: number;
-        column: any;
-        columnIndex: number;
-    }) => boolean;
     deleteRow: (row: any, col: any, index: number) => void;
-    onClickSelectTable: (row: any) => Promise<void>;
     onFormChange: ({ value, row, column, index }: {
         value: string | number | null;
         row: any;

package/es/components/big-table/src/BigTable.vue.d.ts

@@ -1153,14 +1153,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColorGhostPressedError: string;
                 textColorGhostFocusError: string;
                 textColorGhostDisabledError: string;
-                borderError: string; /**
-                 * 初始化props
-                 * @param {*} unionItem
-                 * @param {*} row
-                 * @param {*} column
-                 * @param {*} $rowIndex
-                 * @returns
-                 */
+                borderError: string;
                 borderHoverError: string;
                 borderPressedError: string;
                 borderFocusError: string;
@@ -1212,10 +1205,6 @@ declare const _default: import("vue").DefineComponent<{
                 colorTertiaryPressed: string;
                 colorQuaternary: string;
                 colorQuaternaryHover: string;
-                /**
-                 * 单个form提交成功数据
-                 * @param {*} obj formData
-                 */
                 colorQuaternaryPressed: string;
                 color: string;
                 colorHover: string;
@@ -1258,7 +1247,9 @@ declare const _default: import("vue").DefineComponent<{
                 textColorTextHoverPrimary: string;
                 textColorTextPressedPrimary: string;
                 textColorTextFocusPrimary: string;
-                textColorTextDisabledPrimary: string;
+                textColorTextDisabledPrimary: string; /**
+                 * tsx渲染表格
+                 */
                 textColorGhostPrimary: string;
                 textColorGhostHoverPrimary: string;
                 textColorGhostPressedPrimary: string;
@@ -1337,6 +1328,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColorTextPressedWarning: string;
                 textColorTextFocusWarning: string;
                 textColorTextDisabledWarning: string;
+                /** string */
                 textColorGhostWarning: string;
                 textColorGhostHoverWarning: string;
                 textColorGhostPressedWarning: string;
@@ -2855,15 +2847,7 @@ declare const _default: import("vue").DefineComponent<{
         row: any;
         rowIndex: any;
     };
-    initEditTable: () => Promise<void>;
-    activeMethod: ({ row, rowIndex, column, columnIndex }: {
-        row: any;
-        rowIndex: number;
-        column: any;
-        columnIndex: number;
-    }) => boolean;
     deleteRow: (row: any, col: any, index: number) => void;
-    onClickSelectTable: (row: any) => Promise<void>;
     onFormChange: ({ value, row, column, index }: {
         value: string | number | null;
         row: any;
@@ -3299,22 +3283,7 @@ declare const _default: import("vue").DefineComponent<{
                 errorColor: string;
                 errorColorHover: string;
                 errorColorPressed: string;
-                errorColorSuppl: string; /**
-                 * 针对 bigTable 的设置列
-                 * type: 列的类型
-                 * field: 列字段名（注：属性层级越深，渲染性能将直线下降）
-                 * title: 列标题（支持开启国际化）
-                 * width: 列宽度（如果为空则均匀分配剩余宽度，如果全部列固定了，可能会存在宽屏下不会铺满，可以配合 "%" 或者 "min-width" 布局）
-                 * minWidth: 最小列宽度；会自动将剩余空间按比例分配
-                 * resizable: 列是否允许拖动列宽调整大小
-                 * visible: 列是否显示
-                 * fixed: 将列固定在左侧或者右侧（注意：固定列应该放在左右两侧的位置）
-                 * align: 列对齐方式
-                 * headerAlign: 表头列的对齐方式
-                 * footerAlign: 表尾列的对齐方式
-                 * formatter: 格式化显示内容 Function({cellValue, row, column})
-                 * sortable: 是否允许列排序
-                 */
+                errorColorSuppl: string;
                 textColorBase: string;
                 textColor1: string;
                 textColor2: string;

package/es/components/big-table/src/BigTable.vue_vue_type_script_setup_true_lang.js

@@ -83,10 +83,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       getInlineOpreateRow
     } = useBatchEditing(props, state, emit, xGrid);
     const {
-      initEditTable,
-      activeMethod,
       deleteRow,
-      onClickSelectTable,
       onFormChange,
       getDefaultValue
     } = useEdit(props, state, emit, xGrid);
@@ -542,7 +539,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             column: col,
             index: $rowIndex
           });
-        }
+        },
+        editTrigger: state.editConfig.trigger
       };
       if (formType === "date" || formType === "time") {
         propsData.formattedValue = row[col.columnName];

package/es/components/big-table/src/components/edit-form/edit-date.js

@@ -2,6 +2,7 @@ import { defineComponent, computed, createVNode, mergeProps } from 'vue';
 import { generateTimeFormat } from '../../../../../shared/utils/index.js';
 import { isFunction } from 'lodash-es';
 import { NDatePicker } from 'naive-ui';
+import { useCommon } from './useCommon.js';
 
 var EditDate = defineComponent({
   name: "EditDate",
@@ -28,6 +29,10 @@ var EditDate = defineComponent({
     attrs,
     emit
   }) {
+    const {
+      formRef,
+      isShow
+    } = useCommon(props, attrs);
     const onConfirm = (value) => {
       emit("formChange", {
         value,
@@ -124,7 +129,11 @@ var EditDate = defineComponent({
     if (config.type.includes("time")) {
       config.isTimeDisabled = customDateDisabledDecorator(props.col.isTimeDisabled) || isTimeDisabled;
     }
-    return () => createVNode(NDatePicker, mergeProps(attrs, config, {
+    return () => createVNode(NDatePicker, mergeProps({
+      "ref": formRef,
+      "show": isShow.value,
+      "onUpdate:show": ($event) => isShow.value = $event
+    }, attrs, config, {
       "onUpdateFormattedValue": onConfirm
     }), null);
   }

package/es/components/big-table/src/components/edit-form/edit-input.js

@@ -1,5 +1,6 @@
 import { defineComponent, ref, createVNode, mergeProps } from 'vue';
 import { NInput, NInputNumber } from 'naive-ui';
+import { useCommon } from './useCommon.js';
 
 var EditInput = defineComponent({
   name: "EditInput",
@@ -31,6 +32,9 @@ var EditInput = defineComponent({
     attrs,
     emit
   }) {
+    const {
+      formRef
+    } = useCommon(props, attrs);
     const __value = ref(attrs.value);
     const onUpdateValue = (value) => {
       emit("formChange", {
@@ -52,11 +56,15 @@ var EditInput = defineComponent({
       placeholder: props.col.placeholder || "\u8BF7\u8F93\u5165",
       ...props.col.componentProps || {}
     };
-    return () => props.type === "input" ? createVNode(NInput, mergeProps(attrs, config, {
+    return () => props.type === "input" ? createVNode(NInput, mergeProps({
+      "ref": formRef
+    }, attrs, config, {
       "value": __value.value,
       "onUpdate:value": ($event) => __value.value = $event,
       "onBlur": onBlur
-    }), null) : createVNode(NInputNumber, mergeProps(attrs, config, {
+    }), null) : createVNode(NInputNumber, mergeProps({
+      "ref": formRef
+    }, attrs, config, {
       "onUpdateValue": onUpdateValue
     }), null);
   }

package/es/components/big-table/src/components/edit-form/edit-select.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | ObjectConstructor)[];
         default: number;
     };
-}, () => JSX.Element[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("formChange" | "setOptions")[], "formChange" | "setOptions", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("formChange" | "setOptions")[], "formChange" | "setOptions", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     col: {
         type: ObjectConstructor;
         default: () => {};

package/es/components/big-table/src/components/edit-form/edit-select.js

@@ -2,6 +2,7 @@ import { defineComponent, reactive, createVNode, mergeProps } from 'vue';
 import { NSelect } from 'naive-ui';
 import XEUtils from 'xe-utils';
 import 'moment';
+import { useCommon } from './useCommon.js';
 
 var EditSelect = defineComponent({
   name: "EditSelect",
@@ -29,6 +30,10 @@ var EditSelect = defineComponent({
     slots,
     emit
   }) {
+    const {
+      formRef,
+      isShow
+    } = useCommon(props, attrs);
     const state = reactive({
       options: [],
       loading: false,
@@ -78,7 +83,11 @@ var EditSelect = defineComponent({
       }
     };
     init();
-    return () => [createVNode(NSelect, mergeProps(attrs, state.config, {
+    return () => createVNode(NSelect, mergeProps({
+      "ref": formRef,
+      "show": isShow.value,
+      "onUpdate:show": ($event) => isShow.value = $event
+    }, attrs, state.config, {
       "options": state.options,
       "consistentMenuWidth": false,
       "clearable": true,
@@ -86,7 +95,7 @@ var EditSelect = defineComponent({
       "placeholder": props.col.placeholder || "\u8BF7\u9009\u62E9",
       "loading": state.loading,
       "onUpdateValue": onUpdateValue
-    }), null)];
+    }), null);
   }
 });
 

package/es/components/big-table/src/components/edit-form/edit-time.js

@@ -1,5 +1,6 @@
 import { defineComponent, createVNode, mergeProps } from 'vue';
 import { NTimePicker } from 'naive-ui';
+import { useCommon } from './useCommon.js';
 
 var EditTime = defineComponent({
   name: "EditTime",
@@ -30,6 +31,10 @@ var EditTime = defineComponent({
     attrs,
     emit
   }) {
+    const {
+      formRef,
+      isShow
+    } = useCommon(props, attrs);
     const onUpdateValue = (value) => {
       emit("formChange", {
         value,
@@ -44,7 +49,11 @@ var EditTime = defineComponent({
       format: props.col.valueFormat || "yyyy-MM-dd HH:mm:ss",
       ...props.col.componentProps || {}
     };
-    return () => createVNode(NTimePicker, mergeProps(attrs, config, {
+    return () => createVNode(NTimePicker, mergeProps({
+      "ref": formRef,
+      "show": isShow.value,
+      "onUpdate:show": ($event) => isShow.value = $event
+    }, attrs, config, {
       "onUpdateFormattedValue": onUpdateValue
     }), null);
   }

package/es/components/big-table/src/components/edit-form/useCommon.d.ts

@@ -0,0 +1,4 @@
+export declare const useCommon: (props: any, attrs: any) => {
+    formRef: import("vue").Ref<HTMLElement | null>;
+    isShow: import("vue").Ref<boolean>;
+};

package/es/components/big-table/src/components/edit-form/useCommon.js

@@ -0,0 +1,19 @@
+import { ref, onMounted } from 'vue';
+
+const useCommon = (props, attrs) => {
+  const formRef = ref(null);
+  const isShow = ref(false);
+  onMounted(() => {
+    var _a;
+    if (attrs.editTrigger !== "manual") {
+      (_a = formRef.value) == null ? void 0 : _a.focus();
+      isShow.value = true;
+    }
+  });
+  return {
+    formRef,
+    isShow
+  };
+};
+
+export { useCommon };

package/es/components/big-table/src/hooks/useEdit.d.ts

@@ -96,7 +96,7 @@ export declare const comps: {
             type: (NumberConstructor | ObjectConstructor)[];
             default: number;
         };
-    }, () => JSX.Element[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("formChange" | "setOptions")[], "formChange" | "setOptions", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("formChange" | "setOptions")[], "formChange" | "setOptions", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         col: {
             type: ObjectConstructor;
             default: () => {};
@@ -1470,12 +1470,6 @@ export declare const comps: {
 };
 export declare const useEdit: (props: any, state: any, emit: any, xGrid: any) => {
     initEditTable: () => Promise<void>;
-    activeMethod: ({ row, rowIndex, column, columnIndex }: {
-        row: any;
-        rowIndex: number;
-        column: any;
-        columnIndex: number;
-    }) => boolean;
     deleteRow: (row: any, col: any, index: number) => void;
     onClickSelectTable: (row: any) => Promise<void>;
     onFormChange: ({ value, row, column, index }: {

package/es/components/big-table/src/hooks/useEdit.js

@@ -34,25 +34,6 @@ const useEdit = (props, state, emit, xGrid) => {
     xGrid.value.remove(row);
     emit("clickBtn", { row, column: col, index });
   };
-  const activeMethod = ({
-    row,
-    rowIndex,
-    column,
-    columnIndex
-  }) => {
-    var _a;
-    const { isEdit, fieldList } = props.columnConfig;
-    if (isEdit) {
-      const isEditCol = ((_a = fieldList.find((v) => v.columnName === column.field)) == null ? void 0 : _a.isEdit) || false;
-      if (isEditCol) {
-        return true;
-      } else {
-        return false;
-      }
-    } else {
-      return false;
-    }
-  };
   const onClickSelectTable = async (row) => {
     emit("clickSelectTable", { row });
     const record = {
@@ -131,7 +112,6 @@ const useEdit = (props, state, emit, xGrid) => {
   };
   return {
     initEditTable,
-    activeMethod,
     deleteRow,
     onClickSelectTable,
     onFormChange,

package/es/components/big-table/style/index.css

@@ -538,6 +538,12 @@ body > .vxe-table--tooltip-wrapper {
   margin-right: 6px;
   box-shadow: 0px 2px 4px 0px rgba(99, 129, 249, 0.5);
 }
+.custom-big-table .vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle {
+  box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.12);
+}
+.custom-big-table .vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle {
+  box-shadow: -4px 0 4px 0 rgba(0, 0, 0, 0.12);
+}
 .annotation-edit {
   cursor: pointer;
   color: #0067ee;

package/es/components/button-print/index.d.ts

@@ -52,6 +52,9 @@ declare const ButtonPrint: SFCWithInstall<import("vue").DefineComponent<{
         default: string;
         type: StringConstructor;
     };
+    token: {
+        type: StringConstructor;
+    };
 }, {
     $message: import("naive-ui").MessageApi;
     printInstance: any;
@@ -107,6 +110,9 @@ declare const ButtonPrint: SFCWithInstall<import("vue").DefineComponent<{
             default: string;
             type: StringConstructor;
         };
+        token: {
+            type: StringConstructor;
+        };
     }>> & {
         onError?: ((...args: any[]) => any) | undefined;
         onClickoutside?: ((...args: any[]) => any) | undefined;
@@ -7356,6 +7362,9 @@ declare const ButtonPrint: SFCWithInstall<import("vue").DefineComponent<{
         default: string;
         type: StringConstructor;
     };
+    token: {
+        type: StringConstructor;
+    };
 }>> & {
     onError?: ((...args: any[]) => any) | undefined;
     onClickoutside?: ((...args: any[]) => any) | undefined;

package/es/components/button-print/src/ButtonPrint.vue.d.ts

@@ -53,6 +53,9 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         type: StringConstructor;
     };
+    token: {
+        type: StringConstructor;
+    };
 }, {
     $message: import("naive-ui").MessageApi;
     printInstance: any;
@@ -111,6 +114,9 @@ declare const _default: import("vue").DefineComponent<{
             default: string;
             type: StringConstructor;
         };
+        token: {
+            type: StringConstructor;
+        };
     }>> & {
         onError?: ((...args: any[]) => any) | undefined;
         onClickoutside?: ((...args: any[]) => any) | undefined;
@@ -7363,6 +7369,9 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
         type: StringConstructor;
     };
+    token: {
+        type: StringConstructor;
+    };
 }>> & {
     onError?: ((...args: any[]) => any) | undefined;
     onClickoutside?: ((...args: any[]) => any) | undefined;

package/es/components/button-print/src/ButtonPrint.vue_vue_type_script_setup_true_lang.js

@@ -59,6 +59,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     noDataMsg: {
       default: "\u8BF7\u9009\u4E2D\u9700\u8981\u6253\u5370\u7684\u6570\u636E",
       type: String
+    },
+    token: {
+      type: String
     }
   },
   emits: ["success", "error", "clickoutside"],
@@ -136,7 +139,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const getPrintParams = (index = 0) => {
       var _a;
       const params = ((_a = props.printParams) == null ? void 0 : _a.length) ? props.printParams[index] : state.printParams[index];
-      return JSON.stringify(params);
+      return JSON.stringify({
+        ...params || {},
+        ...props.token ? {
+          token: props.token
+        } : {}
+      });
     };
     const getOnceParams = () => {
       var _a, _b;
@@ -176,22 +184,22 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         prevFnError();
         return Promise.reject();
       }).then(() => {
+        const queryParams = {
+          formatId: state.currentFormatId,
+          templateId: getTemplateIdByFormatId.value
+        };
         if (props.strategy === "MULTI") {
           for (let i = 0; i < state.printParams.length; i++) {
-            const queryParams = {
-              formatId: state.currentFormatId,
-              templateId: getTemplateIdByFormatId.value,
+            printInstance.printDirect({
+              ...queryParams,
               params: getPrintParams(i)
-            };
-            printInstance.printDirect(queryParams, callLocalServicesSuccessCbTmp, callLocalServicesErrorCb);
+            }, callLocalServicesSuccessCbTmp, callLocalServicesErrorCb);
           }
         } else {
-          const queryParams = {
-            formatId: state.currentFormatId,
-            templateId: getTemplateIdByFormatId.value,
+          printInstance.printDirect({
+            ...queryParams,
             params: getOnceParams()
-          };
-          printInstance.printDirect(queryParams, (res) => {
+          }, (res) => {
             callLocalServicesSuccessCb(res, "print");
           }, callLocalServicesErrorCb);
         }

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

@@ -228,14 +228,8 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     });
   }
   function drawPolyLine(item, dataIndex, scaleValue) {
-    const {
-      pointAttr = {},
-      lineAttr = {},
-      noRiseStyle = {},
-      verifiedStyle = {},
-      reduceStyle = {},
-      type = "circle"
-    } = item;
+    const { pointAttr = {}, lineAttr = {}, type = "circle" } = item;
+    const { noRiseStyle = {}, verifiedStyle = {}, reduceStyle = {}, pacemaker = {} } = scaleValue;
     const pointList = [];
     const lineList = [];
     const otherList = [];
@@ -337,11 +331,12 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
         reduceLine,
         reducePoint,
         lockMovementX: true,
-        ...pointAttr,
+        ...pacemaker.show && scaleValue.type == "pulse" ? pacemaker.style : pointAttr,
         ...propItems.event
       };
+      const pointType = pacemaker.show && scaleValue.type == "pulse" ? pacemaker.value : type;
       if (previousLine) {
-        point = drawPoint(type, {
+        point = drawPoint(pointType, {
           left: previousLine.get("x2"),
           top: previousLine.get("y2"),
           ...pointAttrNew
@@ -349,13 +344,13 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
       } else {
         if (points) {
           pointAttrNew.leftLine = null;
-          if (scaleValue.type === "temperature" && index === 0) {
+          if (scaleValue.type == "temperature" && index === 0) {
             const objLine = [...prevLines].find((v2) => v2.dataIndex === dataIndex - 1);
             if (objLine) {
               pointAttrNew.leftLine = objLine.line;
             }
           }
-          point = drawPoint(type, {
+          point = drawPoint(pointType, {
             left: points[0],
             top: points[1],
             ...pointAttrNew

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

@@ -22,9 +22,10 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, g
   const mainScaleWidth = 9;
   const subScaleWidth = 5;
   function drawScaleNumber(text, item, left2, top) {
+    const { position } = item;
     return new fabric.Text(String(text), {
       ...defaultTextStyle,
-      originX: item.position || "center",
+      originX: position == "left" ? "right" : position == "right" ? "left" : "center",
       left: left2,
       top,
       ...item.style
@@ -35,13 +36,13 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, g
     let lineXMain = [scaleLeft - mainScaleWidth / 2, scaleLeft + mainScaleWidth / 2];
     let lineXSub = [scaleLeft - subScaleWidth / 2, scaleLeft + subScaleWidth / 2];
     let textLeft = scaleLeft;
-    if (position === "left") {
+    if (position === "right") {
       scaleLeft = x;
       lineXMain = [scaleLeft, scaleLeft + mainScaleWidth];
       lineXSub = [scaleLeft, scaleLeft + subScaleWidth];
       textLeft = lineXMain[1];
     }
-    if (position === "right") {
+    if (position === "left") {
       scaleLeft = x + width;
       lineXMain = [scaleLeft - mainScaleWidth, scaleLeft];
       lineXSub = [scaleLeft - subScaleWidth, scaleLeft];
@@ -119,7 +120,7 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, g
       }
       const rectWidth = index === 0 ? firstColWidth : colWidth;
       const rectLeft = index === 0 ? start : firstColWidth + start + (index - 1) * colWidth;
-      const line = index > 0 ? new fabric.Line([rectLeft, painIndex == 0 ? vitalSignsOriginY.originY : originY, rectLeft, vitalSignsOriginY.endY], {
+      const line = index > 0 ? new fabric.Line([rectLeft, vitalSignsOriginY.originY, rectLeft, vitalSignsOriginY.endY], {
         ...defaultBorderStyle
       }) : null;
       line && list.push(line);
@@ -134,8 +135,8 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, g
           const top = vitalSignsOriginY.endY - i * yCellHeight * spaceGridNumber;
           const isMaxMinNumber = i === 0 || i === listLen - 1;
           if (item.showNumber && (isMaxMinNumber ? item.showMaxMinNumber : true)) {
-            const text = drawScaleNumber(v, item, textLeft, i === 0 ? top - 5 : top);
-            list.push(text);
+            const y = i == 0 ? top - 5 : top;
+            y > vitalSignsOriginY.originY && list.push(drawScaleNumber(v, item, textLeft, y));
           }
           if (item.showScale && i !== listLen - 1) {
             for (let j = 0; j < 5; j++) {
@@ -143,9 +144,11 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, getXValue, g
                 const x1 = j == 0 ? lineXMain[0] : lineXSub[0];
                 const x2 = j == 0 ? lineXMain[1] : lineXSub[1];
                 const y = top - j * spaceScale;
-                createLine([x1, y, x2, y]);
-                if (i == listLen - 2 && j == 4) {
-                  createLine([lineXMain[0], y - spaceScale, lineXMain[1], y - spaceScale]);
+                if (y > vitalSignsOriginY.originY) {
+                  createLine([x1, y, x2, y]);
+                  if (i == listLen - 2 && j == 4) {
+                    createLine([lineXMain[0], y - spaceScale, lineXMain[1], y - spaceScale]);
+                  }
                 }
               }
             }