hy-dispatch-ui-v3 0.2.65 → 0.2.67

package/es/components/hySearch/js/index.mjs

@@ -5,6 +5,7 @@ import '../../../hooks/index.mjs';
 import { isNumber, isString, isBoolean, isFunction, isEmpty, isArray } from '../../../utils/is.mjs';
 import { useResizeObserver } from '../../../hooks/useResizeObserver.mjs';
 
+const formContextKey = /* @__PURE__ */ Symbol("formContextKey");
 function columnItemStyle(props, column) {
   const { width } = column;
   const style = {};
@@ -138,4 +139,4 @@ function optionsHandler(props, column) {
   return [];
 }
 
-export { columnItemInputStyle, columnItemStyle, columnShowHandler, isDisabled, isEmptyValue, isSelectedTimeRange, optionsHandler, timeRangeHandler, useShrink };
+export { columnItemInputStyle, columnItemStyle, columnShowHandler, formContextKey, isDisabled, isEmptyValue, isSelectedTimeRange, optionsHandler, timeRangeHandler, useShrink };

package/es/components/hySearch/search.vue.mjs

@@ -1,11 +1,11 @@
-import { defineComponent, useTemplateRef, computed, unref, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, toDisplayString, Fragment, createCommentVNode, withDirectives, normalizeStyle, withCtx, vShow, mergeProps, renderList, createBlock, createSlots, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, computed, unref, reactive, provide, toRefs, onMounted, onUnmounted, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, toDisplayString, Fragment, createCommentVNode, withDirectives, normalizeStyle, withCtx, vShow, mergeProps, renderList, createBlock, createSlots, renderSlot } from 'vue';
 import { ElIcon, ElForm } from 'element-plus';
 import { ArrowDown } from '@element-plus/icons-vue';
 import '../../hooks/index.mjs';
 import '../../utils/index.mjs';
 import '../index.mjs';
 import _sfc_main$1 from './cpns/searchItem.vue.mjs';
-import { useShrink, isEmptyValue } from './js/index.mjs';
+import { useShrink, isEmptyValue, formContextKey } from './js/index.mjs';
 import { resetAppSearchValue } from './js/useAppSearch.mjs';
 import { useLocale } from '../../hooks/useLocale.mjs';
 import { isArray, isObject } from '../../utils/is.mjs';
@@ -47,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: [String, Array, Object]
     }
   },
-  emits: ["search"],
+  emits: ["search", "optionsStatus"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
@@ -80,9 +80,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       }
       return style;
     });
-    onUnmounted(() => {
-      shrinkDestroy();
-    });
     function getFilterCount(model, defaultValue, prop) {
       let count = 0;
       const keys = Object.keys(defaultValue);
@@ -110,10 +107,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     function onSearchHandler() {
       emits("search");
     }
-    function resetFields(fields) {
+    function resetFields(fields2) {
       let columns = props.columns || [];
-      if (fields && fields?.length) {
-        columns = fields.map((key) => formColumnMap.value.get(key)).filter(Boolean);
+      if (fields2 && fields2?.length) {
+        columns = fields2.map((key) => formColumnMap.value.get(key)).filter(Boolean);
       }
       resetAppSearchValue(columns, props.model);
     }
@@ -121,8 +118,72 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       resetFields();
       emits("search");
     }
+    const fields = reactive([]);
+    function addField(field) {
+      fields.push(field);
+    }
+    const removeField = (field) => {
+      if (unref(field.columnAttrs)) {
+        fields.splice(fields.indexOf(field), 1);
+      }
+    };
+    function filterFields(fields2 = [], keys = []) {
+      const filterKeys = keys.map((prop) => isArray(prop) ? prop.join(".") : prop);
+      return filterKeys.length ? fields2.filter(
+        (field) => field.propString && filterKeys.includes(field.propString)
+      ) : fields2;
+    }
+    async function obtainOptionsFields(keys, isMountedLoad = false) {
+      const filteredFields = filterFields(fields, keys);
+      await Promise.allSettled(
+        filteredFields.map((field) => field.obtainOptions(isMountedLoad))
+      );
+    }
+    async function getOptions(isMountedLoad = false) {
+      await obtainOptionsFields([], isMountedLoad);
+      emitOptionsStatus();
+    }
+    async function getOptionsFields(keys) {
+      await obtainOptionsFields(keys);
+      emitOptionsStatus();
+    }
+    async function getOptionsError() {
+      const filteredFields = fields.filter(
+        (field) => field.propString && field.optionsError
+      );
+      await Promise.allSettled(filteredFields.map((field) => field.obtainOptions()));
+      emitOptionsStatus();
+    }
+    function emitOptionsStatus() {
+      const hasError = fields.some((item) => item.optionsError === "error");
+      emits("optionsStatus", { result: !hasError });
+    }
+    provide(
+      formContextKey,
+      reactive({
+        ...toRefs(props),
+        emits,
+        addField,
+        removeField,
+        emitOptionsStatus
+      })
+    );
+    onMounted(() => {
+      getOptions(true);
+    });
+    onUnmounted(() => {
+      shrinkDestroy();
+    });
     __expose({
-      resetFields
+      resetFields,
+      getOptions,
+      getOptionsFields,
+      getOptionsError,
+      getOptionsByField: (field) => {
+        const [target] = filterFields(fields, [field]);
+        if (!target) return null;
+        return target.options;
+      }
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(

package/es/components/hySearch/style/search.scss

@@ -39,6 +39,13 @@
       &.hidden {
         display: none;
       }
+      .hy-el-search-item-error {
+        .hy-el-input .hy-el-input__inner::placeholder,
+        .hy-el-select__placeholder.is-transparent {
+          color: rgba(var(--hy-danger-2));
+          font-size: 14px;
+        }
+      }
     }
     .hy-el-input,
     .hy-el-date-editor {

package/es/components/hyTable/cpns/columnSelect.vue.mjs

@@ -1,7 +1,6 @@
 import { useTemplateRef, ref, computed, unref, nextTick, watch, openBlock, createBlock, withCtx, createElementVNode, toDisplayString, createVNode, normalizeClass, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode } from 'vue';
 import Sortable from 'sortablejs';
-import { ElMessage, ElPopover, ElCheckboxGroup, ElIcon } from 'element-plus';
-import { Warning } from '@element-plus/icons-vue';
+import { ElMessage, ElPopover, ElCheckboxGroup } from 'element-plus';
 import '../../../hooks/index.mjs';
 import '../../../utils/index.mjs';
 import '../../index.mjs';
@@ -49,7 +48,7 @@ const _sfc_main = {
     function showPopover() {
       initColumnsInfo(props.columns, props.columnsEditable);
       rowDrag();
-      showClear.value = true;
+      showReset.value = true;
     }
     function closePopover() {
       sortableInstance?.destroy?.();
@@ -73,7 +72,7 @@ const _sfc_main = {
       tableEditableColumns.value = columnArr;
       checkedList.value = checkedArr;
     }
-    const showClear = ref(true);
+    const showReset = ref(true);
     const checkedList = ref([]);
     const checkMap = computed(() => {
       return (unref(checkedList) || []).reduce((map, item) => {
@@ -90,7 +89,7 @@ const _sfc_main = {
       } else {
         checkedList.value.push(target.prop);
       }
-      showClear.value = true;
+      showReset.value = true;
     }
     function onConfirmHandler() {
       if (!checkedList.value.length && showColumnsLength.value === tableEditableColumns.value?.length) {
@@ -117,7 +116,7 @@ const _sfc_main = {
         props.originColumns
       );
       initColumnsInfo(columnsList, columnsEditablele);
-      showClear.value = false;
+      showReset.value = false;
     }
     let sortableInstance;
     async function rowDrag() {
@@ -145,7 +144,7 @@ const _sfc_main = {
           for (let i = minIndex; i <= maxIndex; i++) {
             tableEditableColumns.value[i].sortIndex = sortList[i];
           }
-          showClear.value = true;
+          showReset.value = true;
         }
       });
     }
@@ -168,7 +167,7 @@ const _sfc_main = {
           ref: popoverRef,
           trigger: "click",
           placement: "left-start",
-          "popper-class": "!bg-background !p-0 border !border-theme",
+          "popper-class": "!bg-[rgba(var(--hy-background),0.7)] !p-0 border !border-theme",
           effect: "dark",
           width: "400",
           "show-arrow": false,
@@ -177,8 +176,7 @@ const _sfc_main = {
         },
         {
           reference: withCtx(() => [
-            createElementVNode("div", { class: "flex items-center gap-[10px] clickBox px-3 rounded hover:bg-background-2" }, [
-              createCommentVNode(" <el-icon><Edit /></el-icon> "),
+            createElementVNode("div", { class: "h-[32px] flex items-center gap-[10px] clickBox px-3 rounded hover:bg-background-2" }, [
               createVNode(unref(HyIcon), {
                 "svg-name": "ops-button-edit-column",
                 "class-name": "!w-3 !h-3"
@@ -208,7 +206,14 @@ const _sfc_main = {
                   onClick: closePopover
                 })
               ]),
-              createElementVNode("div", { class: "h-[364px] px-4 pt-[11px] pb-1 scroll-body overflow-y-auto" }, [
+              createElementVNode("div", { class: "flex items-center gap-1.5 px-4 py-2.5 text-xs text-theme" }, [
+                createVNode(unref(HyIcon), {
+                  "svg-name": "dispatch-share1-prompt",
+                  "class-name": "!w-3 !h-3"
+                }),
+                createElementVNode("span", null, "\u5728\u53F3\u4FA7\u62D6\u52A8\u5217\u53EF\u8FDB\u884C\u8FDB\u884C\u6392\u5E8F")
+              ]),
+              createElementVNode("div", { class: "h-[364px] p-4 pt-0 pb-1 scroll-body overflow-y-auto" }, [
                 createVNode(unref(ElCheckboxGroup), {
                   modelValue: checkedList.value,
                   "onUpdate:modelValue": ($event) => checkedList.value = $event
@@ -288,14 +293,14 @@ const _sfc_main = {
                     1
                     /* TEXT */
                   ),
-                  showClear.value ? (openBlock(), createElementBlock(
+                  showReset.value ? (openBlock(), createElementBlock(
                     "span",
                     {
                       key: 0,
                       class: "clickBox text-danger-2 ml-3",
                       onClick: onClearHandler
                     },
-                    toDisplayString(unref(t)("table.clear")),
+                    toDisplayString(unref(t)("hy.reset")),
                     1
                     /* TEXT */
                   )) : createCommentVNode("v-if", true)
@@ -305,15 +310,9 @@ const _sfc_main = {
                     Fragment,
                     { key: 0 },
                     [
-                      createVNode(unref(ElIcon), {
-                        class: "mr-1.5",
-                        color: "rgb(var(--hy-auxiliary))"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(Warning))
-                        ]),
-                        _: 1
-                        /* STABLE */
+                      createVNode(unref(HyIcon), {
+                        "svg-name": "dispatch-share1-prompt",
+                        class: "!w-3 !h-3 text-auxiliary mr-1.5"
                       }),
                       createVNode(unref(HyTooltip), {
                         "is-always": false,

package/es/components/hyTable/cpns/virtualTable.vue.mjs

@@ -1,15 +1,15 @@
 import { useModel, computed, ref, openBlock, createBlock, unref, withCtx, renderSlot, createCommentVNode, createElementBlock, Fragment, renderList, normalizeStyle, withModifiers, normalizeClass, createVNode, mergeProps, createTextVNode, toDisplayString, createElementVNode, normalizeProps, guardReactiveProps, mergeModels } from 'vue';
-import { ElTableV2, ElIcon, ElCheckbox, ElDropdown, ElDropdownMenu, ElDropdownItem } from 'element-plus';
-import { ArrowRight, MoreFilled } from '@element-plus/icons-vue';
+import { ElTableV2, ElCheckbox, ElDropdown, ElIcon, ElDropdownMenu, ElDropdownItem } from 'element-plus';
+import { MoreFilled } from '@element-plus/icons-vue';
 import '../../index.mjs';
 import '../../../hooks/index.mjs';
 import '../../../utils/index.mjs';
-import { operatorFilterHandler, operatorClickHandler, operatorDisabledHandler, operatorDisableTextdHandler, renderContentHandler, renderHeaderHandler } from '../js/index.mjs';
+import { operatorFilterHandler, operatorClickHandler, operatorDisabledHandler, operatorIsDotHandler, operatorDisableTextdHandler, renderContentHandler, renderHeaderHandler } from '../js/index.mjs';
 import _sfc_main$1 from './headerItem.vue.mjs';
 import { useLocale } from '../../../hooks/useLocale.mjs';
 import { isNumber, isString, isFunction, isArray, isBoolean, isEmpty } from '../../../utils/is.mjs';
-import { HyTooltip } from '../../hyTooltip/index.mjs';
 import { HyIcon } from '../../hyIcon/index.mjs';
+import { HyTooltip } from '../../hyTooltip/index.mjs';
 
 const _sfc_main = {
   __name: "virtualTable",
@@ -283,6 +283,7 @@ const _sfc_main = {
       return openBlock(), createBlock(unref(ElTableV2), {
         "expanded-row-keys": expandedRowKeys.value,
         "onUpdate:expandedRowKeys": ($event) => expandedRowKeys.value = $event,
+        cache: 0,
         "row-key": __props.rowKey,
         data: dataSource.value,
         columns: tableColumns.value,
@@ -372,16 +373,11 @@ const _sfc_main = {
                               rowKey: getRowKey(row)
                             }), ["stop"])
                           }, [
-                            createVNode(unref(ElIcon), {
-                              class: "text-main",
+                            createVNode(unref(HyIcon), {
+                              "svg-name": "dispatch-linear-arrow-down-bold",
+                              "class-name": "!w-3 !h-3 text-main",
                               style: normalizeStyle({ "margin-inline-start": `${depth * 12}px` })
-                            }, {
-                              default: withCtx(() => [
-                                createVNode(unref(ArrowRight))
-                              ]),
-                              _: 1
-                              /* STABLE */
-                            }, 8, ["style"])
+                            }, null, 8, ["style"])
                           ], 10, ["onClick"])) : (openBlock(), createElementBlock(
                             "div",
                             {
@@ -439,7 +435,7 @@ const _sfc_main = {
                             }, {
                               default: withCtx(() => [
                                 createElementVNode("div", {
-                                  class: normalizeClass(["w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-xs hover:font-bold border border-transparent rounded box-border", [
+                                  class: normalizeClass(["w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-xs hover:font-bold border border-transparent rounded box-border relative", [
                                     citem.className,
                                     unref(operatorDisabledHandler)(citem, {
                                       column,
@@ -471,7 +467,16 @@ const _sfc_main = {
                                   )) : (openBlock(), createElementBlock("div", {
                                     key: 1,
                                     class: "mt-1 whitespace-nowrap"
-                                  }, "\xA0"))
+                                  }, "\xA0")),
+                                  unref(operatorIsDotHandler)(citem, {
+                                    column,
+                                    row,
+                                    $index,
+                                    cellIndex
+                                  }) ? (openBlock(), createElementBlock("div", {
+                                    key: 2,
+                                    class: "w-2 h-2 absolute right-0 top-0 transform translate-x-1/2 -translate-y-1/2 rounded-full bg-danger-2 z-[2]"
+                                  })) : createCommentVNode("v-if", true)
                                 ], 10, ["onClick"])
                               ]),
                               _: 2
@@ -502,7 +507,7 @@ const _sfc_main = {
                           dropdown: withCtx(() => [
                             createVNode(
                               unref(ElDropdownMenu),
-                              null,
+                              { class: "hy-table-dropdown-menu" },
                               {
                                 default: withCtx(() => [
                                   (openBlock(true), createElementBlock(
@@ -524,10 +529,10 @@ const _sfc_main = {
                                         })
                                       }, {
                                         default: withCtx(() => [
-                                          createElementVNode("span", null, [
+                                          createElementVNode("span", { class: "relative" }, [
                                             createElementVNode(
                                               "span",
-                                              null,
+                                              { class: "pr-1" },
                                               toDisplayString(citem.label),
                                               1
                                               /* TEXT */
@@ -551,7 +556,16 @@ const _sfc_main = {
                                               })) + "\uFF09",
                                               1
                                               /* TEXT */
-                                            )) : createCommentVNode("v-if", true)
+                                            )) : createCommentVNode("v-if", true),
+                                            unref(operatorIsDotHandler)(citem, {
+                                              column,
+                                              row,
+                                              $index,
+                                              cellIndex
+                                            }) ? (openBlock(), createElementBlock("div", {
+                                              key: 1,
+                                              class: "w-2 h-2 absolute right-0 top-0 transform translate-x-1/2 -translate-y-1/2 rounded-full bg-danger-2 z-[2]"
+                                            })) : createCommentVNode("v-if", true)
                                           ])
                                         ]),
                                         _: 2
@@ -623,10 +637,10 @@ const _sfc_main = {
                             "is-always": false,
                             "over-line": 2,
                             content: unref(renderContentHandler)(column, { column, row, $index, cellIndex })
-                          }, null, 8, ["content"])) : (openBlock(), createElementBlock("span", {
+                          }, null, 8, ["content"])) : column.type !== "expand" ? (openBlock(), createElementBlock("span", {
                             key: 1,
                             class: "text-auxiliary"
-                          }, "- -"))
+                          }, "- -")) : createCommentVNode("v-if", true)
                         ],
                         64
                         /* STABLE_FRAGMENT */

package/es/components/hyTable/js/index.mjs

@@ -86,15 +86,15 @@ function operatorShowHandler(operator, scope) {
   if (isFunction(show)) return show(scope);
   return true;
 }
-function operatorDisabledHandler(column, scope) {
-  const { disabled } = column;
+function operatorDisabledHandler(operator, scope) {
+  const { disabled } = operator;
   if (isBoolean(disabled)) return disabled;
   if (isFunction(disabled)) return disabled(scope);
   return false;
 }
-function operatorDisableTextdHandler(column, scope) {
+function operatorDisableTextdHandler(operator, scope) {
   const { t } = useLocale();
-  const { disabledText } = column;
+  const { disabledText } = operator;
   if (isString(disabledText)) return disabledText;
   if (isFunction(disabledText)) return disabledText(scope);
   return t("table.nonsupport");
@@ -128,6 +128,12 @@ function operatorClickHandler(command, column, scope, type = "all") {
   if (operatorDisabledHandler(target, scope)) return;
   target?.handler && target.handler(scope);
 }
+function operatorIsDotHandler(operator, scope) {
+  const { isDot } = operator;
+  if (isFunction(isDot)) return isDot(scope);
+  if (isBoolean(isDot)) return isDot;
+  return false;
+}
 function renderHeaderHandler(column, scope) {
   if (!column) return;
   if (isFunction(column.renderHeader)) {
@@ -349,6 +355,7 @@ const useAppTableWrapper = (hy) => {
   }
   function clearSelection() {
     tableRef.value?.clearSelection();
+    selectedList.value = [];
   }
   function getSelectedList() {
     return selectedList.value;
@@ -372,12 +379,15 @@ const useAppTableWrapper = (hy) => {
       }
     }
   }
-  function onTableSelectHandler(selectList = [], row) {
+  function onTableSelectHandler(selectList = [], row, isAll = false) {
     if (selectList.length === 0 && tableDataSource.value.length === 0) {
       clearSelection();
     }
     selectedList.value = [...selectList];
     emits("on-select-checkbox", [...selectList], row);
+    if (isAll) {
+      emits("select-all", selectList);
+    }
   }
   function clearSelectedList(list = []) {
     selectedList.value = list || [];
@@ -404,13 +414,6 @@ const useAppTableWrapper = (hy) => {
     }
     return className.filter(Boolean).join(" ");
   }
-  const isSearchFocus = ref(false);
-  function onSearchInputHandler() {
-    isSearchFocus.value = true;
-  }
-  function onSearchBlurHandler() {
-    isSearchFocus.value = false;
-  }
   watchEffect(() => {
     const { columnsList, columnsEditablele, searchText } = tableColumnHandler(
       props.tableColumns,
@@ -444,13 +447,9 @@ const useAppTableWrapper = (hy) => {
     onTableRowContextmenuHandler,
     onTableRowClickHandler,
     onTableColumnsSelectHandler,
-    // 搜索选中
-    isSearchFocus,
-    onSearchInputHandler,
-    onSearchBlurHandler,
     showAppTableLoading,
     closeAppTableLoading
   };
 };
 
-export { operatorClickHandler, operatorDisableTextdHandler, operatorDisabledHandler, operatorFilterHandler, renderContentHandler, renderHeaderHandler, tableColumnHandler, tableColumnShowHandler, useAppTableWrapper };
+export { operatorClickHandler, operatorDisableTextdHandler, operatorDisabledHandler, operatorFilterHandler, operatorIsDotHandler, renderContentHandler, renderHeaderHandler, tableColumnHandler, tableColumnShowHandler, useAppTableWrapper };

package/es/components/hyTable/js/search.mjs

@@ -51,6 +51,7 @@ function useAppTableSearch(hy) {
         tableDataSource.value = data;
       }
       totalElements.value = res.data.totalElements;
+      hy.expandRowKeys.value = [];
       emits("reqSuccess", tableDataSource.value);
     }
   }
@@ -64,7 +65,7 @@ function useAppTableSearch(hy) {
   async function resetFn() {
     await resetFields();
     props.filterModel.query = null;
-    getData(1);
+    await getData(1);
   }
   function getParametersFn() {
     return Object.assign(
@@ -84,6 +85,7 @@ function useAppTableSearch(hy) {
   function setData(dataSource) {
     tableDataSource.value = dataSource || [];
     hy.loading.value = false;
+    emits("reqSuccess", tableDataSource.value);
   }
   function onSizeChangeHandler(val) {
     props.filterModel.page = 1;
@@ -99,6 +101,26 @@ function useAppTableSearch(hy) {
     const isReset = !(isEmpty(oldQueryValue) && isEmpty(props.filterModel.query) || oldQueryValue === props.filterModel.query);
     getData(isReset ? 1 : null);
   }
+  async function getOptions() {
+    if (appSearchRef.value) {
+      await appSearchRef.value.getOptions();
+    }
+  }
+  async function getOptionsFields(keys) {
+    if (appSearchRef.value) {
+      await appSearchRef.value.getOptionsFields(keys);
+    }
+  }
+  async function getOptionsError() {
+    if (appSearchRef.value) {
+      await appSearchRef.value.getOptionsError();
+    }
+  }
+  function getOptionsByField() {
+    if (appSearchRef.value) {
+      return appSearchRef.value.getOptionsByField();
+    }
+  }
   return {
     totalElements,
     showFilter,
@@ -111,7 +133,11 @@ function useAppTableSearch(hy) {
     getTableDataSource,
     onSizeChangeHandler,
     onCurrentChangeHandler,
-    onSearchQueryHandler
+    onSearchQueryHandler,
+    getOptions,
+    getOptionsFields,
+    getOptionsError,
+    getOptionsByField
   };
 }
 

package/es/components/hyTable/style/table.scss

@@ -25,6 +25,14 @@
     .hy-el-table-v2__row-cell {
       padding: 8px 12px;
     }
+    .hy-el-table-v2__expand-icon {
+      &:not(.is-expanded) svg {
+        transform: rotate(-90deg) !important;
+      }
+      &.is-expanded svg {
+        transform: rotate(0deg) !important;
+      }
+    }
   }
   .hy-table-search {
     width: 160px;
@@ -46,6 +54,7 @@
 
 .hy-table-dropdown-menu.hy-el-dropdown-menu {
   --hy-el-text-color-regular: rgba(var(--hy-main));
+  --hy-el-dropdown-menuItem-hover-color: rgba(var(--hy-main));
   border: 1px solid rgba(var(--hy-main));
   padding: 0px;
   .hy-el-dropdown-menu__item {
@@ -54,5 +63,9 @@
     &:last-child {
       border-bottom: none;
     }
+    &:not(.is-disabled):focus,
+    &:not(.is-disabled):hover {
+      font-weight: bold;
+    }
   }
 }