cnhis-design-vue 3.1.38-beta.1 → 3.1.38-beta.3

package/es/components/annotation-edit/index.d.ts

@@ -1,17 +1,17 @@
 import { SFCWithInstall } from '../../../es/shared/types';
 declare const Annotation: SFCWithInstall<import("vue").DefineComponent<{
     modelValue: {
-        type: StringConstructor;
+        type: import("vue").PropType<import("./src/type").AnnotationItem>;
         default: string;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: StringConstructor;
+        type: import("vue").PropType<import("./src/type").AnnotationItem>;
         default: string;
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: string;
+    modelValue: import("./src/type").AnnotationItem;
 }>>;
 export default Annotation;

package/es/components/annotation-edit/src/AnnotationEdit.d.ts

@@ -1,16 +1,18 @@
+import { PropType } from 'vue';
+import { AnnotationItem } from '../../../../es/components/annotation-edit/src/type';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: StringConstructor;
+        type: PropType<AnnotationItem>;
         default: string;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: StringConstructor;
+        type: PropType<AnnotationItem>;
         default: string;
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: string;
+    modelValue: AnnotationItem;
 }>;
 export default _default;

package/es/components/annotation-edit/src/AnnotationEdit.js

@@ -1,11 +1,12 @@
-import { defineComponent, computed, ref, onDeactivated, createVNode, unref } from 'vue';
+import { defineComponent, computed, ref, onDeactivated, createVNode, unref, createTextVNode } from 'vue';
 import { FileTrayFull, FileTray } from '@vicons/ionicons5';
-import { NPopover, NIcon, NInput } from 'naive-ui';
+import { isString, isObject } from 'lodash-es';
+import { NPopover, NDivider, NEllipsis, NIcon, NInput } from 'naive-ui';
 
 var script = defineComponent({
   props: {
     modelValue: {
-      type: String,
+      type: [String, Object],
       default: ""
     }
   },
@@ -13,12 +14,23 @@ var script = defineComponent({
   setup(props, {
     emit
   }) {
-    const modelValue = computed({
+    const modelValueText = computed({
       get() {
-        return props.modelValue;
+        if (isString(props.modelValue))
+          return props.modelValue;
+        if (isObject(props.modelValue))
+          return props.modelValue.content || "";
+        return "";
       },
       set(value) {
-        emit("update:modelValue", value);
+        let content = value;
+        if (isObject(props.modelValue)) {
+          content = {
+            ...props.modelValue,
+            content: value
+          };
+        }
+        emit("update:modelValue", content);
       }
     });
     const __showPopper = ref(false);
@@ -35,7 +47,7 @@ var script = defineComponent({
       }
     });
     const isEdit = ref(false);
-    let clickTimer;
+    let clickTimer, mouseTimer;
     function iconClick(evt) {
       evt.stopPropagation();
       clearTimeout(clickTimer);
@@ -43,41 +55,49 @@ var script = defineComponent({
         showPopper.value = false;
         return;
       }
+      if (unref(modelValueText))
+        return;
       clickTimer = setTimeout(() => {
-        if (!unref(modelValue)) {
-          isEdit.value = showPopper.value = true;
-        }
+        isEdit.value = showPopper.value = true;
       }, 200);
     }
-    function iconDbClick() {
+    function iconDbClick(evt) {
+      evt.stopPropagation();
       clearTimeout(clickTimer);
-      if (!unref(modelValue))
+      if (!unref(modelValueText))
         return;
       showPopper.value = true;
       isEdit.value = true;
     }
-    function iconMouseenter() {
-      if (!unref(modelValue))
+    function iconMouseenter(evt) {
+      evt.stopPropagation();
+      clearTimeout(mouseTimer);
+      if (!unref(modelValueText))
         return;
       showPopper.value = true;
     }
-    function iconMouseleave() {
-      if (!unref(modelValue) || isEdit.value)
+    function iconMouseleave(evt) {
+      evt.stopPropagation();
+      clearTimeout(mouseTimer);
+      if (!unref(modelValueText) || isEdit.value)
         return;
-      showPopper.value = false;
+      mouseTimer = setTimeout(() => {
+        showPopper.value = false;
+      }, 300);
     }
     function renderAnnotation() {
       return createVNode("section", {
         "class": ["annotation-edit", {
-          "is-active": !!unref(modelValue)
+          "is-active": !!unref(modelValueText)
         }],
         "style": {
           "--icon-right": "-5"
         },
-        "annotation-hover-show": !unref(modelValue) && !isEdit.value
+        "annotation-hover-show": !unref(modelValueText) && !isEdit.value
       }, [createVNode(NPopover, {
+        "keep-alive-on-hover": true,
         "style": {
-          maxWidth: "200px",
+          maxWidth: "360px",
           wordBreak: "break-all"
         },
         "show": showPopper.value,
@@ -89,17 +109,38 @@ var script = defineComponent({
         trigger: renderTrigger
       })]);
       function renderText() {
-        return createVNode("span", null, [unref(modelValue)]);
+        return createVNode("span", null, [unref(modelValueText)]);
       }
       function renderTextarea() {
         return createVNode(NInput, {
+          "resizable": false,
+          "autosize": {
+            minRows: 3,
+            maxRows: 5
+          },
+          "show-count": true,
+          "class": "annotation-edit__textarea",
           "type": "textarea",
-          "value": modelValue.value,
-          "onUpdate:value": ($event) => modelValue.value = $event
+          "value": modelValueText.value,
+          "onUpdate:value": ($event) => modelValueText.value = $event
         }, null);
       }
       function renderDefault() {
-        return createVNode("div", null, [isEdit.value ? renderTextarea() : renderText()]);
+        return createVNode("section", {
+          "onMouseleave": iconMouseleave,
+          "onMouseenter": iconMouseenter
+        }, [createVNode("div", null, [isEdit.value ? renderTextarea() : renderText()]), isObject(props.modelValue) ? [createVNode(NDivider, {
+          "style": {
+            margin: "4px 0",
+            minWidth: "360px"
+          }
+        }, null), createVNode("section", {
+          "class": "annotation-edit__footer"
+        }, [createVNode(NEllipsis, null, {
+          default: () => [createTextVNode("\u8D28\u63A7\u4EBA: "), props.modelValue.author]
+        }), createVNode(NEllipsis, null, {
+          default: () => [createTextVNode("\u8D28\u63A7\u65F6\u95F4: "), props.modelValue.date]
+        })])] : null]);
       }
       function renderTrigger() {
         return createVNode("div", {
@@ -109,7 +150,7 @@ var script = defineComponent({
           "onDblclick": iconDbClick,
           "onClick": iconClick
         }, [createVNode(NIcon, {
-          "component": unref(modelValue) ? FileTrayFull : FileTray
+          "component": unref(modelValueText) ? FileTrayFull : FileTray
         }, null)]);
       }
     }

package/es/components/annotation-edit/src/type.d.ts

@@ -0,0 +1,5 @@
+export declare type AnnotationItem = string | Partial<{
+    content: string;
+    author: string;
+    date: string;
+}>;

package/es/components/annotation-edit/src/type.js

@@ -0,0 +1 @@
+

package/es/components/annotation-edit/style/index.css

@@ -1 +1 @@
-.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}
+.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}.annotation-edit__textarea{min-width:200px}.annotation-edit__footer{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;opacity:.5}.annotation-edit__footer>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotation-edit__footer>div:first-of-type{min-width:30%}

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 .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}.big-table-total{border:1px solid #e8eaec;display:flex;margin-top:-1px;width:100%}.big-table-total-item{background-color:#e8f8f1;border-right:1px solid #e8eaec;box-sizing:border-box;display:flex;flex:1;padding:5px}.big-table-total-item:first-child{background-color:#fff4e5}.big-table-total-item:last-child{background-color:#e9f1ff}.big-table-total-item .left{font-weight:600;margin-right:20px}.big-table-total-item .right{column-gap:25px;display:flex;flex:1;flex-flow:row wrap}.big-table-total-item .right-item span{color:red;font-weight:600}.big-table .n-time-picker.hide-suffix .n-time-picker-icon{display:none}
+.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}.annotation-edit__textarea{min-width:200px}.annotation-edit__footer{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;opacity:.5}.annotation-edit__footer>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotation-edit__footer>div:first-of-type{min-width:30%}.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-total{border:1px solid #e8eaec;display:flex;margin-top:-1px;width:100%}.big-table-total-item{background-color:#e8f8f1;border-right:1px solid #e8eaec;box-sizing:border-box;display:flex;flex:1;padding:5px}.big-table-total-item:first-child{background-color:#fff4e5}.big-table-total-item:last-child{background-color:#e9f1ff}.big-table-total-item .left{font-weight:600;margin-right:20px}.big-table-total-item .right{column-gap:25px;display:flex;flex:1;flex-flow:row wrap}.big-table-total-item .right-item span{color:red;font-weight:600}.big-table .n-time-picker.hide-suffix .n-time-picker-icon{display:none}

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

@@ -1,6 +1,6 @@
 import { useBirthProcessCumputedPoint } from './useCumputedPoint.js';
 import useGrid from './useGrid.js';
-import { drawLine, drawPoint, defaultTextStyle, drawText, defaultRectStyle } from './useDraw.js';
+import { drawLine, drawArrow, drawText, defaultTextStyle, drawPoint, defaultRectStyle } from './useDraw.js';
 import { fabric } from '../utils/index.js';
 import { getIndex, isEffectiveNode } from '../utils/utils.js';
 import { cloneDeep } from 'lodash-es';
@@ -48,6 +48,7 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
       var _a;
       const pointList = [];
       const lineList = [];
+      const otherList = [];
       (_a = item.data) == null ? void 0 : _a.forEach((v, index) => {
         const points = getPointer(v, item);
         drawPointLine(points, v, index);
@@ -61,18 +62,19 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
             v.prevPoint = prevPoint;
           }
           prevPoint = v || prevPoint;
-          v == null ? void 0 : v.bringToFront();
           return v;
         });
-        canvas.value.add(...lineListFilter, ...res);
-        res.forEach((v) => {
-          v == null ? void 0 : v.bringToFront();
+        Promise.all(otherList).then((r) => {
+          canvas.value.add(...lineListFilter, ...res, ...r);
+          res.forEach((point) => {
+            point == null ? void 0 : point.bringToFront();
+          });
         });
       });
       function drawPointLine(points, v, index) {
         let point;
         let line;
-        const { pointAttr = {}, lineAttr = {}, title = "", key, type: pointType = "circle" } = item;
+        const { pointAttr = {}, lineAttr = {}, title = "", key, type: pointType = "circle", childbirth = {} } = item;
         const nextV = item.data[index + 1];
         const nextPoint = getPointer(nextV, item);
         if (points && nextPoint && !v.breakpoint) {
@@ -85,6 +87,25 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
             ...lineAttr
           }) : null;
         }
+        let arrowGroup;
+        let arrowGroupText;
+        if (v.childbirth) {
+          const top = points[1] + yCellHeight;
+          arrowGroup = drawArrow([points[0], points[1], top], childbirth.style || {});
+          otherList.push(arrowGroup);
+          if (childbirth.text) {
+            arrowGroupText = drawText([points[0] + xCellWidth / 2, top - yCellHeight / 2], {
+              value: String(childbirth.text),
+              ...defaultTextStyle,
+              ...{
+                originX: "left",
+                originY: "center"
+              },
+              ...childbirth.style || {}
+            });
+            otherList.push(arrowGroupText);
+          }
+        }
         const previousLine = lineList[index - 1];
         const pointAttrNew = {
           origin: {
@@ -96,6 +117,8 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
           },
           leftLine: previousLine,
           rightLine: line,
+          arrowGroup,
+          arrowGroupText,
           ...pointAttr,
           ...propItems.event
         };
@@ -168,7 +191,6 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
         break;
       default: {
         const index2 = getIndex(data.time, item.data);
-        console.log("index :>> ", index2);
         item.data.splice(index2, 0, data);
         break;
       }
@@ -181,6 +203,8 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
       point && removePoints.push(point);
       (point == null ? void 0 : point.leftLine) && removePoints.push(point == null ? void 0 : point.leftLine);
       (point == null ? void 0 : point.rightLine) && removePoints.push(point == null ? void 0 : point.rightLine);
+      (point == null ? void 0 : point.arrowGroup) && removePoints.push(point == null ? void 0 : point.arrowGroup);
+      (point == null ? void 0 : point.arrowGroupText) && removePoints.push(point == null ? void 0 : point.arrowGroupText);
     });
     return removePoints;
   }
@@ -191,9 +215,11 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
     drawPolyLine();
   }
   function updateLine(point) {
-    var _a, _b;
+    var _a, _b, _c, _d;
     (_a = point.leftLine) == null ? void 0 : _a.setCoords().set({ x2: point.left, y2: point.top });
     (_b = point.rightLine) == null ? void 0 : _b.setCoords().set({ x1: point.left, y1: point.top });
+    (_c = point.arrowGroup) == null ? void 0 : _c.setCoords().set({ left: point.left, top: point.top });
+    (_d = point.arrowGroupText) == null ? void 0 : _d.setCoords().set({ left: point.left + xCellWidth / 2, top: point.top + yCellHeight / 2 });
   }
   function moveLimit(point) {
     const limitLeft = point.prevPoint ? point.prevPoint.left : originX;
@@ -282,7 +308,6 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
     }
   }
   function clickMenu({ item, target }) {
-    console.log("item :>> ", item);
     const params = {
       ...item.origin
     };
@@ -303,54 +328,109 @@ function useBirthProcess(canvas, propItems, emits, pointTipProps, pointMenuProps
   function drawOther() {
     const lineData = Object.values(other);
     const lines = [];
+    const alertData = {};
+    const alertItem = yScaleValue.find((item) => item.key === "cervix");
+    const alertStartPoint = alertItem.data.find((_data) => +_data.value === 3);
     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
-          })
-        );
-      }
-      if (key === "alert") {
-        const item = yScaleValue.find((item2) => item2.key === "cervix");
-        const { data = [], key: key2, range } = item || {};
-        const startPoint = data.find((_data) => +_data.value === 3);
-        if (startPoint) {
-          const _time = 6 * 60 * 60 * 1e3;
-          const endPoint = {
-            time: format(new Date(new Date(startPoint.time).getTime() + _time), "yyyy-MM-dd HH:mm"),
-            value: 10
-          };
-          const [x1, y1] = [cumputedX(startPoint.time) - originX, endY - cumputedY(key2, range, startPoint.value)];
-          const [x2, y2] = [cumputedX(endPoint.time) - originX, endY - cumputedY(key2, range, endPoint.value)];
-          const k = (y2 - y1) / (x1 + x2);
-          const b = y1 - x1 * k;
-          let pointer1 = [-(b / k), 0];
-          if (pointer1[0] < 0) {
-            pointer1 = [originX, endY - b];
-          } else {
-            pointer1 = [originX + b / k, endY];
-          }
-          const _originY = cumputedY(key2, range, 10);
-          let pointer2 = [(endY - _originY - b) / k, endY - _originY];
-          if (pointer2[0] > endX - originX) {
-            pointer2 = [endX, endY - (k * (endX - originX) + b)];
-          } else {
-            pointer2 = [originX + (endY - _originY - b) / k, _originY];
-          }
+      switch (key) {
+        case "fetalPresentation": {
+          const { range } = yScaleValue.find((item) => item.key === key);
+          const y = cumputedY(key, range, 0);
           lines.push(
-            drawLine([...pointer1, ...pointer2], {
+            drawLine([originX, y, endX, y], {
               ...line
             })
           );
+          break;
+        }
+        case "alert": {
+          if (alertStartPoint) {
+            const { key: key2, range } = alertItem || {};
+            const _time = 6 * 60 * 60 * 1e3;
+            const endPoint = {
+              time: format(new Date(new Date(alertStartPoint.time).getTime() + _time), "yyyy-MM-dd HH:mm"),
+              value: 10
+            };
+            const [x1, y1] = [
+              cumputedX(alertStartPoint.time) - originX,
+              endY - cumputedY(key2, range, alertStartPoint.value)
+            ];
+            const [x2, y2] = [cumputedX(endPoint.time) - originX, endY - cumputedY(key2, range, endPoint.value)];
+            const k = (y2 - y1) / (x2 - x1);
+            const b = y1 - x1 * k;
+            const pointer = computePointer(k, b);
+            if (pointer.length > 0) {
+              lines.push(
+                drawLine(pointer, {
+                  ...line
+                })
+              );
+              Object.assign(alertData, {
+                k,
+                b
+              });
+            }
+          }
+          break;
+        }
+        case "handling": {
+          if (alertStartPoint) {
+            const { k, b } = alertData;
+            const _time = 4 * 60 * 60 * 1e3;
+            const endTime = cumputedX(
+              format(new Date(new Date(alertStartPoint.time).getTime() + _time), "yyyy-MM-dd HH:mm")
+            );
+            const a = endTime - cumputedX(alertStartPoint.time);
+            const _b = b - a * k;
+            const pointer = computePointer(k, _b);
+            if (pointer.length > 0) {
+              lines.push(
+                drawLine(pointer, {
+                  ...line
+                })
+              );
+            }
+          }
+          break;
         }
       }
     });
+    function computePointer(k, b) {
+      const { key, range } = alertItem || {};
+      const _originY = cumputedY(key, range, 10);
+      const startPointer1 = [0, b];
+      const startPointer2 = [-(b / k), 0];
+      const endPointer1 = [(endY - _originY - b) / k, endY - _originY];
+      const endPointer2 = [endX - originX, k * (endX - originX) + b];
+      let startPointer = [];
+      let endPointer = [];
+      if (isLinePointer(startPointer1) && isLimit2(startPointer1)) {
+        startPointer = getActualValue(startPointer1);
+      }
+      if (isLinePointer(startPointer2) && isLimit2(startPointer2)) {
+        startPointer = getActualValue(startPointer2);
+      }
+      if (isLinePointer(endPointer1) && isLimit2(endPointer1)) {
+        endPointer = getActualValue(endPointer1);
+      }
+      if (isLinePointer(endPointer2) && isLimit2(endPointer2)) {
+        endPointer = getActualValue(endPointer2);
+      }
+      function isLinePointer([x, y]) {
+        return Math.abs(y - k * x - b) <= 1;
+      }
+      function isLimit2([x, y]) {
+        const [_x, _y] = [...getActualValue([x, y])];
+        return _x >= originX && _x <= endX && _y >= _originY && _y <= endY;
+      }
+      function getActualValue([x, y]) {
+        return [originX + x, endY - y];
+      }
+      return [...startPointer, ...endPointer];
+    }
     canvas.value.add(...lines);
   }
   function drawIcons() {

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

@@ -358,28 +358,25 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
       const { value } = otherObj;
       let reduceLine, reducePoint, noRiseText, arrowGroup, riseText, verifiedText;
       if (v.noRise && noRiseStyle.show) {
-        if (typeof v.noRise === "string") {
+        if (noRiseStyle.text) {
           noRiseText = drawText([points[0], points[1] + 5], {
-            value: v.noRise.split("").join("\n"),
+            value: noRiseStyle.text.split("").join("\n"),
             originY: "top",
-            ...noRiseStyle
+            ...noRiseStyle.style || {}
           });
           otherList.push(noRiseText);
         } else {
           const top = points[1] + yCellHeight * 2;
-          arrowGroup = drawArrow([points[0], points[1], top], noRiseStyle);
+          arrowGroup = drawArrow([points[0], points[1], top], noRiseStyle.style || {});
           otherList.push(arrowGroup);
         }
       }
       if (v.rise && riseStyle.show) {
-        if (typeof v.rise === "boolean") {
-          v.rise = "\u5347\u6E29";
-        }
-        if (typeof v.rise === "string") {
+        if (riseStyle.text) {
           riseText = drawText([points[0], points[1] - (value ? yCellHeight : 0) - 5], {
-            value: v.rise.split("").join("\n"),
+            value: riseStyle.text.split("").join("\n"),
             originY: "bottom",
-            ...riseStyle
+            ...riseStyle.style || {}
           });
           otherList.push(riseText);
         }

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

@@ -155,7 +155,7 @@ function useTemperatureChart(canvas, props, emits, canvasRef) {
   const itemList = computed(() => {
     const { left } = props.data;
     return left.yScaleValue.map((item) => {
-      return item.dataList.map((v, dataIndex) => {
+      return item.dataList.filter((v) => v.show).map((v, dataIndex) => {
         return {
           ...v,
           bigType: setOtherType(v.title, item.type),