cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.4

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

@@ -1 +1,165 @@
-import{inject as e,createVNode as l,toRaw as n,computed as r,withModifiers as i}from"vue";import{isFunction as o,isEmpty as t,identity as d}from"lodash-es";import{NPopover as c,NCheckbox as u,NRadio as a}from"naive-ui";import{InjectionIhoTableUUID as s,WIDGET_TYPE as f,InjectionIhoTableEmits as v}from"../../../constants/index.js";import{IhoTableRenderHelper as h}from"../../../utils/index.js";import{isVerticalHeader as x,getHeaderDepthByField as k,getOriginBasePayload as m,getOriginRowFromRowData as w}from"./utils.js";const p={seq:e=>e.rowIndex+1,checkbox(n,o){const t=e(v),c=r({get:()=>n.row.checked,set(){var e,l;n.row.checked=!n.row.checked,null==t||t("checkboxChange",{...n,checked:n.row.checked,records:null!=(l=null==(e=o.originalData)?void 0:e.filter((e=>e.checked)))?l:[]})}});return l(u,{checked:c.value,"onUpdate:checked":e=>c.value=e,onClick:i(d,["stop"])},null)},radio(e,n){const o=r({get:()=>e.row===n.currentRow,set(){n.currentRow=e.row}});return l(a,{checked:o.value,"onUpdate:checked":e=>o.value=e,onClick:i(d,["stop"])},null)}};function g(n,i,d){return(a,w)=>{var g,b;const D=e(s),I=i(D),{row:C,column:$}=w;if(x($.field)){const n=C.originalField;if("checkbox"===n.type)return function(n,i){var o,d;const c=e(v),a=r({get(){var e,l;return!t(i.originalData)&&null!=(l=null==(e=i.originalData)?void 0:e.every((e=>e.checked)))&&l},set(e){var l,r,o;null==(l=i.originalData)||l.forEach((l=>l.checked=e)),null==c||c("checkboxAll",{$table:n.$table,checked:a.value,records:null!=(o=null==(r=i.originalData)?void 0:r.filter((e=>e.checked)))?o:[]})}}),s=r((()=>{var e,l;return null!=(l=null==(e=i.originalData)?void 0:e.some((e=>e.checked)))&&l}));return l(u,{checked:a.value,"onUpdate:checked":e=>a.value=e,indeterminate:!a.value&&s.value,disabled:null==(d=null==(o=i.originalTableConfig)?void 0:o.checkboxConfig)?void 0:d.disableHeader},null)}(w,I);const i=C[$.field.replaceAll("_parent","")];return h.hasTitlePrefix(n)&&k($.field)===I.headerDepth?[l(c,null,{trigger:()=>l("i",{class:"vxe-cell-help-icon vxe-icon-question-circle-fill"},null),default:()=>n.titlePrefix.useHTML?l("div",{innerHTML:n.titlePrefix.useHTML},null):l("div",null,[n.titlePrefix.content])}),i]:i}const H={$table:w.$table,columnIndex:w.rowIndex,$columnIndex:w.rowIndex,isHidden:w.isHidden,rowid:w.rowid,...m(C,$)};if(!H.row)return null;const{originalField:{editRender:y={},slots:T={}}={}}=C;if(o(T[d]))return T[d](H);if(T.default&&!T.edit)return T.default(H);if(p[H.type])return p[H.type](H,I);const L=y.name||f.DEFAULT,F=n.renderer.get(L);return F?"default"===d?null==(g=F.renderCell)?void 0:g.call(F,y,H):null==(b=F.renderEdit)?void 0:b.call(F,y,H):null}}function b(l,r){return(i,o)=>{var t,d,c;const u=e(s),a=r(u),f=null==(t=a.fixedLeftVerticalData)?void 0:t[o.$rowIndex];if(!f)return null;const v=f.originalField,h=w(f,k(o.column.field)),x=n(null==(d=a.editCell)?void 0:d.row)===n(h)&&n(null==(c=a.editCell)?void 0:c.column)===n(v);return g(l,r,x?"edit":"default")(null,{...o,row:f,rowIndex:o.$rowIndex,rowid:o.$rowIndex+"",fixed:o.column.fixed,isHidden:!o.column.visible,type:o.column.type})}}export{p as VerticalRenderMap,g as createCellRender,b as createHeaderCellRender};
+import { inject, createVNode, toRaw, computed, withModifiers } from 'vue';
+import { isFunction, isEmpty, identity } from 'lodash-es';
+import { NPopover, NCheckbox, NRadio } from 'naive-ui';
+import { InjectionIhoTableUUID, WIDGET_TYPE, InjectionIhoTableEmits } from '../../../constants/index.js';
+import { IhoTableRenderHelper } from '../../../utils/index.js';
+import { isVerticalHeader, getHeaderDepthByField, getOriginBasePayload, getOriginRowFromRowData } from './utils.js';
+
+function renderCheckAll(payload, verticalState) {
+  var _a, _b;
+  const globEmits = inject(InjectionIhoTableEmits);
+  const checkedRef = computed({
+    get() {
+      var _a2, _b2;
+      if (isEmpty(verticalState.originalData))
+        return false;
+      return (_b2 = (_a2 = verticalState.originalData) == null ? void 0 : _a2.every((item) => item.checked)) != null ? _b2 : false;
+    },
+    set(check) {
+      var _a2, _b2, _c;
+      (_a2 = verticalState.originalData) == null ? void 0 : _a2.forEach((item) => item.checked = check);
+      globEmits == null ? void 0 : globEmits("checkboxAll", {
+        $table: payload.$table,
+        checked: checkedRef.value,
+        records: (_c = (_b2 = verticalState.originalData) == null ? void 0 : _b2.filter((item) => item.checked)) != null ? _c : []
+      });
+    }
+  });
+  const indeterminateRef = computed(() => {
+    var _a2, _b2;
+    return (_b2 = (_a2 = verticalState.originalData) == null ? void 0 : _a2.some((item) => item.checked)) != null ? _b2 : false;
+  });
+  return createVNode(NCheckbox, {
+    "checked": checkedRef.value,
+    "onUpdate:checked": ($event) => checkedRef.value = $event,
+    "indeterminate": !checkedRef.value && indeterminateRef.value,
+    "disabled": (_b = (_a = verticalState.originalTableConfig) == null ? void 0 : _a.checkboxConfig) == null ? void 0 : _b.disableHeader
+  }, null);
+}
+const VerticalRenderMap = {
+  seq(payload) {
+    return payload.rowIndex + 1;
+  },
+  checkbox(payload, verticalState) {
+    const globEmits = inject(InjectionIhoTableEmits);
+    const checkedRef = computed({
+      get() {
+        return payload.row.checked;
+      },
+      set() {
+        var _a, _b;
+        payload.row.checked = !payload.row.checked;
+        globEmits == null ? void 0 : globEmits("checkboxChange", {
+          ...payload,
+          checked: payload.row.checked,
+          records: (_b = (_a = verticalState.originalData) == null ? void 0 : _a.filter((item) => item.checked)) != null ? _b : []
+        });
+      }
+    });
+    return createVNode(NCheckbox, {
+      "checked": checkedRef.value,
+      "onUpdate:checked": ($event) => checkedRef.value = $event,
+      "onClick": withModifiers(identity, ["stop"])
+    }, null);
+  },
+  radio(payload, verticalState) {
+    const checkedRef = computed({
+      get() {
+        return payload.row === verticalState.currentRow;
+      },
+      set() {
+        verticalState.currentRow = payload.row;
+      }
+    });
+    return createVNode(NRadio, {
+      "checked": checkedRef.value,
+      "onUpdate:checked": ($event) => checkedRef.value = $event,
+      "onClick": withModifiers(identity, ["stop"])
+    }, null);
+  }
+};
+function createCellRender(instance, verticalStateGetter, type) {
+  return (_, payload) => {
+    var _a, _b;
+    const uuid = inject(InjectionIhoTableUUID);
+    const verticalState = verticalStateGetter(uuid);
+    const {
+      row,
+      column
+    } = payload;
+    if (isVerticalHeader(column.field)) {
+      const originField = row.originalField;
+      if (originField.type === "checkbox") {
+        return renderCheckAll(payload, verticalState);
+      }
+      const content = row[column.field.replaceAll("_parent", "")];
+      if (IhoTableRenderHelper.hasTitlePrefix(originField) && getHeaderDepthByField(column.field) === verticalState.headerDepth) {
+        return [createVNode(NPopover, null, {
+          trigger() {
+            return createVNode("i", {
+              "class": "vxe-cell-help-icon vxe-icon-question-circle-fill"
+            }, null);
+          },
+          default() {
+            return originField.titlePrefix.useHTML ? createVNode("div", {
+              "innerHTML": originField.titlePrefix.useHTML
+            }, null) : createVNode("div", null, [originField.titlePrefix.content]);
+          }
+        }), content];
+      }
+      return content;
+    }
+    const transformedPayload = {
+      $table: payload.$table,
+      columnIndex: payload.rowIndex,
+      $columnIndex: payload.rowIndex,
+      isHidden: payload.isHidden,
+      rowid: payload.rowid,
+      ...getOriginBasePayload(row, column)
+    };
+    if (!transformedPayload.row)
+      return null;
+    const {
+      originalField: {
+        editRender = {},
+        slots = {}
+      } = {}
+    } = row;
+    if (isFunction(slots[type]))
+      return slots[type](transformedPayload);
+    if (slots.default && !slots.edit)
+      return slots.default(transformedPayload);
+    if (VerticalRenderMap[transformedPayload.type]) {
+      return VerticalRenderMap[transformedPayload.type](transformedPayload, verticalState);
+    }
+    const componentName = editRender.name || WIDGET_TYPE.DEFAULT;
+    const renderMap = instance.renderer.get(componentName);
+    if (!renderMap)
+      return null;
+    return type === "default" ? (_a = renderMap.renderCell) == null ? void 0 : _a.call(renderMap, editRender, transformedPayload) : (_b = renderMap.renderEdit) == null ? void 0 : _b.call(renderMap, editRender, transformedPayload);
+  };
+}
+function createHeaderCellRender(instance, verticalStateGetter) {
+  return (_, payload) => {
+    var _a, _b, _c;
+    const uuid = inject(InjectionIhoTableUUID);
+    const verticalState = verticalStateGetter(uuid);
+    const row = (_a = verticalState.fixedLeftVerticalData) == null ? void 0 : _a[payload.$rowIndex];
+    if (!row)
+      return null;
+    const originField = row.originalField;
+    const originRow = getOriginRowFromRowData(row, getHeaderDepthByField(payload.column.field));
+    const inEdit = toRaw((_b = verticalState.editCell) == null ? void 0 : _b.row) === toRaw(originRow) && toRaw((_c = verticalState.editCell) == null ? void 0 : _c.column) === toRaw(originField);
+    return createCellRender(instance, verticalStateGetter, inEdit ? "edit" : "default")(null, {
+      ...payload,
+      row,
+      rowIndex: payload.$rowIndex,
+      rowid: payload.$rowIndex + "",
+      fixed: payload.column.fixed,
+      isHidden: !payload.column.visible,
+      type: payload.column.type
+    });
+  };
+}
+
+export { VerticalRenderMap, createCellRender, createHeaderCellRender };

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

@@ -1 +1,290 @@
-import{traverse as e,findAncestor as n,getStringWidth as t}from"../../../../../../shared/utils/index.js";import{isString as r,isNumber as o,constant as i,isFunction as a,noop as l,range as d,property as u}from"lodash-es";import{IhoTableRenderHelper as c}from"../../../utils/index.js";import{VERTICAL_CELL_TYPE as f}from"./constants.js";function s(e){var n;return!!(null==(n=e.verticalConfig)?void 0:n.enable)}function p(e){return!!r(e)&&e.startsWith("header_")}function h(e){return!!r(e)&&e.startsWith("body_")}function _(e){var n;return r(e)?+(null!=(n=e.split("_")[1])?n:-1):-1}function m(n,t){const r=[];return e(n,((n,o,i)=>{n.parent=i,n.children||(!function(n,t){if(!n.parent)return n[`header_${t}`]=n.title,void d(t+1).forEach((e=>{n[`header_${e}_colspan`]=e===t?t+1:0,n[`header_${e}_rowspan`]=e===t?1:0}));let r=0,o=n;const i=[n];for(;o.parent;)r++,o=o.parent,i.unshift(o);d(t+1).forEach((o=>{var a,l;const d=i[o];if(!d)return n[`header_${o}`]="",n[`header_${o}_colspan`]=0,void(n[`header_${o}_rowspan`]=0);n[`header_${o}`]=null!=(l=null==(a=i[o])?void 0:a.title)?l:"",n[`header_${o}_colspan`]=o<r?1:t-r+1,n[`header_${o}_rowspan`]=function(n){if(!n.children)return 1;let t=0;return e(n.children,(e=>{e.children||t++})),t}(d)}))}(n,t),r.push(n))})),r.forEach(((e,n)=>{const o=r[n-1];o&&Object.entries(e).forEach((([n,r])=>{n.match(/^header_(\d+)$/)&&r===o[n]&&r&&n!==`header_${t}`&&(e[`${n}_colspan`]=0,e[`${n}_rowspan`]=0)}))})),r}const g=Object.freeze({rowspan:1,colspan:1});function w(e,n,t){var r,o;if(!p(e.column.field)){if(!n||!t)return g;const r=n(j(e,t));return r?{rowspan:r.colspan,colspan:r.rowspan}:g}return{rowspan:null!=(r=e.row[e.column.field+"_rowspan"])?r:1,colspan:null!=(o=e.row[e.column.field+"_colspan"])?o:1}}const x=({cell:e,row:n}={})=>{const t=e&&e.querySelector("input,.n-input__input-el,.n-input__textarea-el");if(t){const e=n?y(n):void 0;"INPUT"===(null==e?void 0:e.editRender.name)?t.focus():t.click()}return t};function v(n,r){let o=120;return e(r,((e,r,i,a)=>{a===n&&(o=Math.max(o,t(e.title||"")+20+(c.hasTitlePrefix(e)?20:0)))})),Math.ceil(o)}function $(e,n,t){const r=D(t);let u=r.getTableConfig("verticalConfig.headerWidth");u="auto"===u?v:o(u)?i(u):a(u)?u:v;let c=r.getTableConfig("verticalConfig.bodyWidth");c=o(c)?i(c):a(c)?c:l;let s=r.getTableConfig("verticalConfig.bodyMinWidth");return s=o(s)?i(s):a(s)?s:i(120),[...d(n+1).map((e=>({field:`header_${e}`,title:`header_${e}`,width:u(e,t.originalFieldList),fixed:"left",editRender:{name:f,props:{},enable:!1}}))),...e.map(((e,n)=>({field:`body_${n}`,title:`body_${n}`,minWidth:s(n),width:c(n),editRender:{name:f,props:{},enable:!0,autofocus:x}})))]}function b(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[o,i,a]=r;return{fieldKey:o,type:i,sequence:+a}}function y(e){return e.originalField}function I(e,n){var t;return null==(t=e.originalData)?void 0:t[n]}function C(e,n){const t=_(n.field),r=y(e);return{row:I(e,t),rowIndex:t,$rowIndex:t,column:r,fixed:r.fixed,type:r.type}}function T(n){const t=[];return e(n,(e=>{"left"===e.fixed&&t.push(e)})),t}function D(e){return{getOriginDataByColumn(n){var t;return null==(t=e.originalData)?void 0:t[_(n.field)]},getTableConfig:n=>u(n)(e.originalTableConfig)}}function W(e,n){return new Proxy({},{get(t,r){var o;if("originalField"===r)return e;if("originalData"===r)return a(n)?n():n;if(p(r))return e[r];if(h(r)){const t=_(r);return"seq"===e.type?t+1:null==(o=n[t])?void 0:o[e.field]}return t[r]},set(t,r,o){if(!p(r)){const t=_(r);t>=0&&n[t]&&(n[t][e.field]=o)}return!0}})}function j({$columnIndex:e,$rowIndex:n,column:t,columnIndex:r,row:o,rowIndex:i,type:a,_columnIndex:l,_rowIndex:d},u){var c;if(t){const f=a;if(a=p(t.field)?"header":"body",o){const s=_(t.field);t=y(o),o="header"===a?void 0:I(o,s),l=r=e="header"===f?n||0:((null==(c=u.fixedLeftVerticalData)?void 0:c.length)||0)+(n||0),d=i=n="header"===a?-1:s}}return{column:t,row:o,_columnIndex:l,_rowIndex:d,columnIndex:r,rowIndex:i,$columnIndex:e,$rowIndex:n,type:a}}x.toString=()=>"input,.n-input__input-el";export{j as basicParamsConvert,m as bindHeaderInfoAndFlatten,W as createDataProxy,$ as createVerticalFieldList,D as createVerticalStateHandler,T as findFixedLeftFields,_ as getHeaderDepthByField,C as getOriginBasePayload,y as getOriginFieldFromRowData,I as getOriginRowFromRowData,w as getSpanInfo,b as getVerticalInfoFromEvent,h as isVerticalBody,p as isVerticalHeader,s as isVerticalTable};
+import { traverse, findAncestor, getStringWidth } from '../../../../../../shared/utils/index.js';
+import { isString, isNumber, constant, isFunction, noop, range, property } from 'lodash-es';
+import { IhoTableRenderHelper } from '../../../utils/index.js';
+import { VERTICAL_CELL_TYPE } from './constants.js';
+
+function isVerticalTable(tableConfig) {
+  var _a;
+  return !!((_a = tableConfig.verticalConfig) == null ? void 0 : _a.enable);
+}
+function isVerticalHeader(field) {
+  return !!isString(field) && field.startsWith("header_");
+}
+function isVerticalBody(field) {
+  return !!isString(field) && field.startsWith("body_");
+}
+function getHeaderDepthByField(field) {
+  var _a;
+  if (!isString(field))
+    return -1;
+  return +((_a = field.split("_")[1]) != null ? _a : -1);
+}
+function bindHeaderInfoAndFlatten(fieldList, depth) {
+  const res = [];
+  traverse(fieldList, (field, _, parent) => {
+    field.parent = parent;
+    if (!field.children) {
+      setHeaderInfo(field, depth);
+      res.push(field);
+    }
+  });
+  res.forEach((fieldItem, index) => {
+    const prevItem = res[index - 1];
+    if (!prevItem)
+      return;
+    Object.entries(fieldItem).forEach(([key, value]) => {
+      if (!key.match(/^header_(\d+)$/))
+        return;
+      if (value !== prevItem[key] || !value)
+        return;
+      if (key === `header_${depth}`)
+        return;
+      fieldItem[`${key}_colspan`] = 0;
+      fieldItem[`${key}_rowspan`] = 0;
+    });
+  });
+  return res;
+  function setHeaderInfo(field, depth2) {
+    if (!field.parent) {
+      field[`header_${depth2}`] = field.title;
+      range(depth2 + 1).forEach((idx) => {
+        field[`header_${idx}_colspan`] = idx === depth2 ? depth2 + 1 : 0;
+        field[`header_${idx}_rowspan`] = idx === depth2 ? 1 : 0;
+      });
+      return;
+    }
+    let fieldDepth = 0, currentField = field;
+    const fieldLine = [field];
+    while (currentField.parent) {
+      fieldDepth++;
+      currentField = currentField.parent;
+      fieldLine.unshift(currentField);
+    }
+    range(depth2 + 1).forEach((index) => {
+      var _a, _b;
+      const item = fieldLine[index];
+      if (!item) {
+        field[`header_${index}`] = "";
+        field[`header_${index}_colspan`] = 0;
+        field[`header_${index}_rowspan`] = 0;
+        return;
+      }
+      field[`header_${index}`] = (_b = (_a = fieldLine[index]) == null ? void 0 : _a.title) != null ? _b : "";
+      field[`header_${index}_colspan`] = index < fieldDepth ? 1 : depth2 - fieldDepth + 1;
+      field[`header_${index}_rowspan`] = getChildrenNum(item);
+    });
+  }
+  function getChildrenNum(fieldItem) {
+    if (!fieldItem.children)
+      return 1;
+    let num = 0;
+    traverse(fieldItem.children, (field) => {
+      if (field.children)
+        return;
+      num++;
+    });
+    return num;
+  }
+}
+const defaultSpan = Object.freeze({
+  rowspan: 1,
+  colspan: 1
+});
+function getSpanInfo(payload, spanMethod, verticalState) {
+  var _a, _b;
+  if (!isVerticalHeader(payload.column.field)) {
+    if (!spanMethod || !verticalState)
+      return defaultSpan;
+    const res = spanMethod(basicParamsConvert(payload, verticalState));
+    return res ? {
+      rowspan: res.colspan,
+      colspan: res.rowspan
+    } : defaultSpan;
+  }
+  return {
+    rowspan: (_a = payload.row[payload.column.field + "_rowspan"]) != null ? _a : 1,
+    colspan: (_b = payload.row[payload.column.field + "_colspan"]) != null ? _b : 1
+  };
+}
+const autofocus = ({
+  cell,
+  row
+} = {}) => {
+  const ele = cell && cell.querySelector("input,.n-input__input-el,.n-input__textarea-el");
+  if (ele) {
+    const originField = row ? getOriginFieldFromRowData(row) : void 0;
+    if ((originField == null ? void 0 : originField.editRender.name) === "INPUT")
+      ele.focus();
+    else
+      ele.click();
+  }
+  return ele;
+};
+autofocus.toString = () => "input,.n-input__input-el";
+function getHeaderWidthByLevel(level, fieldList) {
+  let targetLevelWidth = 120;
+  traverse(fieldList, (field, _, __, _level) => {
+    if (_level !== level)
+      return;
+    targetLevelWidth = Math.max(targetLevelWidth, getStringWidth(field.title || "") + 20 + (IhoTableRenderHelper.hasTitlePrefix(field) ? 20 : 0));
+  });
+  return Math.ceil(targetLevelWidth);
+}
+function createVerticalFieldList(tableData, headerDepth, verticalState) {
+  const verticalHandler = createVerticalStateHandler(verticalState);
+  let headerWidth = verticalHandler.getTableConfig("verticalConfig.headerWidth");
+  headerWidth = headerWidth === "auto" ? getHeaderWidthByLevel : isNumber(headerWidth) ? constant(headerWidth) : isFunction(headerWidth) ? headerWidth : getHeaderWidthByLevel;
+  let bodyWidth = verticalHandler.getTableConfig("verticalConfig.bodyWidth");
+  bodyWidth = isNumber(bodyWidth) ? constant(bodyWidth) : isFunction(bodyWidth) ? bodyWidth : noop;
+  let bodyMinWidth = verticalHandler.getTableConfig("verticalConfig.bodyMinWidth");
+  bodyMinWidth = isNumber(bodyMinWidth) ? constant(bodyMinWidth) : isFunction(bodyMinWidth) ? bodyMinWidth : constant(120);
+  return [...range(headerDepth + 1).map((idx) => {
+    return {
+      field: `header_${idx}`,
+      title: `header_${idx}`,
+      width: headerWidth(idx, verticalState.originalFieldList),
+      fixed: "left",
+      editRender: {
+        name: VERTICAL_CELL_TYPE,
+        props: {},
+        enable: false
+      }
+    };
+  }), ...tableData.map((_, index) => {
+    return {
+      field: `body_${index}`,
+      title: `body_${index}`,
+      minWidth: bodyMinWidth(index),
+      width: bodyWidth(index),
+      editRender: {
+        name: VERTICAL_CELL_TYPE,
+        props: {},
+        enable: true,
+        autofocus
+      }
+    };
+  })];
+}
+function getVerticalInfoFromEvent(event) {
+  const cell = findAncestor(event.target, (ele) => ele.tagName === "TD" || ele.tagName === "TH");
+  if (!cell)
+    return;
+  const matchRes = cell.className.match(/(body|header)_(\d+)/);
+  if (!matchRes)
+    return;
+  const [fieldKey, type, sequence] = matchRes;
+  return {
+    fieldKey,
+    type,
+    sequence: +sequence
+  };
+}
+function getOriginFieldFromRowData(row) {
+  return row.originalField;
+}
+function getOriginRowFromRowData(row, sequence) {
+  var _a;
+  return (_a = row.originalData) == null ? void 0 : _a[sequence];
+}
+function getOriginBasePayload(row, column) {
+  const sequence = getHeaderDepthByField(column.field);
+  const originColumn = getOriginFieldFromRowData(row);
+  return {
+    row: getOriginRowFromRowData(row, sequence),
+    rowIndex: sequence,
+    $rowIndex: sequence,
+    column: originColumn,
+    fixed: originColumn.fixed,
+    type: originColumn.type
+  };
+}
+function findFixedLeftFields(fieldList) {
+  const result = [];
+  traverse(fieldList, (field) => {
+    if (field.fixed !== "left")
+      return;
+    result.push(field);
+  });
+  return result;
+}
+function createVerticalStateHandler(verticalState) {
+  return {
+    getOriginDataByColumn(column) {
+      var _a;
+      return (_a = verticalState.originalData) == null ? void 0 : _a[getHeaderDepthByField(column.field)];
+    },
+    getTableConfig(path) {
+      return property(path)(verticalState.originalTableConfig);
+    }
+  };
+}
+function createDataProxy(originalField, dataList) {
+  return new Proxy({}, {
+    get(_, key) {
+      var _a;
+      if (key === "originalField")
+        return originalField;
+      if (key === "originalData")
+        return isFunction(dataList) ? dataList() : dataList;
+      if (isVerticalHeader(key))
+        return originalField[key];
+      if (isVerticalBody(key)) {
+        const headerSequence = getHeaderDepthByField(key);
+        if (originalField.type === "seq")
+          return headerSequence + 1;
+        return (_a = dataList[headerSequence]) == null ? void 0 : _a[originalField.field];
+      }
+      return _[key];
+    },
+    set(_, key, value) {
+      if (!isVerticalHeader(key)) {
+        const depth = getHeaderDepthByField(key);
+        if (depth >= 0 && dataList[depth]) {
+          dataList[depth][originalField.field] = value;
+        }
+      }
+      return true;
+    }
+  });
+}
+function basicParamsConvert({
+  $columnIndex,
+  $rowIndex,
+  column,
+  columnIndex,
+  row,
+  rowIndex,
+  type,
+  _columnIndex,
+  _rowIndex
+}, verticalState) {
+  var _a;
+  if (column) {
+    const originType = type;
+    type = isVerticalHeader(column.field) ? "header" : "body";
+    if (row) {
+      const sequence = getHeaderDepthByField(column.field);
+      column = getOriginFieldFromRowData(row);
+      row = type === "header" ? void 0 : getOriginRowFromRowData(row, sequence);
+      if (originType === "header") {
+        _columnIndex = columnIndex = $columnIndex = $rowIndex || 0;
+      } else {
+        _columnIndex = columnIndex = $columnIndex = (((_a = verticalState.fixedLeftVerticalData) == null ? void 0 : _a.length) || 0) + ($rowIndex || 0);
+      }
+      _rowIndex = rowIndex = $rowIndex = type === "header" ? -1 : sequence;
+    }
+  }
+  return {
+    column,
+    row,
+    _columnIndex,
+    _rowIndex,
+    columnIndex,
+    rowIndex,
+    $columnIndex,
+    $rowIndex,
+    type
+  };
+}
+
+export { basicParamsConvert, bindHeaderInfoAndFlatten, createDataProxy, createVerticalFieldList, createVerticalStateHandler, findFixedLeftFields, getHeaderDepthByField, getOriginBasePayload, getOriginFieldFromRowData, getOriginRowFromRowData, getSpanInfo, getVerticalInfoFromEvent, isVerticalBody, isVerticalHeader, isVerticalTable };

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

@@ -1 +1,133 @@
-import{traverse as e,uuidGenerator as t,DMZ as r}from"../../../../shared/utils/index.js";import{isArray as i,sortBy as n,isFunction as o,isEmpty as s}from"lodash-es";import{onBeforeUnmount as d}from"vue";import"../../index.js";import{HIGHEST_PRIORITY as a,IHO_TABLE_TREE_TYPE as f}from"../constants/index.js";import{isTransformTreeType as l}from"../utils/index.js";import{defineTablePlugin as u}from"../hooks/useTablePlugin.js";function p(){const p="virtualTreePlugin",c=new Map;return u({name:p,apply(u){u.configHooks.treeConfig.tap({name:p,stage:a},((e,t)=>l(t)?Object.assign({transform:!0,expandAll:!0,reserve:!0,children:"childrenList",rowField:"__id"},e):e)),u.dataHooks.data.tap(p,((r,n,o)=>{if(!n.treeConfig)return;const{transform:s,rowField:d="__id",parentField:a="parentId",children:f="childrenList"}=n.treeConfig;function u(e){e[d]=e[d]||e.theUniqueKey||t()}l(n)&&s&&(u(r),i(r[f])&&e(r[f],((e,t,r)=>{r&&(e[a]=r[d]),o.insertAfter(e),u(e)}),f,r))})),u.fieldHooks.fieldList.tap(p,((e,t)=>{if(!t.treeConfig)return e;const{transform:i}=t.treeConfig||r;if(!l(t)||!i||!t.uuid)return e;const o=e.filter((e=>!1!==e.visible));let s=o.findIndex((e=>e.treeNode));if(~s&&o[s].fixed){const e=n(o,(e=>"left"===e.fixed?-1:"right"===e.fixed?1:0));s=e.findIndex((e=>e.treeNode))}~s||o.some(((e,t)=>{if(!e.type)return s=t,e.treeNode=!0}));const d=o.length-s-o.filter((e=>"right"===e.fixed)).length;return c.set(t.uuid,{index:s,colspan:d}),e})),u.configHooks.treeConfig.tap(p,((e,t)=>{if(!e)return e;const{transform:r,parentField:i="parentId",hasChild:n="hasChild",children:d="childrenList"}=e;if(o(t.spanMethod)||!r||`${t.isTree}`!==f.TRANSFORM_WITH_SPAN_METHOD)return e;const a=Object.freeze({rowspan:0,colspan:0});return t.spanMethod=({row:e,column:r,$columnIndex:o})=>{const f=c.get(t.uuid);if(f&&(Reflect.has(e,n)?e[n]:!e[i])&&!s(e[d]))return r.treeNode?{rowspan:1,colspan:f.colspan}:"right"!==r.fixed&&o>=f.index?a:void 0},e})),u.setupHooks.setup.tap(p,(e=>{d((()=>{var t;(null==(t=e.value)?void 0:t.uuid)&&c.delete(e.value.uuid)}))}))}})}export{p as virtualTreePlugin};
+import { traverse, uuidGenerator, DMZ } from '../../../../shared/utils/index.js';
+import { isArray, sortBy, isFunction, isEmpty } from 'lodash-es';
+import { onBeforeUnmount } from 'vue';
+import '../../index.js';
+import { HIGHEST_PRIORITY, IHO_TABLE_TREE_TYPE } from '../constants/index.js';
+import { isTransformTreeType } from '../utils/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.configHooks.treeConfig.tap({
+        name: pluginName,
+        stage: HIGHEST_PRIORITY
+      }, (treeConfig, config) => {
+        if (isTransformTreeType(config)) {
+          return Object.assign({
+            transform: true,
+            expandAll: true,
+            reserve: true,
+            children: "childrenList",
+            rowField: "__id"
+          }, treeConfig);
+        }
+        return treeConfig;
+      });
+      hooks.dataHooks.data.tap(pluginName, (rowData, config, context) => {
+        if (!config.treeConfig)
+          return;
+        const {
+          transform,
+          rowField = "__id",
+          parentField = "parentId",
+          children = "childrenList"
+        } = config.treeConfig;
+        if (!isTransformTreeType(config) || !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) => {
+        if (!config.treeConfig)
+          return fieldList;
+        const {
+          transform
+        } = config.treeConfig || DMZ;
+        if (!isTransformTreeType(config) || !transform || !config.uuid)
+          return fieldList;
+        const visibleField = fieldList.filter((field) => field.visible !== false);
+        let treeNodeColumnIndex = visibleField.findIndex((field) => field.treeNode);
+        if (~treeNodeColumnIndex && visibleField[treeNodeColumnIndex].fixed) {
+          const sortedField = sortBy(visibleField, (field) => {
+            return field.fixed === "left" ? -1 : field.fixed === "right" ? 1 : 0;
+          });
+          treeNodeColumnIndex = sortedField.findIndex((field) => field.treeNode);
+        }
+        if (!~treeNodeColumnIndex) {
+          visibleField.some((field, index) => {
+            if (field.type)
+              return;
+            treeNodeColumnIndex = index;
+            return field.treeNode = true;
+          });
+        }
+        const colspan = visibleField.length - treeNodeColumnIndex - visibleField.filter((field) => field.fixed === "right").length;
+        treeNodeColumnIndexMap.set(config.uuid, {
+          index: treeNodeColumnIndex,
+          colspan
+        });
+        return fieldList;
+      });
+      hooks.configHooks.treeConfig.tap(pluginName, (treeConfig, config) => {
+        if (!treeConfig)
+          return treeConfig;
+        const {
+          transform,
+          parentField = "parentId",
+          hasChild = "hasChild",
+          children = "childrenList"
+        } = treeConfig;
+        if (isFunction(config.spanMethod) || !transform || `${config.isTree}` !== IHO_TABLE_TREE_TYPE.TRANSFORM_WITH_SPAN_METHOD) {
+          return treeConfig;
+        }
+        const hideCellSpan = Object.freeze({
+          rowspan: 0,
+          colspan: 0
+        });
+        config.spanMethod = ({
+          row,
+          column,
+          $columnIndex
+        }) => {
+          const treeNodeColumnInfo = treeNodeColumnIndexMap.get(config.uuid);
+          if (!treeNodeColumnInfo || (Reflect.has(row, hasChild) ? !row[hasChild] : row[parentField]) || isEmpty(row[children])) {
+            return;
+          }
+          if (column.treeNode) {
+            return {
+              rowspan: 1,
+              colspan: treeNodeColumnInfo.colspan
+            };
+          }
+          if (column.fixed !== "right" && $columnIndex >= treeNodeColumnInfo.index) {
+            return hideCellSpan;
+          }
+        };
+        return treeConfig;
+      });
+      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/plugins/wordbookSettingPlugin.js

@@ -1 +1,41 @@
-import"../../index.js";import{isFunction as o}from"lodash-es";import{getLowCodeFieldFromField as n}from"../utils/index.js";import{defineTablePlugin as t}from"../hooks/useTablePlugin.js";function i(){const i="wordbookSettingPlugin";return t({name:i,apply(t){t.configHooks.config.tap(i,(t=>{const i=t.onFormChange;return t.onFormChange=function(t){var r,e,l;o(i)&&i(t);const{column:s,row:u,$table:a,option:c}=t,d=n(s);c&&(null==(l=null==(e=null==(r=null==d?void 0:d.wordbook)?void 0:r.setting)?void 0:e.cascading)?void 0:l.length)&&d.wordbook.setting.cascading.forEach((o=>{const n=function(o,n){return o.getColumns().find((o=>o.title===n))}(a,o["form.name"]);n&&(u[n.field]=c[o.value])}))},t}))}})}export{i as wordbookSettingPlugin};
+import '../../index.js';
+import { isFunction } from 'lodash-es';
+import { getLowCodeFieldFromField } from '../utils/index.js';
+import { defineTablePlugin } from '../hooks/useTablePlugin.js';
+
+function wordbookSettingPlugin() {
+  const pluginName = "wordbookSettingPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      function findColumnByLabel($table, label) {
+        return $table.getColumns().find((column) => column.title === label);
+      }
+      hooks.configHooks.config.tap(pluginName, (config) => {
+        const _formChange = config.onFormChange;
+        config.onFormChange = function(payload) {
+          var _a, _b, _c;
+          isFunction(_formChange) && _formChange(payload);
+          const {
+            column,
+            row,
+            $table,
+            option
+          } = payload;
+          const lowCodeField = getLowCodeFieldFromField(column);
+          if (option && ((_c = (_b = (_a = lowCodeField == null ? void 0 : lowCodeField.wordbook) == null ? void 0 : _a.setting) == null ? void 0 : _b.cascading) == null ? void 0 : _c.length)) {
+            lowCodeField.wordbook.setting.cascading.forEach((cascading) => {
+              const targetColumn = findColumnByLabel($table, cascading["form.name"]);
+              if (!targetColumn)
+                return;
+              row[targetColumn.field] = option[cascading.value];
+            });
+          }
+        };
+        return config;
+      });
+    }
+  });
+}
+
+export { wordbookSettingPlugin };

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

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

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

@@ -1 +1,16 @@
-class s{}class a{}class c{}class l{}class e{}class o{}class p{}export{s as AbstractConfigHooks,l as AbstractDataHooks,o as AbstractDomInsertHooks,c as AbstractEventHooks,p as AbstractExposeHooks,a as AbstractFieldHooks,e as AbstractSetupHooks};
+class AbstractConfigHooks {
+}
+class AbstractFieldHooks {
+}
+class AbstractEventHooks {
+}
+class AbstractDataHooks {
+}
+class AbstractSetupHooks {
+}
+class AbstractDomInsertHooks {
+}
+class AbstractExposeHooks {
+}
+
+export { AbstractConfigHooks, AbstractDataHooks, AbstractDomInsertHooks, AbstractEventHooks, AbstractExposeHooks, AbstractFieldHooks, AbstractSetupHooks };