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

package/es/components/iho-table/src/plugins/filterTextPlugin/filter.vue2.js

@@ -1 +1,91 @@
-import{defineComponent as l,ref as a,computed as e,inject as t,openBlock as n,createBlock as o,unref as i,withCtx as u,createVNode as r,mergeProps as d,createTextVNode as p}from"vue";import{cloneDeep as v}from"lodash-es";import{NSpace as c,NInput as f,NButtonGroup as s,NButton as m}from"naive-ui";import{getLowCodeFieldFromField as y}from"../../utils/index.js";var g=l({__name:"filter",props:{payload:{type:Object,required:!0}},setup(l){var g;const w=l,_=a(v((null==(g=w.payload.column.filters)?void 0:g[0])||{}).data),x=e((()=>{var l,a;const e=y(w.payload.column);return e&&(null==(a=null==(l=e.filterSetting)?void 0:l.text)?void 0:a.inputProps)||{}}));function C(l){_.value=l}const b=t("$xetable");function $(){b&&(b.reactData.filterStore.visible=!1)}function j(){var l,a;const e=null==(l=w.payload.column.filters)?void 0:l[0];if(!e)return $();e.data=_.value,(null==(a=w.payload)?void 0:a.$panel)&&(w.payload.$panel.changeOption(null,!!_.value,e),w.payload.$panel.confirmFilter(new CustomEvent("click")))}return(l,a)=>(n(),o(i(c),{vertical:"",style:{padding:"8px 12px"}},{default:u((()=>[r(i(f),d({clearable:""},i(x),{value:_.value,"onUpdate:value":C}),null,16,["value"]),r(i(c),{justify:"end"},{default:u((()=>[r(i(s),{size:"small"},{default:u((()=>[r(i(m),{onClick:$},{default:u((()=>{var l;return[p((null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.28"))||"取消")]})),_:1}),r(i(m),{type:"primary",onClick:j},{default:u((()=>{var l;return[p((null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.27"))||"确定")]})),_:1})])),_:1})])),_:1})])),_:1}))}});export{g as default};
+import { defineComponent, ref, computed, inject, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, createTextVNode } from 'vue';
+import { cloneDeep } from 'lodash-es';
+import { NSpace, NInput, NButtonGroup, NButton } from 'naive-ui';
+import { getLowCodeFieldFromField } from '../../utils/index.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "filter",
+  props: {
+    payload: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    var _a;
+    const props = __props;
+    const valueRef = ref(cloneDeep(((_a = props.payload.column.filters) == null ? void 0 : _a[0]) || {}).data);
+    const inputProps = computed(() => {
+      var _a2, _b;
+      const lowCodeField = getLowCodeFieldFromField(props.payload.column);
+      if (!lowCodeField)
+        return {};
+      return ((_b = (_a2 = lowCodeField.filterSetting) == null ? void 0 : _a2.text) == null ? void 0 : _b.inputProps) || {};
+    });
+    function onUpdateValue(value) {
+      valueRef.value = value;
+    }
+    const $table = inject("$xetable");
+    function close() {
+      if (!$table)
+        return;
+      $table.reactData.filterStore.visible = false;
+    }
+    function confirm() {
+      var _a2, _b;
+      const option = (_a2 = props.payload.column.filters) == null ? void 0 : _a2[0];
+      if (!option)
+        return close();
+      option.data = valueRef.value;
+      if (!((_b = props.payload) == null ? void 0 : _b.$panel))
+        return;
+      props.payload.$panel.changeOption(null, !!valueRef.value, option);
+      props.payload.$panel.confirmFilter(new CustomEvent("click"));
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NSpace), {
+        vertical: "",
+        style: {
+          "padding": "8px 12px"
+        }
+      }, {
+        default: withCtx(() => [createVNode(unref(NInput), mergeProps({
+          clearable: ""
+        }, unref(inputProps), {
+          value: valueRef.value,
+          "onUpdate:value": onUpdateValue
+        }), null, 16, ["value"]), createVNode(unref(NSpace), {
+          justify: "end"
+        }, {
+          default: withCtx(() => [createVNode(unref(NButtonGroup), {
+            size: "small"
+          }, {
+            default: withCtx(() => [createVNode(unref(NButton), {
+              onClick: close
+            }, {
+              default: withCtx(() => {
+                var _a2;
+                return [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.28")) || "\u53D6\u6D88")];
+              }),
+              _: 1
+            }), createVNode(unref(NButton), {
+              type: "primary",
+              onClick: confirm
+            }, {
+              default: withCtx(() => {
+                var _a2;
+                return [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.27")) || "\u786E\u5B9A")];
+              }),
+              _: 1
+            })]),
+            _: 1
+          })]),
+          _: 1
+        })]),
+        _: 1
+      });
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1 +1,78 @@
-import{createVNode as e}from"vue";import{isString as i}from"lodash-es";import"../../../index.js";import{IhoTableRenderHelper as t,parseRichContent as o}from"../../utils/index.js";import r from"./filter.vue.js";import{isObject as n,isArray as l}from"@vue/shared";import{defineTablePlugin as f}from"../../hooks/useTablePlugin.js";function d(){const d="filterTextRenderPlugin";return f({name:d,vxe(i){i.renderer.mixin({[d]:{showFilterFooter:!1,renderFilter:(i,t)=>e(r,{payload:t,key:t.column.field},null)}})},apply(e){e.fieldHooks.field.tap(d,((e,r,f,{$table:u})=>{var a,s,c;const m=null==(a=e.editRender)?void 0:a.props;if(!n(m))return e;if(!t.hasTextFilter(m))return e;e.filterRender={name:d};const p=null==(s=u.value)?void 0:s.getColumnByField(e.field),h={};return p&&l(p.filters)&&Object.assign(h,{...null==(c=p.filters)?void 0:c[0]}),e.filters=[{...h}],e.filterMethod||(e.filterMethod=function({option:e,row:t,column:r}){const n=t[r.field];if(!i(n))return!1;if(n.includes(e.data))return!0;const{value:l,change_text:f}=o(n);return i(f)&&f.includes(e.data)||i(l)&&l.includes(e.data)}),f.filterConfig={iconMatch:"iho-table--iconfont iho-table-icon-filter",iconNone:"iho-table--iconfont iho-table-icon-filter",...f.filterConfig},e}))}})}export{d as filterTextRenderPlugin};
+import { createVNode } from 'vue';
+import { isString } from 'lodash-es';
+import '../../../index.js';
+import { IhoTableRenderHelper, parseRichContent } from '../../utils/index.js';
+import Filter from './filter.vue.js';
+import { isObject, isArray } from '@vue/shared';
+import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
+
+function filterTextRenderPlugin() {
+  const pluginName = "filterTextRenderPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    vxe(VxeTable) {
+      VxeTable.renderer.mixin({
+        [pluginName]: {
+          showFilterFooter: false,
+          renderFilter(filterRender, payload) {
+            return createVNode(Filter, {
+              "payload": payload,
+              "key": payload.column.field
+            }, null);
+          }
+        }
+      });
+    },
+    apply(hooks) {
+      hooks.fieldHooks.field.tap(pluginName, (fieldItem, context, config, {
+        $table
+      }) => {
+        var _a, _b, _c;
+        const lowCodeField = (_a = fieldItem.editRender) == null ? void 0 : _a.props;
+        if (!isObject(lowCodeField))
+          return fieldItem;
+        if (!IhoTableRenderHelper.hasTextFilter(lowCodeField))
+          return fieldItem;
+        fieldItem.filterRender = {
+          name: pluginName
+        };
+        const column = (_b = $table.value) == null ? void 0 : _b.getColumnByField(fieldItem.field);
+        const oldOption = {};
+        if (column && isArray(column.filters)) {
+          Object.assign(oldOption, {
+            ...(_c = column.filters) == null ? void 0 : _c[0]
+          });
+        }
+        fieldItem.filters = [{
+          ...oldOption
+        }];
+        if (!fieldItem.filterMethod) {
+          fieldItem.filterMethod = function({
+            option,
+            row,
+            column: column2
+          }) {
+            const content = row[column2.field];
+            if (!isString(content))
+              return false;
+            if (content.includes(option.data))
+              return true;
+            const {
+              value,
+              change_text
+            } = parseRichContent(content);
+            return isString(change_text) && change_text.includes(option.data) || isString(value) && value.includes(option.data);
+          };
+        }
+        config.filterConfig = {
+          iconMatch: "iho-table--iconfont iho-table-icon-filter",
+          iconNone: "iho-table--iconfont iho-table-icon-filter",
+          ...config.filterConfig
+        };
+        return fieldItem;
+      });
+    }
+  });
+}
+
+export { filterTextRenderPlugin };

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

@@ -1 +1,35 @@
-import{nextTick as e}from"vue";import"../../index.js";import{defineTablePlugin as t}from"../hooks/useTablePlugin.js";function i(){const i="filterVisibleEventPlugin";return t({name:i,apply(t){t.eventHooks.onFilterVisible.tap(i,(({$table:t,visible:i})=>{i&&e((()=>{const e=t.getRefMaps().refTableFilter.value.$el,i=null==e?void 0:e.getBoundingClientRect(),n=Math.min(document.documentElement.clientHeight,window.innerHeight),l=parseFloat(t.reactData.filterStore.style.top),{top:o,height:r}=i,a=n-o-l;a<r&&o>a&&(e.style.transform=`translateY(${-(r+l)}px)`)}))}))}})}export{i as filterVisibleEventPlugin};
+import { nextTick } from 'vue';
+import '../../index.js';
+import { defineTablePlugin } from '../hooks/useTablePlugin.js';
+
+function filterVisibleEventPlugin() {
+  const pluginName = "filterVisibleEventPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.eventHooks.onFilterVisible.tap(pluginName, ({
+        $table,
+        visible
+      }) => {
+        if (!visible)
+          return;
+        nextTick(() => {
+          const filterEle = $table.getRefMaps().refTableFilter.value.$el;
+          const boundingInfo = filterEle == null ? void 0 : filterEle.getBoundingClientRect();
+          const bodyHeight = Math.min(document.documentElement.clientHeight, window.innerHeight);
+          const top = parseFloat($table.reactData.filterStore.style.top);
+          const {
+            top: topSpace,
+            height: filterEleHeight
+          } = boundingInfo;
+          const bottomSpace = bodyHeight - topSpace - top;
+          if (bottomSpace < filterEleHeight && topSpace > bottomSpace) {
+            filterEle.style.transform = `translateY(${-(filterEleHeight + top)}px)`;
+          }
+        });
+      });
+    }
+  });
+}
+
+export { filterVisibleEventPlugin };

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

@@ -1 +1,111 @@
-import"../../index.js";import{EDITABLE_WIDGET_TYPE as e}from"../constants/index.js";import{promiseTimeout as o}from"@vueuse/shared";import{identity as r}from"lodash-es";import{defineTablePlugin as n}from"../hooks/useTablePlugin.js";function t(){const t="forceArrowKeyPlugin",l=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"];function d({keyboardConfig:e={}}){return e.isArrow&&e.forceArrowKey}function i(e,o,r,n,t,l,d,c=1){const{afterFullData:u,visibleColumn:a}=e.internalData,s=Object.assign({},o),w=e.getVTRowIndex(s.row),m=e.getVTColumnIndex(s.column);d.preventDefault();let p=!1;n&&w>c-1?(s.rowIndex=w-c,s.row=u[s.rowIndex],p=!0):l&&w<u.length-c?(s.rowIndex=w+c,s.row=u[s.rowIndex],p=!0):r&&m>c-1?(s.columnIndex=m-c,s.column=a[s.columnIndex],p=!0):t&&m<a.length-c&&(s.columnIndex=m+c,s.column=a[s.columnIndex],p=!0),p?e.scrollToRow(s.row,s.column).then((()=>{s.cell=e.getCell(s.row,s.column),e.handleSelected(s,d)})):c>1&&i(e,o,r,n,t,l,d,c-1)}return n({name:t,apply(n){n.eventHooks.onKeydown.tap(t,(async({$event:e,$table:r},n,{$xeTable:t})=>{const c=e;if(!d(n)||!l.includes(c.key))return;const u=r.getEditRecord()||{};if(u.row&&u.column){e.preventDefault();const o="ArrowLeft"===c.key,r="ArrowUp"===c.key,n="ArrowRight"===c.key,l="ArrowDown"===c.key;t.value&&i(t.value,u,o,r,n,l,c,c.ctrlKey||c.metaKey?2:1)}await o(100);const{row:a,column:s}=r.getSelectedCell()||{};a&&s&&await r.setEditCell(a,s)}));const c={[e.NUMBER]:e=>{var o;return e.editRender.props={...e.editRender.props,componentProps:{keyboard:{ArrowUp:!1,ArrowDown:!1},...null==(o=e.editRender.props)?void 0:o.componentProps}},e}};n.fieldHooks.field.tap(t,((e,o,n)=>{var t;if(!d(n))return e;return(c[null==(t=e.editRender)?void 0:t.name]||r)(e)}))}})}export{t as forceArrowKeyPlugin};
+import '../../index.js';
+import { EDITABLE_WIDGET_TYPE } from '../constants/index.js';
+import { promiseTimeout } from '@vueuse/shared';
+import { identity } from 'lodash-es';
+import { defineTablePlugin } from '../hooks/useTablePlugin.js';
+
+function forceArrowKeyPlugin() {
+  const pluginName = "forceArrowKeyPlugin";
+  const arrowKeys = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
+  function isForceArrowMode({
+    keyboardConfig = {}
+  }) {
+    return keyboardConfig.isArrow && keyboardConfig.forceArrowKey;
+  }
+  function moveSelected($xetable, args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt, moveSpace = 1) {
+    const {
+      afterFullData,
+      visibleColumn
+    } = $xetable.internalData;
+    const params = Object.assign({}, args);
+    const _rowIndex = $xetable.getVTRowIndex(params.row);
+    const _columnIndex = $xetable.getVTColumnIndex(params.column);
+    evnt.preventDefault();
+    let moved = false;
+    if (isUpArrow && _rowIndex > moveSpace - 1) {
+      params.rowIndex = _rowIndex - moveSpace;
+      params.row = afterFullData[params.rowIndex];
+      moved = true;
+    } else if (isDwArrow && _rowIndex < afterFullData.length - moveSpace) {
+      params.rowIndex = _rowIndex + moveSpace;
+      params.row = afterFullData[params.rowIndex];
+      moved = true;
+    } else if (isLeftArrow && _columnIndex > moveSpace - 1) {
+      params.columnIndex = _columnIndex - moveSpace;
+      params.column = visibleColumn[params.columnIndex];
+      moved = true;
+    } else if (isRightArrow && _columnIndex < visibleColumn.length - moveSpace) {
+      params.columnIndex = _columnIndex + moveSpace;
+      params.column = visibleColumn[params.columnIndex];
+      moved = true;
+    }
+    if (moved) {
+      $xetable.scrollToRow(params.row, params.column).then(() => {
+        params.cell = $xetable.getCell(params.row, params.column);
+        $xetable.handleSelected(params, evnt);
+      });
+    } else if (moveSpace > 1) {
+      moveSelected($xetable, args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt, moveSpace - 1);
+    }
+  }
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.eventHooks.onKeydown.tap(pluginName, async ({
+        $event,
+        $table
+      }, config, {
+        $xeTable
+      }) => {
+        const event = $event;
+        if (!isForceArrowMode(config) || !arrowKeys.includes(event.key))
+          return;
+        const editArgs = $table.getEditRecord() || {};
+        const isEditMode = editArgs.row && editArgs.column;
+        if (isEditMode) {
+          $event.preventDefault();
+          const isLeftArrow = event.key === "ArrowLeft";
+          const isUpArrow = event.key === "ArrowUp";
+          const isRightArrow = event.key === "ArrowRight";
+          const isDownArrow = event.key === "ArrowDown";
+          if ($xeTable.value) {
+            moveSelected($xeTable.value, editArgs, isLeftArrow, isUpArrow, isRightArrow, isDownArrow, event, event.ctrlKey || event.metaKey ? 2 : 1);
+          }
+        }
+        await promiseTimeout(100);
+        const {
+          row,
+          column
+        } = $table.getSelectedCell() || {};
+        if (!row || !column)
+          return;
+        await $table.setEditCell(row, column);
+      });
+      const handlerMap = {
+        [EDITABLE_WIDGET_TYPE.NUMBER]: (field) => {
+          var _a;
+          field.editRender.props = {
+            ...field.editRender.props,
+            componentProps: {
+              keyboard: {
+                ArrowUp: false,
+                ArrowDown: false
+              },
+              ...(_a = field.editRender.props) == null ? void 0 : _a.componentProps
+            }
+          };
+          return field;
+        }
+      };
+      hooks.fieldHooks.field.tap(pluginName, (field, _, config) => {
+        var _a;
+        if (!isForceArrowMode(config))
+          return field;
+        const handler = handlerMap[(_a = field.editRender) == null ? void 0 : _a.name] || identity;
+        return handler(field);
+      });
+    }
+  });
+}
+
+export { forceArrowKeyPlugin };

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

@@ -1 +1 @@
-export default function HeaderPlugin(): import("../../../../../components/iho-table").TablePlugin;
+export declare function HeaderPlugin(): import("../../../../../components/iho-table").TablePlugin;

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

@@ -1 +1,115 @@
-import{useAttrs as e,onBeforeUnmount as l,inject as t,createVNode as o,mergeProps as n}from"vue";import{arrayed as i,widthAppend as r}from"../../../../../shared/utils/index.js";import{CodeSlash as s}from"@vicons/ionicons5";import{isObject as a,isString as u,isFunction as d}from"lodash-es";import c from"../../../../annotation-edit/index.js";import"../../../index.js";import{InjectionIhoTableAnnotation as m,InjectionIhoTableConfig as v,InjectionIhoTableXeInstance as f,InjectionIhoTableGlobProps as h}from"../../constants/index.js";import{getLowCodeFieldFromField as p,IhoTableRenderHelper as b}from"../../utils/index.js";import x from"./tooltipMessage.vue.js";import{defineTablePlugin as w}from"../../hooks/useTablePlugin.js";function g(){const g="headerPlugin";return w({name:g,apply(w){let j=null;w.setupHooks.setup.tap(g,(()=>{j=e(),l((()=>{j=null}))})),w.fieldHooks.field.tap(g,((e,l,w)=>{var g;const O=null==(g=e.slots)?void 0:g.header;return e.slots={...e.slots,header:l=>function(e,l,p){var w;const g=t(m),O=t(v),D=t("$xetable"),H=t(f);H&&!(null==H?void 0:H.value)&&(H.value=D);const M=null!=e.column.showHeaderOverflow?0!=e.column.showHeaderOverflow:0!=O.value.showHeaderOverflow,W=e.column||{},y=a(null==g?void 0:g.value)&&!1!==l.annotation,k=b.isEditableColumn(O.value,W),P=b.hasFilter(l),$=b.hasTitlePrefix(e.column),C=u(p)?p:d(p)?p(e):null;let R=null==(w=l.settingObj)?void 0:w.fieldDescDev;if(u(R)&&R){const e=t(h);R=(null==e?void 0:e.developMode)?R:""}let S=!1;if(O.value){const e=O.value.editRules&&O.value.editRules[W.field];e&&(S=i(e).some((e=>e.required)))}const T=O.value.border?Math.max(2,Math.ceil(D.reactData.scrollbarWidth/D.reactData.tableColumn.length)):1,V=r(Math.max(0,W.renderWidth-20-T-(S?14:0)-(y?18:0)-(P?23:0)-(k?22:0)-($?20:0)-(W.sortable?23:0)-(R?20:0)));return o("section",{class:"iho-table__headerWrapper"},[o("section",{style:{width:V}},[null!=C?C:o("div",n({style:M?{maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}:{maxWidth:"100%"}},function(){var e;const t=null==(e=l.settingObj)?void 0:e.fieldDescribe;return t?{title:`${W.title}\n${t}`}:{}}()),[function(){const e=W.title,l=/\\n|\n|\r/g;if(!l.test(e))return e;const t=e.replace(l,"<br>").split("<br>");return t.map(((e,l)=>[e,l===t.length-1?null:o("br",null,null)]))}()])]),R?o(x,{message:R},{trigger:()=>o(s,{style:"width:14px"},null)}):null,y?o(c,{modelValue:g.value[W.field],"onUpdate:modelValue":e=>g.value[W.field]=e,shortcuts:j&&(j["annotation-shortcuts"]||j.annotationShortcuts)||[]},null):null])}(l,p(e),O)},e}))}})}export{g as default};
+import { useAttrs, onBeforeUnmount, inject, createVNode, mergeProps } from 'vue';
+import { arrayed, widthAppend } from '../../../../../shared/utils/index.js';
+import { CodeSlash } from '@vicons/ionicons5';
+import { isObject, isString, isFunction } from 'lodash-es';
+import Annotation from '../../../../annotation-edit/index.js';
+import '../../../index.js';
+import { InjectionIhoTableAnnotation, InjectionIhoTableConfig, InjectionIhoTableXeInstance, InjectionIhoTableGlobProps } from '../../constants/index.js';
+import { getLowCodeFieldFromField, IhoTableRenderHelper } from '../../utils/index.js';
+import TextOverTooltip from './tooltipMessage.vue.js';
+import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
+
+function HeaderPlugin() {
+  const pluginName = "headerPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      let attrs = null;
+      hooks.setupHooks.setup.tap(pluginName, () => {
+        attrs = useAttrs();
+        onBeforeUnmount(() => {
+          attrs = null;
+        });
+      });
+      function renderHeader(payload, lowCodeField, headerSlot) {
+        var _a;
+        const annotationRef = inject(InjectionIhoTableAnnotation);
+        const configRef = inject(InjectionIhoTableConfig);
+        const $table = inject("$xetable");
+        const globXeTable = inject(InjectionIhoTableXeInstance);
+        if (globXeTable && !(globXeTable == null ? void 0 : globXeTable.value)) {
+          globXeTable.value = $table;
+        }
+        const showEllipsis = payload.column.showHeaderOverflow != null ? payload.column.showHeaderOverflow != false : configRef.value.showHeaderOverflow != false;
+        const column = payload.column || {};
+        const hasAnnotation = isObject(annotationRef == null ? void 0 : annotationRef.value) && lowCodeField.annotation !== false;
+        const editable = IhoTableRenderHelper.isEditableColumn(configRef.value, column);
+        const hasFilter = IhoTableRenderHelper.hasFilter(lowCodeField);
+        const hasTitlePrefix = IhoTableRenderHelper.hasTitlePrefix(payload.column);
+        const customHeader = isString(headerSlot) ? headerSlot : isFunction(headerSlot) ? headerSlot(payload) : null;
+        let fieldDescDev = (_a = lowCodeField.settingObj) == null ? void 0 : _a.fieldDescDev;
+        if (isString(fieldDescDev) && fieldDescDev) {
+          const globProps = inject(InjectionIhoTableGlobProps);
+          fieldDescDev = (globProps == null ? void 0 : globProps.developMode) ? fieldDescDev : "";
+        }
+        let required = false;
+        if (configRef.value) {
+          const rules = configRef.value.editRules && configRef.value.editRules[column.field];
+          if (rules) {
+            required = arrayed(rules).some((rule) => rule.required);
+          }
+        }
+        const computeCellOffsetWidth = configRef.value.border ? Math.max(2, Math.ceil($table.reactData.scrollbarWidth / $table.reactData.tableColumn.length)) : 1;
+        const wrapperWidth = widthAppend(Math.max(0, column.renderWidth - 20 - computeCellOffsetWidth - (required ? 14 : 0) - (hasAnnotation ? 18 : 0) - (hasFilter ? 23 : 0) - (editable ? 22 : 0) - (hasTitlePrefix ? 20 : 0) - (column.sortable ? 23 : 0) - (fieldDescDev ? 20 : 0)));
+        function renderTitle() {
+          const content = column.title;
+          const reg = /\\n|\n|\r/g;
+          if (!reg.test(content))
+            return content;
+          const contentList = content.replace(reg, "<br>").split("<br>");
+          return contentList.map((str, idx) => [str, idx === contentList.length - 1 ? null : createVNode("br", null, null)]);
+        }
+        function getAnnotationShortcuts() {
+          if (!attrs)
+            return [];
+          return attrs["annotation-shortcuts"] || attrs["annotationShortcuts"] || [];
+        }
+        function getOtherAttrs() {
+          var _a2;
+          const fieldDescribe = (_a2 = lowCodeField.settingObj) == null ? void 0 : _a2.fieldDescribe;
+          return fieldDescribe ? {
+            title: `${column.title}
+${fieldDescribe}`
+          } : {};
+        }
+        return createVNode("section", {
+          "class": "iho-table__headerWrapper"
+        }, [createVNode("section", {
+          "style": {
+            width: wrapperWidth
+          }
+        }, [customHeader != null ? customHeader : createVNode("div", mergeProps({
+          "style": showEllipsis ? {
+            maxWidth: "100%",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap"
+          } : {
+            maxWidth: "100%"
+          }
+        }, getOtherAttrs()), [renderTitle()])]), fieldDescDev ? createVNode(TextOverTooltip, {
+          "message": fieldDescDev
+        }, {
+          trigger: () => createVNode(CodeSlash, {
+            "style": "width:14px"
+          }, null)
+        }) : null, hasAnnotation ? createVNode(Annotation, {
+          "modelValue": annotationRef.value[column.field],
+          "onUpdate:modelValue": ($event) => annotationRef.value[column.field] = $event,
+          "shortcuts": getAnnotationShortcuts()
+        }, null) : null]);
+      }
+      hooks.fieldHooks.field.tap(pluginName, (field, _, globProps) => {
+        var _a;
+        const headerSlot = (_a = field.slots) == null ? void 0 : _a.header;
+        field.slots = {
+          ...field.slots,
+          header: (payload) => renderHeader(payload, getLowCodeFieldFromField(field), headerSlot)
+        };
+        return field;
+      });
+    }
+  });
+}
+
+export { HeaderPlugin };

package/es/components/iho-table/src/plugins/headerPlugin/tooltipMessage.vue.js

@@ -1 +1,6 @@
-import e from"./tooltipMessage.vue2.js";import o from"../../../../../_virtual/_plugin-vue_export-helper.js";var t=o(e,[["__file","tooltipMessage.vue"]]);export{t as default};
+import _sfc_main from './tooltipMessage.vue2.js';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.js';
+
+var TextOverTooltip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "tooltipMessage.vue"]]);
+
+export { TextOverTooltip as default };

package/es/components/iho-table/src/plugins/headerPlugin/tooltipMessage.vue2.js

@@ -1 +1,40 @@
-import{defineComponent as e,computed as s,openBlock as o,createBlock as r,unref as t,withCtx as i,renderSlot as n,createVNode as l,createElementVNode as a,createElementBlock as m,Fragment as p,renderList as g,toDisplayString as f}from"vue";import{HelpCircleOutline as u}from"@vicons/ionicons5";import{isString as c}from"lodash-es";import{NTooltip as d}from"naive-ui";const v={style:{display:"inline-flex","flex-direction":"column"}};var x=e({__name:"tooltipMessage",props:{message:String},setup(e){const x=e,y=s((()=>c(x.message)?x.message.split("<br>"):[]));return(e,s)=>(o(),r(t(d),{trigger:"hover"},{trigger:i((()=>[n(e.$slots,"trigger",{},(()=>[l(t(u))]))])),default:i((()=>[a("section",v,[(o(!0),m(p,null,g(t(y),(e=>(o(),m("span",{key:e},f(e),1)))),128))])])),_:3}))}});export{x as default};
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString } from 'vue';
+import { HelpCircleOutline } from '@vicons/ionicons5';
+import { isString } from 'lodash-es';
+import { NTooltip } from 'naive-ui';
+
+const _hoisted_1 = {
+  style: {
+    "display": "inline-flex",
+    "flex-direction": "column"
+  }
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "tooltipMessage",
+  props: {
+    message: String
+  },
+  setup(__props) {
+    const props = __props;
+    const parsedMessages = computed(() => {
+      if (!isString(props.message))
+        return [];
+      return props.message.split("<br>");
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NTooltip), {
+        trigger: "hover"
+      }, {
+        trigger: withCtx(() => [renderSlot(_ctx.$slots, "trigger", {}, () => [createVNode(unref(HelpCircleOutline))])]),
+        default: withCtx(() => [createElementVNode("section", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(parsedMessages), (m) => {
+          return openBlock(), createElementBlock("span", {
+            key: m
+          }, toDisplayString(m), 1);
+        }), 128))])]),
+        _: 3
+      });
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1 +1,56 @@
-import{traverse as o,hex2rgba as r}from"../../../../shared/utils/index.js";import{isFunction as t}from"lodash-es";import"../../index.js";import{useUUIDMap as e,mergeVxeClass as i}from"../utils/index.js";import{defineTablePlugin as n}from"../hooks/useTablePlugin.js";function s(){const s="highLightSetPlugin",{getItemFromUUID:u,removeItemFromUUID:l,setItemFromUUID:a}=e((()=>!1));return n({name:s,apply(e){e.dataHooks.data.tapPromise(s,(async(r,t)=>{if(!t.uuid||u(t.uuid))return;let e=!1;o(r,((o,r)=>{(o.rowColor||o.fontColor)&&(e=!0,r())}),["children","childrenList"]),e&&a(t.uuid,!0)})),e.dataHooks.dataEnd.tap(s,(o=>{if(!o.uuid||!u(o.uuid))return;const e=o.rowStyle;o.rowStyle=function(o){if(o.row.rowColor||o.row.fontColor){const[i,n,s,u]=r(o.row.rowColor||"",.2),l={"--row-background-color":`rgba(${i}, ${n}, ${s}, ${u})`,color:o.row.fontColor};return t(e)?Object.assign(l,e(o)):l}return t(e)?e(o):null};const n=o.rowClassName;o.rowClassName=i((o=>o.row.rowColor?"row--custom":null),n),l(o.uuid)}))}})}export{s as highLightSetPlugin};
+import { traverse, hex2rgba } from '../../../../shared/utils/index.js';
+import { isFunction } from 'lodash-es';
+import '../../index.js';
+import { useUUIDMap, mergeVxeClass } from '../utils/index.js';
+import { defineTablePlugin } from '../hooks/useTablePlugin.js';
+
+function highLightSetPlugin() {
+  const pluginName = "highLightSetPlugin";
+  const {
+    getItemFromUUID,
+    removeItemFromUUID,
+    setItemFromUUID
+  } = useUUIDMap(() => false);
+  return defineTablePlugin({
+    name: pluginName,
+    apply(hooks) {
+      hooks.dataHooks.data.tapPromise(pluginName, async (row, config) => {
+        if (!config.uuid || getItemFromUUID(config.uuid))
+          return;
+        let hasColor = false;
+        traverse(row, (item, stop) => {
+          if (!item.rowColor && !item.fontColor)
+            return;
+          hasColor = true;
+          stop();
+        }, ["children", "childrenList"]);
+        hasColor && setItemFromUUID(config.uuid, true);
+      });
+      hooks.dataHooks.dataEnd.tap(pluginName, (_, config) => {
+        if (!config.uuid || !getItemFromUUID(config.uuid))
+          return;
+        const __rowStyle = config.rowStyle;
+        config.rowStyle = function(payload) {
+          if (payload.row.rowColor || payload.row.fontColor) {
+            const [r, g, b, a] = hex2rgba(payload.row.rowColor || "", 0.2);
+            const colorStyle = {
+              "--row-background-color": `rgba(${r}, ${g}, ${b}, ${a})`,
+              color: payload.row.fontColor
+            };
+            if (!isFunction(__rowStyle))
+              return colorStyle;
+            return Object.assign(colorStyle, __rowStyle(payload));
+          }
+          return isFunction(__rowStyle) ? __rowStyle(payload) : null;
+        };
+        const __rowClassName = config.rowClassName;
+        config.rowClassName = mergeVxeClass((payload) => {
+          return payload.row.rowColor ? "row--custom" : null;
+        }, __rowClassName);
+        removeItemFromUUID(config.uuid);
+      });
+    }
+  });
+}
+
+export { highLightSetPlugin };

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

@@ -1,3 +1,79 @@
-import { TablePlugin } from '../../../../components/iho-table';
-declare const _default: Record<string, () => TablePlugin>;
-export default _default;
+import { anchorPlugin } from './anchorPlugin/index';
+import { bindEventSettingPlugin } from './bindEventSettingPlugin';
+import { colorAndIconPlugin } from './colorAndIconPlugin';
+import { copyPastePlugin } from './copyPastePlugin';
+import { crossHeaderPlugin } from './crossHeaderPlugin';
+import { defaultConfigPlugin } from './defaultConfigPlugin';
+import { defaultValuePlugin } from './defaultValuePlugin';
+import { dragScrollPlugin } from './dragScrollPlugin';
+import { dynamicFilterRenderPlugin } from './dynamicFilterRenderPlugin/index';
+import { filterDaterangeRenderPlugin } from './filterDaterangeRenderPlugin/index';
+import { filterRemoteSearchPlugin } from './filterRemoteSearchPlugin/index';
+import { filterRenderPlugin } from './filterRenderPlugin/index';
+import { filterTextRenderPlugin } from './filterTextPlugin/index';
+import { filterVisibleEventPlugin } from './filterVisibleEventPlugin';
+import { forceArrowKeyPlugin } from './forceArrowKeyPlugin';
+import { HeaderPlugin } from './headerPlugin/index';
+import { highLightSetPlugin } from './highLightSetPlugin';
+import { keyboardEventPlugin } from './keyboardEventPlugin';
+import { lowCodeFieldAdaptorPlugin } from './lowCodeFieldAdaptorPlugin';
+import { maxCheckSizePlugin } from './maxCheckSizePlugin';
+import { operationalFormPlugin } from './operationalFormPlugin';
+import { pagerScrollPlugin } from './pagerScrollPlugin/index';
+import { rowClickPlugin } from './rowClickPlugin';
+import { rowDragPlugin } from './rowDragPlugin';
+import { rowGroupSettingPlugin } from './rowGroupSettingPlugin/index';
+import { stickyFixedPlugin } from './stickyFixedPlugin';
+import { variableHeightRendererPlugin } from './varialbleHeightPlugin';
+import { verticalTablePlugin } from './verticalTablePlugin/index';
+import { virtualTreePlugin } from './virtualTreePlugin';
+import { wordbookSettingPlugin } from './wordbookSettingPlugin';
+export { dateRendererPlugin } from './rendererPlugins/editableWidgets/dateRendererPlugin/index';
+export { inputRendererPlugin } from './rendererPlugins/editableWidgets/inputRendererPlugin';
+export { levelSearchCascadePlugin } from './rendererPlugins/editableWidgets/levelSearchCascadePlugin/index';
+export { numberRendererPlugin } from './rendererPlugins/editableWidgets/numberRendererPlugin';
+export { radioRendererPlugin } from './rendererPlugins/editableWidgets/radioRendererPlugin';
+export { selectRendererPlugin } from './rendererPlugins/editableWidgets/selectRendererPlugin/index';
+export { separateRendererPlugins } from './rendererPlugins/editableWidgets/separateRendererPlugin/index';
+export { switchRendererPlugin } from './rendererPlugins/editableWidgets/switchRendererPlugin';
+export { timeRendererPlugin } from './rendererPlugins/editableWidgets/timeRendererPlugin/index';
+export { checkRendererPlugin } from './rendererPlugins/widgets/checkRendererPlugin';
+export { colorRendererPlugin } from './rendererPlugins/widgets/colorRendererPlugin';
+export { defaultRendererPlugin } from './rendererPlugins/widgets/defaultRendererPlugin';
+export { htmlRendererPlugin } from './rendererPlugins/widgets/htmlRendererPlugin';
+export { labelRendererPlugin } from './rendererPlugins/widgets/labelRendererPlugin';
+export { pictureRendererPlugin } from './rendererPlugins/widgets/pictureRendererPlugin';
+export { seqRendererPlugin } from './rendererPlugins/widgets/seqRendererPlugin';
+export declare const commonModules: {
+    anchorPlugin: typeof anchorPlugin;
+    bindEventSettingPlugin: typeof bindEventSettingPlugin;
+    colorAndIconPlugin: typeof colorAndIconPlugin;
+    copyPastePlugin: typeof copyPastePlugin;
+    crossHeaderPlugin: typeof crossHeaderPlugin;
+    defaultConfigPlugin: typeof defaultConfigPlugin;
+    defaultValuePlugin: typeof defaultValuePlugin;
+    dragScrollPlugin: typeof dragScrollPlugin;
+    dynamicFilterRenderPlugin: typeof dynamicFilterRenderPlugin;
+    filterDaterangeRenderPlugin: typeof filterDaterangeRenderPlugin;
+    filterRemoteSearchPlugin: typeof filterRemoteSearchPlugin;
+    filterRenderPlugin: typeof filterRenderPlugin;
+    filterTextRenderPlugin: typeof filterTextRenderPlugin;
+    filterVisibleEventPlugin: typeof filterVisibleEventPlugin;
+    forceArrowKeyPlugin: typeof forceArrowKeyPlugin;
+    HeaderPlugin: typeof HeaderPlugin;
+    highLightSetPlugin: typeof highLightSetPlugin;
+    keyboardEventPlugin: typeof keyboardEventPlugin;
+    lowCodeFieldAdaptorPlugin: typeof lowCodeFieldAdaptorPlugin;
+    maxCheckSizePlugin: typeof maxCheckSizePlugin;
+    operationalFormPlugin: typeof operationalFormPlugin;
+    pagerScrollPlugin: typeof pagerScrollPlugin;
+    rowClickPlugin: typeof rowClickPlugin;
+    rowDragPlugin: typeof rowDragPlugin;
+    rowGroupSettingPlugin: typeof rowGroupSettingPlugin;
+    stickyFixedPlugin: typeof stickyFixedPlugin;
+    variableHeightRendererPlugin: typeof variableHeightRendererPlugin;
+    verticalTablePlugin: typeof verticalTablePlugin;
+    virtualTreePlugin: typeof virtualTreePlugin;
+    wordbookSettingPlugin: typeof wordbookSettingPlugin;
+};
+export default commonModules;