vome-core 0.1.86 → 0.1.87

package/dist/admin/crud/vm-data-i18n-lang.vue

@@ -0,0 +1,176 @@
+<template>
+  <DropdownMenu v-if="langs.length" :modal="false">
+    <DropdownMenuTrigger as-child>
+      <button
+        type="button"
+        class="vm-crud-toolbar__btn is-ghost vm-data-i18n-lang__btn"
+        :disabled="switching"
+        :title="current?.name || langCode"
+      >
+        <span class="vm-data-i18n-lang__flag" aria-hidden="true">
+          {{ current?.flag || '🏳️' }}
+        </span>
+        切换
+      </button>
+    </DropdownMenuTrigger>
+    <DropdownMenuContent align="start" class="vm-data-i18n-lang__menu">
+      <DropdownMenuItem
+        v-for="lang in langs"
+        :key="lang.value"
+        class="vm-data-i18n-lang__item"
+        :class="{ 'is-active': langCode === lang.value }"
+        :disabled="switching"
+        @click="switchLang(lang.value)"
+      >
+        <span class="vm-data-i18n-lang__flag" aria-hidden="true">
+          {{ lang.flag || '🏳️' }}
+        </span>
+        <span class="vm-data-i18n-lang__label">{{ lang.name || lang.label }}</span>
+      </DropdownMenuItem>
+    </DropdownMenuContent>
+  </DropdownMenu>
+</template>
+
+<script setup lang="ts">
+import { computed, onMounted, ref, watch } from 'vue'
+import { useVome } from '../hooks/useVome'
+import { useCrud } from './useCrud'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from '../components/ui/dropdown-menu'
+import type { DataI18nLangOption } from './data-i18n'
+
+defineOptions({ name: 'vm-data-i18n-lang' })
+
+const crud = useCrud()
+const { service } = useVome()
+const langs = ref<DataI18nLangOption[]>([])
+const switching = ref(false)
+
+const langCode = computed({
+  get: () => crud.dataI18nLangCode?.value || '',
+  set: (v: string) => {
+    if (crud.dataI18nLangCode) crud.dataI18nLangCode.value = v
+  },
+})
+
+const current = computed(
+  () => langs.value.find((l) => l.value === langCode.value) || langs.value[0],
+)
+
+async function loadLangs() {
+  const langSvc = (service as { i18n?: { lang?: { list?: (q: unknown) => Promise<unknown> } } })
+    .i18n?.lang
+  if (!langSvc?.list) {
+    langs.value = [{ label: 'en-US', value: 'en-US', name: 'en-US', flag: '🇺🇸' }]
+    ensureLang()
+    return
+  }
+  try {
+    const rows = (await langSvc.list({ status: 1 })) as Array<{
+      code?: string
+      name?: string
+      flag?: string
+    }>
+    langs.value = (rows || [])
+      .filter((r) => r.code && r.code !== 'zh-CN')
+      .map((r) => ({
+        label: `${r.name || r.code} (${r.code})`,
+        value: String(r.code),
+        name: String(r.name || r.code),
+        flag: r.flag || '🏳️',
+      }))
+  } catch {
+    langs.value = [{ label: 'en-US', value: 'en-US', name: 'en-US', flag: '🇺🇸' }]
+  }
+  ensureLang()
+  if (crud.trashMode.value === 'dataI18n') {
+    await crud.refresh()
+  }
+}
+
+function ensureLang() {
+  if (!langs.value.length) return
+  if (!langCode.value || !langs.value.some((l) => l.value === langCode.value)) {
+    langCode.value = langs.value[0]!.value
+  }
+}
+
+async function switchLang(code: string) {
+  if (switching.value || !code || code === langCode.value) return
+  switching.value = true
+  try {
+    langCode.value = code
+    crud.pagination.value = { ...crud.pagination.value, page: 1 }
+    await crud.refresh()
+  } finally {
+    switching.value = false
+  }
+}
+
+watch(
+  () => crud.trashMode.value,
+  (mode) => {
+    if (mode === 'dataI18n') void loadLangs()
+  },
+)
+
+onMounted(() => {
+  if (crud.trashMode.value === 'dataI18n') void loadLangs()
+})
+</script>
+
+<style lang="scss" scoped>
+.vm-crud-toolbar__btn {
+  display: inline-flex;
+  height: 36px;
+  align-items: center;
+  gap: 4px;
+  padding: 0 14px;
+  border: none;
+  border-radius: 12px;
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  background: var(--muted);
+  color: var(--foreground);
+  transition: background 0.15s ease, opacity 0.15s ease;
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: 0.45;
+  }
+
+  &:hover:not(:disabled) {
+    background: color-mix(in srgb, var(--muted) 70%, var(--foreground) 8%);
+  }
+}
+
+.vm-data-i18n-lang__flag {
+  font-size: 16px;
+  line-height: 1;
+}
+
+.vm-data-i18n-lang__menu {
+  min-width: 140px;
+}
+
+.vm-data-i18n-lang__item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+
+  &.is-active {
+    background: color-mix(in srgb, var(--brand) 12%, transparent);
+    color: var(--brand);
+  }
+}
+
+.vm-data-i18n-lang__label {
+  font-size: 13px;
+}
+</style>

package/dist/admin/crud/vm-table.vue

@@ -109,6 +109,27 @@
                   {{ crudLabel('forceDelete', crud.dict.label) }}
                 </Button>
               </div>
+              <div
+                v-else-if="crud.trashMode.value === 'dataI18n'"
+                class="vm-crud-table__ops"
+              >
+                <Button
+                  type="button"
+                  size="xs"
+                  variant="softPrimary"
+                  @click.stop="openDataI18nEdit(row)"
+                >
+                  {{ crudLabel('update', crud.dict.label) }}
+                </Button>
+                <Button
+                  type="button"
+                  size="xs"
+                  variant="softDestructive"
+                  @click.stop="deleteDataI18nEntry(row)"
+                >
+                  {{ crudLabel('delete', crud.dict.label) }}
+                </Button>
+              </div>
               <div v-else class="vm-crud-table__ops">
                 <template v-for="(btn, bi) in resolveButtons(col, row)" :key="bi">
                   <Button
@@ -245,17 +266,60 @@
     </Table>
     </div>
     <vm-context-menu ref="ctxRef" :items="ctxItems" @select="onCtxSelect" />
+
+    <Dialog :open="dataI18nEditOpen" @update:open="onDataI18nEditOpenChange">
+      <DialogContent shell="crud" class="vm-data-i18n-edit__dialog">
+        <DialogHeader class="vm-crud-shell__head">
+          <DialogTitle class="vm-crud-shell__title">编辑译文</DialogTitle>
+        </DialogHeader>
+        <div class="vm-data-i18n-edit__body">
+          <p class="vm-data-i18n-edit__meta">
+            <span>ID：{{ dataI18nEditForm.id }}</span>
+            <span>key：{{ dataI18nEditForm.key }}</span>
+          </p>
+          <label class="vm-data-i18n-edit__field">
+            <span>value</span>
+            <Input v-model="dataI18nEditForm.value" />
+          </label>
+        </div>
+        <DialogFooter class="vm-crud-shell__foot">
+          <button
+            type="button"
+            class="vm-crud-shell__btn is-ghost"
+            :disabled="dataI18nEditSubmitting"
+            @click="dataI18nEditOpen = false"
+          >
+            取消
+          </button>
+          <button
+            type="button"
+            class="vm-crud-shell__btn is-primary"
+            :disabled="dataI18nEditSubmitting"
+            @click="saveDataI18nEdit"
+          >
+            {{ dataI18nEditSubmitting ? '保存中…' : '保存' }}
+          </button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
   </div>
 </template>
 
 <script setup lang="ts">
 import { ref, computed, watch, onMounted, onBeforeUnmount, provide, useSlots, toValue } from 'vue'
+import { toast } from 'vue-sonner'
 import { useCrud } from './useCrud'
 import { injectTableOptions, TABLE_API_KEY } from './key'
 import { flattenTree } from '../lib/tree'
 import { resolveCrudComponent } from './registry'
 import { getCrudStyle, crudLabel, crudT, crudLocaleRev } from './style'
 import { findEpsEntity } from '../lib/eps'
+import { useVome } from '../hooks/useVome'
+import { vmConfirm } from './confirm'
+import {
+  canUseDataI18n,
+  dataPackFromService,
+} from './data-i18n'
 import type {
   CrudColumn,
   CrudOpButton,
@@ -298,7 +362,17 @@ let emptyRo: ResizeObserver | null = null
 
 const overrideColumns = ref<CrudColumn[] | null>(null)
 
+const DATA_I18N_COLUMNS: CrudColumn[] = [
+  { prop: 'id', label: 'ID', minWidth: 120 },
+  { prop: 'key', label: 'key', minWidth: 140 },
+  { prop: 'value', label: 'value', minWidth: 220 },
+  { type: 'op', buttons: ['edit', 'delete'], width: 140 },
+]
+
+const isDataI18nView = computed(() => crud.trashMode.value === 'dataI18n')
+
 const columns = computed(() => {
+  if (isDataI18nView.value) return DATA_I18N_COLUMNS
   const raw =
     overrideColumns.value ||
     (props.columns?.length ? props.columns : tableOpts?.columns || [])
@@ -307,13 +381,16 @@ const columns = computed(() => {
 
 const hasSelectionCol = computed(() => columns.value.some((c) => c.type === 'selection'))
 const hasOpCol = computed(() => columns.value.some((c) => c.type === 'op'))
-const showSelection = computed(() =>
-  props.selection !== undefined ? props.selection : hasSelectionCol.value,
-)
+const showSelection = computed(() => {
+  if (isDataI18nView.value) return false
+  return props.selection !== undefined ? props.selection : hasSelectionCol.value
+})
 const dataColumns = computed(() =>
   columns.value.filter((c) => c.type !== 'selection'),
 )
-const showSlotOp = computed(() => Boolean(slots.op) && !hasOpCol.value)
+const showSlotOp = computed(
+  () => Boolean(slots.op) && !hasOpCol.value && !isDataI18nView.value,
+)
 
 /** EPS 列 → field.{table}.{prop} */
 function epsFieldKey(prop: string): string | undefined {
@@ -357,7 +434,9 @@ const colSpan = computed(
     (showSlotOp.value ? 1 : 0),
 )
 
-const rowKey = computed(() => tableOpts?.rowKey || props.rowKey)
+const rowKey = computed(() =>
+  isDataI18nView.value ? '__rowKey' : tableOpts?.rowKey || props.rowKey,
+)
 const isTree = computed(() => Boolean(tableOpts?.tree))
 const border = computed(() => tableOpts?.border ?? style.border)
 const autoHeight = computed(() => tableOpts?.autoHeight ?? style.autoHeight)
@@ -498,6 +577,7 @@ function colStyle(col: CrudColumn, index?: number) {
   return base
 }
 const ctxEnabled = computed(() => {
+  if (isDataI18nView.value) return false
   const c = tableOpts?.contextMenu ?? style.contextMenu
   return c !== false && !(Array.isArray(c) && c.length === 0)
 })
@@ -604,6 +684,81 @@ function deleteRowTargets(row: Record<string, unknown>) {
   return isTree.value ? collectSubtree(row) : [row]
 }
 
+const { service: hostService } = useVome()
+const dataI18nEditOpen = ref(false)
+const dataI18nEditSubmitting = ref(false)
+const dataI18nEditForm = ref({ id: '', key: '', value: '' })
+
+function onDataI18nEditOpenChange(v: boolean) {
+  dataI18nEditOpen.value = v
+}
+
+function openDataI18nEdit(row: Record<string, unknown>) {
+  dataI18nEditForm.value = {
+    id: String(row.id ?? ''),
+    key: String(row.key ?? ''),
+    value: String(row.value ?? ''),
+  }
+  dataI18nEditOpen.value = true
+}
+
+async function saveDataI18nEdit() {
+  if (dataI18nEditSubmitting.value) return
+  const meta = canUseDataI18n(crud.service, hostService)
+  const dataPack = dataPackFromService(hostService)
+  const lang = crud.dataI18nLangCode?.value
+  if (!meta.ok || !dataPack?.updateEntry || !lang) {
+    toast.error('未配置业务翻译服务')
+    return
+  }
+  dataI18nEditSubmitting.value = true
+  try {
+    await dataPack.updateEntry({
+      tableName: meta.tableName,
+      langCode: lang,
+      id: dataI18nEditForm.value.id,
+      key: dataI18nEditForm.value.key,
+      value: dataI18nEditForm.value.value,
+    })
+    toast.success(crudLabel('saveSuccess', crud.dict.label))
+    dataI18nEditOpen.value = false
+    await crud.refresh()
+  } catch (e) {
+    toast.error(e instanceof Error ? e.message : '保存失败')
+  } finally {
+    dataI18nEditSubmitting.value = false
+  }
+}
+
+async function deleteDataI18nEntry(row: Record<string, unknown>) {
+  const meta = canUseDataI18n(crud.service, hostService)
+  const dataPack = dataPackFromService(hostService)
+  const lang = crud.dataI18nLangCode?.value
+  if (!meta.ok || !dataPack?.deleteEntry || !lang) {
+    toast.error('未配置业务翻译服务')
+    return
+  }
+  const ok = await vmConfirm({
+    title: crudLabel('tips', crud.dict.label),
+    message: crudLabel('deleteConfirm', crud.dict.label),
+    confirmText: crudLabel('confirm', crud.dict.label),
+    cancelText: crudLabel('close', crud.dict.label),
+  })
+  if (!ok) return
+  try {
+    await dataPack.deleteEntry({
+      tableName: meta.tableName,
+      langCode: lang,
+      id: String(row.id ?? ''),
+      key: String(row.key ?? ''),
+    })
+    toast.success(crudLabel('deleteSuccess', crud.dict.label))
+    await crud.refresh()
+  } catch (e) {
+    toast.error(e instanceof Error ? e.message : '删除失败')
+  }
+}
+
 function toggleAll(checked: boolean | 'indeterminate') {
   if (checked === true) {
     // 树表：含折叠未展示的子孙
@@ -1040,4 +1195,32 @@ defineExpose({
     color: var(--foreground);
   }
 }
+
+.vm-data-i18n-edit__dialog {
+  width: min(480px, calc(100vw - 32px));
+}
+
+.vm-data-i18n-edit__body {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  padding: 8px 22px 16px;
+}
+
+.vm-data-i18n-edit__meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  margin: 0;
+  font-size: 13px;
+  color: var(--muted-foreground);
+}
+
+.vm-data-i18n-edit__field {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  font-size: 12px;
+  color: var(--muted-foreground);
+}
 </style>

package/dist/admin/crud/vm-toolbar.vue

@@ -1,42 +1,47 @@
 <template>
   <div class="vm-crud-toolbar">
     <div class="vm-crud-toolbar__left">
-      <button
-        v-if="showAddBtn"
-        type="button"
-        class="vm-crud-toolbar__btn is-primary"
-        @click="onAdd"
-      >
-        <i class="ri-add-line" />
-        {{ addText ?? crudLabel('add', crud.dict.label) }}
-      </button>
-      <button
-        v-if="showDeleteBtn"
-        type="button"
-        class="vm-crud-toolbar__btn is-danger"
-        :disabled="!crud.selection.value.length"
-        @click="crud.rowDelete()"
-      >
-        <i class="ri-delete-bin-line" />
-        {{ deleteText ?? crudLabel('multiDelete', crud.dict.label) }}
-      </button>
-      <vm-export-btn
-        v-if="showExport"
-        :text="exportText || crudLabel('export', crud.dict.label)"
-        :filename="exportFilename"
-        :max-export-limit="maxExportLimit"
-        :columns="exportColumns"
-        :data="exportData"
-      />
-      <vm-import-btn
-        v-if="showImport"
-        :text="importText || crudLabel('import', crud.dict.label)"
-        :tip="importTip"
-        :template-filename="importTemplateFilename"
-        :max-size-mb="importMaxSizeMb"
-      />
-      <vm-data-i18n-btn v-if="showDataI18n" :text="dataI18nText" />
-      <slot />
+      <template v-if="isDataI18nView">
+        <vm-data-i18n-btn v-if="showDataI18n" :text="dataI18nText" />
+        <vm-data-i18n-lang />
+      </template>
+      <template v-else>
+        <button
+          v-if="showAddBtn"
+          type="button"
+          class="vm-crud-toolbar__btn is-primary"
+          @click="onAdd"
+        >
+          <i class="ri-add-line" />
+          {{ addText ?? crudLabel('add', crud.dict.label) }}
+        </button>
+        <button
+          v-if="showDeleteBtn"
+          type="button"
+          class="vm-crud-toolbar__btn is-danger"
+          :disabled="!crud.selection.value.length"
+          @click="crud.rowDelete()"
+        >
+          <i class="ri-delete-bin-line" />
+          {{ deleteText ?? crudLabel('multiDelete', crud.dict.label) }}
+        </button>
+        <vm-export-btn
+          v-if="showExport"
+          :text="exportText || crudLabel('export', crud.dict.label)"
+          :filename="exportFilename"
+          :max-export-limit="maxExportLimit"
+          :columns="exportColumns"
+          :data="exportData"
+        />
+        <vm-import-btn
+          v-if="showImport"
+          :text="importText || crudLabel('import', crud.dict.label)"
+          :tip="importTip"
+          :template-filename="importTemplateFilename"
+          :max-size-mb="importMaxSizeMb"
+        />
+        <slot />
+      </template>
     </div>
     <div class="vm-crud-toolbar__right">
       <slot name="right" />
@@ -49,10 +54,10 @@
         </button>
       </div>
       <vm-tabs
-        v-if="showTrash"
+        v-if="showViewTabs"
         :model-value="crud.trashMode.value"
-        :items="trashTabs"
-        @update:model-value="onTrash"
+        :items="viewTabs"
+        @update:model-value="onViewTab"
       />
     </div>
   </div>
@@ -60,11 +65,14 @@
 
 <script setup lang="ts">
 import { computed } from 'vue'
+import { useVome } from '../hooks/useVome'
 import { useCrud } from './useCrud'
 import VmExportBtn from './vm-export-btn.vue'
 import VmImportBtn from './vm-import-btn.vue'
 import VmDataI18nBtn from './vm-data-i18n-btn.vue'
+import VmDataI18nLang from './vm-data-i18n-lang.vue'
 import VmTabs from './vm-tabs.vue'
+import { canUseDataI18n } from './data-i18n'
 import { crudLabel } from './style'
 import type {
   CrudColumn,
@@ -80,7 +88,7 @@ const props = withDefaults(
     showExport?: boolean
     /** 显示导入（默认开；需 add 权限） */
     showImport?: boolean
-    /** 显示业务数据 AI 翻译（默认开；EPS dataI18n 时显示） */
+    /** 显示业务数据翻译（默认开；EPS dataI18n 且在语言 Tab） */
     showDataI18n?: boolean
     dataI18nText?: string
     /**
@@ -118,14 +126,32 @@ const props = withDefaults(
 )
 
 const crud = useCrud()
+const { service } = useVome()
+
+const dataI18nEnabled = computed(() => canUseDataI18n(crud.service, service).ok)
 
 /** 有 restore 权限（Controller api + 权限码）才显示列表/回收站 */
 const showTrash = computed(() => Boolean(crud.getPermission('restore')))
 
-const trashTabs = computed(() => [
-  { label: crudLabel('list', crud.dict.label), value: 'default' as const },
-  { label: crudLabel('trash', crud.dict.label), value: 'onlyTrashed' as const },
-])
+const showViewTabs = computed(() => showTrash.value || dataI18nEnabled.value)
+
+const viewTabs = computed(() => {
+  const tabs: Array<{ label: string; value: CrudTrashMode }> = [
+    { label: crudLabel('list', crud.dict.label), value: 'default' },
+  ]
+  if (showTrash.value) {
+    tabs.push({
+      label: crudLabel('trash', crud.dict.label),
+      value: 'onlyTrashed',
+    })
+  }
+  if (dataI18nEnabled.value) {
+    tabs.push({ label: '语言', value: 'dataI18n' })
+  }
+  return tabs
+})
+
+const isDataI18nView = computed(() => crud.trashMode.value === 'dataI18n')
 
 /** 有 add 权限才显示；回收站内可再藏 */
 const showAddBtn = computed(() => {
@@ -138,7 +164,10 @@ const showAddBtn = computed(() => {
 const showDeleteBtn = computed(() => Boolean(crud.getPermission('delete')))
 
 const showSearchActions = computed(
-  () => props.search && crud.hasSearchFilters.value,
+  () =>
+    props.search &&
+    crud.hasSearchFilters.value &&
+    crud.trashMode.value !== 'dataI18n',
 )
 
 async function onAdd() {
@@ -161,11 +190,15 @@ function onReset() {
   crud.searchActions.value?.reset()
 }
 
-function onTrash(mode: string | number) {
+function onViewTab(mode: string | number) {
   const next = String(mode) as CrudTrashMode
-  if (next !== 'default' && next !== 'onlyTrashed') return
+  if (next !== 'default' && next !== 'onlyTrashed' && next !== 'dataI18n') return
+  if (next === 'onlyTrashed' && !showTrash.value) return
+  if (next === 'dataI18n' && !dataI18nEnabled.value) return
   crud.trashMode.value = next
   crud.pagination.value = { ...crud.pagination.value, page: 1 }
+  // 语言 Tab：等 vm-data-i18n-lang 拉完语种再 refresh，避免默认 en-US 抢跑
+  if (next === 'dataI18n') return
   void crud.refresh()
 }
 </script>

package/dist/admin/directives/perm.js

@@ -1 +1 @@
-(function(_0x20284,_0x3e3b7c){const _0x14583c=_0x1785,_0x8712=_0x20284();while(!![]){try{const _0x377ff8=parseInt(_0x14583c(0x11e))/0x1*(parseInt(_0x14583c(0x11f))/0x2)+-parseInt(_0x14583c(0x113))/0x3+parseInt(_0x14583c(0x119))/0x4*(parseInt(_0x14583c(0x116))/0x5)+parseInt(_0x14583c(0x11b))/0x6*(-parseInt(_0x14583c(0x115))/0x7)+parseInt(_0x14583c(0x11c))/0x8+-parseInt(_0x14583c(0x118))/0x9+parseInt(_0x14583c(0x11a))/0xa*(parseInt(_0x14583c(0x117))/0xb);if(_0x377ff8===_0x3e3b7c)break;else _0x8712['push'](_0x8712['shift']());}catch(_0x4f8a19){_0x8712['push'](_0x8712['shift']());}}}(_0x1737,0x366d7));import{useUserStore}from'../stores/user';export const vPerm={'mounted'(_0x5c1fa3,_0x5bb40c){const _0x208218=_0x1785;apply(_0x5c1fa3,_0x5bb40c[_0x208218(0x11d)]);},'updated'(_0x532346,_0x16bb33){const _0x55c141=_0x1785;apply(_0x532346,_0x16bb33[_0x55c141(0x11d)]);}};function _0x1737(){const _0x42e6f1=['mJa2nda0og9nywnqAq','DMfSDwu','ntG1m0nxBuXbyW','mZHVCentChC','zgLZCgXHEq','mti3nZq4mwLAEMXhDa','C3r5Bgu','mJK4nJi3n2nsruHUBq','mtqWnvbUrwf3AG','mtfSzhvry1u','mJu1mZyZm0HYBfvHtq','mJKZnKHzsLz2vG','nZGZnJqZmejpCuDkAW','nM9XwvHXvW'];_0x1737=function(){return _0x42e6f1;};return _0x1737();}function _0x1785(_0x4af2b3,_0x1f8584){_0x4af2b3=_0x4af2b3-0x113;const _0x1737b9=_0x1737();let _0x17856e=_0x1737b9[_0x4af2b3];if(_0x1785['ETDSot']===undefined){var _0x515669=function(_0x5e0a7c){const _0x1e0536='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x5c1fa3='',_0x5bb40c='';for(let _0x532346=0x0,_0x16bb33,_0x144583,_0x167211=0x0;_0x144583=_0x5e0a7c['charAt'](_0x167211++);~_0x144583&&(_0x16bb33=_0x532346%0x4?_0x16bb33*0x40+_0x144583:_0x144583,_0x532346++%0x4)?_0x5c1fa3+=String['fromCharCode'](0xff&_0x16bb33>>(-0x2*_0x532346&0x6)):0x0){_0x144583=_0x1e0536['indexOf'](_0x144583);}for(let _0x1abb0=0x0,_0x5593f6=_0x5c1fa3['length'];_0x1abb0<_0x5593f6;_0x1abb0++){_0x5bb40c+='%'+('00'+_0x5c1fa3['charCodeAt'](_0x1abb0)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x5bb40c);};_0x1785['pIgQRB']=_0x515669,_0x1785['QgzRrD']={},_0x1785['ETDSot']=!![];}const _0x38ace9=_0x1737b9[0x0],_0x585f3c=_0x4af2b3+_0x38ace9,_0x1b4da2=_0x1785['QgzRrD'][_0x585f3c];return!_0x1b4da2?(_0x17856e=_0x1785['pIgQRB'](_0x17856e),_0x1785['QgzRrD'][_0x585f3c]=_0x17856e):_0x17856e=_0x1b4da2,_0x17856e;}function apply(_0x144583,_0x167211){const _0x35e89f=_0x1785,_0x1abb0=useUserStore(),_0x5593f6=_0x1abb0['hasPerm'](_0x167211);_0x144583[_0x35e89f(0x114)][_0x35e89f(0x120)]=_0x5593f6?'':'none';}
+function _0x12cb(){const _0x2ac14d=['mtqZndC0uLvlBe5Q','DMfSDwu','ofD4r3Pcza','mZzxtMPRDu0','mtqWodu0AfftChbI','mtiXnJC4oeTWuhHcwq','nJiWotryyxzswfO','ndqYDvfZzhny','oxDyzeL5sW','mJaWnZaZwgfXAvfo','ntvevLPjBxa','zgLZCgXHEq','BM9Uzq','mZi1nJaYouTqtLjlvW','mteWzKPOs2np','AgfZugvYBq','ndG5nZq1mhffvwjPtq','mNbcvhDkza'];_0x12cb=function(){return _0x2ac14d;};return _0x12cb();}(function(_0x540b81,_0x22f599){const _0x54e094=_0x5541,_0x4a5856=_0x540b81();while(!![]){try{const _0x4ce157=-parseInt(_0x54e094(0x180))/0x1*(-parseInt(_0x54e094(0x16f))/0x2)+-parseInt(_0x54e094(0x178))/0x3*(-parseInt(_0x54e094(0x172))/0x4)+parseInt(_0x54e094(0x17d))/0x5*(-parseInt(_0x54e094(0x175))/0x6)+-parseInt(_0x54e094(0x17c))/0x7*(parseInt(_0x54e094(0x171))/0x8)+parseInt(_0x54e094(0x177))/0x9*(parseInt(_0x54e094(0x17f))/0xa)+-parseInt(_0x54e094(0x179))/0xb*(parseInt(_0x54e094(0x174))/0xc)+-parseInt(_0x54e094(0x176))/0xd*(-parseInt(_0x54e094(0x173))/0xe);if(_0x4ce157===_0x22f599)break;else _0x4a5856['push'](_0x4a5856['shift']());}catch(_0x3cb12e){_0x4a5856['push'](_0x4a5856['shift']());}}}(_0x12cb,0x5c2ee));import{useUserStore}from'../stores/user';export const vPerm={'mounted'(_0x126587,_0xb8063){const _0x4a00ef=_0x5541;apply(_0x126587,_0xb8063[_0x4a00ef(0x170)]);},'updated'(_0xd93563,_0x55edb8){const _0xaa8461=_0x5541;apply(_0xd93563,_0x55edb8[_0xaa8461(0x170)]);}};function _0x5541(_0x418c3f,_0x329ff6){_0x418c3f=_0x418c3f-0x16f;const _0x12cbcc=_0x12cb();let _0x5541c0=_0x12cbcc[_0x418c3f];if(_0x5541['kPPLdK']===undefined){var _0x260002=function(_0x4055f4){const _0x32cdc3='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x126587='',_0xb8063='';for(let _0xd93563=0x0,_0x55edb8,_0x1a8856,_0xe3c6e0=0x0;_0x1a8856=_0x4055f4['charAt'](_0xe3c6e0++);~_0x1a8856&&(_0x55edb8=_0xd93563%0x4?_0x55edb8*0x40+_0x1a8856:_0x1a8856,_0xd93563++%0x4)?_0x126587+=String['fromCharCode'](0xff&_0x55edb8>>(-0x2*_0xd93563&0x6)):0x0){_0x1a8856=_0x32cdc3['indexOf'](_0x1a8856);}for(let _0x9d9b33=0x0,_0x6479c2=_0x126587['length'];_0x9d9b33<_0x6479c2;_0x9d9b33++){_0xb8063+='%'+('00'+_0x126587['charCodeAt'](_0x9d9b33)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0xb8063);};_0x5541['OoemNK']=_0x260002,_0x5541['qtlEUF']={},_0x5541['kPPLdK']=!![];}const _0xdbc4bc=_0x12cbcc[0x0],_0x2f69de=_0x418c3f+_0xdbc4bc,_0x2754ff=_0x5541['qtlEUF'][_0x2f69de];return!_0x2754ff?(_0x5541c0=_0x5541['OoemNK'](_0x5541c0),_0x5541['qtlEUF'][_0x2f69de]=_0x5541c0):_0x5541c0=_0x2754ff,_0x5541c0;}function apply(_0x1a8856,_0xe3c6e0){const _0x4889a6=_0x5541,_0x9d9b33=useUserStore(),_0x6479c2=_0x9d9b33[_0x4889a6(0x17e)](_0xe3c6e0);_0x1a8856['style'][_0x4889a6(0x17a)]=_0x6479c2?'':_0x4889a6(0x17b);}