cnhis-design-vue 3.1.22-beta.1 → 3.1.22-beta.10

package/es/components/iho-table/src/hooks/tapHooks/useEventHooks2.js

@@ -8,68 +8,70 @@ import '../../../../../shared/utils/tapable/AsyncSeriesHook.js';
 import '../../../../../shared/utils/tapable/AsyncSeriesBailHook.js';
 import '../../../../../shared/utils/tapable/AsyncSeriesLoopHook.js';
 import '../../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
+import { AbstractEventHooks } from '../../types/pluginType2.js';
 
-class EventHooks {
+class EventHooks extends AbstractEventHooks {
   constructor() {
-    this.onKeydownStart = new AsyncParallelHook(["event", "config"]);
-    this.onKeydown = new AsyncParallelHook(["event", "config"]);
-    this.onKeydownEnd = new AsyncParallelHook(["event", "config"]);
-    this.onPaste = new AsyncParallelHook(["event", "config"]);
-    this.onCopy = new AsyncParallelHook(["event", "config"]);
-    this.onCut = new AsyncParallelHook(["event", "config"]);
-    this.onCurrentChange = new AsyncParallelHook(["event", "config"]);
-    this.onRadioChange = new AsyncParallelHook(["event", "config"]);
-    this.onCheckboxChange = new AsyncParallelHook(["event", "config"]);
-    this.onCheckboxAll = new AsyncParallelHook(["event", "config"]);
-    this.onCheckboxRangeStart = new AsyncParallelHook(["event", "config"]);
-    this.onCheckboxRangeChange = new AsyncParallelHook(["event", "config"]);
-    this.onCheckboxRangeEnd = new AsyncParallelHook(["event", "config"]);
-    this.onCellClick = new AsyncParallelHook(["event", "config"]);
-    this.onCellDblclick = new AsyncParallelHook(["event", "config"]);
-    this.onCellMenu = new AsyncParallelHook(["event", "config"]);
-    this.onCellMouseenter = new AsyncParallelHook(["event", "config"]);
-    this.onCellMouseleave = new AsyncParallelHook(["event", "config"]);
-    this.onHeaderCellClick = new AsyncParallelHook(["event", "config"]);
-    this.onHeaderCellDblclick = new AsyncParallelHook(["event", "config"]);
-    this.onHeaderCellMenu = new AsyncParallelHook(["event", "config"]);
-    this.onFooterCellClick = new AsyncParallelHook(["event", "config"]);
-    this.onFooterCellDblclick = new AsyncParallelHook(["event", "config"]);
-    this.onFooterCellMenu = new AsyncParallelHook(["event", "config"]);
-    this.onSortChange = new AsyncParallelHook(["event", "config"]);
-    this.onFilterChange = new AsyncParallelHook(["event", "config"]);
-    this.onFilterVisible = new AsyncParallelHook(["event", "config"]);
-    this.onResizableChange = new AsyncParallelHook(["event", "config"]);
-    this.onToggleRowExpand = new AsyncParallelHook(["event", "config"]);
-    this.onToggleTreeExpand = new AsyncParallelHook(["event", "config"]);
-    this.onMenuClick = new AsyncParallelHook(["event", "config"]);
-    this.onEditClosed = new AsyncParallelHook(["event", "config"]);
-    this.onEditActived = new AsyncParallelHook(["event", "config"]);
-    this.onEditDisabled = new AsyncParallelHook(["event", "config"]);
-    this.onValidError = new AsyncParallelHook(["event", "config"]);
-    this.onScroll = new AsyncParallelHook(["event", "config"]);
-    this.onCustom = new AsyncParallelHook(["event", "config"]);
-    this.onOpenFnr = new AsyncParallelHook(["event", "config"]);
-    this.onFnrChange = new AsyncParallelHook(["event", "config"]);
-    this.onFnrFind = new AsyncParallelHook(["event", "config"]);
-    this.onFnrFindAll = new AsyncParallelHook(["event", "config"]);
-    this.onFnrReplace = new AsyncParallelHook(["event", "config"]);
-    this.onFnrReplaceAll = new AsyncParallelHook(["event", "config"]);
-    this.onCellAreaCopy = new AsyncParallelHook(["event", "config"]);
-    this.onCellAreaCut = new AsyncParallelHook(["event", "config"]);
-    this.onCellAreaPaste = new AsyncParallelHook(["event", "config"]);
-    this.onCellAreaMerge = new AsyncParallelHook(["event", "config"]);
-    this.onClearCellAreaMerge = new AsyncParallelHook(["event", "config"]);
-    this.onHeaderCellAreaSelection = new AsyncParallelHook(["event", "config"]);
-    this.onCellAreaSelectionStart = new AsyncParallelHook(["event", "config"]);
-    this.onCellAreaSelectionDrag = new AsyncParallelHook(["event", "config"]);
-    this.onCellAreaSelectionEnd = new AsyncParallelHook(["event", "config"]);
-    this.onCellAreaExtensionStart = new AsyncParallelHook(["event", "config"]);
-    this.onCellAreaExtensionDrag = new AsyncParallelHook(["event", "config"]);
-    this.onCellAreaExtensionEnd = new AsyncParallelHook(["event", "config"]);
-    this.onCellAreaArrowsStart = new AsyncParallelHook(["event", "config"]);
-    this.onCellAreaArrowsEnd = new AsyncParallelHook(["event", "config"]);
-    this.onActiveCellChangeStart = new AsyncParallelHook(["event", "config"]);
-    this.onActiveCellChangeEnd = new AsyncParallelHook(["event", "config"]);
+    super(...arguments);
+    this.onKeydownStart = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onKeydown = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onKeydownEnd = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onPaste = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCopy = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCut = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCurrentChange = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onRadioChange = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCheckboxChange = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCheckboxAll = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCheckboxRangeStart = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCheckboxRangeChange = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCheckboxRangeEnd = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCellClick = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCellDblclick = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCellMenu = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCellMouseenter = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCellMouseleave = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onHeaderCellClick = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onHeaderCellDblclick = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onHeaderCellMenu = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onFooterCellClick = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onFooterCellDblclick = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onFooterCellMenu = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onSortChange = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onFilterChange = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onFilterVisible = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onResizableChange = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onToggleRowExpand = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onToggleTreeExpand = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onMenuClick = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onEditClosed = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onEditActived = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onEditDisabled = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onValidError = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onScroll = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCustom = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onOpenFnr = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onFnrChange = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onFnrFind = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onFnrFindAll = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onFnrReplace = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onFnrReplaceAll = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCellAreaCopy = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCellAreaCut = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCellAreaPaste = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCellAreaMerge = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onClearCellAreaMerge = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onHeaderCellAreaSelection = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCellAreaSelectionStart = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCellAreaSelectionDrag = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCellAreaSelectionEnd = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCellAreaExtensionStart = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCellAreaExtensionDrag = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCellAreaExtensionEnd = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCellAreaArrowsStart = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onCellAreaArrowsEnd = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onActiveCellChangeStart = new AsyncParallelHook(["event", "config", "$table"]);
+    this.onActiveCellChangeEnd = new AsyncParallelHook(["event", "config", "$table"]);
   }
 }
 function useEventHooks() {

package/es/components/iho-table/src/hooks/tapHooks/useFieldHooks.d.ts

@@ -1,8 +1,11 @@
-import { SyncWaterfallHook } from '../../../../../../es/shared/utils/tapable';
+import { AsyncParallelHook, SyncWaterfallHook } from '../../../../../../es/shared/utils/tapable';
 import { FieldHookContext, IhoTableFieldItem } from '../../../../../../es/components/iho-table/src/types';
 import { AbstractFieldHooks } from '../../../../../../es/components/iho-table/src/types';
 declare class FieldHooks extends AbstractFieldHooks {
+    readonly fieldStart: AsyncParallelHook<[import("../../../../../../es/components/iho-table/src/types").IhoTableConfig], import("../../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;
     readonly field: SyncWaterfallHook<[IhoTableFieldItem, FieldHookContext, import("../../../../../../es/components/iho-table/src/types").IhoTableConfig], import("../../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;
+    readonly fieldList: SyncWaterfallHook<[IhoTableFieldItem[], import("../../../../../../es/components/iho-table/src/types").IhoTableConfig], import("../../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;
+    readonly fieldEnd: AsyncParallelHook<[import("../../../../../../es/components/iho-table/src/types").IhoTableConfig], import("../../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;
 }
 export declare function useFieldHooks(): {
     create: () => FieldHooks;

package/es/components/iho-table/src/hooks/tapHooks/useFieldHooks2.js

@@ -2,7 +2,7 @@ import '../../../../../shared/utils/tapable/SyncHook.js';
 import '../../../../../shared/utils/tapable/SyncBailHook.js';
 import SyncWaterfallHook from '../../../../../shared/utils/tapable/SyncWaterfallHook.js';
 import '../../../../../shared/utils/tapable/SyncLoopHook.js';
-import '../../../../../shared/utils/tapable/AsyncParallelHook.js';
+import AsyncParallelHook from '../../../../../shared/utils/tapable/AsyncParallelHook.js';
 import '../../../../../shared/utils/tapable/AsyncParallelBailHook.js';
 import '../../../../../shared/utils/tapable/AsyncSeriesHook.js';
 import '../../../../../shared/utils/tapable/AsyncSeriesBailHook.js';
@@ -13,11 +13,14 @@ import { AbstractFieldHooks } from '../../types/pluginType2.js';
 class FieldHooks extends AbstractFieldHooks {
   constructor() {
     super(...arguments);
+    this.fieldStart = new AsyncParallelHook(["config"]);
     this.field = new SyncWaterfallHook([
       "fieldItem",
       "context",
       "config"
     ]);
+    this.fieldList = new SyncWaterfallHook(["fieldList", "config"]);
+    this.fieldEnd = new AsyncParallelHook(["config"]);
   }
 }
 function useFieldHooks() {

package/es/components/iho-table/src/hooks/useTablePlugin.d.ts

@@ -1,7 +1,7 @@
 import { ArrayAble } from '../../../../../es/shared/types';
-import { TablePlugin } from '../../../../../es/components/iho-table/src/types';
+import { IhoTableInstance, TablePlugin } from '../../../../../es/components/iho-table/src/types';
 export declare function useTablePlugin(): {
-    use: (plugin: ArrayAble<TablePlugin>) => {
+    use: (plugin: ArrayAble<TablePlugin>, instance: IhoTableInstance) => {
         use: any;
     };
 };

package/es/components/iho-table/src/hooks/useTablePlugin2.js

@@ -1,13 +1,12 @@
 import { arrayed } from '../../../../shared/utils/index2.js';
 import { isFunction } from 'lodash-es';
-import VXETable from 'vxe-table';
 import { createTableHooks } from './tapHooks/index2.js';
 
 function useTablePlugin() {
   const hooks = createTableHooks();
-  function use(plugin) {
+  function use(plugin, instance) {
     arrayed(plugin).forEach(({ vxe, apply }) => {
-      isFunction(vxe) && vxe(VXETable);
+      isFunction(vxe) && vxe(instance);
       isFunction(apply) && apply(hooks);
     });
     return { use };

package/es/components/iho-table/src/plugins/defaultConfigPlugin/index2.js

@@ -1,4 +1,5 @@
 import { mergeWith } from 'lodash-es';
+import { HIGHEST_PRIORITY } from '../../constants/index2.js';
 import { defineTablePlugin } from '../../hooks/useTablePlugin2.js';
 
 function defaultConfigPlugin() {
@@ -6,7 +7,7 @@ function defaultConfigPlugin() {
   return defineTablePlugin({
     name: pluginName,
     apply(hooks) {
-      hooks.configHooks.config.tap({ name: pluginName, stage: 9999 }, (config) => {
+      hooks.configHooks.config.tap({ name: pluginName, stage: HIGHEST_PRIORITY }, (config) => {
         return mergeWith({
           height: "100%",
           border: true,
@@ -15,7 +16,7 @@ function defaultConfigPlugin() {
           columnConfig: { resizable: true },
           rowConfig: { height: 32, isHover: true, isCurrent: true, keyField: "theUniqueKey" },
           editConfig: {
-            trigger: "manual",
+            trigger: "click",
             mode: "cell",
             autoClear: false,
             showIcon: false

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

@@ -1,3 +1,4 @@
 export * from './defaultConfigPlugin';
 export * from './lowCodeFieldAdaptorPlugin';
 export * from './rendererPlugins';
+export * from './rowGroupSettingPlugin';

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

@@ -1,7 +1,10 @@
 export { defaultConfigPlugin } from './defaultConfigPlugin/index2.js';
 export { lowCodeFieldAdaptorPlugin } from './lowCodeFieldAdaptorPlugin/index2.js';
-export { labelRendererPlugin } from './rendererPlugins/labelRendererPlugin.js';
-export { defaultRendererPlugin } from './rendererPlugins/defaultRendererPlugin.js';
-export { colorRendererPlugin } from './rendererPlugins/colorRendererPlugin.js';
-export { seqRendererPlugin } from './rendererPlugins/seqRendererPlugin.js';
-export { checkRendererPlugin } from './rendererPlugins/checkRendererPlugin.js';
+export { labelRendererPlugin } from './rendererPlugins/widgets/labelRendererPlugin.js';
+export { defaultRendererPlugin } from './rendererPlugins/widgets/defaultRendererPlugin.js';
+export { colorRendererPlugin } from './rendererPlugins/widgets/colorRendererPlugin.js';
+export { seqRendererPlugin } from './rendererPlugins/widgets/seqRendererPlugin.js';
+export { checkRendererPlugin } from './rendererPlugins/widgets/checkRendererPlugin.js';
+export { pictureRendererPlugin } from './rendererPlugins/widgets/pictureRendererPlugin.js';
+export { inputRendererPlugins } from './rendererPlugins/inputs/inputRendererPlugins.js';
+export { rowGroupSettingPlugin } from './rowGroupSettingPlugin/index2.js';

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

@@ -1,7 +1,10 @@
 export { defaultConfigPlugin } from './defaultConfigPlugin/index2.js';
 export { lowCodeFieldAdaptorPlugin } from './lowCodeFieldAdaptorPlugin/index2.js';
-export { labelRendererPlugin } from './rendererPlugins/labelRendererPlugin.js';
-export { defaultRendererPlugin } from './rendererPlugins/defaultRendererPlugin.js';
-export { colorRendererPlugin } from './rendererPlugins/colorRendererPlugin.js';
-export { seqRendererPlugin } from './rendererPlugins/seqRendererPlugin.js';
-export { checkRendererPlugin } from './rendererPlugins/checkRendererPlugin.js';
+export { labelRendererPlugin } from './rendererPlugins/widgets/labelRendererPlugin.js';
+export { defaultRendererPlugin } from './rendererPlugins/widgets/defaultRendererPlugin.js';
+export { colorRendererPlugin } from './rendererPlugins/widgets/colorRendererPlugin.js';
+export { seqRendererPlugin } from './rendererPlugins/widgets/seqRendererPlugin.js';
+export { checkRendererPlugin } from './rendererPlugins/widgets/checkRendererPlugin.js';
+export { pictureRendererPlugin } from './rendererPlugins/widgets/pictureRendererPlugin.js';
+export { inputRendererPlugins } from './rendererPlugins/inputs/inputRendererPlugins.js';
+export { rowGroupSettingPlugin } from './rowGroupSettingPlugin/index2.js';

package/es/components/iho-table/src/plugins/lowCodeFieldAdaptorPlugin/index2.js

@@ -1,4 +1,5 @@
 import { pick } from 'lodash-es';
+import { HIGHEST_PRIORITY, WIDGET_TYPE } from '../../constants/index2.js';
 import { defineTablePlugin } from '../../hooks/useTablePlugin2.js';
 
 function lowCodeFieldAdaptorPlugin() {
@@ -6,7 +7,7 @@ function lowCodeFieldAdaptorPlugin() {
   return defineTablePlugin({
     name: pluginName,
     apply(hooks) {
-      hooks.fieldHooks.field.tap({ name: pluginName, stage: -9999 }, (field) => {
+      hooks.fieldHooks.field.tap({ name: pluginName, stage: HIGHEST_PRIORITY }, (field) => {
         const _field = field;
         const result = {
           field: _field.columnName,
@@ -14,13 +15,18 @@ function lowCodeFieldAdaptorPlugin() {
           showOverflow: "tooltip",
           ...pick(_field, ["title"])
         };
-        if (_field.settingObj) {
-          result.editRender = { name: _field.settingObj.attr || "DEFAULT" };
-        }
+        settingObjAdaptor(_field.settingObj, result);
         return result;
       });
     }
   });
 }
+function settingObjAdaptor(settingObj, fieldItem) {
+  if (!settingObj)
+    return;
+  fieldItem.editRender = { name: settingObj.attr || "DEFAULT" };
+  fieldItem.editRender.enabled = !Reflect.get(WIDGET_TYPE, fieldItem.editRender.name);
+  fieldItem.visible = settingObj.isHide !== "1";
+}
 
 export { lowCodeFieldAdaptorPlugin };

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

@@ -1,5 +1,2 @@
-export * from './labelRendererPlugin';
-export * from './defaultRendererPlugin';
-export * from './colorRendererPlugin';
-export * from './seqRendererPlugin';
-export * from './checkRendererPlugin';
+export * from './widgets';
+export * from './inputs';

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

@@ -1,5 +1,7 @@
-export { labelRendererPlugin } from './labelRendererPlugin.js';
-export { defaultRendererPlugin } from './defaultRendererPlugin.js';
-export { colorRendererPlugin } from './colorRendererPlugin.js';
-export { seqRendererPlugin } from './seqRendererPlugin.js';
-export { checkRendererPlugin } from './checkRendererPlugin.js';
+export { labelRendererPlugin } from './widgets/labelRendererPlugin.js';
+export { defaultRendererPlugin } from './widgets/defaultRendererPlugin.js';
+export { colorRendererPlugin } from './widgets/colorRendererPlugin.js';
+export { seqRendererPlugin } from './widgets/seqRendererPlugin.js';
+export { checkRendererPlugin } from './widgets/checkRendererPlugin.js';
+export { pictureRendererPlugin } from './widgets/pictureRendererPlugin.js';
+export { inputRendererPlugins } from './inputs/inputRendererPlugins.js';

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

@@ -0,0 +1 @@
+export * from './inputRendererPlugins';

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

@@ -0,0 +1 @@
+export { inputRendererPlugins } from './inputRendererPlugins.js';

package/es/components/iho-table/src/plugins/rendererPlugins/inputs/inputRendererPlugins.d.ts

@@ -0,0 +1 @@
+export declare function inputRendererPlugins(): import("../../../../../../../es/components/iho-table").TablePlugin;

package/es/components/iho-table/src/plugins/rendererPlugins/inputs/inputRendererPlugins.js

@@ -0,0 +1,49 @@
+import { createVNode, inject } from 'vue';
+import { NInput } from 'naive-ui';
+import '../../../../index2.js';
+import { INPUT_TYPE, InjectionIhoTableEmits } from '../../../constants/index2.js';
+import { defineTablePlugin } from '../../../hooks/useTablePlugin2.js';
+
+function inputRendererPlugins() {
+  const pluginName = "inputRendererPlugins";
+  return defineTablePlugin({
+    name: pluginName,
+    vxe(instance) {
+      instance.renderer.add(INPUT_TYPE.INPUT, {
+        renderCell(renderOpts, {
+          row,
+          column
+        }) {
+          return [createVNode("span", null, [row[column.field]])];
+        },
+        renderEdit(renderOpts, {
+          row,
+          column,
+          $rowIndex
+        }) {
+          const emit = inject(InjectionIhoTableEmits);
+          function onBlur() {
+            emit("formChange", {
+              value: row[column.field],
+              row,
+              column,
+              index: $rowIndex
+            });
+          }
+          return [createVNode(NInput, {
+            "value": row[column.field],
+            "onUpdate:value": ($event) => row[column.field] = $event,
+            "onBlur": onBlur
+          }, null)];
+        }
+      });
+    },
+    apply(hooks) {
+      hooks.eventHooks.onCellClick.tap("test", (payload, config, $table) => {
+        console.log($table.getData());
+      });
+    }
+  });
+}
+
+export { inputRendererPlugins };

package/es/components/iho-table/src/plugins/rendererPlugins/{checkRendererPlugin.d.ts → widgets/checkRendererPlugin.d.ts}

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

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

@@ -1,5 +1,5 @@
-import '../../../index2.js';
-import { defineTablePlugin } from '../../hooks/useTablePlugin2.js';
+import '../../../../index2.js';
+import { defineTablePlugin } from '../../../hooks/useTablePlugin2.js';
 
 function checkRendererPlugin() {
   const pluginName = "checkRendererPlugin";

package/es/components/iho-table/src/plugins/rendererPlugins/{colorRendererPlugin.d.ts → widgets/colorRendererPlugin.d.ts}

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

package/es/components/iho-table/src/plugins/rendererPlugins/{colorRendererPlugin.js → widgets/colorRendererPlugin.js}

@@ -1,7 +1,8 @@
-import { inject, createVNode } from 'vue';
-import '../../../index2.js';
-import { WIDGET_TYPE, InjectionIhoTableConfig } from '../../constants/index2.js';
-import { defineTablePlugin } from '../../hooks/useTablePlugin2.js';
+import { createVNode } from 'vue';
+import '../../../../index2.js';
+import { WIDGET_TYPE } from '../../../constants/index2.js';
+import { getRowHeight } from '../../../utils/index2.js';
+import { defineTablePlugin } from '../../../hooks/useTablePlugin2.js';
 
 function colorRendererPlugin() {
   const pluginName = "checkRendererPlugin";
@@ -28,15 +29,12 @@ function colorRendererPlugin() {
           row,
           column
         }) {
-          var _a, _b, _c;
           const value = row[column.field];
           const [color, alias] = value.split("-");
-          const config = inject(InjectionIhoTableConfig);
-          const height = (_c = (_b = (_a = config == null ? void 0 : config.value) == null ? void 0 : _a.rowConfig) == null ? void 0 : _b.height) != null ? _c : 32;
           return [createVNode("div", {
             "style": {
               background: colorMap[alias] || color,
-              height: height - 8 + "px"
+              height: getRowHeight() - 8 + "px"
             }
           }, null)];
         }

package/es/components/iho-table/src/plugins/rendererPlugins/{defaultRendererPlugin.d.ts → widgets/defaultRendererPlugin.d.ts}

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

package/es/components/iho-table/src/plugins/rendererPlugins/{defaultRendererPlugin.js → widgets/defaultRendererPlugin.js}

@@ -1,9 +1,9 @@
 import { createVNode } from 'vue';
 import { isString } from 'lodash-es';
-import '../../../index2.js';
-import { WIDGET_TYPE } from '../../constants/index2.js';
-import { IhoTableWarn } from '../../utils/index2.js';
-import { defineTablePlugin } from '../../hooks/useTablePlugin2.js';
+import '../../../../index2.js';
+import { WIDGET_TYPE } from '../../../constants/index2.js';
+import { IhoTableWarn } from '../../../utils/index2.js';
+import { defineTablePlugin } from '../../../hooks/useTablePlugin2.js';
 
 function defaultRendererPlugin() {
   const pluginName = "defaultRendererPlugin";

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

@@ -0,0 +1,6 @@
+export * from './labelRendererPlugin';
+export * from './defaultRendererPlugin';
+export * from './colorRendererPlugin';
+export * from './seqRendererPlugin';
+export * from './checkRendererPlugin';
+export * from './pictureRendererPlugin';

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

@@ -0,0 +1,6 @@
+export { labelRendererPlugin } from './labelRendererPlugin.js';
+export { defaultRendererPlugin } from './defaultRendererPlugin.js';
+export { colorRendererPlugin } from './colorRendererPlugin.js';
+export { seqRendererPlugin } from './seqRendererPlugin.js';
+export { checkRendererPlugin } from './checkRendererPlugin.js';
+export { pictureRendererPlugin } from './pictureRendererPlugin.js';

package/es/components/iho-table/src/plugins/rendererPlugins/{labelRendererPlugin.d.ts → widgets/labelRendererPlugin.d.ts}

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

package/es/components/iho-table/src/plugins/rendererPlugins/{labelRendererPlugin.js → widgets/labelRendererPlugin.js}

@@ -1,8 +1,8 @@
 import { createVNode } from 'vue';
 import { isArray, isString } from 'lodash-es';
-import '../../../index2.js';
-import { WIDGET_TYPE } from '../../constants/index2.js';
-import { defineTablePlugin } from '../../hooks/useTablePlugin2.js';
+import '../../../../index2.js';
+import { WIDGET_TYPE } from '../../../constants/index2.js';
+import { defineTablePlugin } from '../../../hooks/useTablePlugin2.js';
 
 function labelRendererPlugin() {
   const pluginName = "labelRendererPlugin";

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

@@ -0,0 +1,2 @@
+import 'viewerjs/dist/viewer.css';
+export declare function pictureRendererPlugin(): import("../../../../../../../es/components/iho-table").TablePlugin;

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

@@ -0,0 +1,89 @@
+import { defineComponent, watch, createVNode } from 'vue';
+import { arrayed } from '../../../../../../shared/utils/index2.js';
+import '../../../../index2.js';
+import { WIDGET_TYPE } from '../../../constants/index2.js';
+import { getRowHeight, IhoTableWarn } from '../../../utils/index2.js';
+import Viewer from 'viewerjs';
+import 'viewerjs/dist/viewer.css';
+import { defineTablePlugin } from '../../../hooks/useTablePlugin2.js';
+
+function pictureRendererPlugin() {
+  const pluginName = "pictureRendererPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    vxe(instance) {
+      function createRenderOptions(style) {
+        return {
+          renderCell(renderOpts, {
+            row,
+            column
+          }) {
+            try {
+              const value = JSON.parse(row[column.field]);
+              const height = getRowHeight();
+              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 = 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
+    });
+    return () => createVNode("img", {
+      "style": "cursor:pointer",
+      "alt": "",
+      "src": props.images[0],
+      "onClick": show
+    }, null);
+  }
+});
+
+export { pictureRendererPlugin };

package/es/components/iho-table/src/plugins/rendererPlugins/{seqRendererPlugin.d.ts → widgets/seqRendererPlugin.d.ts}

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

package/es/components/iho-table/src/plugins/rendererPlugins/{seqRendererPlugin.js → widgets/seqRendererPlugin.js}

@@ -1,9 +1,9 @@
 import { inject, createVNode } from 'vue';
 import { SettingsSharp } from '@vicons/ionicons5';
 import { NIcon } from 'naive-ui';
-import '../../../index2.js';
-import { WIDGET_TYPE, InjectionIhoTableEmits } from '../../constants/index2.js';
-import { defineTablePlugin } from '../../hooks/useTablePlugin2.js';
+import '../../../../index2.js';
+import { WIDGET_TYPE, InjectionIhoTableEmits } from '../../../constants/index2.js';
+import { defineTablePlugin } from '../../../hooks/useTablePlugin2.js';
 
 function seqRendererPlugin() {
   const pluginName = "seqRendererPlugin";

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

@@ -0,0 +1 @@
+export declare function rowGroupSettingPlugin(): import("../../../../../../es/components/iho-table").TablePlugin;

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

@@ -0,0 +1 @@
+export { rowGroupSettingPlugin } from './index2.js';