cnhis-design-vue 3.1.33-beta.0 → 3.1.33-beta.10

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

@@ -2,7 +2,7 @@ import { createVNode, mergeProps } from 'vue';
 import { NInput } from 'naive-ui';
 import '../../../../index.js';
 import { EDITABLE_WIDGET_TYPE } from '../../../constants/index.js';
-import { useIhoTableFormEvent } from '../../../utils/index.js';
+import { IhoTableRenderHelper } from '../../../utils/index.js';
 import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
 
 function inputRendererPlugin() {
@@ -11,34 +11,21 @@ function inputRendererPlugin() {
     name: pluginName,
     vxe(instance) {
       instance.renderer.add(EDITABLE_WIDGET_TYPE.INPUT, {
-        renderCell(renderOpts, {
-          row,
-          column
-        }) {
-          return [createVNode("span", null, [row[column.field]])];
-        },
-        renderEdit({
-          props
-        }, {
+        renderCell: IhoTableRenderHelper.createDefaultRenderCell(),
+        renderEdit: IhoTableRenderHelper.createRenderEdit(({
+          fieldItem,
           row,
           column,
-          $rowIndex
-        }) {
-          const {
-            emitFormClick,
-            emitFormChange
-          } = useIhoTableFormEvent({
-            row,
-            column,
-            $rowIndex
-          });
+          emitFormChange,
+          emitFormClick
+        }) => {
           return [createVNode(NInput, mergeProps({
             "value": row[column.field],
             "onUpdate:value": ($event) => row[column.field] = $event,
             "onBlur": emitFormChange,
             "onClick": emitFormClick
-          }, props == null ? void 0 : props.componentProps), null)];
-        }
+          }, fieldItem.componentProps), null)];
+        })
       });
     }
   });

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

@@ -2,7 +2,7 @@ import { createVNode, mergeProps } from 'vue';
 import { NInputNumber } from 'naive-ui';
 import '../../../../index.js';
 import { EDITABLE_WIDGET_TYPE } from '../../../constants/index.js';
-import { useIhoTableFormEvent } from '../../../utils/index.js';
+import { IhoTableRenderHelper } from '../../../utils/index.js';
 import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
 
 function numberRendererPlugin() {
@@ -11,33 +11,20 @@ function numberRendererPlugin() {
     name: pluginName,
     vxe(instance) {
       instance.renderer.add(EDITABLE_WIDGET_TYPE.NUMBER, {
-        renderCell(renderOpts, {
-          row,
-          column
-        }) {
-          return [createVNode("span", null, [row[column.field]])];
-        },
-        renderEdit({
-          props
-        }, {
+        renderCell: IhoTableRenderHelper.createDefaultRenderCell(),
+        renderEdit: IhoTableRenderHelper.createRenderEdit(({
           row,
           column,
-          $rowIndex
-        }) {
-          const {
-            emitFormClick,
-            emitFormChange,
-            createCustomEvent
-          } = useIhoTableFormEvent({
-            row,
-            column,
-            $rowIndex
-          });
+          fieldItem,
+          emitFormClick,
+          emitFormChange,
+          createCustomEvent
+        }) => {
           const {
             placeholder = "\u8BF7\u8F93\u5165"
-          } = (props == null ? void 0 : props.componentProps) || {};
+          } = fieldItem.componentProps || {};
           const config = {
-            ...(props == null ? void 0 : props.componentProps) || {},
+            ...fieldItem.componentProps || {},
             clearable: true,
             placeholder,
             onBlur: createCustomEvent("formChange", {
@@ -50,7 +37,7 @@ function numberRendererPlugin() {
             "value": row[column.field],
             "onUpdate:value": ($event) => row[column.field] = $event
           }, config), null)];
-        }
+        })
       });
     }
   });

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

@@ -1,7 +1,7 @@
 import { createVNode, mergeProps } from 'vue';
 import '../../../../../index.js';
 import { EDITABLE_WIDGET_TYPE } from '../../../../constants/index.js';
-import { useIhoTableFormEvent } from '../../../../utils/index.js';
+import { IhoTableRenderHelper } from '../../../../utils/index.js';
 import EditSelect from './editSelect.js';
 import { getDefaultValue } from './selectUtils.js';
 import { defineTablePlugin } from '../../../../hooks/useTablePlugin.js';
@@ -15,26 +15,18 @@ function selectRendererPlugin() {
         renderCell({
           props
         }, {
-          row,
-          column
+          row
         }) {
           return [createVNode("span", null, [getDefaultValue(row, props)])];
         },
-        renderEdit({
-          props
-        }, {
+        renderEdit: IhoTableRenderHelper.createRenderEdit(({
+          fieldItem,
+          emitFormClick,
           row,
           column,
           $rowIndex
-        }) {
-          const {
-            emitFormClick
-          } = useIhoTableFormEvent({
-            row,
-            column,
-            $rowIndex
-          });
-          return [createVNode(EditSelect, mergeProps((props == null ? void 0 : props.componentProps) || {}, {
+        }) => {
+          return [createVNode(EditSelect, mergeProps(fieldItem.componentProps, {
             "column": column,
             "row": row,
             "index": $rowIndex,
@@ -42,7 +34,7 @@ function selectRendererPlugin() {
             "onUpdate:value": ($event) => row[column.field] = $event,
             "onClick": emitFormClick
           }), null)];
-        }
+        })
       });
     }
   });

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

@@ -3,7 +3,7 @@ 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 { getRowHeight, useIhoTableFormEvent, getColumnRenderWidth } from '../../../../utils/index.js';
+import { IhoTableRenderHelper, getRowHeight, getColumnRenderWidth } from '../../../../utils/index.js';
 import { isSeparateColumn, contentSeparate, getColumnInfoMaxLength, generateSeparateRowData } from './separateUtils.js';
 import EditSeparate from './editSeparate.vue.js';
 import { defineTablePlugin } from '../../../../hooks/useTablePlugin.js';
@@ -35,27 +35,21 @@ function separateRendererPlugins() {
           };
           return createVNode("section", null, [separateRow.separateData[column.field]]);
         },
-        renderEdit(renderOpts, {
+        renderEdit: IhoTableRenderHelper.createRenderEdit(({
+          fieldItem,
           column,
           row,
-          $rowIndex
-        }) {
-          var _a, _b;
+          emitFormClick
+        }) => {
+          var _a;
           const uuid = inject(InjectionIhoTableUUID);
           const separateRow = getSeparateRowData(uuid, row);
           const height = getRowHeight();
           const slots = {};
-          if ((_a = renderOpts.props) == null ? void 0 : _a.separateSlot) {
-            const separate = toRaw(renderOpts.props.separateSlot);
+          if (fieldItem.separateSlot) {
+            const separate = toRaw(fieldItem.separateSlot);
             slots.menu = isFunction(separate) ? separate : isObject(separate) ? (props) => h(separate, props) : void 0;
           }
-          const {
-            emitFormClick
-          } = useIhoTableFormEvent({
-            row,
-            column,
-            $rowIndex
-          });
           return [createVNode(EditSeparate, {
             "value": row[column.field],
             "onUpdate:value": ($event) => row[column.field] = $event,
@@ -63,10 +57,10 @@ function separateRendererPlugins() {
             "height": height,
             "column": column,
             "row": row,
-            "displayContent": (_b = separateRow == null ? void 0 : separateRow.separateData) == null ? void 0 : _b[column.field],
+            "displayContent": (_a = separateRow == null ? void 0 : separateRow.separateData) == null ? void 0 : _a[column.field],
             "onClick": emitFormClick
           }, slots)];
-        }
+        })
       });
     },
     apply(hooks) {

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

@@ -2,7 +2,7 @@ import { createVNode, mergeProps } from 'vue';
 import '../../../../index.js';
 import { EDITABLE_WIDGET_TYPE } from '../../../constants/index.js';
 import { NTimePicker } from 'naive-ui';
-import { useIhoTableFormEvent } from '../../../utils/index.js';
+import { IhoTableRenderHelper } from '../../../utils/index.js';
 import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
 
 function timeRendererPlugin() {
@@ -11,33 +11,20 @@ function timeRendererPlugin() {
     name: pluginName,
     vxe(instance) {
       instance.renderer.add(EDITABLE_WIDGET_TYPE.TIME, {
-        renderCell(renderOpts, {
-          row,
-          column
-        }) {
-          return [createVNode("span", null, [row[column.field]])];
-        },
-        renderEdit({
-          props
-        }, {
+        renderCell: IhoTableRenderHelper.createDefaultRenderCell(),
+        renderEdit: IhoTableRenderHelper.createRenderEdit(({
+          fieldItem,
           row,
           column,
-          $rowIndex
-        }) {
-          const {
-            emitFormClick,
-            emitFormChange
-          } = useIhoTableFormEvent({
-            row,
-            column,
-            $rowIndex
-          });
+          emitFormChange,
+          emitFormClick
+        }) => {
           const {
             placeholder = "\u8BF7\u9009\u62E9",
             valueFormat = "HH:mm"
-          } = (props == null ? void 0 : props.componentProps) || {};
+          } = fieldItem.componentProps || {};
           const config = {
-            ...(props == null ? void 0 : props.componentProps) || {},
+            ...fieldItem.componentProps || {},
             placeholder,
             valueFormat,
             format: valueFormat || "yyyy-MM-dd HH:mm:ss",
@@ -48,7 +35,7 @@ function timeRendererPlugin() {
             "formattedValue": row[column.field],
             "onUpdate:formattedValue": ($event) => row[column.field] = $event
           }, config), null)];
-        }
+        })
       });
     }
   });

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

@@ -2,7 +2,7 @@ import { AnyObject, TupleToUnion } from '../../../../../es/shared/types';
 import { VxeTableProps, VxeTableDefines, VxeTableInstance, VxeColumnPropTypes } from 'vxe-table';
 import { VxeTableEventProps } from 'vxe-table/types/table';
 import { IHO_TABLE_STRING_STATUS, IhoTableCustomEventNameTuple, IhoTableEventNameTuple, IhoTableRowGroupSequence, VxeEventListenerNameList } from '../../../../../es/components/iho-table/src/constants';
-import { IHO_TABLE_FILTER_STATUS } from '../../../../../es/components/iho-table/src/plugins/filterPlugin/types';
+import { FilterState, IHO_TABLE_FILTER_STATUS } from '../../../../../es/components/iho-table/src/plugins/filterPlugin/types';
 export * from './pluginType';
 export interface IhoTableRowGroupItem {
     groupName: string;
@@ -59,6 +59,10 @@ export declare type LowCodeTableFieldItem = {
     showOverflow: VxeTableDefines.ColumnInfo['showOverflow'];
     options: AnyObject[];
     annotation: boolean;
+    filterDefaultValue: Partial<{
+        checked: string[];
+        sortStatus: 0 | 1 | 2;
+    }>;
 }> & Partial<Pick<VxeTableDefines.ColumnInfo, 'resizable'>>;
 export declare type IhoTableFormChangePayload = {
     column: IhoTableFieldItem;
@@ -89,4 +93,5 @@ export declare type IhoTableAnchorItem = {
 };
 export declare type IhoTableExpose = {
     $table: VxeTableInstance;
+    setFilter(fieldName: string, value: Partial<Omit<FilterState, 'options'>>): void;
 };

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

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

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

@@ -26,6 +26,7 @@ export declare type TableHooks = Readonly<{
     dataHooks: AbstractDataHooks;
     setupHooks: AbstractSetupHooks;
     domInsertHooks: AbstractDomInsertHooks;
+    exposeHooks: AbstractExposeHooks;
 }>;
 export declare type WithTableConfig<T = []> = T extends any[] ? [...T, IhoTableConfig] : [T, IhoTableConfig];
 declare type ConfigHookType<T> = SyncWaterfallHook<WithTableConfig<T>>;
@@ -150,4 +151,7 @@ export declare abstract class AbstractDomInsertHooks {
     abstract readonly header: SyncWaterfallHook<[VNode[]]>;
     abstract readonly footer: SyncWaterfallHook<[VNode[]]>;
 }
+export declare abstract class AbstractExposeHooks {
+    abstract readonly expose: SyncWaterfallHook<[Record<string, Func>, Ref<IhoTableConfig>]>;
+}
 export {};

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

@@ -10,5 +10,7 @@ class AbstractSetupHooks {
 }
 class AbstractDomInsertHooks {
 }
+class AbstractExposeHooks {
+}
 
-export { AbstractConfigHooks, AbstractDataHooks, AbstractDomInsertHooks, AbstractEventHooks, AbstractFieldHooks, AbstractSetupHooks };
+export { AbstractConfigHooks, AbstractDataHooks, AbstractDomInsertHooks, AbstractEventHooks, AbstractExposeHooks, AbstractFieldHooks, AbstractSetupHooks };

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

@@ -1,6 +1,7 @@
 import { AnyObject, Nullable } from '../../../../../es/shared/types';
 import { MaybeRef } from '@vueuse/core';
 import { VxeTableDefines, VxeTableInstance } from 'vxe-table';
+import { VxeGlobalRendererHandles } from 'vxe-table/types/v-x-e-table/renderer';
 import { EventListenerToEventName, IhoTableFieldItem, IhoTableFormChangePayload, LowCodeTableFieldItem } from '../../../../../es/components/iho-table';
 export declare function IhoTableLog(message: string): void;
 export declare function IhoTableWarn(message: string): void;
@@ -24,3 +25,12 @@ export declare function useIhoTableFormEvent({ row, column, $rowIndex }: {
     createCustomEvent: (eventName: 'formChange' | 'formClick', params: Partial<IhoTableFormChangePayload>) => () => void;
 };
 export declare function getLowCodeFieldFromField(field: IhoTableFieldItem): LowCodeTableFieldItem | undefined;
+declare function createDefaultRenderCell(): ((renderOpts: import("vxe-table").VxeColumnPropTypes.EditRender, params: VxeGlobalRendererHandles.RenderCellParams) => VxeGlobalRendererHandles.RenderResult) | undefined;
+declare function createRenderEdit(renderer: (payload: VxeGlobalRendererHandles.RenderEditParams & {
+    fieldItem: Partial<LowCodeTableFieldItem>;
+} & ReturnType<typeof useIhoTableFormEvent>) => VxeGlobalRendererHandles.RenderResult): ((renderOpts: import("vxe-table").VxeColumnPropTypes.EditRender, params: VxeGlobalRendererHandles.RenderEditParams) => VxeGlobalRendererHandles.RenderResult) | undefined;
+export declare const IhoTableRenderHelper: Readonly<{
+    createDefaultRenderCell: typeof createDefaultRenderCell;
+    createRenderEdit: typeof createRenderEdit;
+}>;
+export {};

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

@@ -1,10 +1,7 @@
+import { inject, reactive, nextTick, unref, createVNode } from 'vue';
 import { isNumber } from 'lodash-es';
-import { inject, reactive, nextTick, unref } from 'vue';
 import { InjectionIhoTableConfig, InjectionIhoTableEmits } from '../constants/index.js';
 
-function IhoTableLog(message) {
-  return console.log(`[IhoTable]: ${message}`);
-}
 function IhoTableWarn(message) {
   return console.warn(`[IhoTable]: ${message}`);
 }
@@ -75,14 +72,44 @@ function useIhoTableFormEvent({
   }
   function createCustomEvent(eventName, params) {
     return function() {
-      emit(eventName, { ...getPayload(), ...params });
+      emit(eventName, {
+        ...getPayload(),
+        ...params
+      });
     };
   }
-  return { emitFormChange, emitFormClick, createCustomEvent };
+  return {
+    emitFormChange,
+    emitFormClick,
+    createCustomEvent
+  };
 }
 function getLowCodeFieldFromField(field) {
   var _a;
   return (_a = field.editRender) == null ? void 0 : _a.props;
 }
+function createDefaultRenderCell() {
+  return function(_, {
+    row,
+    column
+  }) {
+    return [createVNode("span", null, [row[column.field]])];
+  };
+}
+function createRenderEdit(renderer) {
+  return function({
+    props
+  }, params) {
+    return renderer({
+      ...params,
+      fieldItem: props || {},
+      ...useIhoTableFormEvent(params)
+    });
+  };
+}
+const IhoTableRenderHelper = Object.freeze({
+  createDefaultRenderCell,
+  createRenderEdit
+});
 
-export { IhoTableLog, IhoTableUtils, IhoTableWarn, getColumnRenderWidth, getEventName, getLowCodeFieldFromField, getRowHeight, useIhoTableFormEvent, useUUIDMap };
+export { IhoTableRenderHelper, IhoTableUtils, IhoTableWarn, getColumnRenderWidth, getEventName, getLowCodeFieldFromField, getRowHeight, useIhoTableFormEvent, useUUIDMap };

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 .vxe-table--body-wrapper::-webkit-scrollbar,.iho-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar{background-color:transparent;height:10px;width:10px}.iho-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb,.iho-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#f2f2f2;border:3px dashed transparent;border-radius:5px}.iho-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover,.iho-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb:hover{background:#b2b2b2}.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__filterIcon{cursor:pointer;padding:0 4px}.iho-table__filterIcon:hover{opacity:.7}.iho-table__filterWrapper{display:flex;flex-direction:column;gap:8px;width:200px}.iho-table__filterButton{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:30px;padding:0 8px}.iho-table__filterButton--active{color:#5585f5}.iho-table__filterButton:hover{background:rgba(0,0,0,.05)}.iho-table__filterListWrapper{border:1px solid rgba(0,0,0,.05)}.iho-table__filterListItem{align-items:center;border-radius:4px;display:flex;height:32px;padding:0 8px}.iho-table__filterListItem:hover{background:rgba(0,0,0,.05)}.iho-table__filterFooter{display:flex;justify-content:space-between}.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 .vxe-table--body-wrapper::-webkit-scrollbar,.iho-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar{background-color:transparent;height:10px;width:10px}.iho-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb,.iho-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#f2f2f2;border:3px dashed transparent;border-radius:5px}.iho-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover,.iho-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb:hover{background:#b2b2b2}.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__filterIcon{cursor:pointer;padding:0 4px}.iho-table__filterIcon:hover{opacity:.7}.iho-table__filterIcon.is-active{color:#5585f5}.iho-table__filterWrapper{display:flex;flex-direction:column;gap:8px;width:200px}.iho-table__filterButton{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:30px;padding:0 8px}.iho-table__filterButton--active{color:#5585f5}.iho-table__filterButton:hover{background:rgba(0,0,0,.05)}.iho-table__filterListWrapper{border:1px solid rgba(0,0,0,.05)}.iho-table__filterListItem{align-items:center;border-radius:4px;display:flex;height:32px;padding:0 8px}.iho-table__filterListItem:hover{background:rgba(0,0,0,.05)}.iho-table__filterFooter{display:flex;justify-content:space-between}.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}