cnhis-design-vue 3.1.21-beta.0 → 3.1.21-beta.10

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

@@ -200,7 +200,7 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
     resetInlineBatchEdit: FunctionConstructor;
     resetBatchEditRowStatus: FunctionConstructor;
     anchor: {
-        type: ArrayConstructor;
+        type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
         default: () => never[];
     };
 }, {
@@ -547,12 +547,15 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
         resetInlineBatchEdit: FunctionConstructor;
         resetBatchEditRowStatus: FunctionConstructor;
         anchor: {
-            type: ArrayConstructor;
+            type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
             default: () => never[];
         };
     }>> & {
         [x: `on${string}`]: ((...args: any[]) => any) | undefined;
     }>>;
+    attr: {
+        [x: string]: unknown;
+    };
     formatData: (data?: {
         tableList: any[];
         fieldList: any[];
@@ -579,6 +582,7 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
         'border-color': any;
         color?: undefined;
     };
+    getAttr: (field: string) => any;
     imgs2imgArr: (imgs: any) => any;
     parseDurationValue: (v: any, duration: any) => string | undefined;
     parseCombinationValue: (value: any, setting: any) => any;
@@ -599,11 +603,12 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
         rowIndex: any;
     };
     deleteRow: (row: any, col: any, index: number) => void;
-    onFormChange: ({ value, row, column, index }: {
+    onFormChange: ({ value, row, column, index, type }: {
         value: string | number | null;
         row: any;
         column: any;
         index: number;
+        type?: string | undefined;
     }) => void;
     getDefaultValue: (params: any, item: any) => any;
     isAboutNestTable: import("vue").ComputedRef<any>;
@@ -621,9 +626,6 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
         $event: KeyboardEvent;
     }) => void;
     scroll: (params: any) => void;
-    attr: {
-        [x: string]: unknown;
-    };
     currentCheckedKeys: import("vue").ComputedRef<never[]>;
     visibleCancelCheckAllBtn: import("vue").ComputedRef<boolean>;
     singleCheckedKey: import("vue").ComputedRef<string>;
@@ -701,7 +703,7 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
     handleFilterChangeAll: (val: any, field: any) => void;
     handleFilterChange: (value: any, name: any, field: any) => void;
     handleFilterSearchChange: (value: any, columnName: any, field: any) => void;
-    handleFilterClearAll: (field: any) => void;
+    handleFilterClearAll: (columnName: any) => false | undefined;
     handleCancelFilter: () => void;
     mergeQuickSearchConfig: (filterFields: any, props: any) => void;
     handleFilter: (field: any) => void;
@@ -713,7 +715,7 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
     setGroupTreeExpand: () => void;
     resetTableInlineEditStatus: () => false | undefined;
     renderAnnotation: (columnConfig: import("../../../es/shared/types").AnyObject) => JSX.Element | null;
-    toolTipTitle: (item: any, type: any) => any[] | (() => any[]);
+    toolTipTitle: (item: any, type: any) => any[] | (() => any);
     triggerExpand: (e: any, isExpand: any) => void;
     getOtherConfigInit: () => any;
     refreshTable: () => void;
@@ -883,7 +885,7 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
         style: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
         class: import("vue").Ref<string | undefined>;
         mergedClsPrefix: import("vue").Ref<string>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly tab: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }> | (() => import("vue").VNodeChild)>;
@@ -1116,13 +1118,13 @@ declare const BigTable: SFCWithInstall<import("vue").DefineComponent<{
     resetInlineBatchEdit: FunctionConstructor;
     resetBatchEditRowStatus: FunctionConstructor;
     anchor: {
-        type: ArrayConstructor;
+        type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
         default: () => never[];
     };
 }>> & {
     [x: `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
-    anchor: unknown[];
+    anchor: import("../../../es/shared/types").AnyObject[];
     data: unknown[];
     showFooter: boolean;
     columnConfig: Record<string, any>;

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

@@ -198,7 +198,7 @@ declare const _default: import("vue").DefineComponent<{
     resetInlineBatchEdit: FunctionConstructor;
     resetBatchEditRowStatus: FunctionConstructor;
     anchor: {
-        type: ArrayConstructor;
+        type: import("vue").PropType<import("../../../shared/types").AnyObject[]>;
         default: () => never[];
     };
 }, {
@@ -545,12 +545,15 @@ declare const _default: import("vue").DefineComponent<{
         resetInlineBatchEdit: FunctionConstructor;
         resetBatchEditRowStatus: FunctionConstructor;
         anchor: {
-            type: ArrayConstructor;
+            type: import("vue").PropType<import("../../../shared/types").AnyObject[]>;
             default: () => never[];
         };
     }>> & {
         [x: `on${string}`]: ((...args: any[]) => any) | undefined;
     }>>;
+    attr: {
+        [x: string]: unknown;
+    };
     formatData: (data?: {
         tableList: any[];
         fieldList: any[];
@@ -577,6 +580,7 @@ declare const _default: import("vue").DefineComponent<{
         'border-color': any;
         color?: undefined;
     };
+    getAttr: (field: string) => any;
     imgs2imgArr: (imgs: any) => any;
     parseDurationValue: (v: any, duration: any) => string | undefined;
     parseCombinationValue: (value: any, setting: any) => any;
@@ -597,11 +601,12 @@ declare const _default: import("vue").DefineComponent<{
         rowIndex: any;
     };
     deleteRow: (row: any, col: any, index: number) => void;
-    onFormChange: ({ value, row, column, index }: {
+    onFormChange: ({ value, row, column, index, type }: {
         value: string | number | null;
         row: any;
         column: any;
         index: number;
+        type?: string | undefined;
     }) => void;
     getDefaultValue: (params: any, item: any) => any;
     isAboutNestTable: import("vue").ComputedRef<any>;
@@ -619,9 +624,6 @@ declare const _default: import("vue").DefineComponent<{
         $event: KeyboardEvent;
     }) => void;
     scroll: (params: any) => void;
-    attr: {
-        [x: string]: unknown;
-    };
     currentCheckedKeys: import("vue").ComputedRef<never[]>;
     visibleCancelCheckAllBtn: import("vue").ComputedRef<boolean>;
     singleCheckedKey: import("vue").ComputedRef<string>;
@@ -699,7 +701,7 @@ declare const _default: import("vue").DefineComponent<{
     handleFilterChangeAll: (val: any, field: any) => void;
     handleFilterChange: (value: any, name: any, field: any) => void;
     handleFilterSearchChange: (value: any, columnName: any, field: any) => void;
-    handleFilterClearAll: (field: any) => void;
+    handleFilterClearAll: (columnName: any) => false | undefined;
     handleCancelFilter: () => void;
     mergeQuickSearchConfig: (filterFields: any, props: any) => void;
     handleFilter: (field: any) => void;
@@ -711,7 +713,7 @@ declare const _default: import("vue").DefineComponent<{
     setGroupTreeExpand: () => void;
     resetTableInlineEditStatus: () => false | undefined;
     renderAnnotation: (columnConfig: import("../../../shared/types").AnyObject) => JSX.Element | null;
-    toolTipTitle: (item: any, type: any) => any[] | (() => any[]);
+    toolTipTitle: (item: any, type: any) => any[] | (() => any);
     triggerExpand: (e: any, isExpand: any) => void;
     getOtherConfigInit: () => any;
     refreshTable: () => void;
@@ -881,7 +883,7 @@ declare const _default: import("vue").DefineComponent<{
         style: import("vue").Ref<string | import("vue").CSSProperties | undefined>;
         class: import("vue").Ref<string | undefined>;
         mergedClsPrefix: import("vue").Ref<string>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly tab: import("vue").PropType<string | number | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }> | (() => import("vue").VNodeChild)>;
@@ -1114,13 +1116,13 @@ declare const _default: import("vue").DefineComponent<{
     resetInlineBatchEdit: FunctionConstructor;
     resetBatchEditRowStatus: FunctionConstructor;
     anchor: {
-        type: ArrayConstructor;
+        type: import("vue").PropType<import("../../../shared/types").AnyObject[]>;
         default: () => never[];
     };
 }>> & {
     [x: `on${string}`]: ((...args: any[]) => any) | undefined;
 }, {
-    anchor: unknown[];
+    anchor: import("../../../shared/types").AnyObject[];
     data: unknown[];
     showFooter: boolean;
     columnConfig: Record<string, any>;

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, reactive, useAttrs, computed, onMounted, onUnmounted, onActivated, nextTick, createVNode, h, resolveComponent, Teleport, createTextVNode, watch, openBlock, createElementBlock, Fragment, createBlock, unref, withCtx, renderList, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, mergeProps, renderSlot, toDisplayString, withDirectives, vShow, isVNode } from 'vue';
-import { isArray, isFunction } from 'lodash-es';
+import { isFunction, isArray } from 'lodash-es';
 import bigTableState from './bigTableState2.js';
 import bigTableProps from './bigTableProps2.js';
 import bigTableEmits from './bigTableEmits2.js';
@@ -57,11 +57,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const xGrid = ref({});
     const copyState = XEUtils.clone(bigTableState, true);
     const state = reactive(copyState);
+    const attr = useAttrs();
     const {
       formatData,
       htmlToText,
-      getBtnStyle
-    } = useFormat(state);
+      getBtnStyle,
+      getAttr
+    } = useFormat(state, attr);
     const {
       imgs2imgArr,
       parseDurationValue,
@@ -104,7 +106,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       keyDown,
       scroll
     } = useEvent(props, state, emit, xGrid, anchorEvent);
-    const attr = useAttrs();
     const currentCheckedKeys = computed(() => {
       var _a;
       return ((_a = state.checkedRows) == null ? void 0 : _a.map((row) => row[props.primaryKey])) || [];
@@ -433,8 +434,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         let filterField = false;
         let filterItems = [];
         try {
-          const fieldSetting = JSON.parse(item.fieldSetting);
-          filterField = ((_a2 = fieldSetting == null ? void 0 : fieldSetting.mapping) == null ? void 0 : _a2.type) === "manual" && item.isMerge != 1;
+          const fieldSetting = JSON.parse(item.fieldSetting || "{}");
+          let notParticipatingSearch = (fieldSetting == null ? void 0 : fieldSetting.notParticipatingSearch) || "";
+          filterField = notParticipatingSearch != 1 && ((_a2 = fieldSetting == null ? void 0 : fieldSetting.mapping) == null ? void 0 : _a2.type) === "manual" && item.isMerge != 1;
           filterItems = (_c2 = (_b2 = fieldSetting == null ? void 0 : fieldSetting.mapping) == null ? void 0 : _b2.mappingFiled) == null ? void 0 : _c2.map((item2) => item2.value[0]);
         } catch (e) {
         }
@@ -831,7 +833,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }, [createVNode("span", null, [createTextVNode("\u5DF2\u9009\u62E9"), field.CONVERT.length, createTextVNode("\u9879")]), createVNode(NButton, {
             "class": "checkbox-btn checkbox-btn-clear",
             "text": true,
-            "onClick": () => handleFilterClearAll(field)
+            "onClick": () => handleFilterClearAll(item.columnName)
           }, {
             default: () => [createTextVNode("\u6E05\u7A7A")]
           })]) : null, createVNode("div", null, [createVNode(NButton, {
@@ -911,7 +913,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       field.searchFilterCONVERT = value;
       _beforeSearchConvert = XEUtils.clone(value, true);
     };
-    const handleFilterClearAll = (field) => {
+    const handleFilterClearAll = (columnName) => {
+      const field = state.filterFields[columnName];
+      if (!field)
+        return false;
       field.indeterminate = false;
       field.checkAll = false;
       state.filterFields[field.columnName].CONVERT = [];
@@ -970,6 +975,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       if (name && tooltipTitle && name !== tooltipTitle) {
         isAlias = !!tooltipTitle;
       }
+      if (isFunction(item.headerSlotFn))
+        return () => item.headerSlotFn(item);
       if (type === "format")
         return [createVNode(script, {
           "tooltipTitle": tooltipTitle,
@@ -2278,7 +2285,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       formatData,
       xGrid,
       loadColumn,
-      loadData
+      loadData,
+      handleFilterClearAll
     });
     return (_ctx, _cache) => {
       var _a;
@@ -2331,20 +2339,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "cell-class-name": _ctx.columnConfig.cellClassName || null,
         "row-config": {
           ...state.rowConfig,
-          ..._ctx.$attrs.rowConfig || {}
+          ...unref(getAttr)("row-config")
         },
         "show-footer": _ctx.showFooter && !props.isInlineOperating,
         "footer-method": footerMethod,
         "sort-config": {
           trigger: "cell",
           remote: true,
-          ..._ctx.$attrs.sortConfig || {}
+          ...unref(getAttr)("sort-config")
         },
         "span-method": colspanMethod,
         "footer-span-method": footerRowspanMethod,
         "tooltip-config": {
           enterable: false,
-          ..._ctx.$attrs.tooltipConfig || {}
+          ...unref(getAttr)("tooltip-config")
         },
         "checkbox-config": {
           checkField: "checked",
@@ -2354,18 +2362,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           trigger: "cell",
           reserve: true,
           highlight: true,
-          ..._ctx.$attrs.checkboxConfig || {}
+          ...unref(getAttr)("checkbox-config")
         },
         "radio-config": {
           checkField: "checked",
           trigger: "cell",
           reserve: true,
           highlight: true,
-          ..._ctx.$attrs.radioConfig || {}
+          ...unref(getAttr)("radio-config")
         },
         "scroll-y": {
           gt: 50,
-          ..._ctx.$attrs.scrollY || {}
+          ...unref(getAttr)("scroll-y")
         },
         "row-style": unref(getRowStyle),
         "edit-config": state.editConfig,
@@ -2376,7 +2384,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           toggleMethod: unref(toggleExpandMethod),
           iconOpen: "iconfont icon-a-xitongtubiaozhediejian",
           iconClose: "iconfont icon-a-xitongtubiaotianjia",
-          ..._ctx.$attrs.expandConfig || {}
+          ...unref(getAttr)("expand-config")
         },
         "keyboard-config": _ctx.columnConfig.keyboardConfig || {},
         "edit-rules": _ctx.columnConfig.editRules || {},

package/es/components/big-table/src/bigTableProps.d.ts

@@ -200,7 +200,7 @@ declare const bigTableProps: {
     resetInlineBatchEdit: FunctionConstructor;
     resetBatchEditRowStatus: FunctionConstructor;
     anchor: {
-        type: ArrayConstructor;
+        type: PropType<AnyObject[]>;
         default: () => never[];
     };
 };

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

@@ -36,20 +36,21 @@ var EditInput = defineComponent({
       formRef
     } = useCommon(props, attrs);
     const __value = ref(attrs.value);
+    const commData = {
+      row: props.row,
+      column: props.col,
+      index: props.index
+    };
     const onUpdateValue = (value) => {
       emit("formChange", {
         value,
-        row: props.row,
-        column: props.col,
-        index: props.index
+        ...commData
       });
     };
     function onBlur() {
       emit("formChange", {
         value: __value.value,
-        row: props.row,
-        column: props.col,
-        index: props.index
+        ...commData
       });
     }
     const config = {
@@ -68,7 +69,14 @@ var EditInput = defineComponent({
     }), null) : createVNode(NInputNumber, mergeProps({
       "ref": formRef
     }, attrs, config, {
-      "onUpdateValue": onUpdateValue
+      "value": __value.value,
+      "onUpdate:value": ($event) => __value.value = $event,
+      "onUpdateValue": onUpdateValue,
+      "onBlur": () => emit("formChange", {
+        value: __value.value,
+        ...commData,
+        type: "blur"
+      })
     }), null);
   }
 });

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

@@ -326,11 +326,12 @@ export declare const useEdit: (props: any, state: any, emit: any, xGrid: any) =>
     initEditTable: () => Promise<void>;
     deleteRow: (row: any, col: any, index: number) => void;
     onClickSelectTable: (row: any) => Promise<void>;
-    onFormChange: ({ value, row, column, index }: {
+    onFormChange: ({ value, row, column, index, type }: {
         value: number | string | null;
         row: any;
         column: any;
         index: number;
+        type?: string | undefined;
     }) => void;
     getDefaultValue: (params: any, item: any) => any;
 };

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

@@ -60,7 +60,8 @@ const useEdit = (props, state, emit, xGrid) => {
     value,
     row,
     column,
-    index
+    index,
+    type
   }) => {
     var _a, _b;
     let oldValue = row[column.columnName];
@@ -84,7 +85,7 @@ const useEdit = (props, state, emit, xGrid) => {
     if (((column == null ? void 0 : column.formType) === "date" || (column == null ? void 0 : column.formType) === "time") && !value) {
       row[column.columnName] = void 0;
     }
-    emit("formChange", { value, row, column, index, oldValue });
+    emit("formChange", { value, row, column, index, oldValue, ...type ? { type } : {} });
   };
   const getDefaultValue = (params, item) => {
     var _a;

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

@@ -1,4 +1,5 @@
-export declare const useFormat: (state: any) => {
+import { AnyObject } from '../../../../../es/shared/types';
+export declare const useFormat: (state: any, attr: AnyObject) => {
     formatData: (data?: {
         tableList: any[];
         fieldList: any[];
@@ -25,4 +26,5 @@ export declare const useFormat: (state: any) => {
         'border-color': any;
         color?: undefined;
     };
+    getAttr: (field: string) => any;
 };

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

@@ -1,7 +1,7 @@
 import XEUtils from 'xe-utils';
 import 'moment';
 
-const useFormat = (state) => {
+const useFormat = (state, attr) => {
   const formatData = (data = {
     tableList: [],
     fieldList: [],
@@ -482,10 +482,19 @@ const useFormat = (state) => {
       "border-color": v.color
     };
   };
+  function getAttr(field) {
+    if (attr[field])
+      return attr[field];
+    const newField = field.replace(/-(\w)/g, ($0, $1) => {
+      return $1.toUpperCase();
+    });
+    return attr[newField] || {};
+  }
   return {
     formatData,
     htmlToText,
-    getBtnStyle
+    getBtnStyle,
+    getAttr
   };
 };
 

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

@@ -383,7 +383,7 @@ declare const ButtonPrint: SFCWithInstall<import("vue").DefineComponent<{
                 key: string;
                 render: () => import("vue").VNodeChild;
             }[]>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly label: StringConstructor;
             readonly labelWidth: import("vue").PropType<string | number>;
             readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;

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

@@ -387,7 +387,7 @@ declare const _default: import("vue").DefineComponent<{
                 key: string;
                 render: () => import("vue").VNodeChild;
             }[]>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly label: StringConstructor;
             readonly labelWidth: import("vue").PropType<string | number>;
             readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;

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

@@ -210,7 +210,7 @@ declare const _default: import("vue").DefineComponent<{
             key: string;
             render: () => import("vue").VNodeChild;
         }[]>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly label: StringConstructor;
         readonly labelWidth: import("vue").PropType<string | number>;
         readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;

package/es/components/drag-layout/index.d.ts

@@ -205,7 +205,7 @@ declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
         } | null>;
         validate: import("naive-ui/es/form/src/interface").FormItemValidate;
         restoreValidation: () => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly label: StringConstructor;
         readonly labelWidth: import("vue").PropType<string | number>;
         readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;

package/es/components/drag-layout/src/DragLayout.vue.d.ts

@@ -205,7 +205,7 @@ declare const _default: import("vue").DefineComponent<{
         } | null>;
         validate: import("naive-ui/es/form/src/interface").FormItemValidate;
         restoreValidation: () => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly label: StringConstructor;
         readonly labelWidth: import("vue").PropType<string | number>;
         readonly labelStyle: import("vue").PropType<string | import("vue").CSSProperties>;

package/es/components/fabric-chart/src/components/PopupMenu.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, createVNode, Teleport, withDirectives, vShow } from 'vue';
+import { defineComponent, ref, watch, createVNode, Teleport, withDirectives, vShow } from 'vue';
 import { NSpace, NInputNumber } from 'naive-ui';
 import useStyle from './useStyle2.js';
 import { onClickOutside } from '@vueuse/core';
@@ -31,9 +31,11 @@ var PopupMenu = defineComponent({
     slots,
     emit
   }) {
+    let setNoShow = false;
     const popupRef = ref(null);
     onClickOutside(popupRef, (event) => {
-      emit("update:show", false);
+      !setNoShow && emit("update:show", false);
+      setNoShow = false;
     });
     const {
       left
@@ -81,6 +83,11 @@ var PopupMenu = defineComponent({
         });
       }
     }
+    watch(() => props.show, (value) => {
+      if (value) {
+        setNoShow = true;
+      }
+    });
     return () => {
       return createVNode(Teleport, {
         "to": ".c-fabric-chart"

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

@@ -64,7 +64,9 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     left.yScaleValue.forEach((scaleValue) => {
       drawPositionLine(scaleValue);
       scaleValue.dataList.forEach((item, dataIndex) => {
-        drawPolyLine(item, dataIndex, scaleValue);
+        if (scaleValue.type !== "temperature" || item.enable) {
+          drawPolyLine(item, dataIndex, scaleValue);
+        }
       });
     });
     drawShaDow();
@@ -228,13 +230,6 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     });
   }
   function drawPolyLine(item, dataIndex, scaleValue) {
-    const {
-      pointAttr = {},
-      lineAttr = {},
-      type: pointType = "circle",
-      upArrowShow = false,
-      limitValueShow = false
-    } = item;
     const {
       type,
       noRiseStyle = {},
@@ -242,13 +237,22 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
       reduceStyle = {},
       pacemaker = {},
       upArrowStyle = {},
-      limitValueStyle = {}
+      limitValueStyle = {},
+      dataList = []
     } = scaleValue;
     const pointList = [];
     const lineList = [];
     const otherList = [];
     item.list.forEach((v, index) => {
-      var _a, _b;
+      var _a;
+      const _item = type !== "temperature" ? item : dataList.find((_v) => _v.key === v.key);
+      const {
+        pointAttr = {},
+        lineAttr = {},
+        type: pointType = "circle",
+        upArrowShow = false,
+        limitValueShow = false
+      } = _item;
       const points = getPointer(v, scaleValue);
       const nextV = item.list[index + 1];
       const nextPoint = getPointer(nextV, scaleValue);
@@ -330,9 +334,8 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
         line = drawLine([...points, ...nextPoint], {
           ...lineAttr
         });
-      } else if (points && !nextPoint && !v.breakpoint && type === "temperature" && dataIndex < scaleValue.dataList.length - 1 && index === item.list.length - 1) {
-        const nextV2 = (_b = scaleValue.dataList[dataIndex + 1].list) == null ? void 0 : _b[0];
-        const nextLinePoint = getPointer(nextV2, scaleValue);
+      } else if (points && !nextPoint && !v.breakpoint) {
+        const nextLinePoint = getPointer(nextV, scaleValue);
         line = nextLinePoint ? drawLine([...points, ...nextLinePoint], {
           ...lineAttr
         }) : null;
@@ -373,12 +376,6 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
       } else {
         if (points) {
           pointAttrNew.leftLine = null;
-          if (type == "temperature" && index === 0) {
-            const objLine = [...prevLines].find((v2) => v2.dataIndex === dataIndex - 1);
-            if (objLine) {
-              pointAttrNew.leftLine = objLine.line;
-            }
-          }
           point = drawPoint(currentPointType, {
             left: points[0],
             top: points[1],
@@ -526,7 +523,8 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
       emits("add", {
         data: {
           time: getXValue(item.pointer.x),
-          value: getYValue(item.origin.type, item.pointer.y)
+          value: getYValue(item.origin.type, item.pointer.y),
+          ...item.origin.type !== "temperature" ? {} : { key: item.origin.key }
         },
         ...item.origin
       });
@@ -536,6 +534,9 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
         value: target.origin.data.value
       };
       data[`${item.type}`] = item.value;
+      if (target.origin.type === "temperature") {
+        data["key"] = target.origin.key;
+      }
       emits("change", {
         ...target.origin,
         data