vome-core 0.3.10 → 0.3.12

package/dist/admin/components/vm-dept-tree.vue

@@ -1,10 +1,10 @@
 <template>
   <vm-aside
-    :title="onlyTrashed ? '部门回收站' : '组织架构'"
+    :title="onlyTrashed ? crudLabel('deptTrash') : crudLabel('deptOrg')"
     :empty="emptyText"
     :loading="loading"
     :add="canAdd && !onlyTrashed"
-    add-title="新增顶级部门"
+    :add-title="crudLabel('deptAddRoot')"
     @refresh="emit('refresh')"
     @add="openAdd(null)"
   >
@@ -15,7 +15,7 @@
       @click="select(null)"
     >
       <i class="ri-building-2-line" />
-      <span>{{ rootLabel }}</span>
+      <span>{{ rootLabel ?? crudLabel('all') }}</span>
     </button>
 
     <div
@@ -40,7 +40,7 @@
       <div v-if="onlyTrashed && canTrashOps" class="vm-dept-tree__ops" @click.stop>
         <button
           type="button"
-          title="恢复"
+          :title="crudLabel('restore')"
           :disabled="trashBusyId === row.id"
           @click="restoreDept(row)"
         >
@@ -48,7 +48,7 @@
         </button>
         <button
           type="button"
-          title="彻底删除"
+          :title="crudLabel('forceDelete')"
           :disabled="trashBusyId === row.id"
           @click="forceDeleteDept(row)"
         >
@@ -56,13 +56,13 @@
         </button>
       </div>
       <div v-else-if="!onlyTrashed && canManage" class="vm-dept-tree__ops" @click.stop>
-        <button v-if="canAdd" type="button" title="新增子部门" @click="openAdd(row.id)">
+        <button v-if="canAdd" type="button" :title="crudLabel('deptAddChild')" @click="openAdd(row.id)">
           <i class="ri-add-line" />
         </button>
-        <button v-if="canUpdate" type="button" title="编辑" @click="openEdit(row)">
+        <button v-if="canUpdate" type="button" :title="crudLabel('update')" @click="openEdit(row)">
           <i class="ri-edit-line" />
         </button>
-        <button v-if="canDelete" type="button" title="删除" @click="remove(row)">
+        <button v-if="canDelete" type="button" :title="crudLabel('delete')" @click="remove(row)">
           <i class="ri-delete-bin-line" />
         </button>
       </div>
@@ -72,7 +72,7 @@
   <vm-form-dialog
     v-model:open="formOpen"
     v-model="formData"
-    :title="formMode === 'add' ? '新增部门' : '编辑部门'"
+    :title="formMode === 'add' ? crudLabel('deptAddTitle') : crudLabel('deptEditTitle')"
     :items="dialogItems"
     @submit="onFormSubmit"
   />
@@ -82,6 +82,7 @@
 import { ref, computed, watch } from 'vue'
 import { flattenTree } from '../lib/tree'
 import { vmConfirm } from '../crud/confirm'
+import { crudFormat, crudLabel } from '../crud/style'
 import { mergeByProp } from '../crud/auto-fields'
 import type { CrudFormItem } from '../../../typings/admin/comm/crud'
 import type { VmFormDialogSubmitHelpers } from './vm-form-dialog.vue'
@@ -137,7 +138,7 @@ const props = withDefaults(
     data: () => [],
     loading: false,
     modelValue: null,
-    rootLabel: '全部',
+    rootLabel: undefined,
     onlyTrashed: false,
     canAdd: false,
     canUpdate: false,
@@ -172,20 +173,20 @@ const canTrashOps = computed(() => props.canRestore || props.canDelete)
 const builtinFormItems = computed((): CrudFormItem[] => [
   {
     prop: 'parentLabel',
-    label: '上级部门',
+    label: crudLabel('deptParent'),
     span: 12,
     disabled: true,
   },
   {
     prop: 'name',
-    label: '名称',
+    label: crudLabel('fieldName'),
     span: 12,
     required: true,
-    placeholder: '部门名称',
+    placeholder: crudLabel('deptNamePh'),
   },
   {
     prop: 'orderNum',
-    label: '排序',
+    label: crudLabel('orderNum'),
     span: 12,
     type: 'number',
     value: 0,
@@ -247,7 +248,7 @@ const visibleRows = computed((): FlatRow[] => {
 
 const emptyText = computed(() => {
   if (props.loading || visibleRows.value.length) return ''
-  return props.onlyTrashed ? '回收站为空' : '暂无部门'
+  return props.onlyTrashed ? crudLabel('trashEmpty') : crudLabel('deptEmpty')
 })
 
 function resolveFilterIds(id: number | null) {
@@ -257,7 +258,8 @@ function resolveFilterIds(id: number | null) {
 
 function select(id: number | null) {
   emit('update:modelValue', id)
-  const name = id == null ? props.rootLabel : idNameMap.value.get(id) || ''
+  const name =
+    id == null ? (props.rootLabel ?? '') : idNameMap.value.get(id) || ''
   emit('change', id, { name, ids: resolveFilterIds(id) })
 }
 
@@ -291,7 +293,7 @@ watch(
 )
 
 function parentLabelOf(parentId: number | null) {
-  return parentId == null ? '顶级' : idNameMap.value.get(parentId) || String(parentId)
+  return parentId == null ? crudLabel('topLevel') : idNameMap.value.get(parentId) || String(parentId)
 }
 
 function openAdd(parentId: number | null) {
@@ -339,10 +341,10 @@ function onFormSubmit(data: Record<string, unknown>, helpers: VmFormDialogSubmit
 
 async function remove(row: FlatRow) {
   const ok = await vmConfirm({
-    title: '删除部门',
-    message: `确定删除「${row.label}」？`,
-    confirmText: '删除',
-    cancelText: '取消',
+    title: crudLabel('deptDeleteTitle'),
+    message: crudFormat(crudLabel('deptDeleteMsg'), row.label),
+    confirmText: crudLabel('delete'),
+    cancelText: crudLabel('close'),
   })
   if (!ok) return
   if (props.modelValue === row.id) select(null)
@@ -352,10 +354,10 @@ async function remove(row: FlatRow) {
 async function restoreDept(row: FlatRow) {
   if (trashBusyId.value === row.id) return
   const ok = await vmConfirm({
-    title: '恢复部门',
-    message: `确定恢复「${row.label}」？`,
-    confirmText: '恢复',
-    cancelText: '取消',
+    title: crudLabel('deptRestoreTitle'),
+    message: crudFormat(crudLabel('deptRestoreMsg'), row.label),
+    confirmText: crudLabel('restore'),
+    cancelText: crudLabel('close'),
   })
   if (!ok) return
   trashBusyId.value = row.id
@@ -367,10 +369,10 @@ async function restoreDept(row: FlatRow) {
 async function forceDeleteDept(row: FlatRow) {
   if (trashBusyId.value === row.id) return
   const ok = await vmConfirm({
-    title: '彻底删除',
-    message: `确定彻底删除「${row.label}」？此操作不可恢复。`,
-    confirmText: '彻底删除',
-    cancelText: '取消',
+    title: crudLabel('deptForceDeleteTitle'),
+    message: crudFormat(crudLabel('deptForceDeleteMsg'), row.label),
+    confirmText: crudLabel('forceDelete'),
+    cancelText: crudLabel('close'),
   })
   if (!ok) return
   trashBusyId.value = row.id

package/dist/admin/components/vm-empty.vue

@@ -1,9 +1,17 @@
 <script setup lang="ts">
 import { computed } from 'vue'
+import { crudLabel } from '../crud/style'
 import { getScarceSvgUrl } from '../lib/scarce-assets'
 
 defineOptions({ name: 'vm-empty' })
 
+/** scarce SVG 文件名 → crudLabel key（文件名保持中文） */
+const KIND_LABEL_KEY: Record<string, string> = {
+  暂无数据: 'empty',
+  暂无内容: 'emptyContent',
+  页面不存在: 'pageNotFound',
+}
+
 const props = withDefaults(
   defineProps<{
     /** 对应 scarce 文件名（不含 .svg），如「暂无数据」 */
@@ -18,12 +26,18 @@ const props = withDefaults(
 )
 
 const src = computed(() => getScarceSvgUrl(props.kind))
+
+const displayText = computed(() => {
+  if (props.description) return props.description
+  const key = KIND_LABEL_KEY[props.kind]
+  return key ? crudLabel(key) : props.kind
+})
 </script>
 
 <template>
   <div class="vm-empty" :class="props.class">
-    <img v-if="src" :src="src" :alt="kind" class="vm-empty__img" />
-    <p class="vm-empty__text">{{ description || kind }}</p>
+    <img v-if="src" :src="src" :alt="displayText" class="vm-empty__img" />
+    <p class="vm-empty__text">{{ displayText }}</p>
     <slot />
   </div>
 </template>

package/dist/admin/components/vm-eps-perm-picker.vue

@@ -6,7 +6,7 @@
         :model-value="modelValue ?? ''"
         :tree="epsTree"
         multiple
-        :placeholder="placeholder"
+        :placeholder="placeholder ?? crudLabel('pickPerm')"
         :clearable="true"
         :editable="false"
         @update:model-value="(v) => emit('update:modelValue', v)"
@@ -19,6 +19,7 @@
 </template>
 
 <script setup lang="ts">
+import { crudLabel } from '../crud/style'
 import { ref, computed, watch, onMounted } from 'vue'
 import { api } from '../api/client'
 import type { EpsSide } from '../lib/eps'
@@ -39,7 +40,7 @@ const props = withDefaults(
     side?: EpsSide
   }>(),
   {
-    placeholder: '请选择权限',
+    placeholder: undefined,
     side: 'admin',
   },
 )

package/dist/admin/components/vm-form-dialog.vue

@@ -115,7 +115,7 @@
                 class="ri-close-circle-fill vm-crud-upsert__textarea-clear"
                 role="button"
                 tabindex="-1"
-                aria-label="清除"
+                :aria-label="crudLabel('clear')"
                 @mousedown.prevent
                 @click="setField(item.prop, '')"
               />
@@ -144,7 +144,7 @@
             :disabled="submitting"
             @click="onCloseClick"
           >
-            {{ closeText || '取消' }}
+            {{ closeText || crudLabel('close') }}
           </button>
           <button
             v-if="confirm !== false && !readonly"
@@ -153,7 +153,7 @@
             :disabled="submitting"
             @click="onConfirmClick"
           >
-            {{ submitting ? '提交中…' : confirmText || '确定' }}
+            {{ submitting ? crudLabel('submitting') : confirmText || crudLabel('confirm') }}
           </button>
           <slot name="footer-append" v-bind="footerSlotProps" />
         </template>
@@ -163,6 +163,7 @@
 </template>
 
 <script setup lang="ts">
+import { crudLabel } from '../crud/style'
 import { ref, computed, watch, useSlots, toValue } from 'vue'
 import { preventDialogOutsideClose } from '../lib/dialog-float'
 import { resolveCrudComponent } from '../crud/registry'

package/dist/admin/components/vm-group-cascader.vue

@@ -10,7 +10,7 @@
         v-if="editable"
         class="vm-group-cascader__input"
         :value="displayText"
-        :placeholder="placeholder"
+        :placeholder="placeholder ?? crudLabel('pleaseSelect')"
         :disabled="disabled"
         @focus="openPanel"
         @input="onInput"
@@ -30,7 +30,7 @@
           </span>
         </span>
         <span v-else-if="displayText" class="vm-group-cascader__value">{{ displayText }}</span>
-        <span v-else class="vm-group-cascader__ph">{{ placeholder }}</span>
+        <span v-else class="vm-group-cascader__ph">{{ placeholder ?? crudLabel('pleaseSelect') }}</span>
       </button>
       <i
         v-if="clearable && hasValue"
@@ -82,7 +82,7 @@
               class="ri-check-line vm-group-cascader__tick"
             />
           </button>
-          <p v-if="!col.length" class="vm-group-cascader__empty">暂无数据</p>
+          <p v-if="!col.length" class="vm-group-cascader__empty">{{ crudLabel('empty') }}</p>
         </div>
       </div>
     </Teleport>
@@ -90,6 +90,7 @@
 </template>
 
 <script setup lang="ts">
+import { crudLabel } from '../crud/style'
 import { ref, computed, watch, nextTick, onMounted, onUnmounted } from 'vue'
 import { POPUP_TRIGGER_GAP } from '../lib/dialog-float'
 import type { GroupCascaderNode } from '../../../typings/admin/comm/cascader'
@@ -114,7 +115,7 @@ const props = withDefaults(
     multiple: false,
     clearable: true,
     editable: true,
-    placeholder: '请选择',
+    placeholder: undefined,
     separator: ',',
   },
 )

package/dist/admin/components/vm-icon-picker.vue

@@ -6,7 +6,7 @@
         class="vm-icon-picker__preview"
         :class="{ 'is-open': open }"
         :disabled="disabled"
-        :title="normalized || '选择图标'"
+        :title="normalized || crudLabel('pickIcon')"
         @click="toggle"
       >
         <i v-if="normalized" :class="normalized" />
@@ -16,7 +16,7 @@
         <input
           class="vm-icon-picker__input"
           :value="displayName"
-          :placeholder="placeholder"
+          :placeholder="placeholder ?? crudLabel('iconPlaceholder')"
           :disabled="disabled"
           @focus="openPanel"
           @input="onNameInput"
@@ -53,7 +53,7 @@
                 ref="searchRef"
                 class="vm-icon-picker__search-input"
                 :value="search"
-                placeholder="模糊搜索，如 home / shield"
+                :placeholder="crudLabel('iconSearchPh')"
                 @input="onSearchInput"
                 @keydown.esc.stop="closePanel"
               />
@@ -63,7 +63,7 @@
                 @click.stop="clearSearch"
               />
             </div>
-            <div class="vm-icon-picker__styles" role="group" aria-label="图标类型">
+            <div class="vm-icon-picker__styles" role="group" :aria-label="crudLabel('iconType')">
               <button
                 v-for="opt in STYLE_OPTS"
                 :key="opt.value"
@@ -95,8 +95,8 @@
               type="button"
               class="vm-icon-picker__page-btn"
               :disabled="!canPrev"
-              title="上一页"
-              aria-label="上一页"
+              :title="crudLabel('prevPage')"
+              :aria-label="crudLabel('prevPage')"
               @click.prevent.stop="prevBatch"
             >
               <i class="ri-arrow-left-s-line" />
@@ -106,13 +106,13 @@
               type="button"
               class="vm-icon-picker__page-btn"
               :disabled="!canNext"
-              title="下一页"
-              aria-label="下一页"
+              :title="crudLabel('nextPage')"
+              :aria-label="crudLabel('nextPage')"
               @click.prevent.stop="nextBatch"
             >
               <i class="ri-arrow-right-s-line" />
             </button>
-            <p v-if="!filtered.length" class="vm-icon-picker__empty">无匹配图标</p>
+            <p v-if="!filtered.length" class="vm-icon-picker__empty">{{ crudLabel('noMatchIcon') }}</p>
           </div>
         </div>
       </FocusScope>
@@ -121,6 +121,7 @@
 </template>
 
 <script setup lang="ts">
+import { crudLabel } from '../crud/style'
 import { ref, computed, watch, nextTick, onMounted, onUnmounted } from 'vue'
 import { FocusScope } from 'reka-ui'
 import { POPUP_TRIGGER_GAP } from '../lib/dialog-float'
@@ -130,11 +131,19 @@ defineOptions({ name: 'vm-icon-picker' })
 
 type IconStyle = 'fill' | 'line' | 'other'
 
-const STYLE_OPTS: { value: IconStyle; label: string; title: string }[] = [
-  { value: 'fill', label: '实心', title: 'Fill 实心图标' },
-  { value: 'line', label: '线形', title: 'Line 线形图标' },
-  { value: 'other', label: '其它', title: '无 fill/line 后缀（多为编辑类）' },
-]
+const STYLE_OPTS = computed(() =>
+  (
+    [
+      { value: 'fill' as const, labelKey: 'iconFill', titleKey: 'iconFillTitle' },
+      { value: 'line' as const, labelKey: 'iconLine', titleKey: 'iconLineTitle' },
+      { value: 'other' as const, labelKey: 'iconOther', titleKey: 'iconOtherTitle' },
+    ] as const
+  ).map((o) => ({
+    value: o.value,
+    label: crudLabel(o.labelKey),
+    title: crudLabel(o.titleKey),
+  })),
+)
 
 const props = withDefaults(
   defineProps<{
@@ -144,7 +153,7 @@ const props = withDefaults(
     clearable?: boolean
   }>(),
   {
-    placeholder: '如 ri-home-fill',
+    placeholder: undefined,
     clearable: true,
   },
 )

package/dist/admin/components/vm-inline-search.vue

@@ -4,7 +4,7 @@
     <input
       :value="modelValue"
       type="search"
-      :placeholder="placeholder"
+      :placeholder="placeholder ?? crudLabel('search')"
       @input="onInput"
       @keydown.enter="emit('search')"
     />
@@ -12,6 +12,7 @@
 </template>
 
 <script setup lang="ts">
+import { crudLabel } from '../crud/style'
 defineOptions({ name: 'vm-inline-search' })
 
 withDefaults(
@@ -21,7 +22,7 @@ withDefaults(
   }>(),
   {
     modelValue: '',
-    placeholder: '搜索',
+    placeholder: undefined,
   },
 )
 

package/dist/admin/components/vm-loading.vue

@@ -19,12 +19,13 @@
     :style="footerStyle"
     role="status"
   >
-    {{ status === 'end' ? endText : loadingText }}
+    {{ status === 'end' ? (endText ?? crudLabel('noMore')) : (loadingText ?? crudLabel('loading')) }}
   </div>
 </template>
 
 <script setup lang="ts">
 import { computed } from 'vue'
+import { crudLabel } from '../crud/style'
 
 defineOptions({ name: 'vm-loading' })
 
@@ -49,8 +50,8 @@ const props = withDefaults(
     mode: 'overlay',
     status: 'loading',
     fixed: false,
-    loadingText: '加载中...',
-    endText: '没有更多了',
+    loadingText: undefined,
+    endText: undefined,
   },
 )
 

package/dist/admin/components/vm-markdown.vue

@@ -15,7 +15,7 @@
         :aria-selected="tab === 'edit'"
         @click="tab = 'edit'"
       >
-        编辑
+        {{ crudLabel('markdownEdit') }}
       </button>
       <button
         type="button"
@@ -25,7 +25,7 @@
         :aria-selected="tab === 'preview'"
         @click="tab = 'preview'"
       >
-        预览
+        {{ crudLabel('markdownPreview') }}
       </button>
     </div>
 
@@ -36,7 +36,7 @@
       :style="editorStyle"
       :value="text"
       :disabled="disabled || uploading"
-      :placeholder="placeholder"
+      :placeholder="placeholder ?? crudLabel('markdownHint')"
       @input="onInput"
       @paste="onPaste"
     />
@@ -49,11 +49,12 @@
       v-html="html"
     />
 
-    <p v-if="uploading" class="vm-markdown__hint">图片上传中…</p>
+    <p v-if="uploading" class="vm-markdown__hint">{{ crudLabel('markdownUploading') }}</p>
   </div>
 </template>
 
 <script setup lang="ts">
+import { crudLabel } from '../crud/style'
 import { computed, nextTick, ref, watch } from 'vue'
 import DOMPurify from 'dompurify'
 import { marked } from 'marked'
@@ -78,7 +79,7 @@ const props = withDefaults(
     edit: false,
     preview: true,
     disabled: false,
-    placeholder: '支持 Markdown；可粘贴图片（需配置 uploadImage）',
+    placeholder: undefined,
   },
 )
 

package/dist/admin/components/vm-role-picker.vue

@@ -9,7 +9,7 @@
       @click="togglePanel"
     >
       <span v-if="displayText" class="vm-role-picker__value">{{ displayText }}</span>
-      <span v-else class="vm-role-picker__ph">{{ placeholder }}</span>
+      <span v-else class="vm-role-picker__ph">{{ placeholder ?? crudLabel('pickRole') }}</span>
       <i
         v-if="clearable && picked.size"
         class="ri-close-circle-fill vm-role-picker__clear"
@@ -25,8 +25,8 @@
         class="vm-role-picker__panel vm-dialog-float"
         :style="panelStyle"
       >
-        <div v-if="loading" class="vm-role-picker__state">加载中…</div>
-        <div v-else-if="!options.length" class="vm-role-picker__state">暂无角色</div>
+        <div v-if="loading" class="vm-role-picker__state">{{ crudLabel('loading') }}</div>
+        <div v-else-if="!options.length" class="vm-role-picker__state">{{ crudLabel('noRoles') }}</div>
         <div v-else class="vm-role-picker__list vm-scroll">
           <label
             v-for="opt in options"
@@ -48,6 +48,7 @@
 </template>
 
 <script setup lang="ts">
+import { crudFormat, crudLabel } from '../crud/style'
 import { useVome } from '../hooks/useVome'
 import { ref, computed, watch, nextTick, onMounted, onUnmounted } from 'vue'
 import { POPUP_TRIGGER_GAP } from '../lib/dialog-float'
@@ -66,7 +67,7 @@ const props = withDefaults(
     modelValue: () => [],
     disabled: false,
     clearable: true,
-    placeholder: '请选择角色',
+    placeholder: undefined,
     source: 'base',
   },
 )
@@ -92,7 +93,7 @@ const displayText = computed(() => {
   const names = ids
     .map((id) => options.value.find((o) => o.id === id)?.name || String(id))
     .filter(Boolean)
-  if (!names.length) return `已选 ${ids.length} 项`
+  if (!names.length) return crudFormat(crudLabel('selectedCount'), ids.length)
   if (names.length === 1) return names[0]!
   return `${names[0]} +${names.length - 1}`
 })

package/dist/admin/components/vm-view-path-picker.vue

@@ -2,7 +2,7 @@
   <vm-group-cascader
     :model-value="modelValue ?? ''"
     :tree="tree"
-    :placeholder="placeholder"
+    :placeholder="placeholder ?? crudLabel('pickFilePath')"
     :clearable="clearable"
     :editable="editable"
     :disabled="disabled"
@@ -11,6 +11,7 @@
 </template>
 
 <script setup lang="ts">
+import { crudLabel } from '../crud/style'
 import { ref, onMounted, onUnmounted } from 'vue'
 import {
   listViewsTree,
@@ -28,7 +29,7 @@ withDefaults(
     disabled?: boolean
   }>(),
   {
-    placeholder: '请选择文件路径',
+    placeholder: undefined,
     clearable: true,
     editable: true,
   },