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

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

@@ -1 +1,92 @@
-import{createVNode as e,defineComponent as r,watch as t,onBeforeUnmount as n}from"vue";import{jsonParse as i,arrayed as o}from"../../../../../../shared/utils/index.js";import"../../../../index.js";import{WIDGET_TYPE as s}from"../../../constants/index.js";import{getRowHeight as l,IhoTableWarn as u}from"../../../utils/index.js";import d from"viewerjs";import"viewerjs/dist/viewer.css";import{defineTablePlugin as m}from"../../../hooks/useTablePlugin.js";function a(){return m({name:"pictureRendererPlugin",vxe(r){function t(r){return{renderCell(t,{row:n,column:s}){try{if(!n[s.field])return[];const t=i(n[s.field]),u=l()-16;return[e("section",{style:"display:flex;justify-content:center"},[e(p,{style:{width:u+"px",height:u+"px",...r},images:o(t).map((e=>e.url))},null)])]}catch(e){return u(`invalid ${t.name} value of field(${s.field}): ${n[s.field]}`),[]}}}}r.renderer.add(s.PICTURE,t({})),r.renderer.add(s.HEADPORTRAIT,t({"border-radius":"50%"}))}})}const p=r({name:"ViewerImage",props:{images:{type:Array,default:()=>[]},options:{type:Object,default:()=>({})}},setup(r){let i=null;function o(){if(i)return i.show();const e=document.createElement("section");r.images.map((r=>e.appendChild(function(e){const r=new Image;return r.src=e,r}(r)))),i=new d(e,r.options).show()}return t([()=>r.images,()=>r.options],(()=>{null==i||i.destroy(),i=null}),{deep:!0}),n((()=>null==i?void 0:i.destroy())),()=>e("img",{style:"cursor:pointer",alt:"",src:r.images[0],onClick:o},null)}});export{a as pictureRendererPlugin};
+import { createVNode, defineComponent, watch, onBeforeUnmount } from 'vue';
+import { jsonParse, 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 = jsonParse(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 = /* @__PURE__ */ 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.js

@@ -1 +1,69 @@
-import{inject as o,createVNode as n}from"vue";import{SettingsSharp as e}from"@vicons/ionicons5";import{isFunction as i}from"lodash-es";import{NIcon as t}from"naive-ui";import"../../../../index.js";import{InjectionIhoTableEmits as l}from"../../../constants/index.js";import{IhoTableStatusHelper as s}from"../../../utils/index.js";import{defineTablePlugin as r}from"../../../hooks/useTablePlugin.js";function f(){const f="seqRendererPlugin";return r({name:f,apply(r){r.fieldHooks.field.tap({name:f,before:"checkRendererPlugin"},((r,{index:u,insertBefore:m},c)=>{var d,a,p,g,v;if(0===u&&c.showSeq){const r={align:"center",fixed:"left",width:50,type:"seq",field:f,annotation:!1,...null==(d=c.columnConfig)?void 0:d.seqConfig,slots:{header(){if(s.isPositive(c.hideSettingBtn))return[];const i=o(l);return[n(t,{style:{cursor:"pointer"},size:"14",color:"#777",component:e,onClick:function(){i&&i("settingClick")}},null)]},...null==(p=null==(a=c.columnConfig)?void 0:a.seqConfig)?void 0:p.slots}};i(null==(g=c.columnConfig)?void 0:g.seqSlotFn)&&(r.slots||(r.slots={}),r.slots.default=c.columnConfig.seqSlotFn),(null==(v=c.sortableConfig)?void 0:v.enable)&&(r.className="col--drag"),m(r)}return r}))}})}export{f as seqRendererPlugin};
+import { inject, createVNode } from 'vue';
+import { SettingsSharp } from '@vicons/ionicons5';
+import { isFunction } from 'lodash-es';
+import { NIcon } from 'naive-ui';
+import '../../../../index.js';
+import { InjectionIhoTableEmits } from '../../../constants/index.js';
+import { IhoTableStatusHelper } from '../../../utils/index.js';
+import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
+
+function seqRendererPlugin() {
+  const pluginName = "seqRendererPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.fieldHooks.field.tap({
+        name: pluginName,
+        before: "checkRendererPlugin"
+      }, (field, {
+        index,
+        insertBefore
+      }, config) => {
+        var _a, _b, _c, _d, _e;
+        if (index === 0 && config.showSeq) {
+          const columnConfig = {
+            align: "center",
+            fixed: "left",
+            width: 50,
+            type: "seq",
+            field: pluginName,
+            annotation: false,
+            ...(_a = config.columnConfig) == null ? void 0 : _a.seqConfig,
+            slots: {
+              header() {
+                if (IhoTableStatusHelper.isPositive(config.hideSettingBtn))
+                  return [];
+                const emits = inject(InjectionIhoTableEmits);
+                function onClick() {
+                  emits && emits("settingClick");
+                }
+                return [createVNode(NIcon, {
+                  "style": {
+                    cursor: "pointer"
+                  },
+                  "size": "14",
+                  "color": "#777",
+                  "component": SettingsSharp,
+                  "onClick": onClick
+                }, null)];
+              },
+              ...(_c = (_b = config.columnConfig) == null ? void 0 : _b.seqConfig) == null ? void 0 : _c.slots
+            }
+          };
+          if (isFunction((_d = config.columnConfig) == null ? void 0 : _d.seqSlotFn)) {
+            if (!columnConfig.slots)
+              columnConfig.slots = {};
+            columnConfig.slots.default = config.columnConfig.seqSlotFn;
+          }
+          if ((_e = config.sortableConfig) == null ? void 0 : _e.enable) {
+            columnConfig.className = "col--drag";
+          }
+          insertBefore(columnConfig);
+        }
+        return field;
+      });
+    }
+  });
+}
+
+export { seqRendererPlugin };

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

@@ -1 +1,42 @@
-import{onBeforeUnmount as e}from"vue";import"../../index.js";import{defineTablePlugin as o}from"../hooks/useTablePlugin.js";function n(){const n="rowClickPlugin",u=new Map;return o({name:n,apply(o){o.eventHooks.onCurrentChange.tap(n,((e,{uuid:o,rowConfig:n})=>{o&&!1!==(null==n?void 0:n.clickToCancel)&&u.set(o,!0)})),o.eventHooks.onCellClick.tap(n,(async({$table:e},{uuid:o,rowConfig:n})=>{o&&!1!==(null==n?void 0:n.clickToCancel)&&(u.get(o)?u.set(o,!1):e.clearCurrentRow())})),o.setupHooks.setup.tap(n,(o=>{e((()=>{o.value.uuid&&u.delete(o.value.uuid)}))}))}})}export{n as rowClickPlugin};
+import { onBeforeUnmount } from 'vue';
+import '../../index.js';
+import { defineTablePlugin } from '../hooks/useTablePlugin.js';
+
+function rowClickPlugin() {
+  const pluginName = "rowClickPlugin";
+  const lockMap = /* @__PURE__ */ new Map();
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.eventHooks.onCurrentChange.tap(pluginName, (_, {
+        uuid,
+        rowConfig
+      }) => {
+        if (!uuid || (rowConfig == null ? void 0 : rowConfig.clickToCancel) === false)
+          return;
+        lockMap.set(uuid, true);
+      });
+      hooks.eventHooks.onCellClick.tap(pluginName, async ({
+        $table
+      }, {
+        uuid,
+        rowConfig
+      }) => {
+        if (!uuid || (rowConfig == null ? void 0 : rowConfig.clickToCancel) === false)
+          return;
+        if (lockMap.get(uuid)) {
+          lockMap.set(uuid, false);
+          return;
+        }
+        $table.clearCurrentRow();
+      });
+      hooks.setupHooks.setup.tap(pluginName, (config) => {
+        onBeforeUnmount(() => {
+          config.value.uuid && lockMap.delete(config.value.uuid);
+        });
+      });
+    }
+  });
+}
+
+export { rowClickPlugin };

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

@@ -1 +1,187 @@
-import{promiseTimeout as e}from"@vueuse/shared";import{isFunction as l,cloneDeep as n}from"lodash-es";import{nextTick as o,watch as i,onBeforeUnmount as t}from"vue";import"../../index.js";import d from"sortablejs";import r from"xe-utils";import{defineTablePlugin as a}from"../hooks/useTablePlugin.js";function u(){const n="rowDragPlugin",r=new Map;return a({name:n,apply(a){a.fieldHooks.fieldEnd.tapPromise(n,(async(n,{$table:i,emits:t})=>{const{uuid:a}=n,u=n.sortableConfig||{};a&&u.enable&&!r.get(a)&&(await o(),async function n(c=0){if(c>2)return;const v=function(){var e,l,n,o,t,d,r;const a=null==(o=null==(n=null==(l=null==(e=i.value)?void 0:e.$el)?void 0:l.querySelector)?void 0:n.call(l,".vxe-table--body"))?void 0:o.scrollWidth,u=".body--wrapper>.vxe-table--body tbody";return a?null==(r=null==(d=null==(t=i.value)?void 0:t.$el)?void 0:d.querySelector)?void 0:r.call(d,u):null}();if(v){const e=d.create(v,{handle:".col--seq",...u,onEnd:async e=>{var n,d,r,a,c;const{oldIndex:v=0,newIndex:f=0,item:p}=e,b={oldIndex:v,newIndex:f},{virtualY:x}=(null==(n=i.value)?void 0:n.getScroll())||{};if(x){const{item:e,index:l=0}=(null==(d=i.value)?void 0:d.getRowNode(p))||{};b.oldIndex=l;const n=p.previousElementSibling,t=p.nextElementSibling;if(n&&f>v){const{index:e}=(null==(r=i.value)?void 0:r.getRowNode(n))||{};b.newIndex=e}if(t&&f<v){const{index:e}=(null==(a=i.value)?void 0:a.getRowNode(t))||{};b.newIndex=e}(0!==f||0===f&&p.parentElement&&l>(null==(c=p.parentElement.children)?void 0:c.length)-1)&&o((()=>{var e,l;null==(e=p.parentNode)||e.removeChild(p),null==(l=i.value)||l.refreshScroll()}))}const m={...e,...b,...s(e,b,i.value)};t("rowDrag",m),l(u.onEnd)&&u.onEnd(m)}});return r.set(a,e)}await e(100),n(++c)}())})),a.setupHooks.setup.tap(n,(e=>{!function(){var l,n,o;const t=null==(l=e.value)?void 0:l.uuid;if(!t||!(null==(o=null==(n=e.value)?void 0:n.sortableConfig)?void 0:o.enable))return;i((()=>{var l,n;return null==(n=null==(l=e.value)?void 0:l.sortableConfig)?void 0:n.disabled}),(e=>{r.has(t)&&(r.get(t).options.disabled=e)}))}(),t((()=>{var l,n;const o=null==(l=e.value)?void 0:l.uuid;o&&r.has(o)&&(null==(n=r.get(o))||n.destroy(),r.delete(o))}))}))}})}function s(e,l,o){var i;const t=null==(i=null==o?void 0:o.getTableData())?void 0:i.fullData,d=o.treeConfig&&o.treeConfig.transform?function(e,l){var o,i,t,d,a;const{oldIndex:u=0,newIndex:s=0}=e,c={children:"childrenList"},{fullData:v,tableData:f}=l.getTableData(),p=null==f?void 0:f[u],b=null==f?void 0:f[s-1],x=n(v),m=r.findTree(x,(e=>e.__id===p.__id),c);if(b){const e=null==(i=null==(o=l.$el)?void 0:o.querySelector)?void 0:i.call(o,".body--wrapper>.vxe-table--body tbody"),n=null==(d=null==(t=l.$el)?void 0:t.querySelector)?void 0:d.call(t,".fixed-left--wrapper>.vxe-table--body tbody"),v=r.findTree(x,(e=>e.__id===b.__id),c);if(r.findTree(p[c.children],(e=>e.__id===b.__id),c)){const l=e.children[u],o=e.children[s];return e.insertBefore(o,l),null==(a=null==n?void 0:n.insertBefore)||a.call(n,n.children[s],n.children[u]),console.log("不允许自己给自己拖动"),x}const f=m.items.splice(m.index,1)[0];l.isTreeExpandByRow(b)?b[c.children].splice(0,0,f):v.items.splice(v.index+(m.index<v.index?0:1),0,f)}else{const e=m.items.splice(m.index,1)[0];x.unshift(e)}return x}(e,o):function(e,l){var o;const{oldIndex:i=0,newIndex:t=0}=e,d=n((null==(o=null==l?void 0:l.getTableData())?void 0:o.fullData)||[]),r=d.splice(i,1)[0];return d.splice(t,0,r),d}(l,o);return{oldData:t,newData:d}}export{u as rowDragPlugin};
+import { promiseTimeout } from '@vueuse/shared';
+import { isFunction, cloneDeep } from 'lodash-es';
+import { nextTick, watch, onBeforeUnmount } from 'vue';
+import '../../index.js';
+import Sortable from 'sortablejs';
+import XEUtils from 'xe-utils';
+import { defineTablePlugin } from '../hooks/useTablePlugin.js';
+
+function rowDragPlugin() {
+  const pluginName = "rowDragPlugin";
+  const sortableMap = /* @__PURE__ */ new Map();
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.fieldHooks.fieldEnd.tapPromise(pluginName, async (config, {
+        $table,
+        emits
+      }) => {
+        const {
+          uuid
+        } = config;
+        const sortableConfig = config.sortableConfig || {};
+        if (!uuid || !sortableConfig.enable || sortableMap.get(uuid))
+          return;
+        await nextTick();
+        (async function trySetSortable(times = 0) {
+          if (times > 2)
+            return;
+          const selectorEl = getSelectorEl();
+          if (selectorEl) {
+            const sortable = Sortable.create(selectorEl, {
+              handle: ".col--seq",
+              ...sortableConfig,
+              onEnd: async (sortableEvent) => {
+                var _a, _b, _c, _d, _e;
+                const {
+                  oldIndex = 0,
+                  newIndex = 0,
+                  item
+                } = sortableEvent;
+                const mergeObj = {
+                  oldIndex,
+                  newIndex
+                };
+                const {
+                  virtualY
+                } = ((_a = $table.value) == null ? void 0 : _a.getScroll()) || {};
+                if (virtualY) {
+                  const {
+                    item: row,
+                    index = 0
+                  } = ((_b = $table.value) == null ? void 0 : _b.getRowNode(item)) || {};
+                  mergeObj.oldIndex = index;
+                  const preTr = item.previousElementSibling;
+                  const nextTr = item.nextElementSibling;
+                  if (preTr && newIndex > oldIndex) {
+                    const {
+                      index: newIdx
+                    } = ((_c = $table.value) == null ? void 0 : _c.getRowNode(preTr)) || {};
+                    mergeObj.newIndex = newIdx;
+                  }
+                  if (nextTr && newIndex < oldIndex) {
+                    const {
+                      index: newIdx
+                    } = ((_d = $table.value) == null ? void 0 : _d.getRowNode(nextTr)) || {};
+                    mergeObj.newIndex = newIdx;
+                  }
+                  if (newIndex !== 0 || newIndex === 0 && item.parentElement && index > ((_e = item.parentElement.children) == null ? void 0 : _e.length) - 1) {
+                    nextTick(() => {
+                      var _a2, _b2;
+                      (_a2 = item.parentNode) == null ? void 0 : _a2.removeChild(item);
+                      (_b2 = $table.value) == null ? void 0 : _b2.refreshScroll();
+                    });
+                  }
+                }
+                const mergeSortableEvent = {
+                  ...sortableEvent,
+                  ...mergeObj,
+                  ...presetDragHandler(sortableEvent, mergeObj, $table.value)
+                };
+                emits("rowDrag", mergeSortableEvent);
+                isFunction(sortableConfig.onEnd) && sortableConfig.onEnd(mergeSortableEvent);
+              }
+            });
+            return sortableMap.set(uuid, sortable);
+          }
+          await promiseTimeout(100);
+          trySetSortable(++times);
+        })();
+        function getSelectorEl() {
+          var _a, _b, _c, _d, _e, _f, _g;
+          const bodyDomWidth = (_d = (_c = (_b = (_a = $table.value) == null ? void 0 : _a.$el) == null ? void 0 : _b.querySelector) == null ? void 0 : _c.call(_b, ".vxe-table--body")) == null ? void 0 : _d.scrollWidth;
+          const className = ".body--wrapper>.vxe-table--body tbody";
+          return !bodyDomWidth ? null : (_g = (_f = (_e = $table.value) == null ? void 0 : _e.$el) == null ? void 0 : _f.querySelector) == null ? void 0 : _g.call(_f, className);
+        }
+      });
+      hooks.setupHooks.setup.tap(pluginName, (configRef) => {
+        setWatch();
+        function setWatch() {
+          var _a, _b, _c;
+          const uuid = (_a = configRef.value) == null ? void 0 : _a.uuid;
+          if (!uuid || !((_c = (_b = configRef.value) == null ? void 0 : _b.sortableConfig) == null ? void 0 : _c.enable))
+            return;
+          watch(() => {
+            var _a2, _b2;
+            return (_b2 = (_a2 = configRef.value) == null ? void 0 : _a2.sortableConfig) == null ? void 0 : _b2.disabled;
+          }, (disabled) => {
+            if (!sortableMap.has(uuid))
+              return;
+            sortableMap.get(uuid).options.disabled = disabled;
+          });
+        }
+        onBeforeUnmount(() => {
+          var _a, _b;
+          const uuid = (_a = configRef.value) == null ? void 0 : _a.uuid;
+          if (!uuid || !sortableMap.has(uuid))
+            return;
+          (_b = sortableMap.get(uuid)) == null ? void 0 : _b.destroy();
+          sortableMap.delete(uuid);
+        });
+      });
+    }
+  });
+}
+function presetDragHandler(event, indexObj, $table) {
+  var _a;
+  const oldData = (_a = $table == null ? void 0 : $table.getTableData()) == null ? void 0 : _a.fullData;
+  const newData = $table.treeConfig && $table.treeConfig.transform ? handleTreeDataDrag(event, $table) : handleDataDrag(indexObj, $table);
+  return {
+    oldData,
+    newData
+  };
+}
+function handleDataDrag(indexObj, $table) {
+  var _a;
+  const {
+    oldIndex = 0,
+    newIndex = 0
+  } = indexObj;
+  const newData = cloneDeep(((_a = $table == null ? void 0 : $table.getTableData()) == null ? void 0 : _a.fullData) || []);
+  const currRow = newData.splice(oldIndex, 1)[0];
+  newData.splice(newIndex, 0, currRow);
+  return newData;
+}
+function handleTreeDataDrag(event, $table) {
+  var _a, _b, _c, _d, _e;
+  const {
+    oldIndex = 0,
+    newIndex = 0
+  } = event;
+  const options = {
+    children: "childrenList"
+  };
+  const {
+    fullData,
+    tableData
+  } = $table.getTableData();
+  const selfRow = tableData == null ? void 0 : tableData[oldIndex];
+  const prevRow = tableData == null ? void 0 : tableData[newIndex - 1];
+  const tableTreeData = cloneDeep(fullData);
+  const selfNode = XEUtils.findTree(tableTreeData, (row) => row.__id === selfRow.__id, options);
+  if (prevRow) {
+    const wrapperElem = (_b = (_a = $table.$el) == null ? void 0 : _a.querySelector) == null ? void 0 : _b.call(_a, ".body--wrapper>.vxe-table--body tbody");
+    const fixedWrapperElem = (_d = (_c = $table.$el) == null ? void 0 : _c.querySelector) == null ? void 0 : _d.call(_c, ".fixed-left--wrapper>.vxe-table--body tbody");
+    const prevNode = XEUtils.findTree(tableTreeData, (row) => row.__id === prevRow.__id, options);
+    if (XEUtils.findTree(selfRow[options.children], (row) => row.__id === prevRow.__id, options)) {
+      const oldTrElem = wrapperElem.children[oldIndex];
+      const targetTrElem = wrapperElem.children[newIndex];
+      wrapperElem.insertBefore(targetTrElem, oldTrElem);
+      (_e = fixedWrapperElem == null ? void 0 : fixedWrapperElem.insertBefore) == null ? void 0 : _e.call(fixedWrapperElem, fixedWrapperElem.children[newIndex], fixedWrapperElem.children[oldIndex]);
+      console.log("\u4E0D\u5141\u8BB8\u81EA\u5DF1\u7ED9\u81EA\u5DF1\u62D6\u52A8");
+      return tableTreeData;
+    }
+    const currRow = selfNode.items.splice(selfNode.index, 1)[0];
+    if ($table.isTreeExpandByRow(prevRow)) {
+      prevRow[options.children].splice(0, 0, currRow);
+    } else {
+      prevNode.items.splice(prevNode.index + (selfNode.index < prevNode.index ? 0 : 1), 0, currRow);
+    }
+  } else {
+    const currRow = selfNode.items.splice(selfNode.index, 1)[0];
+    tableTreeData.unshift(currRow);
+  }
+  return tableTreeData;
+}
+
+export { rowDragPlugin };

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

@@ -1 +1,38 @@
-import{isObject as e}from"@vue/shared";import{isString as i}from"lodash-es";import"../../../index.js";import{groupTraverser as r,createRowGroupList as t}from"./rowGroupUtils.js";import{defineTablePlugin as o}from"../../hooks/useTablePlugin.js";function n(){const n="rowGroupSettingPlugin";return o({name:n,apply(o){o.fieldHooks.fieldList.tap(n,((o,n)=>e(n.rowGroupSetting)?r(t(n.rowGroupSetting,o),((e,r,t)=>{if(r){const r={field:e,title:e,align:"center"};if(t&&t.length){const e=t.map((e=>l(i(e)?e:e.fieldName,o)));r.fixed=e.every((e=>"left"===(null==e?void 0:e.fixed)))?"left":e.every((e=>"right"===(null==e?void 0:e.fixed)))?"right":void 0}return r}return l(e,o)})):o))}})}function l(e,i){return i.find((i=>i.field===e))}export{n as rowGroupSettingPlugin};
+import { isObject } from '@vue/shared';
+import { isString } from 'lodash-es';
+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, children) => {
+          if (isBlock) {
+            const result = {
+              field: fieldName,
+              title: fieldName,
+              align: "center"
+            };
+            if (children && children.length) {
+              const _children = children.map((child) => fieldSearcher(isString(child) ? child : child.fieldName, fieldList));
+              result.fixed = _children.every((child) => (child == null ? void 0 : child.fixed) === "left") ? "left" : _children.every((child) => (child == null ? void 0 : child.fixed) === "right") ? "right" : void 0;
+            }
+            return result;
+          }
+          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.js

@@ -1 +1,58 @@
-import{isObject as e}from"@vue/shared";import{isArray as n,isString as r}from"lodash-es";import{IhoTableRowGroupSequence as t}from"../../constants/index.js";function i(r,i,o=(e=>e.field)){const s=i.map((e=>o(e)));return t.some((t=>{const i=r[t];if(!n(i))return!0;i.forEach((r=>{if(!n(r.list)||!r.list.length)return;const t=[];let i=null,o=0;r.list.forEach(((n,c)=>{const l=function(n,r,t){return r.findIndex((r=>r!==t&&(e(r)?r.fieldName:r)===n))}(n,s,i);~l?(t.push(s[l]),c===o?s.splice(l,1,i={fieldName:r.title,children:t}):s.splice(l,1)):c===o&&o++}))}))})),s}function o(n,t){return n.reduce(((n,i)=>{if(r(i)){const e=t(i);e&&n.push(e)}if(e(i)&&i.children){const e=t(i.fieldName,!0,i.children);e&&(e.children=o(i.children,t),n.push(e))}return n}),[])}export{i as createRowGroupList,o as groupTraverser};
+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 = [];
+      let currentGroupItem = null;
+      let anchorIndex = 0;
+      groupSetting.list.forEach((fieldName, idx) => {
+        const groupIdx = groupIndexSearcher(fieldName, result, currentGroupItem);
+        if (!~groupIdx) {
+          if (idx === anchorIndex)
+            anchorIndex++;
+          return;
+        }
+        children.push(result[groupIdx]);
+        if (idx === anchorIndex) {
+          result.splice(groupIdx, 1, currentGroupItem = {
+            fieldName: groupSetting.title,
+            children
+          });
+        } else {
+          result.splice(groupIdx, 1);
+        }
+      });
+    });
+  });
+  return result;
+  function groupIndexSearcher(fieldName, groupList, currentGroupItem) {
+    return groupList.findIndex((group) => group !== currentGroupItem && (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, group.children);
+      if (item) {
+        item.children = groupTraverser(group.children, replacer);
+        result.push(item);
+      }
+    }
+    return result;
+  }, []);
+}
+
+export { createRowGroupList, groupTraverser };