cnhis-design-vue 3.1.24-beta.7 → 3.1.24-beta.9

package/es/components/iho-table/src/plugins/rendererPlugins/widgets/defaultRendererPlugin.js

@@ -0,0 +1,62 @@
+import { createVNode } from 'vue';
+import { isString } from 'lodash-es';
+import '../../../../index.js';
+import { WIDGET_TYPE } from '../../../constants/index.js';
+import { IhoTableWarn } from '../../../utils/index.js';
+import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
+
+function defaultRendererPlugin() {
+  const pluginName = "defaultRendererPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    vxe(instance) {
+      instance.renderer.add(WIDGET_TYPE.DEFAULT, {
+        renderCell(renderOpts, {
+          row,
+          column
+        }) {
+          const value = row[column.field];
+          return isRichContent(value) ? renderRichContent(value) : [value];
+          function renderRichContent(content) {
+            const parsedContent = parseRichContent(content);
+            return [createVNode("div", {
+              "style": {
+                color: parsedContent.background
+              }
+            }, [renderIcon(parsedContent.icon), parsedContent.change_text])];
+            function renderIcon(icon) {
+              if (!icon)
+                return null;
+              if (icon.match(/#[\da-f]{6}|[\da-f]{3}/i)) {
+                return createVNode("i", {
+                  "class": "icon-dot",
+                  "style": {
+                    "--table-icon-color": icon,
+                    "--table-icon-shadow": icon
+                  }
+                }, null);
+              }
+              return createVNode("i", {
+                "class": parsedContent.icon
+              }, null);
+            }
+            function parseRichContent(richContent) {
+              try {
+                return JSON.parse(richContent.replace(/^###/, ""));
+              } catch (e) {
+                IhoTableWarn(`invalid json-content ${richContent}`);
+                return {};
+              }
+            }
+          }
+          function isRichContent(content) {
+            return isString(content) && !!content.match(/^###\{[^{}]+}$/);
+          }
+        }
+      });
+      instance.renderer.add(WIDGET_TYPE.STATUS, instance.renderer.get(WIDGET_TYPE.DEFAULT));
+    }
+  });
+}
+
+export { defaultRendererPlugin };

package/es/components/iho-table/src/plugins/rendererPlugins/widgets/labelRendererPlugin.d.ts

@@ -0,0 +1 @@
+export declare function labelRendererPlugin(): import("../../../../../../../es/components/iho-table").TablePlugin;

package/es/components/iho-table/src/plugins/rendererPlugins/widgets/labelRendererPlugin.js

@@ -0,0 +1,47 @@
+import { createVNode } from 'vue';
+import { isArray, isString } from 'lodash-es';
+import '../../../../index.js';
+import { WIDGET_TYPE } from '../../../constants/index.js';
+import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
+
+function labelRendererPlugin() {
+  const pluginName = "labelRendererPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    vxe(instance) {
+      instance.renderer.add(WIDGET_TYPE.LABEL, {
+        renderCell(renderOpts, {
+          row,
+          column
+        }) {
+          try {
+            if (!row[column.field])
+              return [];
+            const value = JSON.parse(row[column.field]);
+            const labels = isArray(value.labels) ? value.labels : parseLabelString(value.labelStr);
+            return labels.map(renderLabelItem);
+          } catch (e) {
+            return [];
+          }
+          function parseLabelString(str) {
+            if (!isString(str))
+              return [];
+            return str.split(",").map((s) => ({
+              labelName: s
+            }));
+          }
+          function renderLabelItem(item) {
+            return createVNode("div", {
+              "style": {
+                backgroundColor: item.color || "#5585f5",
+                color: "white"
+              }
+            }, [item.labelName]);
+          }
+        }
+      });
+    }
+  });
+}
+
+export { labelRendererPlugin };

package/es/components/iho-table/src/plugins/rendererPlugins/widgets/pictureRendererPlugin.d.ts

@@ -0,0 +1,2 @@
+import 'viewerjs/dist/viewer.css';
+export declare function pictureRendererPlugin(): import("../../../../../../../es/components/iho-table").TablePlugin;

package/es/components/iho-table/src/plugins/rendererPlugins/widgets/pictureRendererPlugin.js

@@ -0,0 +1,92 @@
+import { defineComponent, watch, onBeforeUnmount, createVNode } from 'vue';
+import { arrayed } from '../../../../../../shared/utils/index.js';
+import '../../../../index.js';
+import { WIDGET_TYPE } from '../../../constants/index.js';
+import { getRowHeight, IhoTableWarn } from '../../../utils/index.js';
+import Viewer from 'viewerjs';
+import 'viewerjs/dist/viewer.css';
+import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
+
+function pictureRendererPlugin() {
+  const pluginName = "pictureRendererPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    vxe(instance) {
+      function createRenderOptions(style) {
+        return {
+          renderCell(renderOpts, {
+            row,
+            column
+          }) {
+            try {
+              if (!row[column.field])
+                return [];
+              const value = JSON.parse(row[column.field]);
+              const height = getRowHeight() - 16;
+              return [createVNode("section", {
+                "style": "display:flex;justify-content:center"
+              }, [createVNode(ViewerImage, {
+                "style": {
+                  width: height + "px",
+                  height: height + "px",
+                  ...style
+                },
+                "images": arrayed(value).map((v) => v.url)
+              }, null)])];
+            } catch (e) {
+              IhoTableWarn(`invalid ${renderOpts.name} value of field(${column.field}): ${row[column.field]}`);
+              return [];
+            }
+          }
+        };
+      }
+      instance.renderer.add(WIDGET_TYPE.PICTURE, createRenderOptions({}));
+      instance.renderer.add(WIDGET_TYPE.HEADPORTRAIT, createRenderOptions({
+        "border-radius": "50%"
+      }));
+    }
+  });
+}
+const ViewerImage = defineComponent({
+  name: "ViewerImage",
+  props: {
+    images: {
+      type: Array,
+      default: () => []
+    },
+    options: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(props) {
+    let $viewer = null;
+    function show() {
+      if ($viewer)
+        return $viewer.show();
+      const wrapper = document.createElement("section");
+      props.images.map((image) => wrapper.appendChild(createImage(image)));
+      $viewer = new Viewer(wrapper, props.options).show();
+    }
+    function createImage(image) {
+      const imageEle = new Image();
+      imageEle.src = image;
+      return imageEle;
+    }
+    watch([() => props.images, () => props.options], () => {
+      $viewer == null ? void 0 : $viewer.destroy();
+      $viewer = null;
+    }, {
+      deep: true
+    });
+    onBeforeUnmount(() => $viewer == null ? void 0 : $viewer.destroy());
+    return () => createVNode("img", {
+      "style": "cursor:pointer",
+      "alt": "",
+      "src": props.images[0],
+      "onClick": show
+    }, null);
+  }
+});
+
+export { pictureRendererPlugin };

package/es/components/iho-table/src/plugins/rendererPlugins/widgets/seqRendererPlugin.d.ts

@@ -0,0 +1 @@
+export declare function seqRendererPlugin(): import("../../../../../../../es/components/iho-table").TablePlugin;

package/es/components/iho-table/src/plugins/rendererPlugins/widgets/seqRendererPlugin.js

@@ -0,0 +1,45 @@
+import { inject, createVNode } from 'vue';
+import { SettingsSharp } from '@vicons/ionicons5';
+import { NIcon } from 'naive-ui';
+import '../../../../index.js';
+import { InjectionIhoTableEmits } from '../../../constants/index.js';
+import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
+
+function seqRendererPlugin() {
+  const pluginName = "seqRendererPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.fieldHooks.field.tap(pluginName, (field, {
+        index,
+        insertBefore
+      }, config) => {
+        if (index === 0 && config.showSeq) {
+          insertBefore({
+            align: "center",
+            fixed: "left",
+            width: 50,
+            type: "seq",
+            slots: {
+              header() {
+                const emits = inject(InjectionIhoTableEmits);
+                function onClick() {
+                  emits && emits("settingClick");
+                }
+                return [createVNode(NIcon, {
+                  "size": "14",
+                  "color": "#777",
+                  "component": SettingsSharp,
+                  "onClick": onClick
+                }, null)];
+              }
+            }
+          });
+        }
+        return field;
+      });
+    }
+  });
+}
+
+export { seqRendererPlugin };

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

@@ -0,0 +1 @@
+export declare function rowGroupSettingPlugin(): import("../../../../../../es/components/iho-table").TablePlugin;

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

@@ -0,0 +1,30 @@
+import { isObject } from '@vue/shared';
+import '../../../index.js';
+import { groupTraverser, createRowGroupList } from './rowGroupUtils.js';
+import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
+
+function rowGroupSettingPlugin() {
+  const pluginName = "rowGroupSettingPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.fieldHooks.fieldList.tap(pluginName, (fieldList, config) => {
+        if (!isObject(config.rowGroupSetting))
+          return fieldList;
+        return groupTraverser(
+          createRowGroupList(config.rowGroupSetting, fieldList),
+          (fieldName, isBlock) => {
+            if (isBlock)
+              return { field: fieldName, title: fieldName, align: "center" };
+            return fieldSearcher(fieldName, fieldList);
+          }
+        );
+      });
+    }
+  });
+}
+function fieldSearcher(fieldName, fieldList) {
+  return fieldList.find((field) => field.field === fieldName);
+}
+
+export { rowGroupSettingPlugin };

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

@@ -0,0 +1,11 @@
+import { NotNull, 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 groupTraverser<T extends Nullable<{
+    children?: T[];
+}>>(groupList: GroupItem[], replacer: (fieldName: string, isBlock?: boolean) => T): NotNull<T>[];
+export {};

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

@@ -0,0 +1,50 @@
+import { isObject } from '@vue/shared';
+import { isArray, isString } from 'lodash-es';
+import { IhoTableRowGroupSequence } from '../../constants/index.js';
+
+function createRowGroupList(rowGroupSetting, fieldList, getKey = (field) => field.field) {
+  const result = fieldList.map((field) => getKey(field));
+  IhoTableRowGroupSequence.some((sequence) => {
+    const currentLevelGroup = rowGroupSetting[sequence];
+    if (!isArray(currentLevelGroup))
+      return true;
+    currentLevelGroup.forEach((groupSetting) => {
+      if (!isArray(groupSetting.list) || !groupSetting.list.length)
+        return;
+      const children = [];
+      groupSetting.list.forEach((fieldName, idx) => {
+        const groupIdx = groupIndexSearcher(fieldName, result);
+        if (!~groupIdx)
+          return;
+        children.push(result[groupIdx]);
+        if (idx === 0) {
+          result.splice(groupIdx, 1, { fieldName: groupSetting.title, children });
+        } else {
+          result.splice(groupIdx, 1);
+        }
+      });
+    });
+  });
+  return result;
+  function groupIndexSearcher(fieldName, groupList) {
+    return groupList.findIndex((group) => (isObject(group) ? group.fieldName : group) === fieldName);
+  }
+}
+function groupTraverser(groupList, replacer) {
+  return groupList.reduce((result, group) => {
+    if (isString(group)) {
+      const item = replacer(group);
+      item && result.push(item);
+    }
+    if (isObject(group) && group.children) {
+      const item = replacer(group.fieldName, true);
+      if (item) {
+        item.children = groupTraverser(group.children, replacer);
+        result.push(item);
+      }
+    }
+    return result;
+  }, []);
+}
+
+export { createRowGroupList, groupTraverser };

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

@@ -0,0 +1 @@
+export declare function virtualTreePlugin(): import("../../../../../../es/components/iho-table").TablePlugin;

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

@@ -0,0 +1,89 @@
+import { DMZ, traverse, uuidGenerator } from '../../../../../shared/utils/index.js';
+import { isArray, isFunction } from 'lodash-es';
+import { onBeforeUnmount } from 'vue';
+import '../../../index.js';
+import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
+
+function virtualTreePlugin() {
+  const pluginName = "virtualTreePlugin";
+  const treeNodeColumnIndexMap = /* @__PURE__ */ new Map();
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.dataHooks.data.tap(pluginName, (rowData, context, config) => {
+        const {
+          transform,
+          rowField = "__parentId",
+          parentField = "parentId",
+          children = "childrenList"
+        } = config.treeConfig || DMZ;
+        if (!transform)
+          return;
+        enrichRowData(rowData);
+        if (!isArray(rowData[children]))
+          return;
+        traverse(
+          rowData[children],
+          (item, _, parent) => {
+            parent && (item[parentField] = parent[rowField]);
+            context.insertAfter(item);
+            enrichRowData(item);
+          },
+          children,
+          rowData
+        );
+        function enrichRowData(rowData2) {
+          rowData2[rowField] = rowData2[rowField] || rowData2.theUniqueKey || uuidGenerator();
+        }
+      });
+      hooks.fieldHooks.fieldList.tap(pluginName, (fieldList, config) => {
+        const { transform } = config.treeConfig || DMZ;
+        if (transform && config.uuid) {
+          const treeNodeColumnIndex = fieldList.findIndex((field) => field.treeNode);
+          treeNodeColumnIndexMap.set(config.uuid, {
+            index: ~treeNodeColumnIndex ? treeNodeColumnIndex : 0,
+            length: fieldList.length
+          });
+          !~treeNodeColumnIndex && Reflect.set(fieldList[0], "treeNode", true);
+        }
+        return fieldList;
+      });
+      hooks.configHooks.config.tap(pluginName, (config) => {
+        const { transform, parentField = "parentId", rowField = "__parentId" } = config.treeConfig || DMZ;
+        if (!transform)
+          return config;
+        Object.assign(config.treeConfig, { parentField, rowField });
+        if (transform && !isFunction(config.spanMethod)) {
+          config.spanMethod = (...args) => {
+            const { row, column, columnIndex } = args[0];
+            const treeNodeColumnInfo = treeNodeColumnIndexMap.get(config.uuid);
+            if (!treeNodeColumnInfo)
+              return;
+            if (column.treeNode) {
+              if (row[parentField])
+                return { rowspan: 1, colspan: 1 };
+              return { rowspan: 1, colspan: 99999 };
+            } else {
+              if (row[parentField])
+                return { rowspan: 1, colspan: 1 };
+              if (columnIndex < treeNodeColumnInfo.index)
+                return { rowspan: 1, colspan: 1 };
+              return { rowspan: 0, colspan: 0 };
+            }
+          };
+        }
+        return config;
+      });
+      hooks.setupHooks.setup.tap(pluginName, (configRef) => {
+        onBeforeUnmount(() => {
+          var _a;
+          if (!((_a = configRef.value) == null ? void 0 : _a.uuid))
+            return;
+          treeNodeColumnIndexMap.delete(configRef.value.uuid);
+        });
+      });
+    }
+  });
+}
+
+export { virtualTreePlugin };

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

@@ -0,0 +1,49 @@
+import { AnyObject } from '../../../../../es/shared/types';
+import { VxeTableProps, VxeTableDefines } from 'vxe-table';
+import { IhoTableRowGroupSequence } from '../../../../../es/components/iho-table/src/constants';
+export * from './pluginType';
+export interface IhoTableRowGroupItem {
+    groupName: string;
+    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;
+    selectType: Exclude<VxeTableDefines.ColumnInfo['type'], 'seq' | 'expand' | 'html'>;
+    rowGroupSetting: Partial<Record<TupleToUnion<typeof IhoTableRowGroupSequence>, IhoTableRowGroupItem[]>>;
+    [K: string]: unknown;
+}>;
+export declare type IhoTableFieldItem = {
+    [K in keyof VxeTableDefines.ColumnInfo]?: K extends 'children' ? IhoTableFieldItem[] : K extends keyof VxeTableDefines.ColumnInfo ? VxeTableDefines.ColumnInfo[K] : never;
+} & {
+    [K: string]: unknown;
+};
+declare type LowCodeTableSettingObj = Partial<{
+    attr: string;
+    isHide: '0' | '1';
+    [K: string]: unknown;
+}>;
+export declare type LowCodeTableFieldItem = {
+    columnName: string;
+    [K: string]: unknown;
+} & Partial<{
+    id: number | string;
+    title: string;
+    colWidth: string | number;
+    settingObj: LowCodeTableSettingObj;
+    treeNode: boolean;
+}>;
+export declare type IhoFormChangePayload = {
+    column: VxeTableDefines.ColumnInfo;
+    row: AnyObject;
+    value: unknown;
+    index: number;
+};
+export declare type EventListenerToEventName<T extends string> = T extends `on${infer R}` ? R extends `${infer F}${infer L}` ? `${Lowercase<F>}${L}` : never : never;
+export declare type IhoTableHandler = Record<'updateConfigRef' | 'updateFieldListRef' | 'updateTableDataRef', () => void>;

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

@@ -0,0 +1 @@
+export { AbstractConfigHooks, AbstractDataHooks, AbstractEventHooks, AbstractFieldHooks, AbstractSetupHooks } from './pluginType.js';

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

@@ -0,0 +1,147 @@
+import { AnyObject, ArrayAble, Func, NotNull, Nullable } from '../../../../../es/shared/types';
+import { AsyncParallelHook, AsyncSeriesHook, SyncHook, SyncWaterfallHook } from '../../../../../es/shared/utils/tapable';
+import { MaybeRef } from '@vueuse/core';
+import { Ref } from 'vue';
+import { VxeGlobalCommands, VxeGlobalFormats, VxeGlobalHooks, VxeGlobalMenus, VxeGlobalRenderer, VxeTableInstance } from 'vxe-table';
+import { VxeTableEventProps, VxeTableEvents } from 'vxe-table/types/table';
+import { VxeGlobalInterceptor } from 'vxe-table/types/v-x-e-table';
+import { IhoTableConfig, IhoTableFieldItem, IhoTableHandler } from '.';
+export declare type IhoTableInstance = {
+    interceptor: VxeGlobalInterceptor;
+    renderer: VxeGlobalRenderer;
+    commands: VxeGlobalCommands;
+    formats: VxeGlobalFormats;
+    menus: VxeGlobalMenus;
+    hooks: VxeGlobalHooks;
+};
+export declare type TablePlugin = {
+    name: string;
+    vxe?(xeTable: IhoTableInstance): void;
+    apply?(hooks: TableHooks): void;
+};
+export declare type TableHooks = Readonly<{
+    configHooks: AbstractConfigHooks;
+    fieldHooks: AbstractFieldHooks;
+    eventHooks: AbstractEventHooks;
+    dataHooks: AbstractDataHooks;
+    setupHooks: AbstractSetupHooks;
+}>;
+export declare type WithTableConfig<T = []> = T extends any[] ? [...T, IhoTableConfig] : [T, IhoTableConfig];
+declare type ConfigHookType<T> = SyncWaterfallHook<WithTableConfig<T>>;
+export declare abstract class AbstractConfigHooks {
+    abstract readonly config: SyncWaterfallHook<IhoTableConfig>;
+    abstract readonly rowConfig: ConfigHookType<IhoTableConfig['rowConfig']>;
+    abstract readonly editConfig: ConfigHookType<IhoTableConfig['editConfig']>;
+    abstract readonly columnConfig: ConfigHookType<IhoTableConfig['columnConfig']>;
+    abstract readonly resizableConfig: ConfigHookType<IhoTableConfig['resizableConfig']>;
+    abstract readonly seqConfig: ConfigHookType<IhoTableConfig['seqConfig']>;
+    abstract readonly sortConfig: ConfigHookType<IhoTableConfig['sortConfig']>;
+    abstract readonly filterConfig: ConfigHookType<IhoTableConfig['filterConfig']>;
+    abstract readonly radioConfig: ConfigHookType<IhoTableConfig['radioConfig']>;
+    abstract readonly checkboxConfig: ConfigHookType<IhoTableConfig['checkboxConfig']>;
+    abstract readonly expandConfig: ConfigHookType<IhoTableConfig['expandConfig']>;
+    abstract readonly treeConfig: ConfigHookType<IhoTableConfig['treeConfig']>;
+    abstract readonly mouseConfig: ConfigHookType<IhoTableConfig['mouseConfig']>;
+    abstract readonly menuConfig: ConfigHookType<IhoTableConfig['menuConfig']>;
+    abstract readonly keyboardConfig: ConfigHookType<IhoTableConfig['keyboardConfig']>;
+    abstract readonly scrollY: ConfigHookType<IhoTableConfig['scrollY']>;
+    abstract readonly scrollX: ConfigHookType<IhoTableConfig['scrollX']>;
+    abstract readonly editRules: ConfigHookType<IhoTableConfig['editRules']>;
+}
+export interface FieldHookContext {
+    index: number;
+    remove(): void;
+    insertBefore(field: ArrayAble<IhoTableFieldItem>): void;
+    insertAfter(field: ArrayAble<IhoTableFieldItem>): void;
+}
+export declare abstract class AbstractFieldHooks {
+    abstract readonly fieldStart: AsyncParallelHook<WithTableConfig>;
+    abstract readonly field: SyncWaterfallHook<WithTableConfig<[IhoTableFieldItem, FieldHookContext]>>;
+    abstract readonly fieldList: SyncWaterfallHook<WithTableConfig<[IhoTableFieldItem[]]>>;
+    abstract readonly fieldEnd: AsyncParallelHook<WithTableConfig>;
+}
+export declare type WithIhoEventContext<T> = T extends any[] ? [...T, IhoTableHandler & {
+    $table: Nullable<VxeTableInstance>;
+}, IhoTableConfig] : [T, IhoTableHandler & {
+    $table: Nullable<VxeTableInstance>;
+}, IhoTableConfig];
+declare type EventHookType<T extends Func> = AsyncParallelHook<WithIhoEventContext<Parameters<T>>>;
+declare type VxeEventTypes = Required<{
+    readonly [K in keyof VxeTableEventProps]: EventHookType<NotNull<VxeTableEventProps[K]>>;
+}>;
+export declare abstract class AbstractEventHooks implements VxeEventTypes {
+    abstract readonly onKeydownStart: EventHookType<VxeTableEvents.KeydownStart>;
+    abstract readonly onKeydown: EventHookType<VxeTableEvents.Keydown>;
+    abstract readonly onKeydownEnd: EventHookType<VxeTableEvents.KeydownEnd>;
+    abstract readonly onPaste: EventHookType<VxeTableEvents.Paste>;
+    abstract readonly onCopy: EventHookType<VxeTableEvents.Copy>;
+    abstract readonly onCut: EventHookType<VxeTableEvents.Cut>;
+    abstract readonly onCurrentChange: EventHookType<VxeTableEvents.CurrentChange>;
+    abstract readonly onRadioChange: EventHookType<VxeTableEvents.RadioChange>;
+    abstract readonly onCheckboxChange: EventHookType<VxeTableEvents.CheckboxChange>;
+    abstract readonly onCheckboxAll: EventHookType<VxeTableEvents.CheckboxAll>;
+    abstract readonly onCheckboxRangeStart: EventHookType<VxeTableEvents.CheckboxRangeStart>;
+    abstract readonly onCheckboxRangeChange: EventHookType<VxeTableEvents.CheckboxRangeChange>;
+    abstract readonly onCheckboxRangeEnd: EventHookType<VxeTableEvents.CheckboxRangeEnd>;
+    abstract readonly onCellClick: EventHookType<VxeTableEvents.CellClick>;
+    abstract readonly onCellDblclick: EventHookType<VxeTableEvents.CellDblclick>;
+    abstract readonly onCellMenu: EventHookType<VxeTableEvents.CellMenu>;
+    abstract readonly onCellMouseenter: EventHookType<VxeTableEvents.CellMouseenter>;
+    abstract readonly onCellMouseleave: EventHookType<VxeTableEvents.CellMouseleave>;
+    abstract readonly onHeaderCellClick: EventHookType<VxeTableEvents.HeaderCellClick>;
+    abstract readonly onHeaderCellDblclick: EventHookType<VxeTableEvents.HeaderCellDblclick>;
+    abstract readonly onHeaderCellMenu: EventHookType<VxeTableEvents.HeaderCellMenu>;
+    abstract readonly onFooterCellClick: EventHookType<VxeTableEvents.FooterCellClick>;
+    abstract readonly onFooterCellDblclick: EventHookType<VxeTableEvents.FooterCellDblclick>;
+    abstract readonly onFooterCellMenu: EventHookType<VxeTableEvents.FooterCellMenu>;
+    abstract readonly onSortChange: EventHookType<VxeTableEvents.SortChange>;
+    abstract readonly onFilterChange: EventHookType<VxeTableEvents.FilterChange>;
+    abstract readonly onFilterVisible: EventHookType<VxeTableEvents.FilterVisible>;
+    abstract readonly onResizableChange: EventHookType<VxeTableEvents.ResizableChange>;
+    abstract readonly onToggleRowExpand: EventHookType<VxeTableEvents.ToggleRowExpand>;
+    abstract readonly onToggleTreeExpand: EventHookType<VxeTableEvents.ToggleTreeExpand>;
+    abstract readonly onMenuClick: EventHookType<VxeTableEvents.MenuClick>;
+    abstract readonly onEditClosed: EventHookType<VxeTableEvents.EditClosed>;
+    abstract readonly onEditActived: EventHookType<VxeTableEvents.EditActived>;
+    abstract readonly onEditDisabled: EventHookType<VxeTableEvents.EditDisabled>;
+    abstract readonly onValidError: EventHookType<VxeTableEvents.ValidError>;
+    abstract readonly onScroll: EventHookType<VxeTableEvents.Scroll>;
+    abstract readonly onCustom: EventHookType<VxeTableEvents.Custom>;
+    abstract readonly onOpenFnr: EventHookType<VxeTableEvents.OpenFnr>;
+    abstract readonly onFnrChange: EventHookType<VxeTableEvents.FnrChange>;
+    abstract readonly onFnrFind: EventHookType<VxeTableEvents.FnrFind>;
+    abstract readonly onFnrFindAll: EventHookType<VxeTableEvents.FnrFindAll>;
+    abstract readonly onFnrReplace: EventHookType<VxeTableEvents.FnrReplace>;
+    abstract readonly onFnrReplaceAll: EventHookType<VxeTableEvents.FnrReplaceAll>;
+    abstract readonly onCellAreaCopy: EventHookType<VxeTableEvents.CellAreaCopy>;
+    abstract readonly onCellAreaCut: EventHookType<VxeTableEvents.CellAreaCut>;
+    abstract readonly onCellAreaPaste: EventHookType<VxeTableEvents.CellAreaPaste>;
+    abstract readonly onCellAreaMerge: EventHookType<VxeTableEvents.CellAreaMerge>;
+    abstract readonly onClearCellAreaMerge: EventHookType<VxeTableEvents.ClearCellAreaMerge>;
+    abstract readonly onHeaderCellAreaSelection: EventHookType<VxeTableEvents.HeaderCellAreaSelection>;
+    abstract readonly onCellAreaSelectionStart: EventHookType<VxeTableEvents.CellAreaSelectionStart>;
+    abstract readonly onCellAreaSelectionDrag: EventHookType<VxeTableEvents.CellAreaSelectionDrag>;
+    abstract readonly onCellAreaSelectionEnd: EventHookType<VxeTableEvents.CellAreaSelectionEnd>;
+    abstract readonly onCellAreaExtensionStart: EventHookType<VxeTableEvents.CellAreaExtensionStart>;
+    abstract readonly onCellAreaExtensionDrag: EventHookType<VxeTableEvents.CellAreaExtensionDrag>;
+    abstract readonly onCellAreaExtensionEnd: EventHookType<VxeTableEvents.CellAreaExtensionEnd>;
+    abstract readonly onCellAreaArrowsStart: EventHookType<VxeTableEvents.CellAreaArrowsStart>;
+    abstract readonly onCellAreaArrowsEnd: EventHookType<VxeTableEvents.CellAreaArrowsEnd>;
+    abstract readonly onActiveCellChangeStart: EventHookType<VxeTableEvents.ActiveCellChangeStart>;
+    abstract readonly onActiveCellChangeEnd: EventHookType<VxeTableEvents.ActiveCellChangeEnd>;
+}
+declare type DataHookContext = {
+    remove(): void;
+    $table: MaybeRef<Nullable<VxeTableInstance>>;
+    index: number;
+    insertBefore(data: ArrayAble<AnyObject>): void;
+    insertAfter(data: ArrayAble<AnyObject>): void;
+};
+export declare type WithTableDataContext<T> = T extends any[] ? [...T, ...WithTableConfig<DataHookContext>] : [T, ...WithTableConfig<DataHookContext>];
+export declare abstract class AbstractDataHooks {
+    abstract readonly data: AsyncSeriesHook<WithTableDataContext<[AnyObject]>>;
+}
+export declare abstract class AbstractSetupHooks {
+    abstract readonly setup: SyncHook<[Ref<IhoTableConfig>, Ref<IhoTableFieldItem[]>]>;
+}
+export {};

package/es/components/iho-table/src/types/pluginType.js

@@ -0,0 +1,12 @@
+class AbstractConfigHooks {
+}
+class AbstractFieldHooks {
+}
+class AbstractEventHooks {
+}
+class AbstractDataHooks {
+}
+class AbstractSetupHooks {
+}
+
+export { AbstractConfigHooks, AbstractDataHooks, AbstractEventHooks, AbstractFieldHooks, AbstractSetupHooks };