hy-dispatch-ui-v3 0.2.66 → 0.2.68

package/lib/components/hyForm/form.vue.js

@@ -9,10 +9,10 @@ require('../../utils/index.js');
 var formItem = require('./cpns/formItem.vue.js');
 var extraItem = require('./cpns/extraItem.vue.js');
 var arrayItem = require('./cpns/arrayItem.vue.js');
+var arrayItem2 = require('./cpns/arrayItem2.vue.js');
 var locationSelect = require('./cpns/locationSelect.vue.js');
 var index = require('./js/index.js');
 var useAppForm = require('./js/useAppForm.js');
-var useLocale = require('../../hooks/useLocale.js');
 var is = require('../../utils/is.js');
 
 import "./style/form.scss";
@@ -54,14 +54,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.useLocale();
     const formTemplateRef = vue.useTemplateRef("formTemplateRef");
+    const validateTriggerId = vue.inject("validateTriggerId", vue.ref(0));
     const formColumnMap = vue.computed(() => {
       return (props.columns || []).reduce((map, column) => {
         if (is.isArray(column.field)) {
@@ -92,31 +100,34 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       fields.push(field);
     }
     const removeField = (field) => {
-      if (vue.unref(field.columnAttrs)) {
+      if (field.propString) {
         fields.splice(fields.indexOf(field), 1);
       }
     };
     function filterFields(fields2 = [], keys = []) {
       const filterKeys = keys.map((prop) => is.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 });
     }
     vue.provide(
       index.formContextKey,
@@ -124,11 +135,16 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         ...vue.toRefs(props),
         emits,
         addField,
-        removeField
+        removeField,
+        emitOptionsStatus
       })
     );
     vue.onMounted(() => {
-      getOptions();
+      getOptions(true);
+      vue.watch(validateTriggerId, () => {
+        vue.unref(formTemplateRef).validate(() => {
+        });
+      });
     });
     __expose({
       validate: async (callback) => {
@@ -162,10 +178,19 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         await vue.nextTick();
         return vue.unref(formTemplateRef).getField(fields2);
       },
-      setMarker: (latlng) => {
+      setMarker: async (latlng, getAddress = false) => {
         if (locationSelectRef.value) {
-          is.isArray(locationSelectRef.value) ? locationSelectRef.value.map((item) => item.setMarker(latlng)) : locationSelectRef.value.setMarker(latlng);
+          if (is.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) {
@@ -223,10 +248,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                             "div",
                             {
                               key: 0,
-                              class: vue.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: vue.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: vue.normalizeStyle(vue.unref(index.columnItemStyle)(props, column))
                             },
                             [
@@ -287,7 +309,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         { key: 2 },
                         [
                           vue.createCommentVNode(" \u8868\u5355\u6570\u7EC4 "),
-                          vue.unref(index.columnShowHandler)(props, column) ? (vue.openBlock(), vue.createBlock(arrayItem.default, {
+                          !__props.isTableForm && vue.unref(index.columnShowHandler)(props, column) ? (vue.openBlock(), vue.createBlock(arrayItem.default, {
                             key: 0,
                             class: vue.normalizeClass([allMapSelect.value ? "hidden" : ""]),
                             model: __props.model,
@@ -311,6 +333,30 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                 ])
                               };
                             })
+                          ]), 1032, ["class", "model", "column", "rules", "columnNum", "loading", "disabled", "readonly", "size", "style"])) : __props.isTableForm && vue.unref(index.columnShowHandler)(props, column) ? (vue.openBlock(), vue.createBlock(arrayItem2.default, {
+                            key: 1,
+                            class: vue.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: vue.normalizeStyle(vue.unref(index.columnItemStyle)(props, column))
+                          }, vue.createSlots({
+                            _: 2
+                            /* DYNAMIC */
+                          }, [
+                            vue.renderList(_ctx.$slots, (_, slotName) => {
+                              return {
+                                name: slotName,
+                                fn: vue.withCtx((scope) => [
+                                  vue.renderSlot(_ctx.$slots, slotName, vue.mergeProps({ ref_for: true }, scope))
+                                ])
+                              };
+                            })
                           ]), 1032, ["class", "model", "column", "rules", "columnNum", "loading", "disabled", "readonly", "size", "style"])) : vue.createCommentVNode("v-if", true)
                         ],
                         64

package/lib/components/hyForm/js/index.js

@@ -90,9 +90,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)) {
@@ -104,16 +102,14 @@ function renderText(props, column = {}) {
   return columnValue || "";
 }
 function renderArrayItemLabel(props, column, index) {
-  const { t } = useLocale.useLocale();
   const itemLabel = vue.unref(column.itemLabel);
   if (is.isFunction(itemLabel)) return itemLabel(column, index);
-  return (itemLabel || t("form.dynamicFormItem")) + ` ${index + 1}`;
+  return (itemLabel || useLocale.$t("form.dynamicFormItem")) + ` ${index + 1}`;
 }
 function renderAddLabel(props, column) {
-  const { t } = useLocale.useLocale();
   let addLabel = vue.unref(column.addLabel);
   if (is.isFunction(addLabel)) return addLabel();
-  return addLabel || t("form.addFormItem");
+  return addLabel || useLocale.$t("form.addFormItem");
 }
 function optionsHandler(props, column) {
   const options = vue.unref(column.attrs.options);

package/lib/components/hyForm/js/useAppForm.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var vue = require('vue');
-require('../../../hooks/index.js');
 require('../../../utils/index.js');
 var form = require('../../../utils/form.js');
 var handler = require('../../../utils/handler.js');
@@ -25,11 +24,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: {
@@ -50,7 +49,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))
@@ -83,11 +82,7 @@ const resetAppFormValue = (columns = [], obj = {}) => {
       resetAppFormValue(item.children, obj);
     } else if (Array.isArray(item.prop)) {
       for (let i = 0; i < item.prop.length; i++) {
-        form.genValueByProp(
-          obj,
-          item.prop[i],
-          Array.isArray(value) ? value[i] : void 0
-        );
+        form.genValueByProp(obj, item.prop[i], Array.isArray(value) ? value[i] : void 0);
       }
     } else {
       form.genValueByProp(obj, item.prop, value);

package/lib/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/lib/components/hyIcon/icon.vue.js

@@ -36,11 +36,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     }
     const iconName = vue.computed(() => `#${props.prefix}${props.svgName}`);
     const svgClass = vue.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 vue.openBlock(), vue.createElementBlock("svg", {

package/lib/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/lib/components/hyInput/inputSearch.vue.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var elementPlus = require('element-plus');
-var iconsVue = require('@element-plus/icons-vue');
-var input = require('./input.vue.js');
+require('../../index.js');
+var index = require('./index.js');
+var index$1 = require('../hyIcon/index.js');
 
 import "./style/inputSearch.scss";
 
@@ -79,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         },
         [
           vue.renderSlot(_ctx.$slots, "before"),
-          vue.createVNode(input.default, vue.mergeProps({
+          vue.createVNode(vue.unref(index.HyInput), vue.mergeProps({
             ref_key: "inputRef",
             ref: inputRef,
             modelValue: modelValue.value,
@@ -108,12 +108,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
           }, [
-            vue.createVNode(vue.unref(elementPlus.ElIcon), { size: "18" }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(iconsVue.Search))
-              ]),
-              _: 1
-              /* STABLE */
+            vue.createVNode(vue.unref(index$1.HyIcon), {
+              "svg-name": "dispatch-share-v3-base-search",
+              class: "w-[18px] h-[18px]"
             })
           ])
         ],

package/lib/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/lib/components/hyLoading/index.js

@@ -24,8 +24,7 @@ const HyLoading = {
   directive: {
     ...elementPlus.ElLoading.directive,
     mounted: function(el, binding, vnode, prevVnode) {
-      const { t } = useLocale.useLocale();
-      el.setAttribute("element-loading-text", `${t("hy.loading")}...`);
+      el.setAttribute("element-loading-text", `${useLocale.$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);
@@ -33,9 +32,8 @@ const HyLoading = {
     }
   },
   service: function(options = {}) {
-    const { t } = useLocale.useLocale();
     return elementPlus.ElLoading.service.call(this, {
-      text: `${t("hy.loading")}...`,
+      text: `${useLocale.$t("hy.loading")}...`,
       ...loadingConfig,
       ...options
     });

package/lib/components/hyMap/js/index.js

@@ -7,10 +7,12 @@ const useAppMapWrapper = (hy) => {
   const {
     props: { mapConfig },
     mapRef,
-    emits
+    emits,
+    isUnmounted
   } = hy;
-  const hyMap = null;
-  const map = null;
+  let hyMap = vue.shallowRef(null);
+  let map = vue.shallowRef(null);
+  let initTimer = null;
   function newMap(mapType) {
     const mapFilters = [
       {
@@ -94,7 +96,7 @@ const useAppMapWrapper = (hy) => {
         filter: "saturate(180%) brightness(105%) contrast(115%)"
       }
     ];
-    hy.hyMap = new index.InitMap({
+    hy.hyMap.value = new index.InitMap({
       ...mapConfig,
       mapType,
       BM: window.BM
@@ -112,12 +114,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 || {
@@ -127,16 +145,23 @@ const useAppMapWrapper = (hy) => {
       zoom: mapConfig.zoom || 14,
       completeCallbacks: () => {
         vue.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/lib/components/hyMap/map.vue.js

@@ -4,8 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 require('../../hooks/index.js');
+require('../../index.js');
 var index = require('./js/index.js');
 var useMixins = require('../../hooks/useMixins.js');
+var index$1 = require('../hyNoPermissionsMap/index.js');
 var useMapConfig = require('../../hooks/useMapConfig.js');
 
 import "../../static/map/bigemap.css";
@@ -39,22 +41,44 @@ const _sfc_main = {
     const props = __props;
     const emits = __emit;
     const mapRef = vue.ref();
-    const { newMap, map, hyMap } = useMixins.useMixins(
+    const isUnmounted = vue.ref(false);
+    const { newMap, map, hyMap, clearInitTimer } = useMixins.useMixins(
       {
         props,
         emits,
-        mapRef
+        mapRef,
+        isUnmounted
       },
       [index.useAppMapWrapper]
     );
     vue.onMounted(() => {
-      newMap(props.mapType);
+      if (props.mapType !== "nomap") {
+        newMap(props.mapType);
+      }
+    });
+    vue.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 vue.openBlock(), vue.createElementBlock("div", { class: "w-full h-full box-border border-border border relative" }, [
-        vue.createElementVNode(
+        props.mapType !== "nomap" ? (vue.openBlock(), vue.createElementBlock(
           "div",
           {
+            key: 0,
             ref_key: "mapRef",
             ref: mapRef,
             class: "w-full h-full rounded overflow-hidden"
@@ -62,7 +86,7 @@ const _sfc_main = {
           null,
           512
           /* NEED_PATCH */
-        )
+        )) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyNoPermissionsMap), { key: 1 }))
       ]);
     };
   }

package/lib/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;
       }
     }

package/lib/components/hyNoPermissions/noPermissions.vue.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 require('../../hooks/index.js');
 require('../index.js');
-var useLocale = require('../../hooks/useLocale.js');
 var index = require('../hyIcon/index.js');
+var useLocale = require('../../hooks/useLocale.js');
 
 import "./style/noPermissions.scss";
 
@@ -24,7 +24,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { t } = useLocale.useLocale();
     __expose({});
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", { class: "w-full h-full bg-background-2 text-auxiliary text-base flex flex-col items-center justify-center" }, [
@@ -36,14 +35,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           vue.createElementVNode(
             "p",
             null,
-            vue.toDisplayString(vue.unref(t)("permissino.youDoNotHaveSubordinatePermissionsForThisModule")),
+            vue.toDisplayString(vue.unref(useLocale.$t)("permissino.youDoNotHaveSubordinatePermissionsForThisModule")),
             1
             /* TEXT */
           ),
           vue.createElementVNode(
             "p",
             null,
-            vue.toDisplayString(vue.unref(t)("permissino.pleaseContactTheAdministrator")),
+            vue.toDisplayString(vue.unref(useLocale.$t)("permissino.pleaseContactTheAdministrator")),
             1
             /* TEXT */
           )