cnhis-design-vue 3.1.34-beta.9 → 3.1.35-beta.1

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

@@ -37,6 +37,7 @@ var EditSelect = defineComponent({
     const state = reactive({
       keyupValue: attrs.value,
       options: [],
+      filterOptions: [],
       loading: false,
       keyword: "",
       config: {
@@ -46,10 +47,8 @@ var EditSelect = defineComponent({
     });
     const setOptions = async () => {
       if (props.col.options) {
-        state.options = JSON.parse(JSON.stringify(props.col.options));
-        if (!state.keyupValue && state.options.length) {
-          state.keyupValue = state.options[0].value;
-        }
+        state.options = XEUtils.clone(props.col.options);
+        state.filterOptions = XEUtils.clone(props.col.options);
       } else {
         `${props.col.columnName}_options`;
         const obj = {
@@ -60,8 +59,8 @@ var EditSelect = defineComponent({
         };
         state.options = await props.col.queryOptions(obj);
         state.loading = false;
-        emit("setOptions", state.options);
       }
+      emit("setOptions", state.options);
     };
     let selectSearch = (value) => {
       state.keyword = value;
@@ -70,6 +69,7 @@ var EditSelect = defineComponent({
     };
     selectSearch = XEUtils.debounce(selectSearch, 800);
     const onUpdateValue = (value) => {
+      state.keyupValue = value;
       emit("formChange", {
         value,
         row: props.row,
@@ -80,6 +80,13 @@ var EditSelect = defineComponent({
     const init = () => {
       if (props.col.options) {
         setOptions();
+        state.config.onSearch = (value) => {
+          var _a, _b, _c;
+          const filterOptions = ((_c = (_b = (_a = formRef == null ? void 0 : formRef.value) == null ? void 0 : _a.treeMate) == null ? void 0 : _b.treeNodes) == null ? void 0 : _c.map((item) => item.rawNode)) || XEUtils.clone(props.col.options);
+          state.filterOptions = filterOptions;
+          props.row[`${props.col.columnName}_filter_options`] = state.filterOptions;
+          props.row[`${props.col.columnName}_is_key_arrow`] = false;
+        };
       } else {
         state.config.remote = true;
         state.config.onSearch = selectSearch;
@@ -87,28 +94,30 @@ var EditSelect = defineComponent({
       }
     };
     function onKeyup(event) {
+      var _a, _b, _c, _d;
       const {
         key
       } = event;
       if (state.config.multiple || !["ArrowUp", "ArrowDown"].includes(key))
         return;
-      let index = state.options.findIndex((item) => item.value === state.keyupValue);
-      if (!~index)
-        return;
-      const length = state.options.length;
+      props.row[`${props.col.columnName}_is_key_arrow`] = true;
+      if (!state.keyupValue)
+        state.keyupValue = (_b = (_a = state.filterOptions) == null ? void 0 : _a[0]) == null ? void 0 : _b.value;
+      let index = state.filterOptions.findIndex((item) => item.value === state.keyupValue);
+      if (!~index) {
+        state.keyupValue = (_d = (_c = state.filterOptions) == null ? void 0 : _c[0]) == null ? void 0 : _d.value;
+        index = 0;
+      }
+      const length = state.filterOptions.length;
       if (key === "ArrowUp") {
-        index = index === 0 ? length - 1 : index - 1;
+        index = index - 1 === -1 ? length - 1 : index - 1;
       }
       if (key === "ArrowDown") {
-        index = index === length - 1 ? 0 : index + 1;
+        index = index + 1 === length ? 0 : index + 1;
       }
-      state.keyupValue = state.options[index].value;
+      state.keyupValue = state.filterOptions[index].value;
       onUpdateValue(state.keyupValue);
     }
-    function onBlur() {
-      var _a, _b;
-      onUpdateValue((_b = (_a = state.options) == null ? void 0 : _a[0]) == null ? void 0 : _b.value);
-    }
     init();
     return () => createVNode(NSelect, mergeProps({
       "ref": formRef,
@@ -122,8 +131,7 @@ var EditSelect = defineComponent({
       "placeholder": props.col.placeholder || "\u8BF7\u9009\u62E9",
       "loading": state.loading,
       "onUpdateValue": onUpdateValue,
-      "onKeyup": onKeyup,
-      "onBlur": onBlur
+      "onKeyup": onKeyup
     }), null);
   }
 });

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

@@ -1,5 +1,5 @@
 import { AnyObject } from '../../../../../../es/shared/types';
 export declare const useCommon: (props: AnyObject, attrs: AnyObject, isTriggerClick?: boolean) => {
-    formRef: import("vue").Ref<HTMLElement | null>;
+    formRef: any;
     isShow: import("vue").Ref<boolean>;
 };

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

@@ -4,7 +4,7 @@ import { hideFilterWrap } from '../utils.js';
 
 const useEvent = (props, state, emit, xGrid, anchorEvent) => {
   function keyDown({ $event }) {
-    var _a, _b;
+    var _a, _b, _c, _d, _e;
     const { isArrow, isEnter, isChecked, isTab, isEdit } = ((_a = props.columnConfig) == null ? void 0 : _a.keyboardConfig) || {};
     let activeRow = null;
     let index = 0;
@@ -18,6 +18,24 @@ const useEvent = (props, state, emit, xGrid, anchorEvent) => {
       return;
     if (isEdit) {
       const data = xGridRef.getEditRecord() || xGridRef.getSelectedCell() || {};
+      const { row, column } = data;
+      const { fieldList = [] } = props.columnConfig;
+      if ($event.key === "Tab") {
+        const fieldItem = fieldList.find((item) => item.columnName === column.field);
+        const { formType = "", componentProps } = fieldItem;
+        const _index = (_b = row[`${column.field}_filter_options`]) == null ? void 0 : _b.findIndex((item) => item.value === row[column.field]);
+        if (formType === "select" && !(componentProps == null ? void 0 : componentProps.multiple) && ((_c = row[`${column.field}_filter_options`]) == null ? void 0 : _c.length) > 0 && (!row[column.field] || !row[`${column.field}_is_key_arrow`] && !~_index)) {
+          const oldValue = row[column.field];
+          row[column.field] = (_d = row[`${column.field}_filter_options`]) == null ? void 0 : _d[0].value;
+          emit("formChange", {
+            value: row[column.field],
+            row,
+            column,
+            index: data.rowIndex,
+            oldValue
+          });
+        }
+      }
       emit("keyboard", {
         key: $event.key,
         ...data,
@@ -29,7 +47,7 @@ const useEvent = (props, state, emit, xGrid, anchorEvent) => {
       if ($event.key === "ArrowUp" && index > 0) {
         activeIndex = index - 1;
       }
-      if ($event.key === "ArrowDown" && index < ((_b = props.data) == null ? void 0 : _b.length) - 1) {
+      if ($event.key === "ArrowDown" && index < ((_e = props.data) == null ? void 0 : _e.length) - 1) {
         activeIndex = index + 1;
       }
       const row = xGridRef.getData(activeIndex);

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

@@ -179,7 +179,7 @@ const useFormat = (state, attr) => {
         item["foldBtnList"] = [];
         const btnLinks = [];
         if (!nobutton) {
-          btnList.forEach((btn) => {
+          btnList == null ? void 0 : btnList.forEach((btn) => {
             const rowOperatorId = item.operatorColumn.find((v) => v.includes(btn.sid));
             if (rowOperatorId) {
               if (btn.isShow == "1") {

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

@@ -1 +1 @@
-.big-table-filter-wrap{background-color:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;flex-flow:column wrap;margin-top:-6px;min-width:280px;overflow:hidden;position:fixed;transform:translateX(-2%);transition:width 2s;z-index:99998}.big-table-filter-wrap .sort-list{margin-top:6px}.big-table-filter-wrap .sort-item{align-items:center;background:#f7f7f7;display:flex;height:32px;padding:0 13px}.big-table-filter-wrap .sort-item.active,.big-table-filter-wrap .sort-item:hover{background:#f2f2f2}.big-table-filter-wrap .sort-icon{background-size:contain;display:inline-block;height:16px;width:16px}.big-table-filter-wrap .sort-text{color:rgba(0,0,0,.8);font-size:14px;line-height:32px;margin-left:11px}.big-table-filter-wrap .sort-icon-desc{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABT0lEQVRYR+3WvSuGYRTH8c9TykpJSimLMvgHpLyUCQsmg/wBMss/ILvdJgspNnkbZFYGk7JQSAaLwUuX7uFxu3E/nvvqSd3XeHW6zvec65zfORUNPpUG+1cClBnIysABhiMV5y4mqt/OAliPCHCImd8AIgWf/WzMIhzFK/Z/iigWQAtuE4A2PH0HEQugG5eJ005clwBlBmrJwDwGcorBNjYybOsqwit05QQ4R1/RAB3oqQHgoWiAnL5/NKvrC/4tQBNacYesDAR5fkxHV6QU72EQczhNSfE4VpOOmY01jsOyMYYXLGElcbSIZT4W4C1MxQIIUy9sU1ltGXyeYQSfuua7L2jOWYnPKbt2HKE3dR/0Iqx593lq4AT9OQE2MZ2yDTpyXKUlF0lthP3gy8nKwBqGcgLsYCHDNuwAAe4Nk7ipZRbk9F2MWZFt+CeiEuAdAU5CIQxYYdUAAAAASUVORK5CYII=")}.big-table-filter-wrap .filter-header{cursor:auto;padding:5px 13px}.big-table-filter-wrap .filter-header-icon{border-right-color:#333;border-top-color:#333}.big-table-filter-wrap .filter-header-text{margin-left:11px}.big-table-filter-wrap .check-search-wrap{background:#f7f7f7;display:flex;justify-content:center;padding:8px 0;width:100%}.big-table-filter-wrap .check-seach-input{line-height:32px}.big-table-filter-wrap .checkbox-box{padding-right:3px;width:100%}.big-table-filter-wrap .checkbox-wrap{background:#fff;display:flex;flex-direction:column;overflow-y:auto;padding:0 3px 0 13px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar{height:4px;width:4px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-thumb{background-color:#d5d5d5;border-radius:4px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-track{background-color:#fff;border-radius:4px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-corner{background-color:#000;border-radius:4px;width:4px}.big-table-filter-wrap .checkbox-wrap--search{padding-right:10px}.big-table-filter-wrap .checkbox-btn-wrap{display:flex;padding:9px 10px 9px 14px}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn{padding:0;width:56px}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn+.checkbox-btn{margin-left:8px}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn-status .checkbox-btn{border:0;border-radius:0;margin:0 13px;position:relative;width:auto}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn-status .checkbox-btn:hover:after{background-color:#5585f5;bottom:5px;content:"";display:block;height:1px;position:absolute;width:100%}.big-table-filter-wrap .arrows-icon{bottom:-1px;cursor:nw-resize;font-size:15px;height:20px;position:absolute;right:-1px;width:25px}.big-table__separate{padding:4px}.big-table__separatePlaceholder{display:inline-block;max-width:0;visibility:hidden;width:0;word-break:keep-all}.custom-big-table{position:relative}.custom-big-table .n-input{width:fit-content}.custom-big-table .img-wrap{align-items:center;display:flex;height:100%;line-height:1;padding:2px 0}.custom-big-table .img-wrap img{cursor:pointer;max-height:100%;object-fit:contain}.custom-big-table .img-wrap.img-circle img{border-radius:50%;object-fit:contain;width:28px}.custom-big-table .bigTable-qr-span{display:inline-block;height:100%;position:relative}.custom-big-table .bigTable-qr-span .bigTable-qr-img{max-height:96%}.custom-big-table .bigTable-qr-span>span{align-items:center;background:rgba(0,0,0,.7);color:#fff;cursor:pointer;display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.custom-big-table .bigTable-qr-span:hover>span{display:inline-flex}.custom-big-table .base-form{align-items:center;display:flex;overflow:hidden!important;width:100%}.custom-big-table .base-form-content{width:100%}.custom-big-table textarea{height:32px;margin-bottom:0;resize:none}.custom-big-table .formItem-select-multiple{align-items:center;display:flex;line-height:40px;width:100%}.custom-big-table.mt{height:calc(100% - 78px)!important;margin-top:26px}.custom-big-table.expand-padding .vxe-table .vxe-body--expanded-cell{padding-left:66px!important;padding-right:66px!important}.custom-big-table th.vxe-header--column{cursor:pointer}.custom-big-table .row-btn{margin-right:10px}.custom-big-table .vxe-table{transform:translateZ(0)}.custom-big-table .vxe-table .vxe-table--empty-content,.custom-big-table .vxe-table .vxe-table--empty-content>div{height:100%;width:100%}.custom-big-table .vxe-table .vxe-table--empty-content>div .no-data-tip{display:inline-flex}.custom-big-table .vxe-table .col--checkbox .vxe-cell,.custom-big-table .vxe-table .col--seq .vxe-cell{padding:0}.custom-big-table .vxe-table .col--checkbox .vxe-cell .vxe-checkbox--label,.custom-big-table .vxe-table .col--seq .vxe-cell .vxe-checkbox--label{padding-left:0}.custom-big-table .vxe-table .vxe-cell .vxe-tree-cell{height:100%}.custom-big-table .vxe-table .scan-multi-delete{color:#f06f64}.custom-big-table .vxe-table .vxe-table--header{background-color:#f2f2f2}.custom-big-table .vxe-table .vxe-table--header .vxe-header--column .vxe-cell--title{color:#35393c;height:100%;line-height:unset}.custom-big-table .vxe-table .vxe-table--header .vxe-header--column .vxe-cell--title .header-title-span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-big-table .vxe-table .vxe-table--header .col--checkbox .vxe-cell--title,.custom-big-table .vxe-table .vxe-table--header .col--seq .vxe-cell--title{display:inline-block}.custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar,.custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar{background-color:transparent;height:10px;width:10px}.custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb,.custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#f2f2f2;border:3px dashed transparent;border-radius:0}.custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover,.custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb:hover{background:#b2b2b2}.custom-big-table .vxe-table .vxe-footer--row .vxe-footer--column>.vxe-cell .vxe-cell--item{height:30px;line-height:30px}.custom-big-table .vxe-table .vxe-cell--checkbox .vxe-checkbox--label{display:none}.custom-big-table .filter-box{align-items:center;display:flex;width:100%}.custom-big-table .filter-box .text-over-tooltip-components{max-width:calc(100% - 40px)}.custom-big-table .filter-box .vxe-filter--btn{border-right-color:#c0c4cc;border-top-color:#c0c4cc}.custom-big-table .filter-box .vxe-filter--btn.active{border-right-color:#35393c;border-top-color:#35393c}.custom-big-table .filter-box .vxe-filter--btn.checked{border-right-color:#5585f5;border-top-color:#5585f5}.custom-big-table .disabled-checked-tips{background:#fff;border:2px solid #ff1818;border-radius:50%;bottom:0;box-sizing:border-box;height:16px;margin-top:-8px;overflow:hidden;position:absolute;right:0;top:50%;width:16px}.custom-big-table .disabled-checked-tips:after{background-color:#ff1818;content:"";height:2px;left:0;position:absolute;top:0;transform:rotate(45deg);transform-origin:0 2px;width:16px}.custom-big-table .form-select-table .n-base-select-menu__empty{display:none}.custom-big-table .percent-wrap{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.custom-big-table .percent-wrap .percent-value{line-height:1;margin-bottom:-4px;margin-top:4px}.custom-big-table .refresh{align-items:center;background-color:#fff;border-bottom-left-radius:14px;border-top-left-radius:14px;box-shadow:0 2px 4px 0 hsla(0,0%,42%,.13);color:#5585f5;cursor:pointer;display:flex;font-size:12px;height:27px;padding-left:14px;padding-right:14px;position:absolute;right:0;top:6px;z-index:1}.custom-big-table .refresh-row{margin-bottom:0;margin-left:3px}.custom-big-table .check-wrap{background:#ffffe9;display:flex;justify-content:center;line-height:26px;margin-top:-26px;position:absolute;width:100%}.custom-big-table .check-wrap .check-wrap-btn,.custom-big-table .check-wrap .check-wrap-title{color:#000;cursor:pointer;font-size:12px;margin-bottom:0}.custom-big-table .check-wrap .check-wrap-btn{color:#5585f5}.custom-big-table .domPropsInnerHTML-span{height:100%}.custom-big-table .domPropsInnerHTML-span img{display:inline-block;height:var(--table-image-height);width:var(--table-image-width)}.custom-big-table .domPropsInnerHTML-span .icon-dot-custom{background:var(--table-icon-color);border-radius:50%;box-shadow:0 2px 4px 0 var(--table-icon-shadow);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-red{background:red;border-radius:50%;box-shadow:0 2px 4px 0 rgba(255,0,0,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-blue{background:blue;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0,0,255,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-green{background:green;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0,128,0,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-gray{background:gray;border-radius:50%;box-shadow:0 2px 4px 0 hsla(0,0%,50%,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-yellow{background:#ff0;border-radius:50%;box-shadow:0 2px 4px 0 rgba(255,255,0,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-resolved{background:#36be8c;border-radius:50%;box-shadow:0 2px 4px 0 rgba(54,190,140,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-huifu{background:#42d0f6;border-radius:50%;box-shadow:0 2px 4px 0 rgba(66,208,246,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-close{background:#718391;border-radius:50%;box-shadow:0 2px 4px 0 rgba(113,131,145,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-audit{background:#f4ba32;border-radius:50%;box-shadow:0 2px 4px 0 rgba(244,186,50,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-design{background:#927ce1;border-radius:50%;box-shadow:0 2px 4px 0 rgba(146,124,225,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-develop{background:#4eb0ef;border-radius:50%;box-shadow:0 2px 4px 0 rgba(78,176,239,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-develop-complete{background:#6381f9;border-radius:50%;box-shadow:0 2px 4px 0 rgba(99,129,249,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle{box-shadow:7px 0 8px -3px rgba(0,0,0,.15)}.custom-big-table .vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle{box-shadow:-7px 0 8px -3px rgba(0,0,0,.15)}.custom-big-table .vxe-table--render-default.size--mini{font-size:14px}.custom-big-table .vxe-table--render-default .vxe-body--expanded-column,.custom-big-table .vxe-table--render-default .vxe-table--border-line{border-color:#d5d5d599}.custom-big-table .vxe-table--render-default .vxe-table--footer-wrapper{border-top-color:#d5d5d599}.custom-big-table .vxe-table--render-default.border--default .vxe-body--column,.custom-big-table .vxe-table--render-default.border--default .vxe-footer--column,.custom-big-table .vxe-table--render-default.border--default .vxe-header--column,.custom-big-table .vxe-table--render-default.border--inner .vxe-body--column,.custom-big-table .vxe-table--render-default.border--inner .vxe-footer--column,.custom-big-table .vxe-table--render-default.border--inner .vxe-header--column{background-image:linear-gradient(#d5d5d599,#d5d5d599)}.custom-big-table .vxe-table--render-default.border--full .vxe-body--column,.custom-big-table .vxe-table--render-default.border--full .vxe-footer--column,.custom-big-table .vxe-table--render-default.border--full .vxe-header--column{background-image:linear-gradient(#d5d5d599,#d5d5d599),linear-gradient(#d5d5d599,#d5d5d599)}.custom-big-table .vxe-table--render-default.border--full .vxe-table--fixed-left-wrapper .vxe-body--column{border-right-color:#d5d5d599}.custom-big-table .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.custom-big-table .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.custom-big-table .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.custom-big-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter{background-image:linear-gradient(#d5d5d599,#d5d5d599)}.custom-big-table .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-table--header-border-line,.custom-big-table .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-table--header-border-line,.custom-big-table .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-table--header-border-line,.custom-big-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-table--header-border-line{border-bottom-color:#d5d5d599}.custom-big-table .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon{color:#d5d5d5;font-weight:400}.annotation-edit{align-items:center;color:#0067ee;cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:#ff9828}.annotation-edit__icon{align-items:center;display:inline-flex}.no-data-tip{align-items:center;color:#333;display:flex;flex-direction:column;font-size:22px;height:100%;justify-content:center;width:100%}.no-data-tip>img{max-width:70%;width:260px}.no-data-tip>p{color:rgba(0,0,0,.8);font-size:16px;margin-bottom:0;margin-top:12px}.no-data-tip>span{color:rgba(0,0,0,.4);font-size:14px;margin-top:6px}.text-over-tooltip-components{display:inline-block;max-width:98%}.text-over-tooltip-components .ellipsis{color:#35393c;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-over-tooltip-components .ellipsis i{font-style:normal;white-space:nowrap;word-break:keep-all}.text-over-tooltip-components .fs20{color:green;font-size:20px;font-weight:600;line-height:22px}.text-over-tooltip-components .fs12{color:orange;font-size:12px;font-weight:400;line-height:14px}.svg-icon{fill:currentcolor;height:1em;overflow:hidden;vertical-align:-.15em;width:1em}.vxe-header--column [annotation-hover-show=true]{visibility:hidden}.vxe-header--column:hover [annotation-hover-show=true]{visibility:visible}.big-table__annotationWrapper{align-items:center;display:inline-flex;width:20px}.big-table__annotationWrapper .is-active{position:relative;top:3px}.big-table__boldCell{font-weight:700}
+.big-table-filter-wrap{background-color:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;flex-flow:column wrap;margin-top:-6px;min-width:280px;overflow:hidden;position:fixed;transform:translateX(-2%);transition:width 2s;z-index:99998}.big-table-filter-wrap .sort-list{margin-top:6px}.big-table-filter-wrap .sort-item{align-items:center;background:#f7f7f7;display:flex;height:32px;padding:0 13px}.big-table-filter-wrap .sort-item.active,.big-table-filter-wrap .sort-item:hover{background:#f2f2f2}.big-table-filter-wrap .sort-icon{background-size:contain;display:inline-block;height:16px;width:16px}.big-table-filter-wrap .sort-text{color:rgba(0,0,0,.8);font-size:14px;line-height:32px;margin-left:11px}.big-table-filter-wrap .sort-icon-desc{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABT0lEQVRYR+3WvSuGYRTH8c9TykpJSimLMvgHpLyUCQsmg/wBMss/ILvdJgspNnkbZFYGk7JQSAaLwUuX7uFxu3E/nvvqSd3XeHW6zvec65zfORUNPpUG+1cClBnIysABhiMV5y4mqt/OAliPCHCImd8AIgWf/WzMIhzFK/Z/iigWQAtuE4A2PH0HEQugG5eJ005clwBlBmrJwDwGcorBNjYybOsqwit05QQ4R1/RAB3oqQHgoWiAnL5/NKvrC/4tQBNacYesDAR5fkxHV6QU72EQczhNSfE4VpOOmY01jsOyMYYXLGElcbSIZT4W4C1MxQIIUy9sU1ltGXyeYQSfuua7L2jOWYnPKbt2HKE3dR/0Iqx593lq4AT9OQE2MZ2yDTpyXKUlF0lthP3gy8nKwBqGcgLsYCHDNuwAAe4Nk7ipZRbk9F2MWZFt+CeiEuAdAU5CIQxYYdUAAAAASUVORK5CYII=")}.big-table-filter-wrap .filter-header{cursor:auto;padding:5px 13px}.big-table-filter-wrap .filter-header-icon{border-right-color:#333;border-top-color:#333}.big-table-filter-wrap .filter-header-text{margin-left:11px}.big-table-filter-wrap .check-search-wrap{background:#f7f7f7;display:flex;justify-content:center;padding:8px 0;width:100%}.big-table-filter-wrap .check-seach-input{line-height:32px}.big-table-filter-wrap .checkbox-box{padding-right:3px;width:100%}.big-table-filter-wrap .checkbox-wrap{background:#fff;display:flex;flex-direction:column;overflow-y:auto;padding:0 3px 0 13px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar{height:4px;width:4px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-thumb{background-color:#d5d5d5;border-radius:4px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-track{background-color:#fff;border-radius:4px}.big-table-filter-wrap .checkbox-wrap::-webkit-scrollbar-corner{background-color:#000;border-radius:4px;width:4px}.big-table-filter-wrap .checkbox-wrap--search{padding-right:10px}.big-table-filter-wrap .checkbox-btn-wrap{display:flex;padding:9px 10px 9px 14px}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn{padding:0;width:56px}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn+.checkbox-btn{margin-left:8px}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn-status .checkbox-btn{border:0;border-radius:0;margin:0 13px;position:relative;width:auto}.big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn-status .checkbox-btn:hover:after{background-color:#5585f5;bottom:5px;content:"";display:block;height:1px;position:absolute;width:100%}.big-table-filter-wrap .arrows-icon{bottom:-1px;cursor:nw-resize;font-size:15px;height:20px;position:absolute;right:-1px;width:25px}.big-table__separate{padding:4px}.big-table__separatePlaceholder{display:inline-block;max-width:0;visibility:hidden;width:0;word-break:keep-all}.custom-big-table{position:relative}.custom-big-table .n-input{width:fit-content}.custom-big-table .img-wrap{align-items:center;display:flex;height:100%;line-height:1;padding:2px 0}.custom-big-table .img-wrap img{cursor:pointer;max-height:100%;object-fit:contain}.custom-big-table .img-wrap.img-circle img{border-radius:50%;object-fit:contain;width:28px}.custom-big-table .bigTable-qr-span{display:inline-block;height:100%;position:relative}.custom-big-table .bigTable-qr-span .bigTable-qr-img{max-height:96%}.custom-big-table .bigTable-qr-span>span{align-items:center;background:rgba(0,0,0,.7);color:#fff;cursor:pointer;display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.custom-big-table .bigTable-qr-span:hover>span{display:inline-flex}.custom-big-table .base-form{align-items:center;display:flex;overflow:hidden!important;width:100%}.custom-big-table .base-form-content{width:100%}.custom-big-table textarea{height:32px;margin-bottom:0;resize:none}.custom-big-table .formItem-select-multiple{align-items:center;display:flex;line-height:40px;width:100%}.custom-big-table.mt{height:calc(100% - 78px)!important;margin-top:26px}.custom-big-table.expand-padding .vxe-table .vxe-body--expanded-cell{padding-left:66px!important;padding-right:66px!important}.custom-big-table th.vxe-header--column{cursor:pointer}.custom-big-table .row-btn{margin-right:10px}.custom-big-table .vxe-table{transform:translateZ(0)}.custom-big-table .vxe-table .vxe-table--empty-content,.custom-big-table .vxe-table .vxe-table--empty-content>div{height:100%;width:100%}.custom-big-table .vxe-table .vxe-table--empty-content>div .no-data-tip{display:inline-flex}.custom-big-table .vxe-table .col--checkbox .vxe-cell,.custom-big-table .vxe-table .col--seq .vxe-cell{padding:0}.custom-big-table .vxe-table .col--checkbox .vxe-cell .vxe-checkbox--label,.custom-big-table .vxe-table .col--seq .vxe-cell .vxe-checkbox--label{padding-left:0}.custom-big-table .vxe-table .vxe-cell .vxe-tree-cell{height:100%}.custom-big-table .vxe-table .scan-multi-delete{color:#f06f64}.custom-big-table .vxe-table .vxe-table--header{background-color:#f2f2f2}.custom-big-table .vxe-table .vxe-table--header .vxe-header--column .vxe-cell--title{color:#35393c;height:100%;line-height:unset}.custom-big-table .vxe-table .vxe-table--header .vxe-header--column .vxe-cell--title .is-edit{margin-top:-3px;vertical-align:middle}.custom-big-table .vxe-table .vxe-table--header .vxe-header--column .vxe-cell--title .header-title-span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-big-table .vxe-table .vxe-table--header .col--checkbox .vxe-cell--title,.custom-big-table .vxe-table .vxe-table--header .col--seq .vxe-cell--title{display:inline-block}.custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar,.custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar{background-color:transparent;height:10px;width:10px}.custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb,.custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#f2f2f2;border:3px dashed transparent;border-radius:0}.custom-big-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover,.custom-big-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb:hover{background:#b2b2b2}.custom-big-table .vxe-table .vxe-footer--row .vxe-footer--column>.vxe-cell .vxe-cell--item{height:30px;line-height:30px}.custom-big-table .vxe-table .vxe-cell--checkbox .vxe-checkbox--label{display:none}.custom-big-table .filter-box{align-items:center;display:flex;width:100%}.custom-big-table .filter-box .text-over-tooltip-components{max-width:calc(100% - 40px)}.custom-big-table .filter-box .vxe-filter--btn{border-right-color:#c0c4cc;border-top-color:#c0c4cc}.custom-big-table .filter-box .vxe-filter--btn.active{border-right-color:#35393c;border-top-color:#35393c}.custom-big-table .filter-box .vxe-filter--btn.checked{border-right-color:#5585f5;border-top-color:#5585f5}.custom-big-table .disabled-checked-tips{background:#fff;border:2px solid #ff1818;border-radius:50%;bottom:0;box-sizing:border-box;height:16px;margin-top:-8px;overflow:hidden;position:absolute;right:0;top:50%;width:16px}.custom-big-table .disabled-checked-tips:after{background-color:#ff1818;content:"";height:2px;left:0;position:absolute;top:0;transform:rotate(45deg);transform-origin:0 2px;width:16px}.custom-big-table .form-select-table .n-base-select-menu__empty{display:none}.custom-big-table .percent-wrap{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.custom-big-table .percent-wrap .percent-value{line-height:1;margin-bottom:-4px;margin-top:4px}.custom-big-table .refresh{align-items:center;background-color:#fff;border-bottom-left-radius:14px;border-top-left-radius:14px;box-shadow:0 2px 4px 0 hsla(0,0%,42%,.13);color:#5585f5;cursor:pointer;display:flex;font-size:12px;height:27px;padding-left:14px;padding-right:14px;position:absolute;right:0;top:6px;z-index:1}.custom-big-table .refresh-row{margin-bottom:0;margin-left:3px}.custom-big-table .check-wrap{background:#ffffe9;display:flex;justify-content:center;line-height:26px;margin-top:-26px;position:absolute;width:100%}.custom-big-table .check-wrap .check-wrap-btn,.custom-big-table .check-wrap .check-wrap-title{color:#000;cursor:pointer;font-size:12px;margin-bottom:0}.custom-big-table .check-wrap .check-wrap-btn{color:#5585f5}.custom-big-table .domPropsInnerHTML-span{height:100%}.custom-big-table .domPropsInnerHTML-span img{display:inline-block;height:var(--table-image-height);width:var(--table-image-width)}.custom-big-table .domPropsInnerHTML-span .icon-dot-custom{background:var(--table-icon-color);border-radius:50%;box-shadow:0 2px 4px 0 var(--table-icon-shadow);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-red{background:red;border-radius:50%;box-shadow:0 2px 4px 0 rgba(255,0,0,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-blue{background:blue;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0,0,255,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-green{background:green;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0,128,0,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-gray{background:gray;border-radius:50%;box-shadow:0 2px 4px 0 hsla(0,0%,50%,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-yellow{background:#ff0;border-radius:50%;box-shadow:0 2px 4px 0 rgba(255,255,0,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-resolved{background:#36be8c;border-radius:50%;box-shadow:0 2px 4px 0 rgba(54,190,140,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-huifu{background:#42d0f6;border-radius:50%;box-shadow:0 2px 4px 0 rgba(66,208,246,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-close{background:#718391;border-radius:50%;box-shadow:0 2px 4px 0 rgba(113,131,145,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-audit{background:#f4ba32;border-radius:50%;box-shadow:0 2px 4px 0 rgba(244,186,50,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-design{background:#927ce1;border-radius:50%;box-shadow:0 2px 4px 0 rgba(146,124,225,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-develop{background:#4eb0ef;border-radius:50%;box-shadow:0 2px 4px 0 rgba(78,176,239,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .domPropsInnerHTML-span .icon-dot-develop-complete{background:#6381f9;border-radius:50%;box-shadow:0 2px 4px 0 rgba(99,129,249,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.custom-big-table .vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle{box-shadow:7px 0 8px -3px rgba(0,0,0,.15)}.custom-big-table .vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle{box-shadow:-7px 0 8px -3px rgba(0,0,0,.15)}.custom-big-table .vxe-table--render-default.size--mini{font-size:14px}.custom-big-table .vxe-table--render-default .vxe-body--expanded-column,.custom-big-table .vxe-table--render-default .vxe-table--border-line{border-color:#d5d5d599}.custom-big-table .vxe-table--render-default .vxe-table--footer-wrapper{border-top-color:#d5d5d599}.custom-big-table .vxe-table--render-default.border--default .vxe-body--column,.custom-big-table .vxe-table--render-default.border--default .vxe-footer--column,.custom-big-table .vxe-table--render-default.border--default .vxe-header--column,.custom-big-table .vxe-table--render-default.border--inner .vxe-body--column,.custom-big-table .vxe-table--render-default.border--inner .vxe-footer--column,.custom-big-table .vxe-table--render-default.border--inner .vxe-header--column{background-image:linear-gradient(#d5d5d599,#d5d5d599)}.custom-big-table .vxe-table--render-default.border--full .vxe-body--column,.custom-big-table .vxe-table--render-default.border--full .vxe-footer--column,.custom-big-table .vxe-table--render-default.border--full .vxe-header--column{background-image:linear-gradient(#d5d5d599,#d5d5d599),linear-gradient(#d5d5d599,#d5d5d599)}.custom-big-table .vxe-table--render-default.border--full .vxe-table--fixed-left-wrapper .vxe-body--column{border-right-color:#d5d5d599}.custom-big-table .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.custom-big-table .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.custom-big-table .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.custom-big-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter{background-image:linear-gradient(#d5d5d599,#d5d5d599)}.custom-big-table .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-table--header-border-line,.custom-big-table .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-table--header-border-line,.custom-big-table .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-table--header-border-line,.custom-big-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-table--header-border-line{border-bottom-color:#d5d5d599}.custom-big-table .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon{color:#d5d5d5;font-weight:400}.annotation-edit{align-items:center;color:#0067ee;cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:#ff9828}.annotation-edit__icon{align-items:center;display:inline-flex}.no-data-tip{align-items:center;color:#333;display:flex;flex-direction:column;font-size:22px;height:100%;justify-content:center;width:100%}.no-data-tip>img{max-width:70%;width:260px}.no-data-tip>p{color:rgba(0,0,0,.8);font-size:16px;margin-bottom:0;margin-top:12px}.no-data-tip>span{color:rgba(0,0,0,.4);font-size:14px;margin-top:6px}.text-over-tooltip-components{display:inline-block;max-width:98%}.text-over-tooltip-components .ellipsis{color:#35393c;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-over-tooltip-components .ellipsis i{font-style:normal;white-space:nowrap;word-break:keep-all}.text-over-tooltip-components .fs20{color:green;font-size:20px;font-weight:600;line-height:22px}.text-over-tooltip-components .fs12{color:orange;font-size:12px;font-weight:400;line-height:14px}.svg-icon{fill:currentcolor;height:1em;overflow:hidden;vertical-align:-.15em;width:1em}.vxe-header--column [annotation-hover-show=true]{visibility:hidden}.vxe-header--column:hover [annotation-hover-show=true]{visibility:visible}.big-table__annotationWrapper{align-items:center;display:inline-flex;width:20px}.big-table__annotationWrapper .is-active{position:relative;top:3px}.big-table__boldCell{font-weight:700}

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

@@ -4,11 +4,12 @@ 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 { getPointArr, isEffectiveNode, getIndex, deleteProperty } from '../utils/utils.js';
+import { isOneLine, getType, setOtherType, isEffectiveNode, getIndex, deleteProperty } from '../utils/utils.js';
 
 function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, getYValue, addRenderItem, pointTipProps, pointMenuProps, useCommon) {
   useGrid(canvas, propItems);
   const { getEqualXTypes, repeatTip, maxLimitTip, minLimitTip } = useCommon;
+  const { createShadowLines } = useShadow();
   const {
     left,
     xScaleList,
@@ -26,22 +27,21 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     config
   } = propItems;
   const shadowLinesCache = /* @__PURE__ */ new Set();
-  let shadowPointCache = [];
+  const SHADOWKEYS = ["xinmai", "mai"];
+  const shadowPointCache = /* @__PURE__ */ new Map();
   const maiboPoints = /* @__PURE__ */ new Set();
   const otherPoints = /* @__PURE__ */ new Set();
-  const prevLines = /* @__PURE__ */ new Set();
   const gridPoints = /* @__PURE__ */ new Set();
   const yScaleValue = cloneDeep(left.yScaleValue);
   init();
   function init() {
-    shadowPointCache = [];
+    shadowPointCache.clear();
     maiboPoints.clear();
     otherPoints.clear();
-    prevLines.clear();
     yScaleValue.forEach((scaleValue) => {
       drawPositionLine(scaleValue);
       scaleValue.dataList.forEach((item, dataIndex) => {
-        if (scaleValue.type !== "temperature" || item.enable) {
+        if (!isOneLine(scaleValue.type) || item.enable) {
           drawPolyLine(item, dataIndex, scaleValue);
         }
       });
@@ -65,35 +65,29 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     if (shadowLinesCache.size)
       canvas.value.remove(...shadowLinesCache);
     shadowLinesCache.clear();
-    if (shadowPointCache.length > 1) {
+    if (shadowPointCache.size > 1) {
       if (target) {
-        const { type, dataIndex, index } = target.origin || {};
+        const { type, key } = target.origin || {};
         if (type === "pulse") {
-          shadowPointCache[dataIndex].splice(index, 1, target);
+          const list = shadowPointCache.get(key);
+          const index = list == null ? void 0 : list.findIndex((point) => point[0] === target.left);
+          list.splice(index, 1, [target.left, target.top]);
         }
       }
-      const [data1, data2] = shadowPointCache;
-      if (!data1.length || !data2.length)
-        return;
-      const points1 = getPointArr(data1);
-      const points2 = getPointArr(data2);
-      const data = points1.reduce(
-        (pre, cur, index) => pre.concat([[...cur, ...points2[index].reverse()]]),
-        []
-      );
-      const { createShadowLines } = useShadow();
+      const data = getShadowData();
       data.forEach((item) => {
-        var _a2, _b, _c, _d;
-        if (((_a2 = pulseObj.shadow) == null ? void 0 : _a2.mode) == "color") {
-          const points = item.map((v) => ({ x: v[0], y: v[1] }));
-          const polygon = new fabric.Polygon(points, {
-            ...defaultStyle,
-            ...((_b = pulseObj.shadow) == null ? void 0 : _b.style) || {}
+        var _a2, _b, _c, _d, _e, _f;
+        const points = item.map((v) => ({ x: v[0], y: v[1] }));
+        const polygon = new fabric.Polygon(points, {
+          ...defaultStyle,
+          ...((_a2 = pulseObj.shadow) == null ? void 0 : _a2.style) || {}
+        });
+        if (((_b = pulseObj.shadow) == null ? void 0 : _b.mode) == "slash") {
+          polygon.set({
+            fill: "transparent",
+            stroke: ((_d = (_c = pulseObj.shadow) == null ? void 0 : _c.style) == null ? void 0 : _d.stroke) || "#f00"
           });
-          shadowLinesCache.add(polygon);
-          canvas.value.add(polygon);
-        } else {
-          const shadowLines = createShadowLines(item, (_c = pulseObj.shadow) == null ? void 0 : _c.style._angle, (_d = pulseObj.shadow) == null ? void 0 : _d.style.space);
+          const shadowLines = createShadowLines(item, (_e = pulseObj.shadow) == null ? void 0 : _e.style._angle, (_f = pulseObj.shadow) == null ? void 0 : _f.style.space);
           shadowLines.forEach((l) => {
             var _a3;
             Object.assign(l, {
@@ -104,9 +98,78 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
           });
           canvas.value.add(...shadowLines);
         }
+        shadowLinesCache.add(polygon);
+        canvas.value.add(polygon);
       });
     }
   }
+  function getShadowData() {
+    const data = [];
+    const _shadowPointCache = [];
+    const somes = [];
+    for (const item of shadowPointCache) {
+      _shadowPointCache.push(item[1]);
+      if (item[0] === SHADOWKEYS[0]) {
+        item[1].forEach((_item) => {
+          const someIndex = (shadowPointCache.get(SHADOWKEYS[1]) || []).findIndex((v) => v[0] === _item[0]);
+          someIndex > -1 && somes.push(_item[0]);
+        });
+      }
+    }
+    const [points1, points2] = _shadowPointCache;
+    let _arr1 = [];
+    let _arr2 = [];
+    somes.forEach((left2) => {
+      const index1 = points1.findIndex((point) => point[0] === left2);
+      const index2 = points2.findIndex((point) => point[0] === left2);
+      const currentPoint1 = points1[index1];
+      const currentPoint2 = points2[index2];
+      const prevPoint1 = points1[index1 - 1];
+      const nextPoint1 = points1[index1 + 1];
+      const prevPoint2 = points2[index2 - 1];
+      const nextPoint2 = points2[index2 + 1];
+      if (prevPoint1 && prevPoint2) {
+        if (prevPoint1[0] !== prevPoint2[0]) {
+          const maxPoint = Math.max(prevPoint1[0], prevPoint2[0]);
+          _arr1.push([prevPoint1, prevPoint2].find((point) => point[0] === maxPoint));
+        }
+      } else if (prevPoint1) {
+        _arr1.push(prevPoint1);
+      } else if (prevPoint2) {
+        _arr2.push(prevPoint2);
+      }
+      const minYPoint = Math.min(currentPoint1[1], currentPoint2[1]);
+      _arr1.push([currentPoint1, currentPoint2].find((point) => point[1] === minYPoint));
+      const maxYPoint = Math.max(currentPoint1[1], currentPoint2[1]);
+      _arr2.push([currentPoint1, currentPoint2].find((point) => point[1] === maxYPoint));
+      const setData = () => {
+        const dataItem = [..._arr1, ..._arr2.reverse()];
+        const [firstPoint] = dataItem;
+        const lastPoint = dataItem.at(-1);
+        if (firstPoint[0] === lastPoint[0] && firstPoint[1] === lastPoint[1])
+          dataItem.splice(-1, 1);
+        data.push(dataItem);
+        _arr1 = [];
+        _arr2 = [];
+      };
+      if (nextPoint1 && nextPoint2) {
+        if (nextPoint1[0] !== nextPoint2[0]) {
+          const minPoint = Math.min(nextPoint1[0], nextPoint2[0]);
+          _arr1.push([nextPoint1, nextPoint2].find((point) => point[0] === minPoint));
+          setData();
+        }
+      } else if (nextPoint1) {
+        _arr1.push(nextPoint1);
+        setData();
+      } else if (nextPoint2) {
+        _arr2.push(nextPoint2);
+        setData();
+      } else {
+        setData();
+      }
+    });
+    return data;
+  }
   function setCanvasEvent() {
     if (!propItems.event.evented)
       return;
@@ -130,7 +193,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
             pointMenuProps.target = null;
             pointMenuProps.list = ["\u65B0\u589E\u8282\u70B9"];
             itemList.forEach((v) => {
-              if (!getEqualXTypes(x, "type", xCellWidth).includes(v.bigType)) {
+              if (!getEqualXTypes(x, "_type", xCellWidth).includes(v.bigType)) {
                 const newY = ["pain"].includes(v.bigType) ? painOriginY : vitalSignsOriginY;
                 if (y >= newY.originY && y <= newY.endY) {
                   pointMenuProps.list.push({
@@ -138,7 +201,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
                     origin: {
                       title: v.title,
                       unit: v.unit,
-                      type: v.bigType,
+                      type: getType(v.bigType),
                       dataIndex: v.dataIndex,
                       key: v.key
                     },
@@ -220,7 +283,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     const lineList = [];
     const otherList = [];
     (_a = item.list) == null ? void 0 : _a.forEach((v, index) => {
-      const _item = type !== "temperature" ? item : dataList.find((_v) => _v.key === v.key);
+      const _item = !isOneLine(type) ? item : dataList.find((_v) => _v.key === v.key);
       const points = getPointer(v, scaleValue);
       const otherObj = {};
       otherObj.value = drawValue(points, v, _item);
@@ -228,26 +291,46 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
       drawPulseOther(points, v, _item, otherObj);
       drawPointLine(points, v, index, _item, otherObj);
     });
-    type === "pulse" && shadowPointCache.push(pointList);
+    if (type === "pulse") {
+      SHADOWKEYS.forEach((key) => {
+        shadowPointCache.set(
+          key,
+          pointList.filter((point) => {
+            var _a2;
+            return ((_a2 = point.origin) == null ? void 0 : _a2.key) === key;
+          }).map((point) => [point.left, point.top])
+        );
+      });
+    }
     Promise.all(pointList).then((res) => {
       const lineListFilter = lineList.filter((v) => v);
       let prevPoint = null;
-      res = res.filter((v) => {
-        if (v && prevPoint) {
-          prevPoint.nextPoint = v;
-          v.prevPoint = prevPoint;
+      res = res.map((point) => {
+        if (point && prevPoint) {
+          prevPoint.nextPoint = point;
+          point.prevPoint = prevPoint;
         }
-        prevPoint = v || prevPoint;
-        v == null ? void 0 : v.bringToFront();
-        return v;
+        prevPoint = point || prevPoint;
+        point == null ? void 0 : point.bringToFront();
+        doPulsePointLine(point, res);
+        return point;
       });
       Promise.all(otherList).then((r) => {
         canvas.value.add(...lineListFilter, ...res, ...r);
-        res.forEach((v) => {
-          v == null ? void 0 : v.bringToFront();
+        res.forEach((point) => {
+          point == null ? void 0 : point.bringToFront();
         });
       });
     });
+    function doPulsePointLine(point, pointList2) {
+      if (point.origin.type === "pulse") {
+        const someLeftList = pointList2.filter((_point) => _point.left === point.left);
+        if (someLeftList.length > 1) {
+          point.leftLine && canvas.value.remove(point.leftLine);
+          point.rightLine && canvas.value.remove(point.rightLine);
+        }
+      }
+    }
     function drawValue(points, v, _item) {
       if (!(points == null ? void 0 : points.length) || !config.showValue)
         return;
@@ -396,19 +479,10 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
       const nextPoint = getPointer(nextV, scaleValue);
       const isNonePain = isNoneValuePain(type, item.list[index].value);
       const isNextNonePain = nextPoint && isNoneValuePain(type, nextV.value);
-      if (points && nextPoint && !v.breakpoint && !isNonePain && !isNextNonePain) {
+      if (points && nextPoint && !v.breakpoint && !isNonePain && !isNextNonePain && points[0] !== nextPoint[0]) {
         line = drawLine([...points, ...nextPoint], {
           ...lineAttr
         });
-      } else if (points && !nextPoint && !v.breakpoint) {
-        const nextLinePoint = getPointer(nextV, scaleValue);
-        line = nextLinePoint ? drawLine([...points, ...nextLinePoint], {
-          ...lineAttr
-        }) : null;
-        nextLinePoint && prevLines.add({
-          dataIndex,
-          line
-        });
       }
       const currentPointType = v.pacemakerShow && type == "pulse" ? pacemaker.value : isNonePain ? 0 : pointType;
       const previousLine = lineList[index - 1];
@@ -419,6 +493,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
           key: key || "",
           unit: scaleValue.unit,
           type,
+          _type: setOtherType(title, type),
           dataIndex,
           index
         },
@@ -578,7 +653,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
         data: {
           time: getXValue(item.pointer.x),
           value: getYValue(item.origin.type, item.pointer.y),
-          ...item.origin.type !== "temperature" ? {} : { key: item.origin.key }
+          ...!isOneLine(item.origin.type) ? {} : { key: item.origin.key }
         },
         ...item.origin
       };
@@ -589,7 +664,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
       deleteProperty(data, TEMPERATURE_MENU);
       deleteProperty(data, PAIN_MENU);
       data[`${item.type}`] = item.value;
-      if (type === "temperature") {
+      if (isOneLine(type)) {
         data["key"] = target.origin.key;
       }
       const params = {
@@ -604,7 +679,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     const { type, dataIndex, index, data, key } = params;
     const obj = yScaleValue.find((v) => v.type === type);
     if (mode === "add") {
-      const dataList = type !== "temperature" ? obj.dataList[dataIndex] : obj.dataList.find((v) => v.enable);
+      const dataList = !isOneLine(type) ? obj.dataList[dataIndex] : obj.dataList.find((v) => v.enable);
       const index2 = getIndex(data.time, dataList.list);
       dataList.list.splice(index2, 0, data);
     } else {
@@ -627,14 +702,13 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
   function redrawPoints() {
     var _a;
     gridPoints.size && ((_a = canvas.value) == null ? void 0 : _a.remove(...getRemovePoints([...gridPoints])));
-    shadowPointCache = [];
+    shadowPointCache.clear();
     gridPoints.clear();
     maiboPoints.clear();
     otherPoints.clear();
-    prevLines.clear();
     yScaleValue.forEach((scaleValue) => {
       scaleValue.dataList.forEach((item, dataIndex) => {
-        if (scaleValue.type !== "temperature" || item.enable) {
+        if (!isOneLine(scaleValue.type) || item.enable) {
           drawPolyLine(item, dataIndex, scaleValue);
         }
       });

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

@@ -1,5 +1,6 @@
 import { fabric } from '../utils/index.js';
 import { defaultBorderStyle, defaultTextStyle, defaultStyle, defaultRectStyle, drawPoint, drawTextGroup } from './useDraw.js';
+import { getType, isOneLine } from '../utils/utils.js';
 
 function useLeft(canvas, propItems, emits, setPopup, pointTipProps, cumputedX, cumputedY, getXValue, getYValue, isAddPoint, updateData, useCommon) {
   var _a, _b;
@@ -114,6 +115,7 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, cumputedX, c
     const residue = (end - start) % column;
     const firstColWidth = colWidth + residue;
     yScaleValueList2.forEach((item, index) => {
+      var _a3, _b2;
       if (item.type === "pain") {
         drwaPainScaleValue(item);
         return;
@@ -138,8 +140,8 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, cumputedX, c
         const spaceScale = spaceGridNumber * yCellHeight / 5;
         const position = item.position || "center";
         const { lineXMain, lineXSub, textLeft } = getScaleInfo(item.position, rectLeft, rectWidth);
-        const listLen = item.list.length;
-        item.list.forEach((v, i) => {
+        const listLen = (_a3 = item.list) == null ? void 0 : _a3.length;
+        (_b2 = item == null ? void 0 : item.list) == null ? void 0 : _b2.forEach((v, i) => {
           const top = vitalSignsOriginY.endY - i * yCellHeight * spaceGridNumber;
           const isMaxMinNumber = i === 0 || i === listLen - 1;
           if (item.showNumber && (isMaxMinNumber ? item.showMaxMinNumber : true)) {
@@ -229,7 +231,8 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, cumputedX, c
         origin: {
           title: item.title,
           unit: item.unit,
-          type: item.bigType,
+          type: getType(item.bigType),
+          _type: item.bigType,
           dataIndex: item.dataIndex,
           key: item.key,
           isMenu: true
@@ -272,7 +275,7 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, cumputedX, c
       pointTipProps.show = false;
       if (event.e.button === 0) {
         if (isLimit(point)) {
-          const isRepeat = getEqualXTypes(point.left, "type", xCellWidth).includes(point.origin.type);
+          const isRepeat = getEqualXTypes(point.left, "_type", xCellWidth).includes(point.origin._type);
           const isLimitAdd = isAddPoint(point.left);
           if (!isLimitAdd || isRepeat) {
             isRepeat && isLimitAdd && repeatTip();
@@ -281,7 +284,7 @@ function useLeft(canvas, propItems, emits, setPopup, pointTipProps, cumputedX, c
               data: {
                 time: getXValue(point.left),
                 value: getYValue(point.origin.type, point.top),
-                ...point.origin.type !== "temperature" ? {} : { key: point.origin.key }
+                ...!isOneLine(point.origin.type) ? {} : { key: point.origin.key }
               },
               ...point.origin
             };

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

@@ -9,6 +9,7 @@ import { useBottom } from './useBottom.js';
 import { useOther } from './useOther.js';
 import { useEvent, useCanvasEvent } from './useEvent.js';
 import '../utils/index.js';
+import { setOtherType } from '../utils/utils.js';
 import { useCommon } from './useCommon.js';
 import 'lodash-es';
 
@@ -156,7 +157,7 @@ function useTemperatureChart(canvas, props, emits, canvasRef) {
       return item.dataList.map((v, dataIndex) => {
         return {
           ...v,
-          bigType: item.type,
+          bigType: setOtherType(v.title, item.type),
           unit: item.unit,
           dataIndex
         };

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

@@ -1,11 +1,13 @@
 import { IPoint } from '../interface';
 import { AnyObject } from '../../../../../es/shared/types';
 export declare function isEffectiveNode(node: IPoint): string | number | boolean;
-/**
- * @description: 根据断点分割数组
- * @param {any} arr
- * @return {[number, number][][]}
- */
-export declare function getPointArr(arr: AnyObject[]): AnyObject;
 export declare function deleteProperty(data: AnyObject, list: AnyObject[]): void;
 export declare function getIndex(time: string, list: AnyObject[]): number;
+/**
+ * @description: 判断yScaleValue数组内的项类型是否可以连成一条折线，比如温度线
+ * @param {string} type
+ * @return {*}
+ */
+export declare function isOneLine(type: string): boolean;
+export declare function setOtherType(title: string, type: string): string;
+export declare function getType(type: string): string;