cnhis-design-vue 3.2.1-release.2 → 3.2.2-beta.1

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

@@ -1 +1 @@
-import{createVNode as e,defineComponent as o,inject as a}from"vue";import"../../../../index.js";import{NCheckbox as n}from"naive-ui";import{isNumber as t}from"lodash-es";import{defineTablePlugin as s}from"../../../hooks/useTablePlugin.js";function r(){const o="checkRendererPlugin";return s({name:o,apply(a){a.fieldHooks.field.tap(o,((a,{index:n,insertBefore:s},r)=>{if(0===n&&r.selectType&&["checkbox","radio"].includes(r.selectType)){const{radioConfig:a,checkboxConfig:n={}}=r,i={width:45,align:"center",fixed:"left",..."radio"===r.selectType?a:n,field:o,type:r.selectType,annotation:!1};n.disableHeader&&(i.slots={header:()=>e("span",{class:"checkbox-cell--disable"},null),...i.slots}),n.useNCheckbox&&(i.slots={...t(n.maxCheckSize)?{}:{header:o=>[e(l,{params:o},null)]},checkbox:o=>[e(l,{params:o},null)],...i.slots}),s(i)}return a}))}})}const l=o({name:"Checkbox",props:{params:{type:Object,default:()=>({})}},setup(o){const t=a("$xetable");function s(e,a){var n;a.stopPropagation(),"header"===(null==(n=o.params)?void 0:n.type)?null==t||t.triggerCheckAllEvent(new MouseEvent("mouse-down"),e):null==t||t.triggerCheckRowEvent(new MouseEvent("mouse-down"),o.params,e)}return()=>e(n,{checked:o.params.checked,"onUpdate:checked":e=>o.params.checked=e,indeterminate:o.params.indeterminate,disabled:o.params.disabled,onUpdateChecked:s},null)}});export{r as checkRendererPlugin};
+import{createVNode as e,defineComponent as o,inject as n,computed as t}from"vue";import{isNumber as l,constant as a,isString as i}from"lodash-es";import"../../../../index.js";import{NCheckbox as d}from"naive-ui";import{defineTablePlugin as c}from"../../../hooks/useTablePlugin.js";function r(){const o="checkRendererPlugin";return c({name:o,apply(n){n.fieldHooks.field.tap(o,((n,{index:t,insertBefore:i},d)=>{if(0===t&&d.selectType&&["checkbox","radio"].includes(d.selectType)){const{radioConfig:n,checkboxConfig:t={}}=d,c={width:45,align:"center",fixed:"left",..."radio"===d.selectType?n:t,field:o,type:d.selectType,annotation:!1};t.disableHeader&&(c.slots={header:()=>e("span",{class:"checkbox-cell--disable"},null),...c.slots}),t.useNCheckbox&&(c.slots={checkbox:e=>s(e,t),header:l(t.maxCheckSize)?a([]):e=>s(e,t),...c.slots}),i(c)}return n}))}})}function s(o,n){return[e(p,{payload:o,checkboxConfig:n},null)]}const p=o({name:"IhoTableNCheckbox",props:{payload:{type:Object,default:()=>({})},checkboxConfig:{type:Object,default:()=>({})}},setup(o){const l=n("$xetable");function a(e,n){var t;n.stopPropagation(),"header"===(null==(t=o.payload)?void 0:t.type)?null==l||l.triggerCheckAllEvent(new MouseEvent("mouse-down"),e):null==l||l.triggerCheckRowEvent(new MouseEvent("mouse-down"),o.payload,e)}const c=t((()=>{var e,n;return i(null==(e=o.checkboxConfig)?void 0:e.indeterminateField)?null==(n=o.payload.row)?void 0:n[o.checkboxConfig.indeterminateField]:o.payload.indeterminate}));return()=>e(d,{checked:o.payload.checked,"onUpdate:checked":e=>o.payload.checked=e,indeterminate:c.value,disabled:o.payload.disabled,onUpdateChecked:a},null)}});export{r as checkRendererPlugin};

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

@@ -1 +1 @@
-import{getArrDepth as e}from"../../../../../shared/utils/index.js";import{useThrottleFn as t}from"@vueuse/core";import{promiseTimeout as o}from"@vueuse/shared";import{pick as n,isEmpty as r,isArray as i}from"lodash-es";import{inject as l,onBeforeUnmount as a,unref as d}from"vue";import"../../../index.js";import{InjectionIhoTableUUID as c,LOWEST_PRIORITY as u,WIDGET_TYPE as s}from"../../constants/index.js";import{useUUIDMap as f}from"../../utils/index.js";import{VERTICAL_CELL_TYPE as g}from"./constants.js";import{createCellRender as m}from"./renderer.js";import{isVerticalTable as p,isVerticalHeader as h,getSpanInfo as w,getVerticalInfoFromEvent as x,createVerticalFieldList as v,bindHeaderInfoAndFlatten as C,findFixedLeftFields as b,createDataProxy as D,createVerticalStateHandler as k,getOriginFieldFromRowData as y}from"./utils.js";import{defineTablePlugin as R}from"../../hooks/useTablePlugin.js";const I=["RADIO","SWITCH"];function j(){const j="verticalTablePlugin",{getItemFromUUID:T,removeItemFromUUID:H}=f((()=>({})));return R({name:j,vxe(e){e.renderer.add(g,{renderCell:m(e,T,"default"),renderEdit:m(e,T,"edit"),renderHeader(t,o){var n,r,i;const a=l(c),d=T(a),u=null==(n=d.fixedLeftVerticalData)?void 0:n[o.$rowIndex];if(!u)return null;const s=(null==(r=d.editCell)?void 0:r.rowIndex)===o.$rowIndex&&(null==(i=d.editCell)?void 0:i.column)===o.column;return m(e,T,s?"edit":"default")(null,{...o,row:u,rowIndex:o.$rowIndex,rowid:o.$rowIndex+"",fixed:o.column.fixed,isHidden:!o.column.visible,type:o.column.type})}})},apply(l){l.configHooks.config.tap({name:j,stage:u},(e=>{if(!e.uuid||!p(e))return e;const{uuid:i}=e,l=T(i);l.originalTableConfig=e,Reflect.set(window,"__state",l);const a=k(l);function d({column:e,type:t,$rowIndex:o}){if(h(e.field))return void(l.editCell=null);const n=a.getOriginDataByColumn(e);if(n){if(l.editCell="body"===t?null:{rowIndex:o,column:e},l.currentRow=a.getTableConfig("rowConfig.clickToCancel")&&l.currentRow===n?null:n,"row"===a.getTableConfig("checkboxConfig.trigger")){const e=a.getTableConfig("checkboxConfig.checkField")||"checked";n[e]=!n[e]}"row"===a.getTableConfig("radioConfig.trigger")&&(l.currentRow=n)}}function c({column:e,row:t}){const o={};if(t&&w(t,e).colspan>1&&Object.assign(o,{textAlign:"center"}),!h(e.field)){const n=a.getOriginDataByColumn(e);n===l.hoveringRow&&Object.assign(o,{backgroundColor:"var(--c-hover-color)"}),n===l.currentRow&&Object.assign(o,{backgroundColor:"var(--c-primary-color-opacity2)"}),t&&["checkbox","radio","seq"].includes(y(t).type||"")&&Object.assign(o,{textAlign:"center"})}return o}function u({column:e}){const t=h(e.field);return{"vxe-header--column":t,"vxe-table--header":t,[e.field]:!0}}return a.initClickEvent(i),{uuid:i,showHeader:!1,...n(e,["border","height","verticalConfig","showSeq","size","rowGroupSetting","keyboardConfig","selectType","columnConfig"]),cellClassName:u,headerRowStyle({$rowIndex:e}){const t={background:"white"};return r(l.fixedLeftVerticalData)||l.fixedLeftVerticalData.length!==e||(t.display="none"),t},headerCellStyle({column:e,$rowIndex:t}){const{fixedLeftVerticalData:o=[]}=l,n=c({column:e,row:o[t]});return e.colSpan>1&&(n.textAlign="center"),{textShadow:h(e.field)?"0 0 1px":"none",...n}},headerCellClassName:u,cellStyle:c,spanMethod:({row:e,column:t})=>w(e,t),editConfig:{...e.editConfig,showIcon:!1,beforeEditMethod({row:e,column:t}){var o;const{originalField:n={}}=e;if(h(t.field))return!1;const{editRender:{name:r=s.DEFAULT}={}}=n;return!Object.values(s).concat(I).includes(r)&&(!(null==(o=n.slots)?void 0:o.default)||!!n.slots.edit)}},onHeaderCellClick:d,onCellClick:d,onMousemove:t((e=>{var t,o;const n=x(e);if(!n||"body"!==n.type)return l.hoveringRow=null;l.hoveringRow=null!=(o=null==(t=l.originalData)?void 0:t[n.sequence])?o:null}),100),async onMouseleave(){await o(101),l.hoveringRow=null},async onScroll(){await o(101),l.hoveringRow=null}}})),l.fieldHooks.fieldList.tap({name:j,stage:u},((t,o,{globProps:n})=>{const{uuid:r}=o;if(!r||!p(o))return t;const l=T(r);if(!l)return t;if(l.originalFieldList=t,!i(n.tableData))return[];let a=v(n.tableData,l.headerDepth=e(t),l);l.fullVerticalOriginData=C(t,l.headerDepth);const d=b(t);return d.length&&(o.showHeader=!0,d.forEach((e=>{let t=[];a=a.reduce(((o,n)=>{if(h(n.field)){if(0===e[n.field.replaceAll("_parent","")+"_colspan"])return t.push(n),o}return o.push({field:n.field+"_parent",fixed:n.fixed,editRender:n.editRender,children:[...t,n]}),t=[],o}),[])}))),l.verticalFieldList=a})),l.dataHooks.dataList.tap({name:j,stage:u},((e,t)=>{const{uuid:o}=t;if(!o||!p(t))return e;const n=T(o);if(!n)return e;n.originalData=e;const{fullVerticalOriginData:r=[]}=n;return n.fixedLeftVerticalData=r.filter((e=>"left"===e.fixed)).map((e=>D(e,(()=>n.originalData||[])))),n.verticalData=r.filter((e=>"left"!==e.fixed)).map((e=>D(e,(()=>n.originalData||[]))))})),l.setupHooks.setup.tap(j,(e=>{a((()=>{const{uuid:t}=d(e)||{};t&&(k(T(t)).removeClickEvent(),H(t))}))})),l.exposeHooks.expose.tap(j,((e,t,o)=>Object.assign(e,{verticalTable:{update(){t.value.uuid&&(o.updateConfigRef(),o.updateFieldListRef(),o.updateTableDataRef())}}})))}})}export{j as verticalTablePlugin};
+import{pick as e}from"lodash-es";import{onBeforeUnmount as r,unref as o}from"vue";import"../../../index.js";import{LOWEST_PRIORITY as l}from"../../constants/index.js";import{createVerticalTableHooks as t,usePresetVerticalPlugins as n}from"./src/hooks/index.js";import{useUUIDMap as i}from"../../utils/index.js";import{VERTICAL_CELL_TYPE as s}from"./src/constants.js";import{createCellRender as a,createHeaderCellRender as c}from"./src/renderer.js";import{isVerticalTable as d,getSpanInfo as u}from"./src/utils.js";import{defineTablePlugin as m}from"../../hooks/useTablePlugin.js";function f(){const f="verticalTablePlugin",{getItemFromUUID:p,removeItemFromUUID:C}=i((()=>({})));return m({name:f,vxe(e){e.renderer.add(s,{renderCell:a(e,p,"default"),renderEdit:a(e,p,"edit"),renderHeader:c(e,p)})},apply(i){const s=t();n(s,i,p),i.configHooks.config.tap({name:f,stage:l},(r=>{if(!r.uuid||!d(r))return r;const o=p(r.uuid);function l(e){s.onCellClick.call(e,o)}function t(e){var r;return e.row||null==e.$rowIndex||(e.row=null==(r=o.fixedLeftVerticalData)?void 0:r[e.$rowIndex]),s.cellStyle.call({},e,o)}function n(e){return s.cellClassName.call({},e,o)}o.originalTableConfig=r;const i={...e(r,["uuid","border","height","verticalConfig","showSeq","size","rowGroupSetting","keyboardConfig","selectType","editConfig"]),cellClassName:n,headerCellClassName:n,cellStyle:t,headerCellStyle:t,headerRowStyle:e=>s.headerRowStyle.call({background:"white"},e,o),spanMethod:u,onCellClick:l,onHeaderCellClick:l};return s.config.call(i,o)})),i.setupHooks.setup.tap(f,(e=>{r((()=>C(o(e).uuid)))}))}})}export{f as verticalTablePlugin};

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

@@ -0,0 +1,112 @@
+import { AnyObject } from '../../../../../../../shared/types';
+import { SyncHook, SyncWaterfallHook } from '../../../../../../../shared/utils/tapable';
+import { CSSProperties } from 'vue';
+import { VxeTableDefines } from 'vxe-table';
+import { VxeColumnPropTypes } from 'vxe-table/types/column';
+import { VxeTableConstructor, VxeTablePrivateMethods } from 'vxe-table/types/table';
+import { IhoTableConfig, TableHooks } from '../../../../../../../components/iho-table';
+import { IhoTableVerticalState } from '../types';
+export declare const createVerticalTableHooks: () => {
+    onCellClick: SyncHook<[{
+        $rowIndex: number;
+        row?: AnyObject | undefined;
+        $columnIndex: number;
+        column: VxeTableDefines.ColumnInfo;
+    }, Partial<{
+        originalTableConfig: IhoTableConfig;
+        originalFieldList: import("../../../../../../../components/iho-table").IhoTableFieldItem[];
+        originalData: AnyObject[];
+        verticalFieldList: import("../../../../../../../components/iho-table").IhoTableFieldItem[];
+        fullVerticalOriginData: AnyObject[];
+        verticalData: AnyObject[];
+        fixedLeftVerticalData: AnyObject[];
+        headerDepth: number;
+        currentRow: AnyObject | null;
+        editCell: {
+            row: AnyObject;
+            column: import("../../../../../../../components/iho-table").IhoTableFieldItem;
+        } | null;
+        editStateEvent: (event: MouseEvent) => void;
+        hoveringRow: AnyObject | null;
+    }>], void, import("../../../../../../../shared/utils/tapable").UnsetAdditionalOptions>;
+    cellStyle: SyncWaterfallHook<[CSSProperties, {
+        column: VxeTableDefines.ColumnInfo;
+        row?: AnyObject | undefined;
+    }, Partial<{
+        originalTableConfig: IhoTableConfig;
+        originalFieldList: import("../../../../../../../components/iho-table").IhoTableFieldItem[];
+        originalData: AnyObject[];
+        verticalFieldList: import("../../../../../../../components/iho-table").IhoTableFieldItem[];
+        fullVerticalOriginData: AnyObject[];
+        verticalData: AnyObject[];
+        fixedLeftVerticalData: AnyObject[];
+        headerDepth: number;
+        currentRow: AnyObject | null;
+        editCell: {
+            row: AnyObject;
+            column: import("../../../../../../../components/iho-table").IhoTableFieldItem;
+        } | null;
+        editStateEvent: (event: MouseEvent) => void;
+        hoveringRow: AnyObject | null;
+    }>], import("../../../../../../../shared/utils/tapable").UnsetAdditionalOptions>;
+    cellClassName: SyncWaterfallHook<[Record<string, boolean>, {
+        column: VxeTableDefines.ColumnInfo;
+    }, Partial<{
+        originalTableConfig: IhoTableConfig;
+        originalFieldList: import("../../../../../../../components/iho-table").IhoTableFieldItem[];
+        originalData: AnyObject[];
+        verticalFieldList: import("../../../../../../../components/iho-table").IhoTableFieldItem[];
+        fullVerticalOriginData: AnyObject[];
+        verticalData: AnyObject[];
+        fixedLeftVerticalData: AnyObject[];
+        headerDepth: number;
+        currentRow: AnyObject | null;
+        editCell: {
+            row: AnyObject;
+            column: import("../../../../../../../components/iho-table").IhoTableFieldItem;
+        } | null;
+        editStateEvent: (event: MouseEvent) => void;
+        hoveringRow: AnyObject | null;
+    }>], import("../../../../../../../shared/utils/tapable").UnsetAdditionalOptions>;
+    config: SyncWaterfallHook<[IhoTableConfig, Partial<{
+        originalTableConfig: IhoTableConfig;
+        originalFieldList: import("../../../../../../../components/iho-table").IhoTableFieldItem[];
+        originalData: AnyObject[];
+        verticalFieldList: import("../../../../../../../components/iho-table").IhoTableFieldItem[];
+        fullVerticalOriginData: AnyObject[];
+        verticalData: AnyObject[];
+        fixedLeftVerticalData: AnyObject[];
+        headerDepth: number;
+        currentRow: AnyObject | null;
+        editCell: {
+            row: AnyObject;
+            column: import("../../../../../../../components/iho-table").IhoTableFieldItem;
+        } | null;
+        editStateEvent: (event: MouseEvent) => void;
+        hoveringRow: AnyObject | null;
+    }>], import("../../../../../../../shared/utils/tapable").UnsetAdditionalOptions>;
+    headerRowStyle: SyncWaterfallHook<[CSSProperties, {
+        $table: VxeTableConstructor & VxeTablePrivateMethods;
+        $rowIndex: number;
+        fixed: VxeColumnPropTypes.Fixed;
+        type: string;
+    }, Partial<{
+        originalTableConfig: IhoTableConfig;
+        originalFieldList: import("../../../../../../../components/iho-table").IhoTableFieldItem[];
+        originalData: AnyObject[];
+        verticalFieldList: import("../../../../../../../components/iho-table").IhoTableFieldItem[];
+        fullVerticalOriginData: AnyObject[];
+        verticalData: AnyObject[];
+        fixedLeftVerticalData: AnyObject[];
+        headerDepth: number;
+        currentRow: AnyObject | null;
+        editCell: {
+            row: AnyObject;
+            column: import("../../../../../../../components/iho-table").IhoTableFieldItem;
+        } | null;
+        editStateEvent: (event: MouseEvent) => void;
+        hoveringRow: AnyObject | null;
+    }>], import("../../../../../../../shared/utils/tapable").UnsetAdditionalOptions>;
+};
+export declare const usePresetVerticalPlugins: VerticalTablePlugin;
+export declare type VerticalTablePlugin = (verticalTableHooks: ReturnType<typeof createVerticalTableHooks>, tableHooks: TableHooks, getVerticalState: (uuid: string) => IhoTableVerticalState) => void;

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

@@ -0,0 +1 @@
+import e from"../../../../../../../shared/utils/tapable/SyncHook.js";import"../../../../../../../shared/utils/tapable/SyncBailHook.js";import o from"../../../../../../../shared/utils/tapable/SyncWaterfallHook.js";import"../../../../../../../shared/utils/tapable/SyncLoopHook.js";import"../../../../../../../shared/utils/tapable/AsyncParallelHook.js";import"../../../../../../../shared/utils/tapable/AsyncParallelBailHook.js";import"../../../../../../../shared/utils/tapable/AsyncSeriesHook.js";import"../../../../../../../shared/utils/tapable/AsyncSeriesBailHook.js";import"../../../../../../../shared/utils/tapable/AsyncSeriesLoopHook.js";import"../../../../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js";import{useExpose as s}from"./useExpose.js";import{useColumn2Data as a}from"./useColumn2Data.js";import{useCurrentColumn as t}from"./useCurrentColumn.js";import{useData2Column as r}from"./useData2Column.js";import{useEditCell as l}from"./useEditCell.js";import{useEventConvert as i}from"./useEventConvert.js";import{useHeaderCSS as p}from"./useHeaderCSS.js";import{useHoverColumn as m}from"./useHoverColumn.js";import{useTriggerRow as n}from"./useTriggerRow.js";const u=()=>({onCellClick:new e(["payload","verticalState"]),cellStyle:new o(["styles","payload","verticalState"]),cellClassName:new o(["classes","payload","verticalState"]),config:new o(["config","verticalState"]),headerRowStyle:new o(["styles","payload","verticalState"])}),c=(e,o,u)=>{t(e,o,u),l(e,o,u),m(e,o,u),p(e),n(e),i(e,o,u),r(e,o,u),a(e,o,u),s(e,o)};export{u as createVerticalTableHooks,c as usePresetVerticalPlugins};

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/hooks/useColumn2Data.d.ts

@@ -0,0 +1,2 @@
+import { VerticalTablePlugin } from '../../../../../../../components/iho-table/src/plugins/verticalTablePlugin/src/hooks/index';
+export declare const useColumn2Data: VerticalTablePlugin;

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/hooks/useColumn2Data.js

@@ -0,0 +1 @@
+import{isEmpty as t}from"lodash-es";import{LOWEST_PRIORITY as a}from"../../../../constants/index.js";import{isVerticalTable as e,createDataProxy as i}from"../utils.js";const r=(r,o,l)=>{r.headerRowStyle.tap("useData2Column",((a,e,i)=>(t(i.fixedLeftVerticalData)||i.fixedLeftVerticalData.length!==e.$rowIndex||(a.display="none"),a))),o.dataHooks.dataList.tap({name:"Vertical--useData2Column",stage:a},((t,a)=>{const{uuid:r}=a;if(!r||!e(a))return t;const o=l(r);if(!o)return t;o.originalData=t;const{fullVerticalOriginData:n=[]}=o;return o.fixedLeftVerticalData=n.filter((t=>"left"===t.fixed)).map((t=>i(t,(()=>o.originalData||[])))),o.verticalData=n.filter((t=>"left"!==t.fixed)).map((t=>i(t,(()=>o.originalData||[]))))}))};export{r as useColumn2Data};

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/hooks/useCurrentColumn.d.ts

@@ -0,0 +1,2 @@
+import { VerticalTablePlugin } from '../../../../../../../components/iho-table/src/plugins/verticalTablePlugin/src/hooks/index';
+export declare const useCurrentColumn: VerticalTablePlugin;

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/hooks/useCurrentColumn.js

@@ -0,0 +1 @@
+import{unref as r}from"vue";import{isVerticalHeader as e,createVerticalStateHandler as o}from"../utils.js";const n=(n,t,l)=>{n.onCellClick.tap("useCurrentColumn",(({row:r},e)=>{if(!r)return;const n=o(e);n.getTableConfig("rowConfig.isCurrent")&&(e.currentRow=!1!==n.getTableConfig("rowConfig.clickToCancel")&&e.currentRow===r?null:r)})),n.cellStyle.tap("useCurrentColumn",((r,{column:n},t)=>{if(e(n.field))return r;const l=o(t);if(!l.getTableConfig("rowConfig.isCurrent"))return r;return l.getOriginDataByColumn(n)!==t.currentRow?r:Object.assign(r,{backgroundColor:"var(--c-primary-color-opacity2)"})})),t.exposeHooks.expose.tap("VerticalTable-useCurrentColumn",((e,o)=>Object.assign(e,{verticalTable:{...e.verticalTable,getCurrentRow:()=>{var e;const n=null==(e=r(o))?void 0:e.uuid;return n?l(n).currentRow:null}}})))};export{n as useCurrentColumn};

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/hooks/useData2Column.d.ts

@@ -0,0 +1,2 @@
+import { VerticalTablePlugin } from '../../../../../../../components/iho-table/src/plugins/verticalTablePlugin/src/hooks/index';
+export declare const useData2Column: VerticalTablePlugin;

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/hooks/useData2Column.js

@@ -0,0 +1 @@
+import{getArrDepth as e}from"../../../../../../../shared/utils/index.js";import{isArray as t}from"lodash-es";import{LOWEST_PRIORITY as r}from"../../../../constants/index.js";import{isVerticalTable as i,createVerticalFieldList as l,bindHeaderInfoAndFlatten as a,findFixedLeftFields as n,isVerticalHeader as s}from"../utils.js";const d=(d,o,f)=>{o.fieldHooks.fieldList.tap({name:"Vertical--useColumn2Data",stage:r},((r,d,{globProps:o})=>{const{uuid:u}=d;if(!u||!i(d))return r;const p=f(u);if(!p)return r;if(p.originalFieldList=r,!t(o.tableData))return[];let c=l(o.tableData,p.headerDepth=e(r),p);p.fullVerticalOriginData=a(r,p.headerDepth);const h=n(r);return d.showHeader=!!h.length,h.length&&h.forEach((e=>{let t=[];c=c.reduce(((r,i)=>{if(s(i.field)){if(0===e[i.field.replaceAll("_parent","")+"_colspan"])return t.push(i),r}return r.push({field:i.field+"_parent",fixed:i.fixed,editRender:i.editRender,children:[...t,i]}),t=[],r}),[])})),p.verticalFieldList=c}))};export{d as useData2Column};

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/hooks/useEditCell.d.ts

@@ -0,0 +1,2 @@
+import { VerticalTablePlugin } from '../../../../../../../components/iho-table/src/plugins/verticalTablePlugin/src/hooks/index';
+export declare const useEditCell: VerticalTablePlugin;

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/hooks/useEditCell.js

@@ -0,0 +1 @@
+import{findAncestor as t}from"../../../../../../../shared/utils/index.js";import{onBeforeUnmount as e,unref as i}from"vue";import{WIDGET_TYPE as n}from"../../../../constants/index.js";import{isVerticalHeader as l}from"../utils.js";const o=["RADIO","SWITCH"],d=(d,r,u)=>{d.onCellClick.tap("useEditCell",(({column:t,row:e,$columnIndex:i},n)=>{var l,o;n.editCell=e&&i<=(null!=(o=null==(l=n.fixedLeftVerticalData)?void 0:l.length)?o:0)?{row:e,column:t}:null})),d.config.tap("useEditCell",((e,i)=>(e.uuid&&(i.editStateEvent&&window.removeEventListener("click",i.editStateEvent,{capture:!0}),i.editStateEvent=n=>{t(n.target,(t=>t.getAttribute("uuid")===e.uuid||t.classList.contains("vxe-table--ignore-clear")))||(i.editCell=null)},window.addEventListener("click",i.editStateEvent,{capture:!0})),e.editConfig={...e.editConfig,showIcon:!1,beforeEditMethod({row:t,column:e}){var i;const{originalField:d={}}=t;if(l(e.field))return!1;const{editRender:{name:r=n.DEFAULT}={}}=d;return!Object.values(n).concat(o).includes(r)&&(!(null==(i=d.slots)?void 0:i.default)||!!d.slots.edit)}},e))),r.setupHooks.setup.tap("Vertical-UseEditCell",(t=>{e((()=>{const{uuid:e}=i(t)||{};if(!e)return;const n=u(e);n.editStateEvent&&window.removeEventListener("click",n.editStateEvent,{capture:!0})}))}))};export{d as useEditCell};

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/hooks/useEventConvert.d.ts

@@ -0,0 +1,2 @@
+import { VerticalTablePlugin } from '../../../../../../../components/iho-table/src/plugins/verticalTablePlugin/src/hooks/index';
+export declare const useEventConvert: VerticalTablePlugin;

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/hooks/useEventConvert.js

@@ -0,0 +1 @@
+import{isObject as e}from"lodash-es";import{unref as o}from"vue";import{isVerticalTable as n,isVerticalHeader as r,getHeaderDepthByField as t,getOriginFieldFromRowData as d,getOriginRowFromRowData as l}from"../utils.js";const u=(u,c,m)=>{c.eventHooks.beforeEvent.tap("Vertical--useEventConvert",((u,c)=>{var i;if(!e(u))return u;const x=null==(i=o(c))?void 0:i.uuid;if(!x||!n(c))return u;const I=u,{$table:a,$event:s,cell:v}=I;let{$columnIndex:f,$rowIndex:p,column:w,columnIndex:$,row:h,rowIndex:b,type:_,_rowIndex:y,_columnIndex:E}=I;if(w&&(_=r(w.field)?"header":"body",h)){const e=t(w.field);w=d(h),h="header"===_?void 0:l(h,e),E=$=f=(m(x).headerDepth||0)+(y||0),y=b=p="header"===_?-1:e}return{$table:a,$event:s,cell:v,type:_,row:h,column:w,rowIndex:b,columnIndex:$,$rowIndex:p,$columnIndex:f,_rowIndex:y,_columnIndex:E}}))};export{u as useEventConvert};

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/hooks/useExpose.d.ts

@@ -0,0 +1,2 @@
+import { VerticalTablePlugin } from '../../../../../../../components/iho-table/src/plugins/verticalTablePlugin/src/hooks/index';
+export declare const useExpose: VerticalTablePlugin;

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/hooks/useExpose.js

@@ -0,0 +1 @@
+const e=(e,a)=>{a.exposeHooks.expose.tap("Vertical--useExpose",((e,a,t)=>Object.assign(e,{verticalTable:{...e.verticalTable,update(){a.value.uuid&&(t.updateConfigRef(),t.updateFieldListRef(),t.updateTableDataRef())}}})))};export{e as useExpose};

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/hooks/useHeaderCSS.d.ts

@@ -0,0 +1,2 @@
+import { VerticalTablePlugin } from './index';
+export declare const useHeaderCSS: VerticalTablePlugin;

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/hooks/useHeaderCSS.js

@@ -0,0 +1 @@
+import{isVerticalHeader as e,getOriginFieldFromRowData as t,getSpanInfo as n}from"../utils.js";const c=c=>{c.cellStyle.tap("useHeaderCSS",((c,{column:l,row:s})=>(e(l.field)||(s&&["checkbox","radio","seq"].includes(t(s).type||"")&&Object.assign(c,{textAlign:"center"}),Object.assign(c,{textShadow:"none"})),s&&n({row:s,column:l}).colspan>1&&Object.assign(c,{textAlign:"center"}),l.colSpan>1&&Object.assign(c,{textAlign:"center"}),c))),c.cellClassName.tap("useHeaderCSS",((t,{column:n})=>{const c=e(n.field);return Object.assign(t,{"vxe-header--column":c,"vxe-table--header":c,[n.field]:!0})}))};export{c as useHeaderCSS};

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/hooks/useHoverColumn.d.ts

@@ -0,0 +1,2 @@
+import { VerticalTablePlugin } from './index';
+export declare const useHoverColumn: VerticalTablePlugin;

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/hooks/useHoverColumn.js

@@ -0,0 +1 @@
+import{useThrottleFn as o}from"@vueuse/core";import{promiseTimeout as e}from"@vueuse/shared";import{unref as r}from"vue";import{getVerticalInfoFromEvent as n,isVerticalHeader as l,createVerticalStateHandler as i}from"../utils.js";const t=(t,u,a)=>{t.config.tap("useHoverColumn",((r,l)=>i(l).getTableConfig("rowConfig.isHover")?Object.assign(r,{onMousemove:o((o=>{var e,r;const i=n(o);if(!i||"body"!==i.type)return l.hoveringRow=null;l.hoveringRow=null!=(r=null==(e=l.originalData)?void 0:e[i.sequence])?r:null}),100),async onMouseleave(){await e(101),l.hoveringRow=null},async onScroll(){await e(101),l.hoveringRow=null}}):r)),t.cellStyle.tap({name:"useHoverColumn",before:"useCurrentColumn"},((o,{column:e},r)=>{if(l(e.field))return o;const n=i(r);if(!n.getTableConfig("rowConfig.isHover"))return o;const t=n.getOriginDataByColumn(e);return r.hoveringRow!==t?o:Object.assign(o,{backgroundColor:"var(--c-hover-color)"})})),u.exposeHooks.expose.tap("VerticalTable-useHoverColumn",((o,e)=>Object.assign(o,{verticalTable:{...o.verticalTable,getHoveringRow:()=>{var o;const n=null==(o=r(e))?void 0:o.uuid;return n?a(n).hoveringRow:null}}})))};export{t as useHoverColumn};

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/hooks/useTriggerRow.d.ts

@@ -0,0 +1,2 @@
+import { VerticalTablePlugin } from '../../../../../../../components/iho-table/src/plugins/verticalTablePlugin/src/hooks/index';
+export declare const useTriggerRow: VerticalTablePlugin;

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/hooks/useTriggerRow.js

@@ -0,0 +1 @@
+import{createVerticalStateHandler as o}from"../utils.js";const e=e=>{e.onCellClick.tap("useTriggerRow",(({row:e},r)=>{if(!e)return;const i=o(r);if("row"===i.getTableConfig("checkboxConfig.trigger")){const o=i.getTableConfig("checkboxConfig.checkField")||"checked";e[o]=!e[o]}"row"===i.getTableConfig("radioConfig.trigger")&&(r.currentRow=e)}))};export{e as useTriggerRow};

package/es/components/iho-table/src/plugins/verticalTablePlugin/{renderer.d.ts → src/renderer.d.ts}

@@ -1,5 +1,6 @@
 import { VxeGlobalRendererHandles } from 'vxe-table/types/v-x-e-table/renderer';
-import { IhoTableInstance } from '../../../../../components/iho-table';
+import { IhoTableInstance } from '../../../../../../components/iho-table';
 import { IhoTableVerticalState } from './types';
 export declare const VerticalRenderMap: Record<string, (payload: VxeGlobalRendererHandles.RenderCellParams, verticalState: IhoTableVerticalState) => any>;
 export declare function createCellRender(instance: IhoTableInstance, verticalStateGetter: (uuid: string) => IhoTableVerticalState, type: 'edit' | 'default'): (_: unknown, payload: VxeGlobalRendererHandles.RenderCellParams) => any;
+export declare function createHeaderCellRender(instance: IhoTableInstance, verticalStateGetter: (uuid: string) => IhoTableVerticalState): (_: unknown, payload: VxeGlobalRendererHandles.RenderHeaderParams) => any;

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/renderer.js

@@ -0,0 +1 @@
+import{inject as e,toRaw as n,computed as l,createVNode as r,withModifiers as o}from"vue";import{property as i,isFunction as t,isEmpty as d,identity as c}from"lodash-es";import{NCheckbox as u,NRadio as a}from"naive-ui";import{InjectionIhoTableUUID as s,WIDGET_TYPE as f}from"../../../constants/index.js";import{isVerticalHeader as v,getOriginBasePayload as m,getOriginRowFromRowData as w,getHeaderDepthByField as p}from"./utils.js";const x={seq:e=>e.rowIndex+1,checkbox:e=>r(u,{checked:e.row.checked,"onUpdate:checked":n=>e.row.checked=n,onClick:o(c,["stop"])},null),radio(e,n){const i=l({get:()=>e.row===n.currentRow,set(){n.currentRow=e.row}});return r(a,{checked:i.value,"onUpdate:checked":e=>i.value=e,onClick:o(c,["stop"])},null)}};function h(n,o,c){return(a,w)=>{var p,h;const k=e(s),g=o(k),{row:b,column:I}=w;if(v(I.field)){return"checkbox"===i("originalField")(b).type?function(e){var n,o;const i=l({get(){var n,l;return!d(e.originalData)&&null!=(l=null==(n=e.originalData)?void 0:n.every((e=>e.checked)))&&l},set(n){var l;null==(l=e.originalData)||l.forEach((e=>e.checked=n))}}),t=l((()=>{var n,l;return null!=(l=null==(n=e.originalData)?void 0:n.some((e=>e.checked)))&&l}));return r(u,{checked:i.value,"onUpdate:checked":e=>i.value=e,indeterminate:!i.value&&t.value,disabled:null==(o=null==(n=e.originalTableConfig)?void 0:n.checkboxConfig)?void 0:o.disableHeader},null)}(g):b[I.field.replaceAll("_parent","")]}const C={$table:w.$table,columnIndex:w.rowIndex,$columnIndex:w.rowIndex,isHidden:w.isHidden,rowid:w.rowid,...m(b,I)};if(!C.row)return null;const{originalField:{editRender:y={},slots:D={}}={}}=b;if(t(D[c]))return D[c](C);if(D.default&&!D.edit)return D.default(C);if(x[C.type])return x[C.type](C,g);const $=y.name||f.DEFAULT,F=n.renderer.get($);return F?"default"===c?null==(p=F.renderCell)?void 0:p.call(F,y,C):null==(h=F.renderEdit)?void 0:h.call(F,y,C):{}}}function k(l,r){return(o,t)=>{var d,c,u;const a=e(s),f=r(a),v=null==(d=f.fixedLeftVerticalData)?void 0:d[t.$rowIndex];if(!v)return null;const m=i("originalField")(v),x=w(v,p(t.column.field)),k=n(null==(c=f.editCell)?void 0:c.row)===n(x)&&n(null==(u=f.editCell)?void 0:u.column)===n(m);return h(l,r,k?"edit":"default")(null,{...t,row:v,rowIndex:t.$rowIndex,rowid:t.$rowIndex+"",fixed:t.column.fixed,isHidden:!t.column.visible,type:t.column.type})}}export{x as VerticalRenderMap,h as createCellRender,k as createHeaderCellRender};

package/es/components/iho-table/src/plugins/verticalTablePlugin/{types.d.ts → src/types.d.ts}

@@ -1,5 +1,5 @@
-import { AnyObject } from '../../../../../shared/types';
-import { IhoTableConfig, IhoTableFieldItem } from '../../../../../components/iho-table';
+import { AnyObject } from '../../../../../../shared/types';
+import { IhoTableConfig, IhoTableFieldItem } from '../../../../../../components/iho-table';
 export declare type IhoTableVerticalState = Partial<{
     originalTableConfig: IhoTableConfig;
     originalFieldList: IhoTableFieldItem[];
@@ -11,7 +11,7 @@ export declare type IhoTableVerticalState = Partial<{
     headerDepth: number;
     currentRow: AnyObject | null;
     editCell: {
-        rowIndex: number;
+        row: AnyObject;
         column: IhoTableFieldItem;
     } | null;
     editStateEvent: (event: MouseEvent) => void;

package/es/components/iho-table/src/plugins/verticalTablePlugin/{utils.d.ts → src/utils.d.ts}

@@ -1,13 +1,16 @@
-import { AnyObject } from '../../../../../shared/types';
+import { AnyObject } from '../../../../../../shared/types';
 import { VxeTableDefines } from 'vxe-table';
-import { IhoTableConfig, IhoTableFieldItem } from '../../../../../components/iho-table';
-import { IhoTableVerticalState } from '../../../../../components/iho-table/src/plugins/verticalTablePlugin/types';
+import { IhoTableConfig, IhoTableFieldItem } from '../../../../../../components/iho-table';
+import { IhoTableVerticalState } from './types';
 export declare function isVerticalTable(tableConfig: IhoTableConfig): boolean;
 export declare function isVerticalHeader(field?: string): boolean;
 export declare function isVerticalBody(field?: string): boolean;
 export declare function getHeaderDepthByField(field?: string): number;
 export declare function bindHeaderInfoAndFlatten(fieldList: IhoTableFieldItem[], depth: number): IhoTableFieldItem[];
-export declare function getSpanInfo(row: AnyObject, column: VxeTableDefines.ColumnInfo): {
+export declare function getSpanInfo({ row, column }: {
+    row: AnyObject;
+    column: VxeTableDefines.ColumnInfo;
+}): {
     rowspan: any;
     colspan: any;
 };
@@ -30,7 +33,5 @@ export declare function findFixedLeftFields(fieldList: IhoTableFieldItem[]): Iho
 export declare function createVerticalStateHandler(verticalState: IhoTableVerticalState): {
     readonly getOriginDataByColumn: (column: VxeTableDefines.ColumnInfo) => AnyObject;
     readonly getTableConfig: (path: string) => any;
-    readonly initClickEvent: (uuid: string) => void;
-    readonly removeClickEvent: () => void;
 };
 export declare function createDataProxy(originalField: IhoTableFieldItem, dataList: AnyObject[] | (() => AnyObject[])): {};

package/es/components/iho-table/src/plugins/verticalTablePlugin/src/utils.js

@@ -0,0 +1 @@
+import{traverse as e,findAncestor as n,getStringWidth as t}from"../../../../../../shared/utils/index.js";import{isString as r,isNumber as i,constant as o,isFunction as a,range as l,property as u}from"lodash-es";import{VERTICAL_CELL_TYPE as c}from"./constants.js";function f(e){var n;return!!(null==(n=e.verticalConfig)?void 0:n.enable)}function d(e){return!!r(e)&&e.startsWith("header_")}function s(e){return!!r(e)&&e.startsWith("body_")}function p(e){var n;return r(e)?+(null!=(n=e.split("_")[1])?n:-1):-1}function h(n,t){const r=[];return e(n,((e,n,o)=>{e.parent=o,e.children||(!function(e,n){let t=e,r=n;if(!e.parent)return e[`header_${n}`]=e.title,void l(n+1).forEach((t=>{e[`header_${t}_colspan`]=t===n?n+1:0,e[`header_${t}_rowspan`]=t===n?1:0}));for(;t;)e[`header_${r}`]=t.title,e[`header_${r}_rowspan`]=i(t),e[`header_${r}_colspan`]=1,r--,t=t.parent}(e,t),r.push(e))})),r.forEach(((e,n)=>{const t=r[n-1];t&&Object.entries(e).forEach((([n,r])=>{n.match(/^header_(\d+)$/)&&r===t[n]&&r&&(e[`${n}_colspan`]=0,e[`${n}_rowspan`]=0)}))})),r;function i(n){if(!n.children)return 1;let t=0;return e(n.children,(e=>{e.children||t++})),t}}function _({row:e,column:n}){var t,r;return d(n.field)?{rowspan:null!=(t=e[n.field+"_rowspan"])?t:1,colspan:null!=(r=e[n.field+"_colspan"])?r:1}:{colspan:1,rowspan:1}}const g=({cell:e}={})=>{const n=e&&e.querySelector("input,.n-input__input-el");return n&&n.click(),n};function m(n,r){let i=120;return e(r,((e,r,o,a)=>{a===n&&(i=Math.max(i,t(e.title||"")+20))})),Math.ceil(i)}function $(e,n,t){let r=C(t).getTableConfig("verticalConfig.headerWidth");return r="auto"===r?m:i(r)?o(r):a(r)?r:m,[...l(n+1).map((e=>({field:`header_${e}`,title:`header_${e}`,width:r(e,t.originalFieldList),fixed:"left",editRender:{name:c,props:{},enable:!1}}))),...e.map(((e,n)=>({field:`body_${n}`,title:`body_${n}`,minWidth:120,editRender:{name:c,props:{},enable:!0,autofocus:g}})))]}function w(e){const t=n(e.target,(e=>"TD"===e.tagName||"TH"===e.tagName));if(!t)return;const r=t.className.match(/(body|header)_(\d+)/);if(!r)return;const[,i,o]=r;return{type:i,sequence:+o}}function b(e){return u("originalField")(e)}function y(e,n){return u(`originalData.${n}`)(e)}function x(e,n){const t=p(n.field),r=b(e);return{row:y(e,t),rowIndex:t,$rowIndex:t,column:r,fixed:r.fixed,type:r.type}}function v(n){const t=[];return e(n,(e=>{"left"===e.fixed&&t.push(e)})),t}function C(e){return{getOriginDataByColumn(n){const{originalData:t=[]}=e;return t[p(n.field)]},getTableConfig:n=>u(n)(e.originalTableConfig)}}function D(e,n){return new Proxy({},{get(t,r){var i;if("originalField"===r)return e;if("originalData"===r)return a(n)?n():n;if(d(r))return e[r];if(s(r)){const t=p(r);return"seq"===e.type?t+1:null==(i=n[t])?void 0:i[e.field]}},set(t,r,i){if(!d(r)){const t=p(r);t>=0&&n[t]&&(n[t][e.field]=i)}return!0}})}g.toString=()=>"input,.n-input__input-el";export{h as bindHeaderInfoAndFlatten,D as createDataProxy,$ as createVerticalFieldList,C as createVerticalStateHandler,v as findFixedLeftFields,p as getHeaderDepthByField,x as getOriginBasePayload,b as getOriginFieldFromRowData,y as getOriginRowFromRowData,_ as getSpanInfo,w as getVerticalInfoFromEvent,s as isVerticalBody,d as isVerticalHeader,f as isVerticalTable};

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

@@ -14,8 +14,6 @@ export interface IhoTableRowGroupItem {
     list: string[];
 }
 export declare type IhoTableConfig = VxeTableProps & Partial<{
-    [K in EventNameToEventListener<typeof IhoTableEventNameTuple[number]>]: (...payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
-}> & Partial<{
     uuid: string;
     isTree: MaybeString<0 | 1 | 2 | 3>;
     isBatchSelect: MaybeString<0 | 1>;
@@ -44,31 +42,59 @@ export declare type IhoTableConfig = VxeTableProps & Partial<{
     operationalForm: LowCodeTypes.operationalConfig[];
     operationForm: LowCodeTypes.operationalConfig[];
     dateOperationalForm: LowCodeTypes.dateOperationalConfig[];
+    /**
+     * @desc 在checkboxConfig作拓展
+     * @property slots - 用于配置checkbox列插槽 { default,edit,header,filter... }
+     * @property maxCheckSize - 多选时的最大选择数量
+     * @property disableHeader - 是否禁用表头的全选功能
+     * @property useNCheckbox - 是否使用n-checkbox组件
+     * @property indeterminateField - 用于配置checkbox列的半选状态字段
+     */
     checkboxConfig: Partial<VxeTableProps['checkboxConfig'] & {
         slots: VxeColumnPropTypes.Slots;
         maxCheckSize: number;
         disableHeader: boolean;
         useNCheckbox: boolean;
+        indeterminateField: string;
     }>;
+    /**
+     * @desc 在rowConfig作拓展
+     * @property clickToCancel - 是否允许点击行后取消其高亮状态
+     */
     rowConfig: Partial<VxeTableProps['rowConfig'] & {
         clickToCancel: boolean;
     }>;
+    /**
+     * @desc 在keyboardConfig作拓展
+     * @property forceArrowKey - 是否强制使用上下左右键进行导航(即使已经处于编辑状态)
+     */
     keyboardConfig: Partial<VxeTableProps['keyboardConfig'] & {
         forceArrowKey: boolean;
     }>;
+    /**
+     * @desc 在radioConfig作拓展
+     * @property slots - 用于配置radio列插槽 { default,edit,header,filter... }
+     */
     radioConfig: Partial<VxeTableProps['radioConfig'] & {
         slots: VxeColumnPropTypes.Slots;
     }>;
     /**
      * @desc 竖向表格相关配置
-     * @property {boolean} enable - 是否开启竖向表格
-     * @property {number | 'auto' | ((level: number) => number)} headerWidth - 表头宽度
+     * @property enable - 是否开启竖向表格
+     * @property headerWidth - 表头宽度
      */
     verticalConfig: {
         enable?: boolean;
         headerWidth?: number | 'auto' | ((level: number) => number);
     };
     [K: string]: unknown;
+}> & 
+/**
+ * 允许在配置中使用on开头属性监听vxe-table中的所有事件(含iho-table中的拓展事件)，如 onKeydown(){ ... }、onFormChange(){ ... } 等等
+ * 不推荐使用，请在表格外层设置监听器
+ */
+Partial<{
+    [K in EventNameToEventListener<typeof IhoTableEventNameTuple[number]>]: (...payload: IhoTableEmitPayload<EventListenerToEventName<K>>) => void;
 }>;
 export declare type IhoTableFieldItem = {
     [K in keyof VxeTableDefines.ColumnInfo]?: K extends 'children' ? IhoTableFieldItem[] : K extends keyof VxeTableDefines.ColumnInfo ? VxeTableDefines.ColumnInfo[K] : never;
@@ -214,6 +240,9 @@ export declare type IhoTableExpose = {
     setSort(field: string, value: 'asc' | 'desc' | null): void;
     setFilter(field: string, value: ArrayAble<string>): void;
     reload(): Promise<void>;
+    verticalTable: {
+        update: () => void;
+    };
 };
 export declare type IhoTableSeparateInfo = {
     index: number;

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

@@ -76,6 +76,7 @@ declare type VxeEventTypes = Required<{
     readonly [K in keyof IhoTableEventTypes]: EventHookType<NonNullable<IhoTableEventTypes[K]>>;
 }>;
 export declare abstract class AbstractEventHooks implements VxeEventTypes {
+    abstract readonly beforeEvent: SyncWaterfallHook<[...WithIhoEventContext<[any]>, string]>;
     abstract readonly onKeydownStart: EventHookType<VxeTableEvents.KeydownStart>;
     abstract readonly onKeydown: EventHookType<VxeTableEvents.Keydown>;
     abstract readonly onKeydownEnd: EventHookType<VxeTableEvents.KeydownEnd>;