hy-dispatch-ui-v3 0.2.66 → 0.2.68

package/es/components/hyForm/form.vue.mjs

@@ -1,14 +1,14 @@
-import { defineComponent, useTemplateRef, computed, ref, reactive, unref, provide, toRefs, onMounted, nextTick, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeStyle, createCommentVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createVNode, createSlots, renderSlot } from 'vue';
+import { defineComponent, useTemplateRef, inject, ref, computed, reactive, provide, toRefs, onMounted, watch, unref, nextTick, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeStyle, createCommentVNode, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, createVNode, createSlots, renderSlot } from 'vue';
 import { ElForm, ElDivider } from 'element-plus';
 import '../../hooks/index.mjs';
 import '../../utils/index.mjs';
-import _sfc_main$4 from './cpns/formItem.vue.mjs';
+import _sfc_main$5 from './cpns/formItem.vue.mjs';
 import _sfc_main$1 from './cpns/extraItem.vue.mjs';
 import _sfc_main$2 from './cpns/arrayItem.vue.mjs';
-import _sfc_main$3 from './cpns/locationSelect.vue.mjs';
+import _sfc_main$3 from './cpns/arrayItem2.vue.mjs';
+import _sfc_main$4 from './cpns/locationSelect.vue.mjs';
 import { formContextKey, columnShowHandler, columnItemStyle } from './js/index.mjs';
 import { resetAppFormValue } from './js/useAppForm.mjs';
-import { useLocale } from '../../hooks/useLocale.mjs';
 import { isArray, isNumber } from '../../utils/is.mjs';
 
 import "./style/form.scss";
@@ -50,14 +50,22 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: String,
       default: "default"
       // 'large' | 'default' | 'small'
+    },
+    showMessage: {
+      type: Boolean,
+      default: true
+    },
+    isTableForm: {
+      type: Boolean,
+      default: false
     }
   },
-  emits: ["on-allMapSelect", "complete"],
+  emits: ["on-allMapSelect", "complete", "optionsStatus"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { t } = useLocale();
     const formTemplateRef = useTemplateRef("formTemplateRef");
+    const validateTriggerId = inject("validateTriggerId", ref(0));
     const formColumnMap = computed(() => {
       return (props.columns || []).reduce((map, column) => {
         if (isArray(column.field)) {
@@ -88,31 +96,34 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       fields.push(field);
     }
     const removeField = (field) => {
-      if (unref(field.columnAttrs)) {
+      if (field.propString) {
         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;
+      return filterKeys.length ? fields2.filter((field) => field.propString && filterKeys.includes(field.propString)) : fields2;
     }
-    async function obtainOptionsFields(keys) {
+    async function obtainOptionsFields(keys, isMountedLoad = false) {
       const filteredFields = filterFields(fields, keys);
-      await Promise.allSettled(filteredFields.map((field) => field.obtainOptions()));
+      await Promise.allSettled(filteredFields.map((field) => field.obtainOptions(isMountedLoad)));
     }
-    async function getOptions() {
-      await obtainOptionsFields();
+    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
-      );
+      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,
@@ -120,11 +131,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         ...toRefs(props),
         emits,
         addField,
-        removeField
+        removeField,
+        emitOptionsStatus
       })
     );
     onMounted(() => {
-      getOptions();
+      getOptions(true);
+      watch(validateTriggerId, () => {
+        unref(formTemplateRef).validate(() => {
+        });
+      });
     });
     __expose({
       validate: async (callback) => {
@@ -158,10 +174,19 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         await nextTick();
         return unref(formTemplateRef).getField(fields2);
       },
-      setMarker: (latlng) => {
+      setMarker: async (latlng, getAddress = false) => {
         if (locationSelectRef.value) {
-          isArray(locationSelectRef.value) ? locationSelectRef.value.map((item) => item.setMarker(latlng)) : locationSelectRef.value.setMarker(latlng);
+          if (isArray(locationSelectRef.value)) {
+            await Promise.all(
+              locationSelectRef.value.map(
+                (item) => item.setMarker(latlng, getAddress)
+              )
+            );
+          } else {
+            await locationSelectRef.value.setMarker(latlng, getAddress);
+          }
         }
+        return 200;
       },
       clearMarker: () => {
         if (locationSelectRef.value) {
@@ -219,10 +244,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                             "div",
                             {
                               key: 0,
-                              class: normalizeClass(["w-full flex items-center text-theme whitespace-nowrap relative mb-3 mt-1", [
-                                __props.size === "small" ? "text-xs" : "text-sm",
-                                allMapSelect.value ? "hidden" : ""
-                              ]]),
+                              class: normalizeClass(["w-full flex items-center text-theme whitespace-nowrap relative mb-3 mt-1", [__props.size === "small" ? "text-xs" : "text-sm", allMapSelect.value ? "hidden" : ""]]),
                               style: normalizeStyle(unref(columnItemStyle)(props, column))
                             },
                             [
@@ -283,7 +305,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         { key: 2 },
                         [
                           createCommentVNode(" \u8868\u5355\u6570\u7EC4 "),
-                          unref(columnShowHandler)(props, column) ? (openBlock(), createBlock(_sfc_main$2, {
+                          !__props.isTableForm && unref(columnShowHandler)(props, column) ? (openBlock(), createBlock(_sfc_main$2, {
                             key: 0,
                             class: normalizeClass([allMapSelect.value ? "hidden" : ""]),
                             model: __props.model,
@@ -307,6 +329,30 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                 ])
                               };
                             })
+                          ]), 1032, ["class", "model", "column", "rules", "columnNum", "loading", "disabled", "readonly", "size", "style"])) : __props.isTableForm && unref(columnShowHandler)(props, column) ? (openBlock(), createBlock(_sfc_main$3, {
+                            key: 1,
+                            class: normalizeClass([allMapSelect.value ? "hidden" : ""]),
+                            model: __props.model,
+                            column,
+                            rules: __props.rules,
+                            columnNum: __props.columnNum,
+                            loading: __props.loading,
+                            disabled: __props.disabled,
+                            readonly: __props.readonly,
+                            size: __props.size,
+                            style: normalizeStyle(unref(columnItemStyle)(props, column))
+                          }, createSlots({
+                            _: 2
+                            /* DYNAMIC */
+                          }, [
+                            renderList(_ctx.$slots, (_, slotName) => {
+                              return {
+                                name: slotName,
+                                fn: withCtx((scope) => [
+                                  renderSlot(_ctx.$slots, slotName, mergeProps({ ref_for: true }, scope))
+                                ])
+                              };
+                            })
                           ]), 1032, ["class", "model", "column", "rules", "columnNum", "loading", "disabled", "readonly", "size", "style"])) : createCommentVNode("v-if", true)
                         ],
                         64
@@ -315,7 +361,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         Fragment,
                         { key: 3 },
                         [
-                          unref(columnShowHandler)(props, column) ? (openBlock(), createBlock(_sfc_main$3, {
+                          unref(columnShowHandler)(props, column) ? (openBlock(), createBlock(_sfc_main$4, {
                             key: 0,
                             ref_for: true,
                             ref_key: "locationSelectRef",
@@ -341,7 +387,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         { key: 4 },
                         [
                           createCommentVNode(" \u8868\u5355 "),
-                          createVNode(_sfc_main$4, {
+                          createVNode(_sfc_main$5, {
                             class: normalizeClass([allMapSelect.value ? "hidden" : ""]),
                             model: __props.model,
                             column,

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

@@ -4,7 +4,7 @@ import '../../../hooks/index.mjs';
 import { funRunHandler } from '../../../utils/handler.mjs';
 import { isNumber, isBoolean, isFunction, isString, isArray, isObject } from '../../../utils/is.mjs';
 import { columnRuleHandler, getValueByProp } from '../../../utils/form.mjs';
-import { useLocale } from '../../../hooks/useLocale.mjs';
+import { $t } from '../../../hooks/useLocale.mjs';
 
 const formContextKey = /* @__PURE__ */ Symbol("formContextKey");
 function columnItemStyle(props, column) {
@@ -88,9 +88,7 @@ function renderText(props, column = {}) {
   }
   if (/^(select|radio|checkbox)$/.test(type)) {
     const optionList = optionsHandler(props, column);
-    const target = optionList.find(
-      (item) => item[fieldNames.value] === columnValue
-    );
+    const target = optionList.find((item) => item[fieldNames.value] === columnValue);
     return target?.[fieldNames.label] || columnValue || "";
   }
   if (Array.isArray(field)) {
@@ -102,16 +100,14 @@ function renderText(props, column = {}) {
   return columnValue || "";
 }
 function renderArrayItemLabel(props, column, index) {
-  const { t } = useLocale();
   const itemLabel = unref(column.itemLabel);
   if (isFunction(itemLabel)) return itemLabel(column, index);
-  return (itemLabel || t("form.dynamicFormItem")) + ` ${index + 1}`;
+  return (itemLabel || $t("form.dynamicFormItem")) + ` ${index + 1}`;
 }
 function renderAddLabel(props, column) {
-  const { t } = useLocale();
   let addLabel = unref(column.addLabel);
   if (isFunction(addLabel)) return addLabel();
-  return addLabel || t("form.addFormItem");
+  return addLabel || $t("form.addFormItem");
 }
 function optionsHandler(props, column) {
   const options = unref(column.attrs.options);

package/es/components/hyForm/js/useAppForm.mjs

@@ -1,5 +1,4 @@
 import { unref, toRef } from 'vue';
-import '../../../hooks/index.mjs';
 import '../../../utils/index.mjs';
 import { genColumnDefaultLabel, genValueByProp } from '../../../utils/form.mjs';
 import { mergeDeep, funRunHandler } from '../../../utils/handler.mjs';
@@ -23,11 +22,11 @@ function appFormItemHandler(column = {}) {
     return {
       ...column,
       attrs: {
-        maxlength: attrs.type === "textarea" ? 255 : attrs.type === "text" ? 100 : void 0,
+        maxlength: attrs.type === "text" ? 255 : void 0,
         ...attrs
       }
     };
-  } else if (/^(radio|radio-group|checkbox|select|select-v2)$/.test(column.type)) {
+  } else if (/^(radio|radio-group|checkbox|checkbox-group|select|select-v2)$/.test(column.type)) {
     return {
       ...column,
       attrs: {
@@ -48,7 +47,7 @@ function appFormItemHandler(column = {}) {
     };
   } else if (/^(array)$/.test(column.type)) {
     return {
-      height: 500,
+      height: void 0,
       emptyChildren: false,
       ...column,
       children: (column.children || []).map((item) => appFormItemHandler(item))
@@ -81,11 +80,7 @@ const resetAppFormValue = (columns = [], obj = {}) => {
       resetAppFormValue(item.children, obj);
     } else if (Array.isArray(item.prop)) {
       for (let i = 0; i < item.prop.length; i++) {
-        genValueByProp(
-          obj,
-          item.prop[i],
-          Array.isArray(value) ? value[i] : void 0
-        );
+        genValueByProp(obj, item.prop[i], Array.isArray(value) ? value[i] : void 0);
       }
     } else {
       genValueByProp(obj, item.prop, value);

package/es/components/hyForm/style/form.scss

@@ -25,6 +25,7 @@
     transition: all 0.1s linear;
     user-select: none;
     z-index: 2;
+    box-sizing: border-box;
     .hy-form-extra-arrow {
       transform: rotateZ(90deg) rotateY(0deg);
       transition: all 0.3s linear;
@@ -34,11 +35,7 @@
       border-color: rgba(var(--hy-theme));
       box-shadow: 0px 0px 12px 1px rgba(var(--hy-theme), 0.5);
       & + .hy-form-extra-line {
-        background: radial-gradient(
-          circle,
-          rgba(var(--hy-theme), 1),
-          rgba(var(--hy-theme), 0)
-        );
+        background: radial-gradient(circle, rgba(var(--hy-theme), 1), rgba(var(--hy-theme), 0));
       }
     }
     &.expand {
@@ -47,7 +44,7 @@
       }
     }
   }
-  
+
   .hy-form-extra-line {
     width: 100%;
     height: 2px;
@@ -56,12 +53,6 @@
     top: 50%;
     transform: translateY(-50%);
     pointer-events: none;
-    background: radial-gradient(
-      circle,
-      rgba(var(--hy-auxiliary), 1),
-      rgba(var(--hy-auxiliary), 0)
-    );
+    background: radial-gradient(circle, rgba(var(--hy-auxiliary), 1), rgba(var(--hy-auxiliary), 0));
   }
 }
-
-

package/es/components/hyIcon/icon.vue.mjs

@@ -32,11 +32,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     }
     const iconName = computed(() => `#${props.prefix}${props.svgName}`);
     const svgClass = computed(() => {
+      const classList = ["hy-icon"];
       if (props.className) {
-        return "hy-icon " + props.className || "";
-      } else {
-        return "hy-icon";
+        classList.push(props.className);
       }
+      return classList.filter(Boolean).join(" ");
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("svg", {

package/es/components/hyIconBox/style/iconBox.scss

@@ -14,14 +14,10 @@
     user-select: none;
     border-radius: 100%;
     background:
-      radial-gradient(
-        142% 47% at 50% 119%,
-        rgb(var(--hy-theme), 0.5) 0%,
-        rgb(var(--hy-theme), 0) 100%
-      ),
+      radial-gradient(142% 47% at 50% 119%, rgb(var(--hy-theme), 0.5) 0%, rgb(var(--hy-theme), 0) 100%),
       rgb(var(--hy-background-3));
     border: 1px solid rgb(var(--hy-auxiliary), 0.5);
     box-shadow: 0px 2px 5px 0px rgba(29, 33, 41, 0.5);
+    box-sizing: border-box;
   }
 }
-

package/es/components/hyInput/inputSearch.vue.mjs

@@ -1,7 +1,7 @@
-import { defineComponent, useModel, useTemplateRef, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createVNode, mergeProps, withKeys, createSlots, renderList, withCtx, normalizeProps, guardReactiveProps, createElementVNode, unref, mergeModels } from 'vue';
-import { ElIcon } from 'element-plus';
-import { Search } from '@element-plus/icons-vue';
-import _sfc_main$1 from './input.vue.mjs';
+import { defineComponent, useModel, useTemplateRef, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createVNode, unref, mergeProps, withKeys, createSlots, renderList, withCtx, normalizeProps, guardReactiveProps, createElementVNode, mergeModels } from 'vue';
+import '../../index.mjs';
+import { HyInput } from './index.mjs';
+import { HyIcon } from '../hyIcon/index.mjs';
 
 import "./style/inputSearch.scss";
 
@@ -75,7 +75,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         },
         [
           renderSlot(_ctx.$slots, "before"),
-          createVNode(_sfc_main$1, mergeProps({
+          createVNode(unref(HyInput), mergeProps({
             ref_key: "inputRef",
             ref: inputRef,
             modelValue: modelValue.value,
@@ -104,12 +104,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             class: "w-[32px] h-[32px] flex-shrink-0 flex items-center justify-center bg-background-3 rounded-[2px] cursor-pointer",
             onClick: onSearchQueryHandler
           }, [
-            createVNode(unref(ElIcon), { size: "18" }, {
-              default: withCtx(() => [
-                createVNode(unref(Search))
-              ]),
-              _: 1
-              /* STABLE */
+            createVNode(unref(HyIcon), {
+              "svg-name": "dispatch-share-v3-base-search",
+              class: "w-[18px] h-[18px]"
             })
           ])
         ],

package/es/components/hyInput/style/inputSearch.scss

@@ -10,6 +10,7 @@
   padding: 2px 4px;
   overflow: hidden;
   background: rgba(var(--hy-background-2));
+  box-sizing: border-box;
   &:hover,
   &.focus {
     border: 1px solid rgba(var(--hy-theme));
@@ -21,6 +22,7 @@
     & > .hy-el-input__wrapper {
       padding-left: 8px;
       padding-right: 4px;
+      box-sizing: border-box;
     }
     .hy-el-input__inner::placeholder {
       font-size: 12px;
@@ -34,6 +36,7 @@
       box-shadow: none;
       padding: 4px;
       min-height: 100%;
+      box-sizing: border-box;
     }
   }
 }

package/es/components/hyLoading/index.mjs

@@ -2,7 +2,7 @@ import { ElLoading } from 'element-plus';
 import '../../utils/index.mjs';
 import '../../hooks/index.mjs';
 import { loadingSvg } from '../../utils/sharedContent.mjs';
-import { useLocale } from '../../hooks/useLocale.mjs';
+import { $t } from '../../hooks/useLocale.mjs';
 
 const loadingConfig = {
   svg: loadingSvg,
@@ -20,8 +20,7 @@ const HyLoading = {
   directive: {
     ...ElLoading.directive,
     mounted: function(el, binding, vnode, prevVnode) {
-      const { t } = useLocale();
-      el.setAttribute("element-loading-text", `${t("hy.loading")}...`);
+      el.setAttribute("element-loading-text", `${$t("hy.loading")}...`);
       el.setAttribute("element-loading-svg", loadingConfig.svg);
       el.setAttribute("element-loading-svg-view-box", loadingConfig.svgViewBox);
       el.setAttribute("element-loading-background", loadingConfig.background);
@@ -29,9 +28,8 @@ const HyLoading = {
     }
   },
   service: function(options = {}) {
-    const { t } = useLocale();
     return ElLoading.service.call(this, {
-      text: `${t("hy.loading")}...`,
+      text: `${$t("hy.loading")}...`,
       ...loadingConfig,
       ...options
     });

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

@@ -1,14 +1,16 @@
 import { InitMap } from '../../../utils/map/index.mjs';
-import { nextTick } from 'vue';
+import { shallowRef, nextTick } from 'vue';
 
 const useAppMapWrapper = (hy) => {
   const {
     props: { mapConfig },
     mapRef,
-    emits
+    emits,
+    isUnmounted
   } = hy;
-  const hyMap = null;
-  const map = null;
+  let hyMap = shallowRef(null);
+  let map = shallowRef(null);
+  let initTimer = null;
   function newMap(mapType) {
     const mapFilters = [
       {
@@ -92,7 +94,7 @@ const useAppMapWrapper = (hy) => {
         filter: "saturate(180%) brightness(105%) contrast(115%)"
       }
     ];
-    hy.hyMap = new InitMap({
+    hy.hyMap.value = new InitMap({
       ...mapConfig,
       mapType,
       BM: window.BM
@@ -110,12 +112,28 @@ const useAppMapWrapper = (hy) => {
       //   },
       // ], // 地图瓦片地址
     });
-    setTimeout(() => {
-      hy.initMap();
+    if (initTimer) {
+      clearTimeout(initTimer);
+    }
+    initTimer = setTimeout(() => {
+      if (!isUnmounted.value) {
+        hy.initMap();
+      }
+      initTimer = null;
     }, 800);
   }
   function initMap() {
-    hy.map = hy.hyMap.InitMap(mapRef.value, {
+    if (isUnmounted.value || !mapRef.value) {
+      return;
+    }
+    const container = mapRef.value;
+    if (container) {
+      delete container._leaflet_id;
+      delete container._bm_id;
+      delete container._amap_id;
+      container.innerHTML = "";
+    }
+    hy.map.value = hy.hyMap.value.InitMap(mapRef.value, {
       minZoom: mapConfig.minZoom || 8,
       maxZoom: mapConfig.maxZoom || 18,
       center: mapConfig.center || {
@@ -125,16 +143,23 @@ const useAppMapWrapper = (hy) => {
       zoom: mapConfig.zoom || 14,
       completeCallbacks: () => {
         nextTick(() => {
-          emits("complete", hy.hyMap, hy.map);
+          emits("complete", hy.hyMap.value, hy.map.value);
         });
       }
     });
   }
+  function clearInitTimer() {
+    if (initTimer) {
+      clearTimeout(initTimer);
+      initTimer = null;
+    }
+  }
   return {
     hyMap,
     map,
     newMap,
-    initMap
+    initMap,
+    clearInitTimer
   };
 };
 

package/es/components/hyMap/map.vue.mjs

@@ -1,7 +1,9 @@
-import { ref, onMounted, openBlock, createElementBlock, createElementVNode } from 'vue';
+import { ref, onMounted, onBeforeUnmount, openBlock, createElementBlock, createBlock, unref } from 'vue';
 import '../../hooks/index.mjs';
+import '../../index.mjs';
 import { useAppMapWrapper } from './js/index.mjs';
 import { useMixins } from '../../hooks/useMixins.mjs';
+import { HyNoPermissionsMap } from '../hyNoPermissionsMap/index.mjs';
 import { useMapConfig } from '../../hooks/useMapConfig.mjs';
 
 import "../../static/map/bigemap.css";
@@ -35,22 +37,44 @@ const _sfc_main = {
     const props = __props;
     const emits = __emit;
     const mapRef = ref();
-    const { newMap, map, hyMap } = useMixins(
+    const isUnmounted = ref(false);
+    const { newMap, map, hyMap, clearInitTimer } = useMixins(
       {
         props,
         emits,
-        mapRef
+        mapRef,
+        isUnmounted
       },
       [useAppMapWrapper]
     );
     onMounted(() => {
-      newMap(props.mapType);
+      if (props.mapType !== "nomap") {
+        newMap(props.mapType);
+      }
+    });
+    onBeforeUnmount(() => {
+      isUnmounted.value = true;
+      clearInitTimer();
+      try {
+        map.value?.removeMap();
+      } catch (error) {
+        console.warn("\u5730\u56FE\u5378\u8F7D\u8B66\u544A:", error);
+      }
+      map.value = null;
+      hyMap.value = null;
+      if (mapRef.value) {
+        mapRef.value.innerHTML = "";
+        delete mapRef.value._leaflet_id;
+        delete mapRef.value._bm_id;
+        delete mapRef.value._amap_id;
+      }
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", { class: "w-full h-full box-border border-border border relative" }, [
-        createElementVNode(
+        props.mapType !== "nomap" ? (openBlock(), createElementBlock(
           "div",
           {
+            key: 0,
             ref_key: "mapRef",
             ref: mapRef,
             class: "w-full h-full rounded overflow-hidden"
@@ -58,7 +82,7 @@ const _sfc_main = {
           null,
           512
           /* NEED_PATCH */
-        )
+        )) : (openBlock(), createBlock(unref(HyNoPermissionsMap), { key: 1 }))
       ]);
     };
   }

package/es/components/hyMenu/style/menu.scss

@@ -10,12 +10,9 @@
   transition: all 0.3s linear;
   background:
     linear-gradient(180deg, rgba(33, 58, 84, 0.3) 0.08%, #213a54 100%),
-    radial-gradient(
-      21% 31% at 150% 40%,
-      rgba(61, 98, 134, 0.5) 0%,
-      rgba(61, 98, 134, 0) 100%
-    );
+    radial-gradient(21% 31% at 150% 40%, rgba(61, 98, 134, 0.5) 0%, rgba(61, 98, 134, 0) 100%);
   border-right: 1px solid rgba(var(--hy-border));
+  box-sizing: border-box;
 
   .operator-menu-list {
     width: 100%;
@@ -34,6 +31,7 @@
       font-size: 16px;
       position: relative;
       cursor: pointer;
+      box-sizing: border-box;
 
       .operator-label {
         width: 100%;
@@ -72,11 +70,7 @@
         position: absolute;
         left: 0;
         top: 3px;
-        background: linear-gradient(
-          90deg,
-          rgba(var(--hy-theme), 0) 2%,
-          rgba(var(--hy-theme), 0.4) 100%
-        );
+        background: linear-gradient(90deg, rgba(var(--hy-theme), 0) 2%, rgba(var(--hy-theme), 0.4) 100%);
         border-radius: 0px 4px 4px 0px;
       }
     }
@@ -135,11 +129,7 @@
         position: absolute;
         left: 0;
         top: 0;
-        background: linear-gradient(
-          90deg,
-          rgba(var(--hy-theme), 0) 2%,
-          rgba(var(--hy-theme), 0.4) 100%
-        );
+        background: linear-gradient(90deg, rgba(var(--hy-theme), 0) 2%, rgba(var(--hy-theme), 0.4) 100%);
         //border-radius: 0px 4px 4px 0px;
       }
     }