cnhis-design-vue 3.1.26-beta.4 → 3.1.26-beta.5

package/es/components/form-config/index.d.ts

@@ -156,7 +156,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
             key: import("vue").Ref<number>;
             reload: () => Promise<void>;
             formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFieldState", "resetFields", "queryWidget"];
-            exposed: import("../../../es/shared/types").AnyObject;
+            exposed: Partial<import("..").FormRenderExpose>;
             FormRender: import("vue").DefineComponent<{
                 fieldList: {
                     type: import("vue").PropType<import("..").FieldItem[]>;
@@ -2591,7 +2591,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
             key: import("vue").Ref<number>;
             reload: () => Promise<void>;
             formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFieldState", "resetFields", "queryWidget"];
-            exposed: import("../../../es/shared/types").AnyObject;
+            exposed: Partial<import("..").FormRenderExpose>;
             FormRender: import("vue").DefineComponent<{
                 fieldList: {
                     type: import("vue").PropType<import("..").FieldItem[]>;

package/es/components/form-config/src/FormConfig.vue.d.ts

@@ -158,7 +158,7 @@ declare const _default: import("vue").DefineComponent<{
             key: import("vue").Ref<number>;
             reload: () => Promise<void>;
             formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFieldState", "resetFields", "queryWidget"];
-            exposed: import("../../../../es/shared/types").AnyObject;
+            exposed: Partial<import("../..").FormRenderExpose>;
             FormRender: import("vue").DefineComponent<{
                 fieldList: {
                     type: PropType<import("../..").FieldItem[]>;
@@ -2593,7 +2593,7 @@ declare const _default: import("vue").DefineComponent<{
             key: import("vue").Ref<number>;
             reload: () => Promise<void>;
             formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFieldState", "resetFields", "queryWidget"];
-            exposed: import("../../../../es/shared/types").AnyObject;
+            exposed: Partial<import("../..").FormRenderExpose>;
             FormRender: import("vue").DefineComponent<{
                 fieldList: {
                     type: PropType<import("../..").FieldItem[]>;

package/es/components/form-config/src/components/FormConfigCreator.vue.d.ts

@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         key: import("vue").Ref<number>;
         reload: () => Promise<void>;
         formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFieldState", "resetFields", "queryWidget"];
-        exposed: import("../../../../shared/types").AnyObject;
+        exposed: Partial<FormRenderExpose>;
         FormRender: import("vue").DefineComponent<{
             fieldList: {
                 type: import("vue").PropType<FieldItem[]>;

package/es/components/form-config/src/components/FormConfigEdit.vue.d.ts

@@ -1714,7 +1714,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         key: import("vue").Ref<number>;
         reload: () => Promise<void>;
         formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFieldState", "resetFields", "queryWidget"];
-        exposed: import("../../../../../es/shared/types").AnyObject;
+        exposed: Partial<FormRenderExpose>;
         FormRender: import("vue").DefineComponent<{
             fieldList: {
                 type: import("vue").PropType<FieldItem[]>;

package/es/components/form-render/index.d.ts

@@ -7,7 +7,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{}, {
     key: import("vue").Ref<number>;
     reload: () => Promise<void>;
     formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFieldState", "resetFields", "queryWidget"];
-    exposed: import("../../../es/shared/types").AnyObject;
+    exposed: Partial<import("./src/types").FormRenderExpose>;
     FormRender: import("vue").DefineComponent<{
         fieldList: {
             type: import("vue").PropType<import("./src/types").FieldItem[]>;

package/es/components/form-render/src/FormRender.js

@@ -169,7 +169,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           values = splitExtendKey(_fieldList, values);
         }
         formModel.setFieldState("*", (state) => {
-          if (!isField(state) || Reflect.has(values, state.path.toString()))
+          if (!isField(state))
             return;
           state.value = values[state.path.toString()];
         });

package/es/components/form-render/src/FormRenderWrapper.js

@@ -35,8 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(FormRender, {
         key: key.value,
         ref_key: "formRenderRef",
-        ref: formRenderRef,
-        onReload: reload
+        ref: formRenderRef
       });
     };
   }

package/es/components/form-render/src/FormRenderWrapper.vue.d.ts

@@ -1,17 +1,16 @@
-import { AnyObject } from '../../../../es/shared/types';
 import { FormRenderExpose } from '../../../../es/components/form-render';
 declare const _default: import("vue").DefineComponent<{}, {
     formRenderRef: import("vue").Ref<FormRenderExpose | undefined>;
     key: import("vue").Ref<number>;
     reload: () => Promise<void>;
     formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFieldState", "resetFields", "queryWidget"];
-    exposed: AnyObject;
+    exposed: Partial<FormRenderExpose>;
     FormRender: import("vue").DefineComponent<{
         fieldList: {
             type: import("vue").PropType<import("../../../../es/components/form-render").FieldItem[]>;
         };
         initialData: {
-            type: import("vue").PropType<AnyObject>;
+            type: import("vue").PropType<import("../../../shared/types").AnyObject>;
             default: () => {};
         };
         fieldVisitor: {
@@ -100,11 +99,11 @@ declare const _default: import("vue").DefineComponent<{}, {
             default: () => {};
         };
         scope: {
-            type: import("vue").PropType<AnyObject>;
+            type: import("vue").PropType<import("../../../shared/types").AnyObject>;
             default: () => {};
         };
         annotation: {
-            type: import("vue").PropType<AnyObject>;
+            type: import("vue").PropType<import("../../../shared/types").AnyObject>;
         };
         consumer: {
             type: BooleanConstructor;
@@ -116,8 +115,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         lifeCycle: {
             type: import("vue").PropType<Partial<{
                 onSetup(): void;
-                beforeRequest(fieldKey: string, params?: AnyObject | undefined): void | import("../../../../es/shared/types").UndefinedAble<AnyObject>;
-                afterRequest(fieldKey: string, payload?: any): AnyObject[];
+                beforeRequest(fieldKey: string, params?: import("../../../shared/types").AnyObject | undefined): void | import("../../../shared/types").UndefinedAble<import("../../../shared/types").AnyObject>;
+                afterRequest(fieldKey: string, payload?: any): import("../../../shared/types").AnyObject[];
             }>>;
         };
     }, {
@@ -126,7 +125,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: import("vue").PropType<import("../../../../es/components/form-render").FieldItem[]>;
             };
             initialData: {
-                type: import("vue").PropType<AnyObject>;
+                type: import("vue").PropType<import("../../../shared/types").AnyObject>;
                 default: () => {};
             };
             fieldVisitor: {
@@ -215,11 +214,11 @@ declare const _default: import("vue").DefineComponent<{}, {
                 default: () => {};
             };
             scope: {
-                type: import("vue").PropType<AnyObject>;
+                type: import("vue").PropType<import("../../../shared/types").AnyObject>;
                 default: () => {};
             };
             annotation: {
-                type: import("vue").PropType<AnyObject>;
+                type: import("vue").PropType<import("../../../shared/types").AnyObject>;
             };
             consumer: {
                 type: BooleanConstructor;
@@ -231,8 +230,8 @@ declare const _default: import("vue").DefineComponent<{}, {
             lifeCycle: {
                 type: import("vue").PropType<Partial<{
                     onSetup(): void;
-                    beforeRequest(fieldKey: string, params?: AnyObject | undefined): void | import("../../../../es/shared/types").UndefinedAble<AnyObject>;
-                    afterRequest(fieldKey: string, payload?: any): AnyObject[];
+                    beforeRequest(fieldKey: string, params?: import("../../../shared/types").AnyObject | undefined): void | import("../../../shared/types").UndefinedAble<import("../../../shared/types").AnyObject>;
+                    afterRequest(fieldKey: string, payload?: any): import("../../../shared/types").AnyObject[];
                 }>>;
             };
         }>> & {
@@ -496,7 +495,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: import("vue").PropType<import("../../../../es/components/form-render").FieldItem[]>;
         };
         initialData: {
-            type: import("vue").PropType<AnyObject>;
+            type: import("vue").PropType<import("../../../shared/types").AnyObject>;
             default: () => {};
         };
         fieldVisitor: {
@@ -585,11 +584,11 @@ declare const _default: import("vue").DefineComponent<{}, {
             default: () => {};
         };
         scope: {
-            type: import("vue").PropType<AnyObject>;
+            type: import("vue").PropType<import("../../../shared/types").AnyObject>;
             default: () => {};
         };
         annotation: {
-            type: import("vue").PropType<AnyObject>;
+            type: import("vue").PropType<import("../../../shared/types").AnyObject>;
         };
         consumer: {
             type: BooleanConstructor;
@@ -601,8 +600,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         lifeCycle: {
             type: import("vue").PropType<Partial<{
                 onSetup(): void;
-                beforeRequest(fieldKey: string, params?: AnyObject | undefined): void | import("../../../../es/shared/types").UndefinedAble<AnyObject>;
-                afterRequest(fieldKey: string, payload?: any): AnyObject[];
+                beforeRequest(fieldKey: string, params?: import("../../../shared/types").AnyObject | undefined): void | import("../../../shared/types").UndefinedAble<import("../../../shared/types").AnyObject>;
+                afterRequest(fieldKey: string, payload?: any): import("../../../shared/types").AnyObject[];
             }>>;
         };
     }>> & {
@@ -612,9 +611,9 @@ declare const _default: import("vue").DefineComponent<{}, {
         maxHeight: string | number;
         column: number;
         components: Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("vue").FunctionalComponent<{}, {}>>;
-        initialData: AnyObject;
+        initialData: import("../../../shared/types").AnyObject;
         parallelism: number;
-        scope: AnyObject;
+        scope: import("../../../shared/types").AnyObject;
         consumer: boolean;
     }>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

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

@@ -16,6 +16,10 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
         default: () => never[];
     };
+    anchorList: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         tableConfig: {
@@ -30,6 +34,10 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
             default: () => never[];
         };
+        anchorList: {
+            type: import("vue").PropType<string[]>;
+            default: () => never[];
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onCopy?: ((...args: any[]) => any) | undefined;
@@ -4384,6 +4392,14 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
             }[] | undefined;
         } | undefined;
     }>;
+    onScroll: (params: any) => void;
+    updateAnchor: (field: string) => Promise<void>;
+    currentAnchorList: import("vue").Ref<{
+        field: string;
+        title: string;
+        left: number;
+    }[]>;
+    anchorValue: import("vue").Ref<any>;
     IhoTableColumn: import("vue").DefineComponent<{
         field: {
             type: import("vue").PropType<import("../../../es/components/iho-table/src/types").IhoTableFieldItem>;
@@ -4395,6 +4411,31 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
             required: true;
         };
     }>>, {}>;
+    ColumnAnchor: import("vue").DefineComponent<{
+        anchorList: {
+            type: import("vue").PropType<import("../../../es/components/iho-table/src/types").IanchorObj[]>;
+            default: () => never[];
+        };
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+    }, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "updateAnchor")[], "updateAnchor" | "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        anchorList: {
+            type: import("vue").PropType<import("../../../es/components/iho-table/src/types").IanchorObj[]>;
+            default: () => never[];
+        };
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+        onUpdateAnchor?: ((...args: any[]) => any) | undefined;
+    }, {
+        anchorList: import("../../../es/components/iho-table/src/types").IanchorObj[];
+        value: string;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd")[], "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tableConfig: {
         type: import("vue").PropType<import("../../../es/components/iho-table/src/types").IhoTableConfig>;
@@ -4408,6 +4449,10 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<import("../../../es/shared/types").AnyObject[]>;
         default: () => never[];
     };
+    anchorList: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
 }>> & {
     onFormChange?: ((...args: any[]) => any) | undefined;
     onCopy?: ((...args: any[]) => any) | undefined;
@@ -4471,6 +4516,7 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
     onActiveCellChangeEnd?: ((...args: any[]) => any) | undefined;
     onSettingClick?: ((...args: any[]) => any) | undefined;
 }, {
+    anchorList: string[];
     fieldList: import("../../../es/components/iho-table/src/types").LowCodeTableFieldItem[];
     tableConfig: import("../../../es/components/iho-table/src/types").IhoTableConfig;
     tableData: import("../../../es/shared/types").AnyObject[];

package/es/components/iho-table/index.js

@@ -18,6 +18,7 @@ import '../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
 export { AbstractConfigHooks, AbstractDataHooks, AbstractEventHooks, AbstractFieldHooks, AbstractSetupHooks } from './src/types/pluginType.js';
 import { useTablePlugin } from './src/hooks/useTablePlugin.js';
 export { defineTablePlugin, useTablePlugin } from './src/hooks/useTablePlugin.js';
+import '@vueuse/core';
 
 const { use } = useTablePlugin();
 const useIhoTablePresetPlugins = (instance) => {

package/es/components/iho-table/src/IhoTable.js

@@ -1,11 +1,13 @@
-import { defineComponent, provide, ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, mergeProps, unref, withCtx, Fragment, renderList, createBlock } from 'vue';
+import { defineComponent, provide, ref, computed, watch, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, unref, isRef, createElementVNode, mergeProps, withCtx, renderList, createBlock } from 'vue';
 import { uuidGenerator } from '../../../shared/utils/index.js';
 import { useDebounceFn } from '@vueuse/core';
 import { VxeEventListenerNameList, InjectionIhoTableEmits, InjectionIhoTableUUID, InjectionIhoTableConfig, InjectionIhoTableFieldList, InjectionIhoTableHandler } from './constants/index.js';
 import { createTableHooks, applyTableConfigHooks, applyTableFieldHooks, createTableEventHandlers, createDataTransfer } from './hooks/tapHooks/index.js';
 import 'lodash-es';
+import { useAnchor } from './hooks/useAnchor.js';
 import { getEventName } from './utils/index.js';
 import ColumnComponent from './components/IhoTableColumn.js';
+import ColumnAnchor from './components/ColumnAnchor.js';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
 const _hoisted_1 = { class: "iho-table" };
@@ -14,7 +16,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     tableConfig: { type: Object, default: () => ({}) },
     fieldList: { type: Array, default: () => [] },
-    tableData: { type: Array, default: () => [] }
+    tableData: { type: Array, default: () => [] },
+    anchorList: { type: Array, default: () => [] }
   },
   emits: [
     "formChange",
@@ -58,6 +61,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emits
     });
     const bindProperties = computed(() => ({ ...configRef.value, ...eventHookHandler }));
+    const { onScroll, updateAnchor, currentAnchorList, anchorValue } = useAnchor(props.anchorList, $table, fieldListRef);
     watch(
       () => props.tableConfig,
       () => {
@@ -80,25 +84,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     hooks.setupHooks.setup.call(configRef, fieldListRef);
     return (_ctx, _cache) => {
       const _component_vxe_table = resolveComponent("vxe-table");
-      return openBlock(), createElementBlock("section", _hoisted_1, [
-        createVNode(_component_vxe_table, mergeProps({
-          ref_key: "$table",
-          ref: $table
-        }, unref(bindProperties), {
-          eventHookHandler: "",
-          data: tableDataRef.value
-        }), {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(fieldListRef.value, (field) => {
-              return openBlock(), createBlock(unref(ColumnComponent), {
-                key: field.field,
-                field
-              }, null, 8, ["field"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 16, ["data"])
-      ]);
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(ColumnAnchor), {
+          "anchor-list": unref(currentAnchorList),
+          value: unref(anchorValue),
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(anchorValue) ? anchorValue.value = $event : null),
+          onUpdateAnchor: unref(updateAnchor)
+        }, null, 8, ["anchor-list", "value", "onUpdateAnchor"]),
+        createElementVNode("section", _hoisted_1, [
+          createVNode(_component_vxe_table, mergeProps({
+            ref_key: "$table",
+            ref: $table
+          }, unref(bindProperties), {
+            eventHookHandler: "",
+            data: tableDataRef.value,
+            onScroll: unref(onScroll)
+          }), {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(fieldListRef.value, (field) => {
+                return openBlock(), createBlock(unref(ColumnComponent), {
+                  key: field.field,
+                  field
+                }, null, 8, ["field"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 16, ["data", "onScroll"])
+        ])
+      ], 64);
     };
   }
 });

package/es/components/iho-table/src/IhoTable.vue.d.ts

@@ -15,6 +15,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<AnyObject[]>;
         default: () => never[];
     };
+    anchorList: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         tableConfig: {
@@ -29,6 +33,10 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<AnyObject[]>;
             default: () => never[];
         };
+        anchorList: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
     }>> & {
         onFormChange?: ((...args: any[]) => any) | undefined;
         onCopy?: ((...args: any[]) => any) | undefined;
@@ -4383,6 +4391,14 @@ declare const _default: import("vue").DefineComponent<{
             }[] | undefined;
         } | undefined;
     }>;
+    onScroll: (params: any) => void;
+    updateAnchor: (field: string) => Promise<void>;
+    currentAnchorList: import("vue").Ref<{
+        field: string;
+        title: string;
+        left: number;
+    }[]>;
+    anchorValue: import("vue").Ref<any>;
     IhoTableColumn: import("vue").DefineComponent<{
         field: {
             type: PropType<IhoTableFieldItem>;
@@ -4394,6 +4410,31 @@ declare const _default: import("vue").DefineComponent<{
             required: true;
         };
     }>>, {}>;
+    ColumnAnchor: import("vue").DefineComponent<{
+        anchorList: {
+            type: PropType<import("../../../../es/components/iho-table/src/types").IanchorObj[]>;
+            default: () => never[];
+        };
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+    }, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "updateAnchor")[], "updateAnchor" | "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        anchorList: {
+            type: PropType<import("../../../../es/components/iho-table/src/types").IanchorObj[]>;
+            default: () => never[];
+        };
+        value: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+        onUpdateAnchor?: ((...args: any[]) => any) | undefined;
+    }, {
+        anchorList: import("../../../../es/components/iho-table/src/types").IanchorObj[];
+        value: string;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd")[], "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tableConfig: {
         type: PropType<IhoTableConfig>;
@@ -4407,6 +4448,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<AnyObject[]>;
         default: () => never[];
     };
+    anchorList: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
 }>> & {
     onFormChange?: ((...args: any[]) => any) | undefined;
     onCopy?: ((...args: any[]) => any) | undefined;
@@ -4470,6 +4515,7 @@ declare const _default: import("vue").DefineComponent<{
     onActiveCellChangeEnd?: ((...args: any[]) => any) | undefined;
     onSettingClick?: ((...args: any[]) => any) | undefined;
 }, {
+    anchorList: string[];
     fieldList: LowCodeTableFieldItem[];
     tableConfig: IhoTableConfig;
     tableData: AnyObject[];

package/es/components/iho-table/src/components/ColumnAnchor.d.ts

@@ -0,0 +1,28 @@
+import { PropType } from 'vue';
+import { IanchorObj } from '../../../../../es/components/iho-table/src/types';
+declare const _default: import("vue").DefineComponent<{
+    anchorList: {
+        type: PropType<IanchorObj[]>;
+        default: () => never[];
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "updateAnchor")[], "updateAnchor" | "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    anchorList: {
+        type: PropType<IanchorObj[]>;
+        default: () => never[];
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    onUpdateAnchor?: ((...args: any[]) => any) | undefined;
+}, {
+    anchorList: IanchorObj[];
+    value: string;
+}>;
+export default _default;

package/es/components/iho-table/src/components/ColumnAnchor.js

@@ -0,0 +1,47 @@
+import { defineComponent, createVNode, isVNode } from 'vue';
+import { NTabs, NTabPane } from 'naive-ui';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var ColumnAnchor = defineComponent({
+  name: "ColumnAnchor",
+  props: {
+    anchorList: {
+      type: Array,
+      default: () => []
+    },
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:value", "updateAnchor"],
+  setup(props, {
+    attrs,
+    slots,
+    emit
+  }) {
+    function onUpdatedValue(value) {
+      emit("update:value", value);
+      emit("updateAnchor", value);
+    }
+    return () => {
+      let _slot;
+      return props.anchorList.length > 0 ? createVNode(NTabs, {
+        "type": "line",
+        "animated": true,
+        "pane-style": "padding: 0",
+        "value": props.value,
+        "onUpdate:value": onUpdatedValue
+      }, _isSlot(_slot = props.anchorList.map((field) => createVNode(NTabPane, {
+        "name": field.field,
+        "tab": field.title
+      }, null))) ? _slot : {
+        default: () => [_slot]
+      }) : null;
+    };
+  }
+});
+
+export { ColumnAnchor as default };

package/es/components/iho-table/src/components/index.d.ts

@@ -1 +1,2 @@
 export { default as IhoTableColumn } from './IhoTableColumn';
+export { default as ColumnAnchor } from './ColumnAnchor';

package/es/components/iho-table/src/components/index.js

@@ -1 +1,2 @@
 export { default as IhoTableColumn } from './IhoTableColumn.js';
+export { default as ColumnAnchor } from './ColumnAnchor.js';

package/es/components/iho-table/src/constants/index.d.ts

@@ -1,7 +1,7 @@
-import { Nullable } from '../../../../../es/shared/types';
+import { Nullable, UnionToTuple } from '../../../../../es/shared/types';
 import { InjectionKey, Ref } from 'vue';
 import { VxeTableEventProps } from 'vxe-table/types/table';
-import { IhoTableConfig, IhoTableEmitPayload, IhoTableFieldItem, IhoTableHandler, UnionToTuple } from '../../../../../es/components/iho-table';
+import { IhoTableConfig, IhoTableEmitPayload, IhoTableFieldItem, IhoTableHandler } from '../../../../../es/components/iho-table';
 export declare enum WIDGET_TYPE {
     DEFAULT = "DEFAULT",
     PICTURE = "PICTURE",

package/es/components/iho-table/src/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export * from './tapHooks';
 export * from './useTablePlugin';
+export * from './useAnchor';

package/es/components/iho-table/src/hooks/index.js

@@ -1,2 +1,3 @@
 export { applyTableConfigHooks, applyTableFieldHooks, createDataTransfer, createTableEventHandlers, createTableHooks } from './tapHooks/index.js';
 export { defineTablePlugin, useTablePlugin } from './useTablePlugin.js';
+export { useAnchor } from './useAnchor.js';

package/es/components/iho-table/src/hooks/useAnchor.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'vue';
+import { VxeTableInstance } from 'vxe-table';
+import { IhoTableFieldItem } from '../../../../../es/components/iho-table/src/types';
+export declare const useAnchor: (anchorList: string[], $table: Ref<VxeTableInstance | undefined>, fieldListRef: Ref<IhoTableFieldItem[]>) => {
+    updateAnchor: (field: string) => Promise<void>;
+    onScroll: (params: any) => void;
+    currentAnchorList: Ref<{
+        field: string;
+        title: string;
+        left: number;
+    }[]>;
+    anchorValue: Ref<any>;
+};

package/es/components/iho-table/src/hooks/useAnchor.js

@@ -0,0 +1,66 @@
+import { ref, watch } from 'vue';
+import { useThrottleFn } from '@vueuse/core';
+
+const useAnchor = (anchorList, $table, fieldListRef) => {
+  const currentAnchorList = ref([]);
+  const anchorValue = ref();
+  let setAnchorStatus = true;
+  function initAnchor() {
+    var _a, _b;
+    if (anchorList == null ? void 0 : anchorList.length) {
+      let left = 0;
+      fieldListRef.value.forEach((column) => {
+        const { field, minWidth, width, fixed, title, visible } = column;
+        const colWidth = +(minWidth || width);
+        if (fixed == "left") ; else {
+          left += colWidth;
+          const anchorObj = anchorList.find((fieldItem) => fieldItem === field);
+          anchorObj && visible && currentAnchorList.value.push({
+            field,
+            title,
+            left: left - colWidth
+          });
+        }
+      });
+      anchorValue.value = ((_b = (_a = currentAnchorList.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.field) || "";
+    }
+  }
+  async function updateAnchor(field) {
+    var _a, _b;
+    setAnchorStatus = false;
+    const anchorObj = currentAnchorList.value.find((fieldItem) => fieldItem.field === field);
+    if (anchorObj) {
+      await ((_b = $table.value) == null ? void 0 : _b.scrollTo((_a = anchorObj.left) != null ? _a : 0));
+      setTimeout(() => {
+        setAnchorStatus = true;
+      });
+    }
+  }
+  function setAnchorValue({ scrollLeft }) {
+    if (currentAnchorList.value.length && setAnchorStatus) {
+      const anchorObj = currentAnchorList.value.find((fieldItem) => scrollLeft < (fieldItem == null ? void 0 : fieldItem.left));
+      if (anchorObj) {
+        anchorValue.value = anchorObj.field;
+      }
+    }
+  }
+  const anchorEvent = useThrottleFn(setAnchorValue, 800);
+  function onScroll(params) {
+    anchorEvent(params);
+  }
+  watch(
+    () => fieldListRef.value,
+    (value) => {
+      initAnchor();
+    },
+    { immediate: true }
+  );
+  return {
+    updateAnchor,
+    onScroll,
+    currentAnchorList,
+    anchorValue
+  };
+};
+
+export { useAnchor };

package/es/components/iho-table/src/plugins/rowGroupSettingPlugin/rowGroupUtils.d.ts

@@ -1,11 +1,11 @@
-import { NotNull, Nullable } from '../../../../../../es/shared/types';
+import { Nullable } from '../../../../../../es/shared/types';
 import { IhoTableConfig, IhoTableFieldItem } from '../../../../../../es/components/iho-table';
 declare type GroupItem = string | {
     fieldName: string;
     children?: GroupItem[];
 };
-export declare function createRowGroupList(rowGroupSetting: NotNull<IhoTableConfig['rowGroupSetting']>, fieldList: IhoTableFieldItem[], getKey?: (field: IhoTableFieldItem) => string): GroupItem[];
+export declare function createRowGroupList(rowGroupSetting: NonNullable<IhoTableConfig['rowGroupSetting']>, fieldList: IhoTableFieldItem[], getKey?: (field: IhoTableFieldItem) => string): GroupItem[];
 export declare function groupTraverser<T extends Nullable<{
     children?: T[];
-}>>(groupList: GroupItem[], replacer: (fieldName: string, isBlock?: boolean) => T): NotNull<T>[];
+}>>(groupList: GroupItem[], replacer: (fieldName: string, isBlock?: boolean) => T): NonNullable<T>[];
 export {};

package/es/components/iho-table/src/plugins/virtualTreePlugin/index.js

@@ -49,7 +49,9 @@ function virtualTreePlugin() {
         return fieldList;
       });
       hooks.configHooks.config.tap(pluginName, (config) => {
-        const { transform, parentField = "parentId", rowField = "__parentId" } = config.treeConfig || DMZ;
+        if (!config.treeConfig)
+          return config;
+        const { transform, parentField = "parentId", rowField = "__parentId" } = config.treeConfig;
         if (!transform)
           return config;
         Object.assign(config.treeConfig, { parentField, rowField });

package/es/components/iho-table/src/types/index.d.ts

@@ -1,4 +1,4 @@
-import { AnyObject } from '../../../../../es/shared/types';
+import { AnyObject, TupleToUnion } from '../../../../../es/shared/types';
 import { VxeTableProps, VxeTableDefines } from 'vxe-table';
 import { VxeTableEventProps } from 'vxe-table/types/table';
 import { IhoTableEventNameTuple, IhoTableRowGroupSequence } from '../../../../../es/components/iho-table/src/constants';
@@ -8,11 +8,6 @@ export interface IhoTableRowGroupItem {
     title: string;
     list: string[];
 }
-declare type TupleToUnion<T extends readonly any[]> = T extends readonly [infer L, ...infer R] ? L | TupleToUnion<R> : never;
-declare type UnionToIntersectionFn<U> = (U extends unknown ? (k: () => U) => void : never) extends (k: infer I) => void ? I : never;
-declare type GetUnionLast<U> = UnionToIntersectionFn<U> extends () => infer I ? I : never;
-declare type Prepend<Tuple extends unknown[], First> = [First, ...Tuple];
-export declare type UnionToTuple<Union, T extends unknown[] = [], Last = GetUnionLast<Union>> = [Union] extends [never] ? T : UnionToTuple<Exclude<Union, Last>, Prepend<T, Last>>;
 export declare type IhoTableConfig = VxeTableProps & Partial<{
     uuid: string;
     showSeq: boolean;
@@ -51,3 +46,8 @@ export declare type EventListenerToEventName<T extends string> = T extends `on${
 export declare type EventNameToEventListener<T extends string> = T extends `${infer L}${infer R}` ? `on${Uppercase<L>}${R}` : never;
 export declare type IhoTableHandler = Record<'updateConfigRef' | 'updateFieldListRef' | 'updateTableDataRef', () => void>;
 export declare type IhoTableEmitPayload<T extends typeof IhoTableEventNameTuple[number]> = T extends 'formChange' ? [IhoFormChangePayload] : T extends 'settingClick' ? [] : Parameters<NonNullable<VxeTableEventProps[EventNameToEventListener<Exclude<T, 'formChange' | 'settingClick'>>]>>;
+export declare type IanchorObj = {
+    field: string;
+    title: string;
+    left: number;
+};

package/es/components/iho-table/src/types/pluginType.d.ts

@@ -1,4 +1,4 @@
-import { AnyObject, ArrayAble, Func, NotNull, Nullable } from '../../../../../es/shared/types';
+import { AnyObject, ArrayAble, Func, Nullable } from '../../../../../es/shared/types';
 import { AsyncParallelHook, AsyncSeriesHook, SyncHook, SyncWaterfallHook } from '../../../../../es/shared/utils/tapable';
 import { MaybeRef } from '@vueuse/core';
 import { Ref } from 'vue';
@@ -67,7 +67,7 @@ export declare type WithIhoEventContext<T> = T extends any[] ? [...T, IhoTableHa
 }, IhoTableConfig];
 declare type EventHookType<T extends Func> = AsyncParallelHook<WithIhoEventContext<Parameters<T>>>;
 declare type VxeEventTypes = Required<{
-    readonly [K in keyof VxeTableEventProps]: EventHookType<NotNull<VxeTableEventProps[K]>>;
+    readonly [K in keyof VxeTableEventProps]: EventHookType<NonNullable<VxeTableEventProps[K]>>;
 }>;
 export declare abstract class AbstractEventHooks implements VxeEventTypes {
     abstract readonly onKeydownStart: EventHookType<VxeTableEvents.KeydownStart>;

package/es/components/shortcut-setter/index.d.ts

@@ -1716,7 +1716,7 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
         key: import("vue").Ref<number>;
         reload: () => Promise<void>;
         formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFieldState", "resetFields", "queryWidget"];
-        exposed: import("../../../es/shared/types").AnyObject;
+        exposed: Partial<import("..").FormRenderExpose>;
         FormRender: import("vue").DefineComponent<{
             fieldList: {
                 type: import("vue").PropType<import("..").FieldItem[]>;

package/es/components/shortcut-setter/src/ShortcutSetter.vue.d.ts

@@ -1718,7 +1718,7 @@ declare const _default: import("vue").DefineComponent<{
         key: import("vue").Ref<number>;
         reload: () => Promise<void>;
         formRenderExposeKeyList: readonly ["validate", "getFormValues", "setFormValues", "setFieldState", "resetFieldState", "resetFields", "queryWidget"];
-        exposed: import("../../../../es/shared/types").AnyObject;
+        exposed: Partial<import("../../../../es/components/form-render").FormRenderExpose>;
         FormRender: import("vue").DefineComponent<{
             fieldList: {
                 type: import("vue").PropType<FieldItem[]>;

package/es/shared/types/index.d.ts

@@ -7,8 +7,6 @@ export declare type Func<T extends Array<any> = any[], P = any> = (...args: T) =
 export declare type Nullable<T> = T | null | undefined;
 export declare type UndefinedAble<T> = T | undefined;
 export declare type ArrayAble<T> = T | T[];
-export declare type MapValue<T> = T extends Map<any, infer P> ? P : any;
-export declare type NotNull<T> = T extends null | undefined ? never : T;
 export declare type Merge<T> = {
     [K in keyof T]: T[K];
 };
@@ -17,3 +15,9 @@ export declare type PropertyRequired<T, K extends keyof T> = Merge<{
 } & {
     [KEY in K]-?: T[KEY];
 }>;
+export declare type TupleToUnion<T extends readonly unknown[]> = T[number];
+declare type UnionToIntersectionFn<U> = (U extends unknown ? (k: () => U) => void : never) extends (k: infer I) => void ? I : never;
+declare type GetUnionLast<U> = UnionToIntersectionFn<U> extends () => infer I ? I : never;
+export declare type Unshift<Tuple extends unknown[], First> = [First, ...Tuple];
+export declare type UnionToTuple<Union, T extends unknown[] = [], Last = GetUnionLast<Union>> = [Union] extends [never] ? T : UnionToTuple<Exclude<Union, Last>, Unshift<T, Last>>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cnhis-design-vue",
-	"version": "3.1.26-beta.4",
+	"version": "3.1.26-beta.5",
 	"license": "ISC",
 	"module": "./es/components/index.js",
 	"main": "./es/components/index.js",
@@ -61,5 +61,5 @@
 		"iOS 7",
 		"last 3 iOS versions"
 	],
-	"gitHead": "11be7ffb222c804e43aba293b523538ed9fd3c1e"
+	"gitHead": "cec51746cac781fc5255d361b4a9df56e5407c61"
 }