cnhis-design-vue 3.1.30-beta.7 → 3.1.30

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

@@ -2,6 +2,7 @@ import { pick, cloneDeep } from 'lodash-es';
 import { toRaw } from 'vue';
 import { HIGHEST_PRIORITY, IHO_TABLE_NUMBER_STATUS, WIDGET_TYPE, IHO_TABLE_STRING_STATUS } from '../../constants/index.js';
 import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
+import { IhoTableUtils } from '../../utils/index.js';
 
 function lowCodeFieldAdaptorPlugin() {
   const pluginName = "lowCodeFieldAdaptorPlugin";
@@ -25,14 +26,14 @@ function lowCodeFieldAdaptorPlugin() {
   });
 }
 function settingObjAdaptor(fieldItem, lowCodeField) {
-  var _a, _b;
+  var _a;
   fieldItem.editRender = {
     autofocus: "input",
-    name: (((_a = lowCodeField.settingObj) == null ? void 0 : _a.attr) || lowCodeField.formType || "DEFAULT").toUpperCase(),
+    name: IhoTableUtils.getCellType(lowCodeField),
     props: cloneDeep(toRaw(lowCodeField))
   };
   fieldItem.editRender.enabled = !Reflect.get(WIDGET_TYPE, fieldItem.editRender.name);
-  fieldItem.visible = ((_b = lowCodeField.settingObj) == null ? void 0 : _b.isHide) !== IHO_TABLE_STRING_STATUS.POSITIVE;
+  fieldItem.visible = ((_a = lowCodeField.settingObj) == null ? void 0 : _a.isHide) !== IHO_TABLE_STRING_STATUS.POSITIVE;
 }
 
 export { lowCodeFieldAdaptorPlugin };

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/editDate.vue.d.ts

@@ -42,7 +42,7 @@ declare const _default: import("vue").DefineComponent<{
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     }>>;
     emit: (event: "update:value", ...args: any[]) => void;
-    globEmit: <T extends "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd">(event: T, ...args: import("../../../../../../../../es/components/iho-table").IhoTableEmitPayload<T>) => void;
+    globEmit: <T extends "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd">(event: T, ...args: import("../../../../../../../../es/components/iho-table").IhoTableEmitPayload<T>) => void;
     formRef: import("vue").Ref<HTMLElement | null>;
     isShow: import("vue").Ref<boolean>;
     formattedValue: import("vue").Ref<string | undefined>;

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

@@ -1,6 +1,6 @@
-import { createVNode, mergeProps } from 'vue';
+import { createVNode, inject, mergeProps } from 'vue';
 import '../../../../../index.js';
-import { EDITABLE_WIDGET_TYPE } from '../../../../constants/index.js';
+import { EDITABLE_WIDGET_TYPE, InjectionIhoTableEmits } from '../../../../constants/index.js';
 import EditDate from './editDate.js';
 import { defineTablePlugin } from '../../../../hooks/useTablePlugin.js';
 
@@ -25,13 +25,24 @@ function dateRendererPlugin() {
           column,
           $rowIndex
         }) {
+          const globEmit = inject(InjectionIhoTableEmits);
+          const common = {
+            value: row[column.field],
+            row,
+            column,
+            index: $rowIndex
+          };
+          function onClick() {
+            globEmit("formClick", common);
+          }
           return [createVNode(EditDate, mergeProps({
             "value": row[column.field],
             "onUpdate:value": ($event) => row[column.field] = $event
           }, (props == null ? void 0 : props.componentProps) || {}, {
             "column": column,
             "row": row,
-            "index": $rowIndex
+            "index": $rowIndex,
+            "onClick": onClick
           }), null)];
         }
       });

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

@@ -24,18 +24,23 @@ function inputRendererPlugin() {
           $rowIndex
         }) {
           const emit = inject(InjectionIhoTableEmits);
+          const common = {
+            value: row[column.field],
+            row,
+            column,
+            index: $rowIndex
+          };
           function onBlur() {
-            emit("formChange", {
-              value: row[column.field],
-              row,
-              column,
-              index: $rowIndex
-            });
+            emit("formChange", common);
+          }
+          function onClick() {
+            emit("formClick", common);
           }
           return [createVNode(NInput, mergeProps({
             "value": row[column.field],
             "onUpdate:value": ($event) => row[column.field] = $event,
-            "onBlur": onBlur
+            "onBlur": onBlur,
+            "onClick": onClick
           }, props == null ? void 0 : props.componentProps), null)];
         }
       });

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

@@ -32,7 +32,8 @@ function numberRendererPlugin() {
             clearable: true,
             placeholder,
             onBlur,
-            onUpdateValue
+            onUpdateValue,
+            onClick
           };
           const common = {
             value: row[column.field],
@@ -49,6 +50,9 @@ function numberRendererPlugin() {
           function onUpdateValue() {
             emit("formChange", common);
           }
+          function onClick() {
+            emit("formClick", common);
+          }
           return [createVNode(NInputNumber, mergeProps({
             "value": row[column.field],
             "onUpdate:value": ($event) => row[column.field] = $event

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

@@ -1,6 +1,6 @@
-import { createVNode, mergeProps } from 'vue';
+import { createVNode, inject, mergeProps } from 'vue';
 import '../../../../../index.js';
-import { EDITABLE_WIDGET_TYPE } from '../../../../constants/index.js';
+import { EDITABLE_WIDGET_TYPE, InjectionIhoTableEmits } from '../../../../constants/index.js';
 import EditSelect from './editSelect.js';
 import { getDefaultValue } from './selectUtils.js';
 import { defineTablePlugin } from '../../../../hooks/useTablePlugin.js';
@@ -26,12 +26,23 @@ function selectRendererPlugin() {
           column,
           $rowIndex
         }) {
+          const emit = inject(InjectionIhoTableEmits);
+          function onClick() {
+            const common = {
+              value: row[column.field],
+              row,
+              column,
+              index: $rowIndex
+            };
+            emit("formClick", common);
+          }
           return [createVNode(EditSelect, mergeProps((props == null ? void 0 : props.componentProps) || {}, {
             "column": column,
             "row": row,
             "index": $rowIndex,
             "value": row[column.field],
-            "onUpdate:value": ($event) => row[column.field] = $event
+            "onUpdate:value": ($event) => row[column.field] = $event,
+            "onClick": onClick
           }), null)];
         }
       });

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/separateRendererPlugin/editSeparate.vue.d.ts

@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<{
     }>> & {
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     }>>;
-    globEmit: <T extends "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd">(event: T, ...args: import("../../../../../../../../es/components/iho-table").IhoTableEmitPayload<T>) => void;
+    globEmit: <T extends "toggleRowExpand" | "toggleTreeExpand" | "copy" | "scroll" | "formChange" | "settingClick" | "formClick" | "cut" | "paste" | "keydown" | "keydownStart" | "keydownEnd" | "currentChange" | "radioChange" | "checkboxChange" | "checkboxAll" | "checkboxRangeStart" | "checkboxRangeChange" | "checkboxRangeEnd" | "cellClick" | "cellDblclick" | "cellMenu" | "cellMouseenter" | "cellMouseleave" | "headerCellClick" | "headerCellDblclick" | "headerCellMenu" | "footerCellClick" | "footerCellDblclick" | "footerCellMenu" | "sortChange" | "filterChange" | "filterVisible" | "resizableChange" | "menuClick" | "editClosed" | "editActived" | "editDisabled" | "validError" | "custom" | "openFnr" | "fnrChange" | "fnrFind" | "fnrFindAll" | "fnrReplace" | "fnrReplaceAll" | "cellAreaCopy" | "cellAreaCut" | "cellAreaPaste" | "cellAreaMerge" | "clearCellAreaMerge" | "headerCellAreaSelection" | "cellAreaSelectionStart" | "cellAreaSelectionDrag" | "cellAreaSelectionEnd" | "cellAreaExtensionStart" | "cellAreaExtensionDrag" | "cellAreaExtensionEnd" | "cellAreaArrowsStart" | "cellAreaArrowsEnd" | "activeCellChangeStart" | "activeCellChangeEnd">(event: T, ...args: import("../../../../../../../../es/components/iho-table").IhoTableEmitPayload<T>) => void;
     tableHandler: import("../../../../../../../../es/components/iho-table").IhoTableHandler;
     popoverRef: import("vue").Ref<any>;
     editContent: import("vue").Ref<any>;

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

@@ -2,7 +2,7 @@ import { reactive, inject, createVNode, toRaw, h, onBeforeUnmount } from 'vue';
 import { traverse } from '../../../../../../../shared/utils/index.js';
 import { isFunction, isObject } from 'lodash-es';
 import '../../../../../index.js';
-import { EDITABLE_WIDGET_TYPE, InjectionIhoTableUUID } from '../../../../constants/index.js';
+import { EDITABLE_WIDGET_TYPE, InjectionIhoTableUUID, InjectionIhoTableEmits } from '../../../../constants/index.js';
 import { getRowHeight } from '../../../../utils/index.js';
 import { isSeparateColumn, getColumnRenderWidth, contentSeparate, getColumnInfoMaxLength, generateSeparateRowData } from './separateUtils.js';
 import EditSeparate from './editSeparate.js';
@@ -37,10 +37,12 @@ function separateRendererPlugins() {
         },
         renderEdit(renderOpts, {
           column,
-          row
+          row,
+          $rowIndex
         }) {
           var _a, _b;
           const uuid = inject(InjectionIhoTableUUID);
+          const emit = inject(InjectionIhoTableEmits);
           const separateRow = getSeparateRowData(uuid, row);
           const height = getRowHeight();
           const slots = {};
@@ -48,6 +50,15 @@ function separateRendererPlugins() {
             const separate = toRaw(renderOpts.props.separateSlot);
             slots.menu = isFunction(separate) ? separate : isObject(separate) ? (props) => h(separate, props) : void 0;
           }
+          const common = {
+            value: row[column.field],
+            row,
+            column,
+            index: $rowIndex
+          };
+          function onClick() {
+            emit("formClick", common);
+          }
           return [createVNode(EditSeparate, {
             "value": row[column.field],
             "onUpdate:value": ($event) => row[column.field] = $event,
@@ -55,7 +66,8 @@ function separateRendererPlugins() {
             "height": height,
             "column": column,
             "row": row,
-            "displayContent": (_b = separateRow == null ? void 0 : separateRow.separateData) == null ? void 0 : _b[column.field]
+            "displayContent": (_b = separateRow == null ? void 0 : separateRow.separateData) == null ? void 0 : _b[column.field],
+            "onClick": onClick
           }, slots)];
         }
       });

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

@@ -33,15 +33,20 @@ function timeRendererPlugin() {
             placeholder,
             valueFormat,
             format: valueFormat || "yyyy-MM-dd HH:mm:ss",
-            onUpdateFormattedValue: onUpdateValue
+            onUpdateFormattedValue: onUpdateValue,
+            onClick
+          };
+          const common = {
+            value: row[column.field],
+            row,
+            column,
+            index: $rowIndex
           };
           function onUpdateValue() {
-            emit("formChange", {
-              value: row[column.field],
-              row,
-              column,
-              index: $rowIndex
-            });
+            emit("formChange", common);
+          }
+          function onClick() {
+            emit("formClick", common);
           }
           return [createVNode(NTimePicker, mergeProps({
             "formattedValue": row[column.field],

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

@@ -1,5 +1,6 @@
 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';
@@ -14,8 +15,9 @@ function seqRendererPlugin() {
         index,
         insertBefore
       }, config) => {
+        var _a;
         if (index === 0 && config.showSeq) {
-          insertBefore({
+          const columnConfig = {
             align: "center",
             fixed: "left",
             width: 50,
@@ -39,7 +41,11 @@ function seqRendererPlugin() {
                 }, null)];
               }
             }
-          });
+          };
+          if (isFunction((_a = config.columnConfig) == null ? void 0 : _a.seqSlotFn)) {
+            columnConfig.slots.default = config.columnConfig.seqSlotFn;
+          }
+          insertBefore(columnConfig);
         }
         return field;
       });

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

@@ -1,7 +1,7 @@
 import { AnyObject, TupleToUnion } from '../../../../../es/shared/types';
-import { VxeTableProps, VxeTableDefines, VxeTableInstance } from 'vxe-table';
+import { VxeTableProps, VxeTableDefines, VxeTableInstance, VxeColumnPropTypes } from 'vxe-table';
 import { VxeTableEventProps } from 'vxe-table/types/table';
-import { IhoTableEventNameTuple, IhoTableRowGroupSequence, VxeEventListenerNameList } from '../../../../../es/components/iho-table/src/constants';
+import { IHO_TABLE_STRING_STATUS, IhoTableEventNameTuple, IhoTableRowGroupSequence, VxeEventListenerNameList } from '../../../../../es/components/iho-table/src/constants';
 export * from './pluginType';
 export interface IhoTableRowGroupItem {
     groupName: string;
@@ -16,6 +16,9 @@ export declare type IhoTableConfig = VxeTableProps & Partial<{
     selectType: Exclude<VxeTableDefines.ColumnInfo['type'], 'seq' | 'expand' | 'html'>;
     rowGroupSetting: Partial<Record<TupleToUnion<typeof IhoTableRowGroupSequence>, IhoTableRowGroupItem[]>>;
     anchorList: string[];
+    columnConfig: {
+        seqSlotFn: VxeColumnPropTypes.Slots['default'];
+    };
     [K: string]: unknown;
 }>;
 export declare type IhoTableFieldItem = {
@@ -25,11 +28,24 @@ export declare type IhoTableFieldItem = {
 }> & {
     [K: string]: unknown;
 };
-declare type LowCodeTableSettingObj = Partial<{
-    attr: string;
-    isHide: '0' | '1';
-    [K: string]: unknown;
-}>;
+export declare namespace IhoTableLowCodeField {
+    type FieldSetting = {
+        notParticipatingSearch: IHO_TABLE_STRING_STATUS;
+        mapping?: {
+            type: string;
+            mappingField: Array<{
+                value: Array<{
+                    options: AnyObject[];
+                }>;
+            }>;
+        };
+    };
+    type SettingObj = Partial<{
+        attr: string;
+        isHide: '0' | '1';
+        [K: string]: unknown;
+    }>;
+}
 export declare type LowCodeTableFieldItem = {
     columnName: string;
     [K: string]: unknown;
@@ -37,14 +53,16 @@ export declare type LowCodeTableFieldItem = {
     id: number | string;
     title: string;
     colWidth: VxeTableDefines.ColumnInfo['width'];
-    settingObj: LowCodeTableSettingObj;
+    settingObj: IhoTableLowCodeField.SettingObj;
     treeNode: boolean;
     isShow: 0 | 1;
     formType: string;
+    fieldSetting: string;
     componentProps: AnyObject;
     showOverflow: VxeTableDefines.ColumnInfo['showOverflow'];
+    options: AnyObject[];
 }> & Partial<Pick<VxeTableDefines.ColumnInfo, 'resizable'>>;
-export declare type IhoFormChangePayload = {
+export declare type IhoTableFormChangePayload = {
     column: IhoTableFieldItem;
     row: AnyObject;
     value: unknown;
@@ -55,7 +73,7 @@ export declare type EventListenerToEventName<T extends string> = T extends `on${
 export declare type EventNameToEventListener<T extends string> = T extends `${infer L}${infer R}` ? `on${Uppercase<L>}${R}` : never;
 export declare type IhoTableHandler = Record<'updateConfigRef' | 'updateFieldListRef' | 'updateTableDataRef', () => void>;
 export declare type IhoTableEventNameUnion = TupleToUnion<typeof IhoTableEventNameTuple>;
-export declare type IhoTableEmitPayload<T extends typeof IhoTableEventNameTuple[number]> = T extends 'formChange' ? [IhoFormChangePayload] : T extends 'settingClick' ? [] : Parameters<NonNullable<VxeTableEventProps[EventNameToEventListener<Exclude<T, 'formChange' | 'settingClick'>>]>>;
+export declare type IhoTableEmitPayload<T extends typeof IhoTableEventNameTuple[number]> = T extends 'formChange' | 'formClick' ? [IhoTableFormChangePayload] : T extends 'settingClick' ? [] : Parameters<NonNullable<VxeTableEventProps[EventNameToEventListener<Exclude<T, 'formChange' | 'settingClick' | 'formClick'>>]>>;
 export declare type IhoTableAnchorItem = {
     field: string;
     title: string;

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

@@ -1,5 +1,8 @@
-import { EventListenerToEventName } from '../../../../../es/components/iho-table';
+import { EventListenerToEventName, LowCodeTableFieldItem } from '../../../../../es/components/iho-table';
 export declare function IhoTableLog(message: string): void;
 export declare function IhoTableWarn(message: string): void;
+export declare const IhoTableUtils: Readonly<{
+    getCellType(lowCodeField: LowCodeTableFieldItem): string;
+}>;
 export declare function getRowHeight(): number;
 export declare function getEventName<T extends string>(eventListenerName: T): EventListenerToEventName<T>;

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

@@ -7,6 +7,12 @@ function IhoTableLog(message) {
 function IhoTableWarn(message) {
   return console.warn(`[IhoTable]: ${message}`);
 }
+const IhoTableUtils = Object.freeze({
+  getCellType(lowCodeField) {
+    var _a;
+    return (((_a = lowCodeField.settingObj) == null ? void 0 : _a.attr) || lowCodeField.formType || "DEFAULT").toUpperCase();
+  }
+});
 function getRowHeight() {
   var _a, _b, _c;
   const config = inject(InjectionIhoTableConfig);
@@ -20,4 +26,4 @@ function getEventName(eventListenerName) {
   return `${eventName[0].toLowerCase()}${eventName.slice(1)}`;
 }
 
-export { IhoTableLog, IhoTableWarn, getEventName, getRowHeight };
+export { IhoTableLog, IhoTableUtils, IhoTableWarn, getEventName, getRowHeight };

package/es/components/iho-table/style/index.css

@@ -1 +1 @@
-.iho-table .vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle{box-shadow:7px 0 8px -3px rgba(0,0,0,.15)}.iho-table .vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle{box-shadow:-7px 0 8px -3px rgba(0,0,0,.15)}.iho-table__boldCell{font-weight:700}.iho-table .icon-dot{background:var(--table-icon-color);box-shadow:0 2px 4px 0 var(--table-icon-shadow)}.iho-table .icon-dot,.iho-table .icon-dot-red{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-red{background:red;box-shadow:0 2px 4px 0 rgba(255,0,0,.5)}.iho-table .icon-dot-blue{background:blue;box-shadow:0 2px 4px 0 rgba(0,0,255,.5)}.iho-table .icon-dot-blue,.iho-table .icon-dot-green{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-green{background:green;box-shadow:0 2px 4px 0 rgba(0,128,0,.5)}.iho-table .icon-dot-gray{background:gray;box-shadow:0 2px 4px 0 hsla(0,0%,50%,.5)}.iho-table .icon-dot-gray,.iho-table .icon-dot-yellow{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-yellow{background:#ff0;box-shadow:0 2px 4px 0 rgba(255,255,0,.5)}.iho-table .icon-dot-resolved{background:#36be8c;box-shadow:0 2px 4px 0 rgba(54,190,140,.5)}.iho-table .icon-dot-huifu,.iho-table .icon-dot-resolved{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-huifu{background:#42d0f6;box-shadow:0 2px 4px 0 rgba(66,208,246,.5)}.iho-table .icon-dot-close{background:#718391;box-shadow:0 2px 4px 0 rgba(113,131,145,.5)}.iho-table .icon-dot-audit,.iho-table .icon-dot-close{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-audit{background:#f4ba32;box-shadow:0 2px 4px 0 rgba(244,186,50,.5)}.iho-table .icon-dot-design{background:#927ce1;box-shadow:0 2px 4px 0 rgba(146,124,225,.5)}.iho-table .icon-dot-design,.iho-table .icon-dot-develop{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-develop{background:#4eb0ef;box-shadow:0 2px 4px 0 rgba(78,176,239,.5)}.iho-table .icon-dot-develop-complete{background:#6381f9;border-radius:50%;box-shadow:0 2px 4px 0 rgba(99,129,249,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .vxe-header--column [annotation-hover-show=true]{visibility:hidden}.iho-table .vxe-header--column:hover [annotation-hover-show=true]{visibility:visible}.iho-table__headerWrapper{display:inline-flex}
+.iho-table .vxe-table--render-default .vxe-table--fixed-left-wrapper.scrolling--middle{box-shadow:7px 0 8px -3px rgba(0,0,0,.15)}.iho-table .vxe-table--render-default .vxe-table--fixed-right-wrapper.scrolling--middle{box-shadow:-7px 0 8px -3px rgba(0,0,0,.15)}.iho-table__boldCell{font-weight:700}.iho-table .icon-dot{background:var(--table-icon-color);box-shadow:0 2px 4px 0 var(--table-icon-shadow)}.iho-table .icon-dot,.iho-table .icon-dot-red{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-red{background:red;box-shadow:0 2px 4px 0 rgba(255,0,0,.5)}.iho-table .icon-dot-blue{background:blue;box-shadow:0 2px 4px 0 rgba(0,0,255,.5)}.iho-table .icon-dot-blue,.iho-table .icon-dot-green{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-green{background:green;box-shadow:0 2px 4px 0 rgba(0,128,0,.5)}.iho-table .icon-dot-gray{background:gray;box-shadow:0 2px 4px 0 hsla(0,0%,50%,.5)}.iho-table .icon-dot-gray,.iho-table .icon-dot-yellow{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-yellow{background:#ff0;box-shadow:0 2px 4px 0 rgba(255,255,0,.5)}.iho-table .icon-dot-resolved{background:#36be8c;box-shadow:0 2px 4px 0 rgba(54,190,140,.5)}.iho-table .icon-dot-huifu,.iho-table .icon-dot-resolved{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-huifu{background:#42d0f6;box-shadow:0 2px 4px 0 rgba(66,208,246,.5)}.iho-table .icon-dot-close{background:#718391;box-shadow:0 2px 4px 0 rgba(113,131,145,.5)}.iho-table .icon-dot-audit,.iho-table .icon-dot-close{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-audit{background:#f4ba32;box-shadow:0 2px 4px 0 rgba(244,186,50,.5)}.iho-table .icon-dot-design{background:#927ce1;box-shadow:0 2px 4px 0 rgba(146,124,225,.5)}.iho-table .icon-dot-design,.iho-table .icon-dot-develop{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table .icon-dot-develop{background:#4eb0ef;box-shadow:0 2px 4px 0 rgba(78,176,239,.5)}.iho-table .icon-dot-develop-complete{background:#6381f9;border-radius:50%;box-shadow:0 2px 4px 0 rgba(99,129,249,.5);display:inline-block;height:8px;margin-right:6px;width:8px}.iho-table__filterWrapper{display:flex;flex-direction:column;gap:8px;width:200px}.iho-table__filterButton{align-items:center;display:flex;height:30px}.iho-table__filterButton--active{color:blue}.iho-table .vxe-header--column [annotation-hover-show=true]{visibility:hidden}.iho-table .vxe-header--column:hover [annotation-hover-show=true]{visibility:visible}.iho-table__headerWrapper{display:inline-flex}