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

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>;