cnhis-design-vue 3.1.37-beta.0 → 3.1.37-beta.2

package/es/components/form-render/src/hooks/useLowCodeReactions.js

@@ -0,0 +1,85 @@
+import { isField } from '@formily/core';
+import { isArray, isString, includes, isEmpty, negate, gt, gte, lt, lte } from 'lodash-es';
+import { computed, unref } from 'vue';
+import { Path } from '@formily/path';
+
+function useLowCodeReactions(configListRef, formModel) {
+  const compareMap = {
+    EQ: (v1, v2) => `${v1}` === v2,
+    NEQ: (v1, v2) => `${v1}` !== v2,
+    CL: (v1, v2) => isArray(v1) || isString(v1) ? includes(v1, v2) : false,
+    NC: (v1, v2) => isArray(v1) || isString(v1) ? !includes(v1, v2) : true,
+    NULL: isEmpty,
+    NOT_NULL: negate(isEmpty),
+    BIG: gt,
+    BIGEQ: gte,
+    LESS: lt,
+    LESSEQ: lte
+  };
+  const triggerMap = {
+    hideField: createFieldHandler((field) => field.setDisplay("none")),
+    showField: createFieldHandler((field) => field.setDisplay("visible")),
+    requiredField: createFieldHandler((field) => field.required = true),
+    notRequiredField: createFieldHandler((field) => {
+      field.required = false;
+      field.validate();
+    }),
+    enabledField: createFieldHandler((field) => field.editable = true),
+    disabledField: createFieldHandler((field) => field.editable = false)
+  };
+  function createFieldHandler(cb) {
+    return (fields) => {
+      fields.forEach((field) => {
+        const state = formModel.query(field).take();
+        state && isField(state) && cb(state);
+      });
+    };
+  }
+  const reactionKeys = computed(() => {
+    if (!unref(configListRef))
+      return [];
+    return unref(configListRef).reduce((res, config) => {
+      isArray(config.conObj) && config.conObj.forEach((conObj) => res.push(conObj.field_key));
+      return res;
+    }, []);
+  });
+  function conObjMatcher(field, value, conObj) {
+    if (conObj.field_key !== field)
+      return;
+    const relation = compareMap[conObj.con] || (() => false);
+    return relation(value, `${conObj.value}`);
+  }
+  function lowCodeReactionsHandler(field, value) {
+    const configList = unref(configListRef);
+    if (!configList || !reactionKeys.value.includes(field))
+      return;
+    configList.forEach((config) => {
+      shouldTriggerReactions(field, value, config.conObj) && trigger(config);
+    });
+    function shouldTriggerReactions(field2, value2, conObjs) {
+      return conObjs.every((conObj) => conObjMatcher(field2, value2, conObj));
+    }
+  }
+  function trigger(config) {
+    Object.entries(config).forEach(([k, v]) => triggerMap[k] && triggerMap[k](v));
+  }
+  function triggerAllReactionsHandler() {
+    const configList = unref(configListRef);
+    if (!configList)
+      return;
+    const formData = formModel.getFormState().values;
+    configList.forEach((config) => {
+      shouldTriggerReactions(formData, config) && trigger(config);
+    });
+    function shouldTriggerReactions(formData2, config) {
+      if (!isArray(config.conObj))
+        return;
+      return config.conObj.every(
+        (conObj) => conObjMatcher(conObj.field_key, Path.getIn(formData2, conObj.field_key), conObj)
+      );
+    }
+  }
+  return { lowCodeReactionsHandler, triggerAllReactionsHandler };
+}
+
+export { useLowCodeReactions };

package/es/components/iho-table/src/IhoTable.vue.js

@@ -2,11 +2,11 @@ import { defineComponent, provide, computed, ref, watch, resolveComponent, openB
 import { uuidGenerator } from '../../../shared/utils/index.js';
 import { useDebounceFn } from '@vueuse/core';
 import { promiseTimeout } from '@vueuse/shared';
+import { isFunction } from 'lodash-es';
 import { VxeEventListenerNameList, InjectionIhoTableEmits, InjectionIhoTableAnnotation, InjectionIhoTableUUID, InjectionIhoTableInstance, InjectionIhoTableConfig, InjectionIhoTableFieldList, InjectionIhoTableHandler } from './constants/index.js';
 import { createTableHooks, applyTableConfigHooks, applyTableFieldHooks, createTableEventHandlers, createDomInsertComponent, createDataTransfer } from './hooks/tapHooks/index.js';
-import 'lodash-es';
 import { provideIhoTableEventListener } from './hooks/tapHooks/useEventHooks.js';
-import { getEventName } from './utils/index.js';
+import { eventListener2EventName, eventName2EventListener } from './utils/index.js';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
 const _hoisted_1 = ["id"];
@@ -23,11 +23,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     "settingClick",
     "formClick",
     "keyboard",
-    ...VxeEventListenerNameList.map(getEventName)
+    ...VxeEventListenerNameList.map(eventListener2EventName)
   ],
-  setup(__props, { expose, emit: emits }) {
+  setup(__props, { expose, emit: __emits }) {
     var _a, _b;
     const props = __props;
+    const emits = function(eventName, ...args) {
+      __emits(eventName, ...args);
+      const eventHandler = unref(configRef)[eventName2EventListener(eventName)];
+      isFunction(eventHandler) && eventHandler(...args);
+    };
     provide(InjectionIhoTableEmits, emits);
     provide(
       InjectionIhoTableAnnotation,

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

@@ -1,4 +1,4 @@
-import { getEventName } from '../utils/index.js';
+import { eventListener2EventName } from '../utils/index.js';
 
 var WIDGET_TYPE = /* @__PURE__ */ ((WIDGET_TYPE2) => {
   WIDGET_TYPE2["DEFAULT"] = "DEFAULT";
@@ -95,7 +95,7 @@ const VxeEventListenerNameList = Object.freeze([
   "onActiveCellChangeStart",
   "onActiveCellChangeEnd"
 ]);
-const VxeTableEventNameList = VxeEventListenerNameList.map(getEventName);
+const VxeTableEventNameList = VxeEventListenerNameList.map(eventListener2EventName);
 const IhoTableRowGroupSequence = Object.freeze([
   "firstRowGroup",
   "secondRowGroup",

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

@@ -1,8 +1,8 @@
 import { arrayed } from '../../../../../shared/utils/index.js';
-import { cloneDeep, isArray, isFunction } from 'lodash-es';
+import { cloneDeep, isArray } from 'lodash-es';
 import { unref, defineComponent } from 'vue';
 import { VxeEventListenerNameList } from '../../constants/index.js';
-import { getEventName } from '../../utils/index.js';
+import { eventListener2EventName } from '../../utils/index.js';
 import { useConfigHooks } from './useConfigHooks.js';
 import { useDataHooks } from './useDataHooks.js';
 import { useDomInsertHooks } from './useDomInsertHooks.js';
@@ -111,13 +111,11 @@ function createTableEventHandlers({
   );
   function handler(eventListenerName, payload) {
     var _a;
-    const eventName = getEventName(eventListenerName);
+    const eventName = eventListener2EventName(eventListenerName);
     if (VxeEventListenerNameList.includes(eventListenerName)) {
       emits(eventName, payload);
       eventListener.trigger(eventName, payload);
     }
-    const configEvent = unref(config)[eventListenerName];
-    isFunction(configEvent) && configEvent(payload);
     (_a = hooks.eventHooks[eventListenerName]) == null ? void 0 : _a.promise(
       payload,
       unref(config),
@@ -130,23 +128,19 @@ function createDataTransfer(hooks, config, $table) {
     const before = [];
     const after = [];
     let removed = false;
-    await hooks.dataHooks.data.promise(
-      rowData,
-      unref(config),
-      {
-        index,
-        $table,
-        insertBefore(data2) {
-          before.push(...arrayed(data2));
-        },
-        insertAfter(data2) {
-          after.push(...arrayed(data2));
-        },
-        remove() {
-          removed = true;
-        }
+    await hooks.dataHooks.data.promise(rowData, unref(config), {
+      index,
+      $table,
+      insertBefore(data2) {
+        before.push(...arrayed(data2));
+      },
+      insertAfter(data2) {
+        after.push(...arrayed(data2));
+      },
+      remove() {
+        removed = true;
       }
-    );
+    });
     const nextRes = await res;
     nextRes.push(...before);
     !removed && nextRes.push(rowData);

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

@@ -21,10 +21,13 @@ function getRowHeight() {
   }
   return (_c = (_b = (_a = config == null ? void 0 : config.value) == null ? void 0 : _a.rowConfig) == null ? void 0 : _b.height) != null ? _c : 32;
 }
-function getEventName(eventListenerName) {
+function eventListener2EventName(eventListenerName) {
   const eventName = eventListenerName.slice(2);
   return `${eventName[0].toLowerCase()}${eventName.slice(1)}`;
 }
+function eventName2EventListener(eventName) {
+  return `on${eventName[0].toUpperCase()}${eventName.slice(1)}`;
+}
 function useUUIDMap(creator, isReactive = true) {
   const uuidMap = isReactive ? reactive(/* @__PURE__ */ new Map()) : /* @__PURE__ */ new Map();
   function getItemFromUUID(uuid) {
@@ -163,4 +166,4 @@ const createIhoTableClearActivedInterceptor = (type, solution) => {
   };
 };
 
-export { IhoTableRenderHelper, IhoTableStatusHelper, IhoTableUtils, IhoTableWarn, createIhoTableClearActivedInterceptor, getColumnRenderWidth, getEventName, getRowHeight, useIhoTableFormEvent, useUUIDMap };
+export { IhoTableRenderHelper, IhoTableStatusHelper, IhoTableUtils, IhoTableWarn, createIhoTableClearActivedInterceptor, eventListener2EventName, eventName2EventListener, getColumnRenderWidth, getRowHeight, useIhoTableFormEvent, useUUIDMap };

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

@@ -1 +1 @@
-.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 .vxe-table{transform:translateZ(0)}.iho-table .vxe-table .vxe-table--empty-content,.iho-table .vxe-table .vxe-table--empty-content>div{height:100%;width:100%}.iho-table .vxe-table .vxe-table--empty-content>div .no-data-tip{display:inline-flex}.iho-table .vxe-table .col--checkbox .vxe-cell,.iho-table .vxe-table .col--seq .vxe-cell{padding:0}.iho-table .vxe-table .col--checkbox .vxe-cell .vxe-checkbox--label,.iho-table .vxe-table .col--seq .vxe-cell .vxe-checkbox--label{padding-left:0}.iho-table .vxe-table .vxe-cell .vxe-tree-cell{height:100%}.iho-table .vxe-table .scan-multi-delete{color:#f06f64}.iho-table .vxe-table .vxe-table--header{background-color:#f2f2f2}.iho-table .vxe-table .vxe-table--header .vxe-header--column .vxe-cell--title{color:#35393c;height:100%;line-height:unset}.iho-table .vxe-table .vxe-table--header .vxe-header--column .vxe-cell--title .header-title-span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iho-table .vxe-table .vxe-table--header .col--checkbox .vxe-cell--title,.iho-table .vxe-table .vxe-table--header .col--seq .vxe-cell--title{display:inline-block}.iho-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar,.iho-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar{background-color:transparent;height:10px;width:10px}.iho-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb,.iho-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#f2f2f2;border:3px dashed transparent;border-radius:0}.iho-table .vxe-table .vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover,.iho-table .vxe-table .vxe-table--footer-wrapper.body--wrapper::-webkit-scrollbar-thumb:hover{background:#b2b2b2}.iho-table .vxe-table .vxe-footer--row .vxe-footer--column>.vxe-cell .vxe-cell--item{height:30px;line-height:30px}.iho-table .vxe-table .vxe-cell--checkbox .vxe-checkbox--label{display:none}.iho-table .vxe-table--render-default .vxe-body--expanded-column,.iho-table .vxe-table--render-default .vxe-table--border-line{border-color:#d5d5d599}.iho-table .vxe-table--render-default .vxe-table--footer-wrapper{border-top-color:#d5d5d599}.iho-table .vxe-table--render-default.border--default .vxe-body--column,.iho-table .vxe-table--render-default.border--default .vxe-footer--column,.iho-table .vxe-table--render-default.border--default .vxe-header--column,.iho-table .vxe-table--render-default.border--inner .vxe-body--column,.iho-table .vxe-table--render-default.border--inner .vxe-footer--column,.iho-table .vxe-table--render-default.border--inner .vxe-header--column{background-image:linear-gradient(#d5d5d599,#d5d5d599)}.iho-table .vxe-table--render-default.border--full .vxe-body--column,.iho-table .vxe-table--render-default.border--full .vxe-footer--column,.iho-table .vxe-table--render-default.border--full .vxe-header--column{background-image:linear-gradient(#d5d5d599,#d5d5d599),linear-gradient(#d5d5d599,#d5d5d599)}.iho-table .vxe-table--render-default.border--full .vxe-table--fixed-left-wrapper .vxe-body--column{border-right-color:#d5d5d599}.iho-table .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.iho-table .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.iho-table .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter,.iho-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-header--row:last-child .vxe-header--gutter{background-image:linear-gradient(#d5d5d599,#d5d5d599)}.iho-table .vxe-table--render-default.border--default .vxe-table--header-wrapper .vxe-table--header-border-line,.iho-table .vxe-table--render-default.border--full .vxe-table--header-wrapper .vxe-table--header-border-line,.iho-table .vxe-table--render-default.border--inner .vxe-table--header-wrapper .vxe-table--header-border-line,.iho-table .vxe-table--render-default.border--outer .vxe-table--header-wrapper .vxe-table--header-border-line{border-bottom-color:#d5d5d599}.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 .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{height:100%}.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__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 .vxe-table--empty-content{height:100%;width:100%}.iho-table .vxe-table--empty-content>div,.iho-table .vxe-tree-cell{height:100%}.iho-table .vxe-table--header{background-color:#f2f2f2}.iho-table .vxe-cell--title{color:#35393c}.iho-table .vxe-footer--row .vxe-footer--column>.vxe-cell .vxe-cell--item{height:30px;line-height:30px}.iho-table .vxe-body--expanded-column,.iho-table .vxe-table--border-line{border-color:#d5d5d599!important}.iho-table .vxe-table--footer-wrapper{border-top-color:#d5d5d599!important}.iho-table .border--default .vxe-body--column,.iho-table .border--default .vxe-footer--column,.iho-table .border--default .vxe-header--column,.iho-table .border--inner .vxe-body--column,.iho-table .border--inner .vxe-footer--column,.iho-table .border--inner .vxe-header--column{background-image:linear-gradient(#d5d5d599,#d5d5d599)!important}.iho-table .border--full .vxe-body--column,.iho-table .border--full .vxe-footer--column,.iho-table .border--full .vxe-header--column{background-image:linear-gradient(#d5d5d599,#d5d5d599),linear-gradient(#d5d5d599,#d5d5d599)!important}.iho-table .border--default .vxe-header--row:last-child .vxe-header--gutter,.iho-table .border--full .vxe-header--row:last-child .vxe-header--gutter,.iho-table .border--inner .vxe-header--row:last-child .vxe-header--gutter,.iho-table .border--outer .vxe-header--row:last-child .vxe-header--gutter{background-image:linear-gradient(#d5d5d599,#d5d5d599)!important}.iho-table .vxe-table--header-border-line{border-bottom-color:#d5d5d599!important}.iho-table .vxe-table--fixed-left-wrapper.scrolling--middle{box-shadow:7px 0 8px -3px rgba(0,0,0,.15)!important}.iho-table .vxe-table--fixed-right-wrapper.scrolling--middle{box-shadow:-7px 0 8px -3px rgba(0,0,0,.15)!important}.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{height:100%}.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}