cnhis-design-vue 3.1.16-beta.0 → 3.1.16-beta.11

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

@@ -1,21 +1,13 @@
-import { defineComponent, ref, reactive, useAttrs, computed, onMounted, onUnmounted, onActivated, createVNode, h, resolveComponent, Teleport, createTextVNode, nextTick, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, unref, mergeProps, withCtx, renderSlot, createBlock, toDisplayString, withDirectives, vShow, isVNode } from 'vue';
+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 { useAnnotation } from '../../../packages/big-table/src/hooks/useAnnotation';
-import { useSeparateRow } from '../../../packages/big-table/src/hooks/useSeparateRow';
 import bigTableState from './bigTableState.js';
 import bigTableProps from './bigTableProps.js';
 import bigTableEmits from './bigTableEmits.js';
-import { useFormat } from './hooks/useFormat.js';
-import { useTableParse } from './hooks/useTableParse.js';
-import { useBatchEditing } from './hooks/useBatchEditing.js';
-import { useNestTable } from './hooks/useNestTable.js';
-import { useEdit, comps } from './hooks/useEdit.js';
-import { useEvent } from './hooks/useEvent.js';
 import { SettingsSharp, CaretDown, CaretForward, CopyOutline, SyncOutline } from '@vicons/ionicons5';
 import NoData from './components/NoData.js';
 import TextOverTooltip from '../../../src/components/TextOverTooltip';
 import SvgIcon from '../../../src/components/SvgIcon';
-import { useMessage, NIcon, NTooltip, NCheckbox, NCheckboxGroup, NGrid, NGi, NSpace, NButton, NPopconfirm, NProgress, NDropdown, NSwitch, NPopover } from 'naive-ui';
+import { useMessage, NIcon, NTooltip, NCheckbox, NCheckboxGroup, NGrid, NGi, NSpace, NButton, NPopconfirm, NProgress, NDropdown, NSwitch, NPopover, NTabs, NTabPane } from 'naive-ui';
 import CGrid from '../../../packages/grid';
 import vexutils from '../../../src/utils/vexutils';
 import { handleTableHeight, setTableConfig, handleGroupColums, treeToList, checkMethod, setTreeGroupTitle, handleName, generateEditRender, handlerInitSearchItem, getEvaluate, getMapVal, getCandidateComponents, getageShowType, isLink, showFilter, reScrollFilterWrap, hideFilterWrap, mergeConObjFn, setDefaultFormData, handleImgArr, handleImgSrc, modalDetailImage, handleQrCodeContent, getInlineEditBtn, isCopy, setVisibleCheckAllWrap, handleTableImageSize, visibleMethod, getRowStyle, getFooterGroup, flattenRow, intersectRow, removeCheckedDisabledRows } from './utils.js';
@@ -23,18 +15,24 @@ import InputButtonScript from './components/input-button.js';
 import Separate from './components/separate.js';
 import xb_big from '../../../src/assets/img/xb_big';
 import qr from '../../../src/assets/img/qr';
+import { useBatchEditing } from './hooks/useBatchEditing.js';
+import { useNestTable } from './hooks/useNestTable.js';
+import { useAnchor } from './hooks/useAnchor.js';
+import { useEvent } from './hooks/useEvent.js';
+import { useSeparateRow } from './hooks/useSeparateRow.js';
+import { useFormat } from './hooks/useFormat.js';
+import { useTableParse } from './hooks/useTableParse.js';
+import { useEdit, comps } from './hooks/useEdit.js';
+import { useAnnotation } from './hooks/useAnnotation.js';
 
 const _hoisted_1 = {
   key: 0,
   class: "check-wrap"
 };
 const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", null, "\u7CFB\u7EDF\u68C0\u6D4B\u5230\u6709\u6570\u636E\u66F4\u65B0,", -1);
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("i", {
-  class: "disabled-checked-tips"
-}, null, -1);
+const _hoisted_3 = ["innerHTML"];
 const _hoisted_4 = ["innerHTML"];
-const _hoisted_5 = ["innerHTML"];
-const _hoisted_6 = {
+const _hoisted_5 = {
   class: "refresh-row"
 };
 function _isSlot(s) {
@@ -99,10 +97,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       loadExpandMethod,
       nestHandleClickRow
     } = useNestTable(props, state, emit);
+    const {
+      initAnchor,
+      updateAnchor,
+      anchorEvent
+    } = useAnchor(props, state, emit, xGrid);
     const {
       keyDown,
       scroll
-    } = useEvent(props, state, emit, xGrid);
+    } = useEvent(props, state, emit, xGrid, anchorEvent);
     const attr = useAttrs();
     const currentCheckedKeys = computed(() => {
       var _a;
@@ -123,7 +126,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       let {
         noSetting
       } = getOtherConfigInit() || {};
-      return noSetting || ((_a = props.showSettings) == null ? void 0 : _a.hideSettingBtn) == 1;
+      return noSetting || ((_a = props.showSettings) == null ? void 0 : _a.hideSettingBtn);
     });
     const isScanMultiTable = computed(() => {
       var _a;
@@ -240,6 +243,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       let columns = formatColumns(config);
       columns = handleGroupColums(columns, props);
       xGrid.value && xGrid.value.reloadColumn(columns);
+      nextTick(() => {
+        initAnchor();
+      });
       setGroupTreeExpand();
       resetTableInlineEditStatus();
     };
@@ -333,7 +339,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       state.currentPageSelectedLength = currentPageSelectedRows.length;
     };
     const formatColumns = (map) => {
-      var _a, _b;
+      var _a, _b, _c;
       let {
         selectType
       } = getOtherConfigInit() || {};
@@ -414,24 +420,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         visible: checkVisible,
         resizable: false,
         width: checkMinWidth,
-        slots: selectType === "checkbox" ? checkboxSlot : null,
+        slots: selectType === "checkbox" && !((_b = attr.checkboxConfig) == null ? void 0 : _b.checkMethod) ? checkboxSlot : null,
         showOverflow: true
       }];
       const seqObj = columns.find((v) => v.type == "seq");
-      if ((_b = props == null ? void 0 : props.columnConfig) == null ? void 0 : _b.seqSlotFn) {
+      if ((_c = props == null ? void 0 : props.columnConfig) == null ? void 0 : _c.seqSlotFn) {
         seqObj.slots.default = (params) => {
           var _a2;
           return (_a2 = props.columnConfig) == null ? void 0 : _a2.seqSlotFn(params);
         };
       }
       const currentColumns = fieldList.map((item, index) => {
-        var _a2, _b2, _c, _d, _e, _f, _g;
+        var _a2, _b2, _c2, _d, _e, _f, _g;
         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;
-          filterItems = (_c = (_b2 = fieldSetting == null ? void 0 : fieldSetting.mapping) == null ? void 0 : _b2.mappingFiled) == null ? void 0 : _c.map((item2) => item2.value[0]);
+          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) {
         }
         let notParticipatingSort = ((_d = item == null ? void 0 : item.fieldSetting) == null ? void 0 : _d.notParticipatingSort) || "";
@@ -458,31 +464,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           treeNode,
           type,
           slots: {
-            edit: (params) => {
-              if (isEdit && item.isEdit && item.columnName !== "operatorColumn") {
-                return formatterEdit(params, item);
-              } else {
-                return createVNode("span", null, [params.row[item.columnName]]);
-              }
-            },
+            edit: (params) => formatterEdit(params, item),
             default: (params) => {
-              var _a3;
-              if (!isEdit || item.columnName === "operatorColumn" || !item.isEdit) {
-                return formatter(params, item);
-              } else if (item.formType === "separate") {
-                const SeparateComponent = Separate;
-                return createVNode(SeparateComponent, {
-                  "row": params.row,
-                  "col": item
-                }, null);
-              } else if (isEdit && item.isEdit && ((_a3 = item.checkEditStatus) == null ? void 0 : _a3.call(item, params))) {
-                return formatterEdit(params, item);
-              } else {
-                return createVNode("span", null, [getDefaultValue(params, item)]);
-              }
+              const _isEdit = isEdit && item.isEdit;
+              return formatter(params, item, _isEdit);
             }
           },
-          editRender: isEdit ? {} : generateEditRender(item)
+          editRender: isEdit && item.isEdit ? {} : generateEditRender(item)
         });
         if (filterField && !props.isNestTable && !isScanMultiTable2) {
           state.filterFields[item.columnName] = Object.assign({}, vexutils.clone({
@@ -551,7 +539,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           });
         }
       };
-      if (formType === "date") {
+      if (formType === "date" || formType === "time") {
         propsData.formattedValue = row[col.columnName];
       } else if (formatMap) {
         propsData.value = row[formatMap.value];
@@ -587,15 +575,28 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }
       });
     };
-    const formatter = (params, col) => {
-      var _a, _b;
+    const formatter = (params, col, _isEdit) => {
+      var _a, _b, _c;
       let {
         row,
         column,
         $rowIndex
       } = params;
-      let own = (column == null ? void 0 : column._own) || (column == null ? void 0 : column.own) || col;
-      let attrType = (own == null ? void 0 : own.attrType) || "";
+      let attrType = (col == null ? void 0 : col.attrType) || "";
+      if (col.formType === "separate") {
+        const SeparateComponent = Separate;
+        return createVNode(SeparateComponent, {
+          "row": params.row,
+          "col": col
+        }, null);
+      }
+      if (_isEdit) {
+        if ((_a = col.checkEditStatus) == null ? void 0 : _a.call(col, params)) {
+          return formatterEdit(params, col);
+        } else {
+          return createVNode("span", null, [getDefaultValue(params, col)]);
+        }
+      }
       let formUnionItem = showEditForm(row, column, $rowIndex);
       if (formUnionItem) {
         let dynamicProps = initBatchDynamicProps(formUnionItem, row, column);
@@ -611,66 +612,66 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         return row[GROUP_TITLE_KEY];
       }
       if (attrType == "PICTURE" || attrType == "HEADPORTRAIT") {
-        return getPicture(row, own, attrType);
+        return getPicture(row, col, attrType);
       }
       if (attrType == "COLOR") {
-        return getColor(row, own);
+        return getColor(row, col);
       }
       if (attrType == "EVALUATE") {
-        return getEvaluate(row, own);
+        return getEvaluate(row, col);
       }
       if (attrType == "MAP") {
-        return getMapVal(row, own);
+        return getMapVal(row, col);
       }
       if (attrType == "DATE" || attrType == "TASKDATE") {
-        return getDate(row, own);
+        return getDate(row, col);
       }
       if (attrType == "PERCENTAGE") {
-        return getPercentage(row, own);
+        return getPercentage(row, col);
       }
       if (attrType == "VIDEO") {
-        return getvideoList(row, own);
+        return getvideoList(row, col);
       }
       if (attrType == "CANDIDATE_COMPONENTS") {
-        return getCandidateComponents(row, own);
+        return getCandidateComponents(row, col);
       }
       if (attrType == "AGE") {
-        return getageShowType(row, own);
+        return getageShowType(row, col);
       }
       if (attrType === "COUNTDOWN") {
         return createVNode(NTooltip, null, {
           trigger() {
             return createVNode("span", {
-              "innerHTML": row[own.columnName + "_countdown"] || ""
+              "innerHTML": row[col.columnName + "_countdown"] || ""
             }, null);
           },
           default() {
-            return row[own.columnName + "_countdownTip"];
+            return row[col.columnName + "_countdownTip"];
           }
         });
       }
       if (attrType === "DURATION") {
-        const value = row[own.columnName];
-        const duration = (_a = own == null ? void 0 : own.fieldSetting) == null ? void 0 : _a.duration;
+        const value = row[col.columnName];
+        const duration = (_b = col == null ? void 0 : col.fieldSetting) == null ? void 0 : _b.duration;
         return parseDurationValue(value, duration);
       }
       if (attrType === "COMBINATION") {
-        const value = row[own.columnName];
-        const params2 = own.fieldSetting || {};
+        const value = row[col.columnName];
+        const params2 = col.fieldSetting || {};
         const data = parseCombinationValue(value, params2);
         return data ? [createVNode("span", {
           "title": data
         }, [data])] : "";
       }
       if (attrType === "PASSWORD") {
-        const value = row[own.columnName];
+        const value = row[col.columnName];
         return [createVNode(resolveComponent("password-com"), {
           "value": value,
           "styleSetting": props.styleSetting
         }, null)];
       }
       if (attrType === "QR_CODE") {
-        return getOrCode(row, own);
+        return getOrCode(row, col);
       }
       if (column.property === "operatorColumn") {
         if ((col == null ? void 0 : col.formType) === "custom" && col.slotFn && !row.initRow) {
@@ -686,21 +687,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         const foldBtnList = getFoldBtnList(row, $rowIndex);
         return [createVNode("span", null, [tileBtnList, foldBtnList, inlineBtnList])];
       }
-      if (isLink(props, own, row) && !isScanMultiTable.value) {
-        if (own.btnLinkSwitch) {
+      if (isLink(props, col, row) && !isScanMultiTable.value) {
+        if (col.btnLinkSwitch) {
           let disabled = false;
-          let curBtn = (_b = row.btnList) == null ? void 0 : _b.find((v) => v.name == own.columnName);
+          let curBtn = (_c = row.btnList) == null ? void 0 : _c.find((v) => v.name == col.columnName);
           if (curBtn && "authorizedMark" in curBtn) {
             if (!curBtn.authorizedMark) {
               disabled = true;
             }
           }
-          return getBtnLinkSwitch(row, own, disabled, $rowIndex);
+          return getBtnLinkSwitch(row, col, disabled, $rowIndex);
         } else {
-          return getField(row, own, $rowIndex, true);
+          return getField(row, col, $rowIndex, true);
         }
       } else {
-        return getField(row, own, $rowIndex, false);
+        return getField(row, col, $rowIndex, false);
       }
     };
     const formatterHeader = (item) => {
@@ -1149,9 +1150,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       var _a;
       const {
         row,
-        column,
-        _rowIndex,
-        _columnIndex
+        column
       } = payload;
       if (isFunction(attr.spanMethod))
         return attr.spanMethod(payload);
@@ -1199,8 +1198,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         };
       let {
         $rowIndex,
-        _columnIndex,
-        column
+        _columnIndex
       } = obj;
       let len = state.columnLen || 99;
       let {
@@ -1364,7 +1362,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         emit("checkboxChange", {
           checked: checked2,
           row,
-          index: $rowIndex
+          index: $rowIndex,
+          records: [row]
         });
         return;
       }
@@ -1437,7 +1436,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         emit("checkboxChange", {
           checked: setChecked,
           row,
-          index: $rowIndex
+          index: $rowIndex,
+          records: checkedRow
         });
         setChecked && emit("handlerClickRow", row, $rowIndex);
         return;
@@ -1454,7 +1454,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       emit("checkboxChange", {
         checked: setChecked,
         row,
-        index: $rowIndex
+        index: $rowIndex,
+        records: checkedRow
       });
       setChecked && emit("handlerClickRow", row, $rowIndex);
     };
@@ -1474,6 +1475,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const treeTableSelectionChange = (records) => {
       if (state.isTree == 0) {
+        emit("selectionChange", records);
         return false;
       }
       pubCheckChange(records);
@@ -1494,7 +1496,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       emit("checkboxChange", {
         checked,
         row,
-        index: $rowIndex
+        index: $rowIndex,
+        records
       });
       if (treeTableSelectionChange(records))
         return;
@@ -1520,9 +1523,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const radioOnChange = (rowData = {}) => {
       let {
-        data,
-        row,
-        $rowIndex
+        row
       } = rowData;
       emit("selectionChange", [{
         ...row
@@ -2271,14 +2272,23 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       loadData
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(` <div
-		class="big-table custom-big-table"
-		:class="{
-			mt: state.visibleCheckAllWrap || state.visibleTreeCheck || state.hasRefresh,
-			'expand-padding': !props.isNestTable
-		}"
-		:style="{ height: state.tableHeight }"
-	> `), createElementVNode("div", {
+      return openBlock(), createElementBlock(Fragment, null, [state.anchorList.length ? (openBlock(), createBlock(unref(NTabs), {
+        key: 0,
+        type: "line",
+        animated: "",
+        "pane-style": "padding: 0",
+        value: state.anchorValue,
+        "onUpdate:value": [_cache[0] || (_cache[0] = ($event) => state.anchorValue = $event), unref(updateAnchor)]
+      }, {
+        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(props.anchor, (item) => {
+          return openBlock(), createBlock(unref(NTabPane), {
+            name: item.field,
+            tab: item.title,
+            key: item.field
+          }, null, 8, ["name", "tab"]);
+        }), 128))]),
+        _: 1
+      }, 8, ["value", "onUpdate:value"])) : createCommentVNode("v-if", true), createElementVNode("div", {
         class: normalizeClass(["big-table custom-big-table", {
           mt: state.hasRefresh,
           "expand-padding": !props.isNestTable
@@ -2291,7 +2301,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }, [_hoisted_2, createElementVNode("span", {
         class: "check-wrap-btn",
         onClick: refreshTable
-      }, "\u70B9\u51FB\u67E5\u770B")])])) : createCommentVNode("v-if", true), createCommentVNode(" \u5168\u9009 \u9009\u62E9\u6846 "), createCommentVNode(' <div\n			v-show="state.visibleCheckAllWrap && !props.isInlineOperating && !props.isNestTable"\n			class="check-wrap"\n		>\n			<p class="check-wrap-title">\n				<span>\u5DF2\u52FE\u9009\u6570\u636E\u5171{{ allSelectedLength }}\u6761</span>\n				<span v-show="state.visibleCheckAllWrapMore">\n					\uFF08\u5F53\u524D\u9875{{ state.currentPageSelectedLength }}\u6761\uFF09\n				</span>\n			</p>\n			<template v-if="state.visibleCheckAllWrapMore && !props.asyncCount">\n				<p v-if="!visibleCancelCheckAllBtn" class="check-wrap-btn" @click="handleCheckAll">\n					<span v-if="pageVO.total > maxCheckSize">\n						{{ `\u52FE\u9009\u5168\u90E8\u9875 ${maxCheckSize}\u6761\u6570\u636E` }}\n					</span>\n					<span v-else>\n						{{ `\u52FE\u9009\u5168\u90E8\u9875 ${pageVO.total}\u6761\u6570\u636E` }}\n					</span>\n				</p>\n				<p v-else class="check-wrap-btn" @click="handleCancelAllCheck">\u53D6\u6D88\u5168\u90E8\u52FE\u9009</p>\n			</template>\n		</div> '), createCommentVNode(" \u6811\u72B6\u8868\u683C\u5DF2\u9009 "), createCommentVNode(' <div\n			v-show="state.visibleTreeCheck && !props.isInlineOperating && !props.isNestTable"\n			class="check-wrap"\n		>\n			<p class="check-wrap-title">\n				<span>\u5DF2\u52FE\u9009\u6570\u636E\u5171{{ state.treeTableLength }}\u6761</span>\n			</p>\n		</div> '), createVNode(unref(CGrid), mergeProps({
+      }, "\u70B9\u51FB\u67E5\u770B")])])) : createCommentVNode("v-if", true), createVNode(unref(CGrid), mergeProps({
         ref_key: "xGrid",
         ref: xGrid,
         border: "",
@@ -2373,28 +2383,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           "no-data-tip": props.emptyItems.noDataTip,
           "show-img": !props.isNestTable
         }, null, 8, ["no-data-img", "no-data-tip", "show-img"])]) : createCommentVNode("v-if", true)]),
-        tooltip_checkbox: withCtx(({
-          row,
-          checked
-        }) => [row.forbiddenBatchSelect ? (openBlock(), createBlock(unref(NTooltip), {
-          key: 0,
-          trigger: "hover",
-          placement: "right"
-        }, {
-          trigger: withCtx(() => [_hoisted_3]),
-          default: withCtx(() => [createTextVNode(" " + toDisplayString(row.forbiddenBatchSelectReason), 1)]),
-          _: 2
-        }, 1024)) : (openBlock(), createBlock(unref(NCheckbox), {
-          key: 1,
-          class: "tooltip-checkbox-item",
-          checked
-        }, null, 8, ["checked"]))]),
         tooltip_footer: withCtx(({
           column
         }) => [createCommentVNode(" \u5206\u7EC4\u7EDF\u8BA1 "), _ctx.groupCountFields && _ctx.groupCountFields.length ? (openBlock(), createElementBlock("span", {
           key: 0,
           innerHTML: state.groupText
-        }, null, 8, _hoisted_4)) : (openBlock(), createElementBlock(Fragment, {
+        }, null, 8, _hoisted_3)) : (openBlock(), createElementBlock(Fragment, {
           key: 1
         }, [createCommentVNode(" \u4E00\u822C\u7EDF\u8BA1 "), createVNode(unref(NTooltip), {
           trigger: "hover"
@@ -2402,7 +2396,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           trigger: withCtx(() => [createTextVNode(toDisplayString(getFooterTitle(column)), 1)]),
           default: withCtx(() => [createElementVNode("div", {
             innerHTML: getFooterTooltipTitle(column)
-          }, null, 8, _hoisted_5)]),
+          }, null, 8, _hoisted_4)]),
           _: 2
         }, 1024)], 2112))]),
         nest_table_content: withCtx(({
@@ -2425,7 +2419,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }, [createVNode(unref(NIcon), {
         size: "14",
         component: unref(SyncOutline)
-      }, null, 8, ["component"]), createElementVNode("p", _hoisted_6, toDisplayString(_ctx.refreshRow) + "\u6761\u66F4\u65B0", 1)], 512), [[vShow, props.refreshRow > 0 && !props.isNestTable]])], 6)], 2112);
+      }, null, 8, ["component"]), createElementVNode("p", _hoisted_5, toDisplayString(_ctx.refreshRow) + "\u6761\u66F4\u65B0", 1)], 512), [[vShow, props.refreshRow > 0 && !props.isNestTable]])], 6)], 64);
     };
   }
 });

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

@@ -199,5 +199,9 @@ declare const bigTableProps: {
     };
     resetInlineBatchEdit: FunctionConstructor;
     resetBatchEditRowStatus: FunctionConstructor;
+    anchor: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
 };
 export default bigTableProps;

package/es/packages/big-table/src/bigTableProps.js

@@ -112,7 +112,8 @@ const bigTableProps = {
   batchError: Boolean,
   batchFormData: { type: Object, default: () => ({}) },
   resetInlineBatchEdit: Function,
-  resetBatchEditRowStatus: Function
+  resetBatchEditRowStatus: Function,
+  anchor: { type: Array, default: () => [] }
 };
 
 export { bigTableProps as default };

package/es/packages/big-table/src/bigTableState.d.ts

@@ -52,5 +52,7 @@ declare const bigTableState: {
         isHover: boolean;
         isCurrent: boolean;
     };
+    anchorValue: string;
+    anchorList: never[];
 };
 export default bigTableState;

package/es/packages/big-table/src/bigTableState.js

@@ -54,7 +54,9 @@ const bigTableState = {
       return !row.$__SEPARATE;
     }
   },
-  rowConfig: { height: 32, isHover: true, isCurrent: true }
+  rowConfig: { height: 32, isHover: true, isCurrent: true },
+  anchorValue: "",
+  anchorList: []
 };
 
 export { bigTableState as default };

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

@@ -44,7 +44,7 @@ var editTime = defineComponent({
       ...props.col.componentProps || {}
     };
     return () => createVNode(NTimePicker, mergeProps(attrs, config, {
-      "onUpdateValue": onUpdateValue
+      "onUpdateFormattedValue": onUpdateValue
     }), null);
   }
 });

package/es/packages/big-table/src/hooks/index.d.ts

@@ -0,0 +1,9 @@
+export * from './useAnchor';
+export * from './useEdit';
+export * from './useFormat';
+export * from './useTableParse';
+export * from './useBatchEditing';
+export * from './useNestTable';
+export * from './useEvent';
+export * from './useAnnotation';
+export * from './useSeparateRow';

package/es/packages/big-table/src/hooks/index.js

@@ -0,0 +1,9 @@
+export { useAnchor } from './useAnchor.js';
+export { comps, useEdit } from './useEdit.js';
+export { useFormat } from './useFormat.js';
+export { useTableParse } from './useTableParse.js';
+export { useBatchEditing } from './useBatchEditing.js';
+export { useNestTable } from './useNestTable.js';
+export { useEvent } from './useEvent.js';
+export { useAnnotation } from './useAnnotation.js';
+export { SeparateHandle, useSeparateMap, useSeparateRow } from './useSeparateRow.js';

package/es/packages/big-table/src/hooks/useAnchor.d.ts

@@ -0,0 +1,7 @@
+export declare const useAnchor: (props: any, state: any, emit: any, xGrid: any) => {
+    initAnchor: () => void;
+    updateAnchor: (field: string) => Promise<void>;
+    anchorEvent: ({ scrollLeft }: {
+        scrollLeft: number;
+    }) => void;
+};

package/es/packages/big-table/src/hooks/useAnchor.js

@@ -0,0 +1,49 @@
+import { useThrottleFn } from '@vueuse/core';
+
+const useAnchor = (props, state, emit, xGrid) => {
+  let setAnchorStatus = true;
+  function initAnchor() {
+    var _a, _b, _c;
+    if ((_a = props.anchor) == null ? void 0 : _a.length) {
+      const columns = xGrid.value.getColumns();
+      let left = 0;
+      columns.forEach((column) => {
+        const { field, minWidth, width, fixed } = column;
+        const colWidth = +(minWidth || width);
+        if (fixed == "left") ; else {
+          left += colWidth;
+          const anchorObj = props.anchor.find((v) => v.field === field);
+          anchorObj && state.anchorList.push({
+            ...anchorObj,
+            left: left - colWidth
+          });
+        }
+      });
+      state.anchorValue = ((_c = (_b = state.anchorList) == null ? void 0 : _b[0]) == null ? void 0 : _c.field) || "";
+    }
+  }
+  async function updateAnchor(field) {
+    setAnchorStatus = false;
+    const anchorObj = state.anchorList.find((v) => v.field === field);
+    await xGrid.value.scrollTo(anchorObj.left);
+    setTimeout(() => {
+      setAnchorStatus = true;
+    });
+  }
+  function setAnchorValue({ scrollLeft }) {
+    if (state.anchorList.length && setAnchorStatus) {
+      const anchorObj = state.anchorList.find((v) => scrollLeft < v.left);
+      if (anchorObj) {
+        state.anchorValue = anchorObj.field;
+      }
+    }
+  }
+  const anchorEvent = useThrottleFn(setAnchorValue, 800);
+  return {
+    initAnchor,
+    updateAnchor,
+    anchorEvent
+  };
+};
+
+export { useAnchor };