vome-core 0.3.9 → 0.3.11

package/dist/admin/crud/components/vm-preview-viewer.vue

@@ -6,7 +6,7 @@
         class="vm-preview-viewer__trigger"
         :style="thumbStyle"
         :disabled="!preview"
-        :title="preview ? (isVideoKind ? '播放视频' : '查看大图') : undefined"
+        :title="preview ? (isVideoKind ? crudLabel('playVideo') : crudLabel('viewImage')) : undefined"
         @click="openViewer"
       >
         <img
@@ -75,9 +75,9 @@
             :disabled="opening"
             @click="openInNewWindow"
           >
-            {{ opening ? '打开中…' : '新窗口打开' }}
+            {{ opening ? crudLabel('opening') : crudLabel('openNewWindow') }}
           </button>
-          <button type="button" class="vm-file-preview-viewer__close" title="关闭" @click="closeViewer">
+          <button type="button" class="vm-file-preview-viewer__close" :title="crudLabel('dismiss')" @click="closeViewer">
             <i class="ri-close-line" />
           </button>
         </div>
@@ -87,7 +87,7 @@
         class="vm-file-preview-viewer__body vm-scroll"
         :class="{ 'is-media': kind === 'image' || kind === 'video' }"
       >
-        <p v-if="loading" class="vm-file-preview-viewer__hint">加载中…</p>
+        <p v-if="loading" class="vm-file-preview-viewer__hint">{{ crudLabel('loading') }}</p>
         <p v-else-if="error" class="vm-file-preview-viewer__hint is-error">{{ error }}</p>
 
         <template v-else-if="kind === 'image'">
@@ -102,19 +102,19 @@
             />
           </div>
           <div class="vm-file-preview-viewer__toolbar" @click.stop>
-            <button type="button" title="缩小" @click="zoomOut">
+            <button type="button" :title="crudLabel('zoomOut')" @click="zoomOut">
               <i class="ri-subtract-line" />
             </button>
-            <button type="button" title="放大" @click="zoomIn">
+            <button type="button" :title="crudLabel('zoomIn')" @click="zoomIn">
               <i class="ri-add-line" />
             </button>
-            <button type="button" title="原始尺寸" @click="resetView">
+            <button type="button" :title="crudLabel('actualSize')" @click="resetView">
               <i class="ri-aspect-ratio-line" />
             </button>
-            <button type="button" title="逆时针旋转" @click="rotateLeft">
+            <button type="button" :title="crudLabel('rotateCCW')" @click="rotateLeft">
               <i class="ri-anticlockwise-line" />
             </button>
-            <button type="button" title="顺时针旋转" @click="rotateRight">
+            <button type="button" :title="crudLabel('rotateCW')" @click="rotateRight">
               <i class="ri-clockwise-line" />
             </button>
           </div>
@@ -145,7 +145,7 @@
           v-else-if="kind === 'pdf'"
           class="vm-file-preview-viewer__iframe"
           :src="src"
-          title="PDF 预览"
+          :title="crudLabel('pdfPreview')"
         />
 
         <div
@@ -160,29 +160,29 @@
 
         <div v-else-if="kind === 'office'" class="vm-file-preview-viewer__fallback">
           <i class="ri-file-3-line" aria-hidden="true" />
-          <p>Word / PPT 等 Office 文档暂不支持浏览器内预览。</p>
-          <p>请点击下方按钮下载后使用本地 Office / WPS 查看。</p>
+          <p>{{ crudLabel('officeNoPreview') }}</p>
+          <p>{{ crudLabel('officeDownloadHint') }}</p>
           <button
             type="button"
             class="vm-file-preview-viewer__dl-btn"
             :disabled="downloading"
             @click="downloadFile"
           >
-            {{ downloading ? '下载中…' : '下载文件' }}
+            {{ downloading ? crudLabel('downloadingFile') : crudLabel('downloadFile') }}
           </button>
         </div>
 
         <div v-else class="vm-file-preview-viewer__fallback">
           <i class="ri-file-3-line" aria-hidden="true" />
-          <p>该文件类型暂不支持在线预览。</p>
-          <p>请点击下方按钮下载查看（如 .vome 插件包）。</p>
+          <p>{{ crudLabel('typeNoPreview') }}</p>
+          <p>{{ crudLabel('downloadHint') }}</p>
           <button
             type="button"
             class="vm-file-preview-viewer__dl-btn"
             :disabled="downloading"
             @click="downloadFile"
           >
-            {{ downloading ? '下载中…' : '下载文件' }}
+            {{ downloading ? crudLabel('downloadingFile') : crudLabel('downloadFile') }}
           </button>
         </div>
       </div>
@@ -191,6 +191,7 @@
 </template>
 
 <script setup lang="ts">
+import { crudLabel } from '../style'
 import { computed, nextTick, onUnmounted, ref, watch } from 'vue'
 import DOMPurify from 'dompurify'
 import { useVideoFrame } from '../../lib/video-frame'
@@ -208,14 +209,14 @@ defineOptions({ name: 'vm-preview-viewer', inheritAttrs: false })
 const VIDEO_EXT = /\.(mp4|webm|mov|m4v|ogv|ogg)(\?|#|$)/i
 
 const KIND_LABEL: Record<MediaPreviewKind, string> = {
-  image: '图片',
-  video: '视频',
-  audio: '音频',
+  image: 'typeImage',
+  video: 'typeVideo',
+  audio: 'typeAudio',
   pdf: 'PDF',
   excel: 'Excel',
-  text: '文本',
+  text: 'typeText',
   office: 'Office',
-  unsupported: '文件',
+  unsupported: 'typeFile',
 }
 
 const props = withDefaults(
@@ -250,7 +251,7 @@ const props = withDefaults(
   }>(),
   {
     embedded: false,
-    label: '查看',
+    label: undefined,
     trigger: 'auto',
     type: 'auto',
     size: 40,
@@ -323,9 +324,9 @@ const kind = computed((): MediaPreviewKind => {
 })
 
 const displayLabel = computed(() => {
-  if (props.label !== '查看') return props.label
-  if (kind.value === 'audio') return '播放'
-  return props.label
+  if (props.label != null && props.label !== '') return props.label
+  if (kind.value === 'audio') return crudLabel('play')
+  return crudLabel('view')
 })
 
 const triggerIcon = computed(() =>
@@ -333,13 +334,16 @@ const triggerIcon = computed(() =>
 )
 
 const triggerTitle = computed(() =>
-  kind.value === 'audio' ? '播放音频' : '查看文件',
+  kind.value === 'audio' ? crudLabel('playAudio') : crudLabel('viewFile'),
 )
 
-const kindLabel = computed(() => KIND_LABEL[kind.value])
+const kindLabel = computed(() => {
+  const key = KIND_LABEL[kind.value]
+  return key.startsWith('type') ? crudLabel(key) : key
+})
 
 const displayName = computed(() =>
-  fileDisplayName(props.fileName || src.value, '未命名文件'),
+  fileDisplayName(props.fileName || src.value, crudLabel('unnamedFile')),
 )
 
 /** 无法内嵌预览的类型在正文区提供「下载文件」；顶栏统一「新窗口打开」 */
@@ -463,7 +467,7 @@ async function loadPreview() {
       })
     }
   } catch (e) {
-    error.value = e instanceof Error ? e.message : '预览失败'
+    error.value = e instanceof Error ? e.message : crudLabel('previewFail')
   } finally {
     loading.value = false
   }

package/dist/admin/crud/components/vm-richtext-extensions.js

@@ -1 +1 @@
-const _0x17174f=_0x60fa;function _0x60fa(_0x5925c9,_0x59d040){_0x5925c9=_0x5925c9-0x1d3;const _0x458e2d=_0x458e();let _0x60fa64=_0x458e2d[_0x5925c9];if(_0x60fa['vfACNV']===undefined){var _0x29ea89=function(_0x1b33a8){const _0x47e19e='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x5526ed='',_0x2b6c91='';for(let _0x43be8e=0x0,_0x178e27,_0x4bf41b,_0x47fed1=0x0;_0x4bf41b=_0x1b33a8['charAt'](_0x47fed1++);~_0x4bf41b&&(_0x178e27=_0x43be8e%0x4?_0x178e27*0x40+_0x4bf41b:_0x4bf41b,_0x43be8e++%0x4)?_0x5526ed+=String['fromCharCode'](0xff&_0x178e27>>(-0x2*_0x43be8e&0x6)):0x0){_0x4bf41b=_0x47e19e['indexOf'](_0x4bf41b);}for(let _0x1ff823=0x0,_0x5732b8=_0x5526ed['length'];_0x1ff823<_0x5732b8;_0x1ff823++){_0x2b6c91+='%'+('00'+_0x5526ed['charCodeAt'](_0x1ff823)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x2b6c91);};_0x60fa['GuSeaE']=_0x29ea89,_0x60fa['HalQpj']={},_0x60fa['vfACNV']=!![];}const _0xfe3735=_0x458e2d[0x0],_0x3f98f4=_0x5925c9+_0xfe3735,_0x4921dd=_0x60fa['HalQpj'][_0x3f98f4];return!_0x4921dd?(_0x60fa64=_0x60fa['GuSeaE'](_0x60fa64),_0x60fa['HalQpj'][_0x3f98f4]=_0x60fa64):_0x60fa64=_0x4921dd,_0x60fa64;}function _0x458e(){const _0x5b93b8=['8j+qU+kaJEkDHo+4JW','y3jLyxrL','odq5odGWr3jAzwD2','Aw5Zzxj0q29UDgvUDa','mtbSDK9KAe0','mZzqqMXqyLq','mtC1mti5nwfAtNfcvW','mJuYmZbbu21VzfO','ndmZndqYoxPwzw5itW','mu1srwzeua','yMXVy2S','BMfTzq','DMLKzw8','odG0mtq0v09Hv0jM','nJm1AKrKB09z','Bwf4lxDPzhrOoJeWmcu7yM9YzgvYlxjHzgL1CZO4ChG','nZy0mdK0BLzTsxb1','mtC1mJG5ohHbwgfiqG'];_0x458e=function(){return _0x5b93b8;};return _0x458e();}(function(_0x5bfb20,_0xdc0d5e){const _0x5d9d3e=_0x60fa,_0x24f74e=_0x5bfb20();while(!![]){try{const _0x16d482=-parseInt(_0x5d9d3e(0x1d9))/0x1*(-parseInt(_0x5d9d3e(0x1e0))/0x2)+-parseInt(_0x5d9d3e(0x1d6))/0x3+-parseInt(_0x5d9d3e(0x1e4))/0x4+parseInt(_0x5d9d3e(0x1de))/0x5*(parseInt(_0x5d9d3e(0x1d7))/0x6)+parseInt(_0x5d9d3e(0x1e1))/0x7+parseInt(_0x5d9d3e(0x1dd))/0x8*(-parseInt(_0x5d9d3e(0x1d5))/0x9)+parseInt(_0x5d9d3e(0x1d4))/0xa*(parseInt(_0x5d9d3e(0x1d8))/0xb);if(_0x16d482===_0xdc0d5e)break;else _0x24f74e['push'](_0x24f74e['shift']());}catch(_0x27a510){_0x24f74e['push'](_0x24f74e['shift']());}}}(_0x458e,0x4eab4));import{Node,mergeAttributes}from'@tiptap/core';export const VmRichtextVideo=Node[_0x17174f(0x1e3)]({'name':'video','group':_0x17174f(0x1da),'atom':!![],'selectable':!![],'draggable':!![],'addAttributes'(){return{'src':{'default':null},'controls':{'default':!![]}};},'parseHTML'(){return[{'tag':'video[src]'}];},'renderHTML'({HTMLAttributes:_0x5526ed}){const _0x2eb143=_0x17174f;return[_0x2eb143(0x1dc),mergeAttributes(_0x5526ed,{'controls':!![],'style':_0x2eb143(0x1df)})];},'addCommands'(){const _0x7c33d7=_0x17174f;return{'setVideo':_0x2b6c91=>({commands:_0x43be8e})=>_0x43be8e[_0x7c33d7(0x1d3)]({'type':this[_0x7c33d7(0x1db)],'attrs':_0x2b6c91})};}});export const VM_RICHTEXT_EMOJIS=['\uD83D\uDE00','\uD83D\uDE03','\uD83D\uDE04','\uD83D\uDE01','\uD83D\uDE06','\uD83D\uDE05','\uD83E\uDD23','\uD83D\uDE02','\uD83D\uDE42','\uD83D\uDE43','\uD83D\uDE09','\uD83D\uDE0A','\uD83D\uDE07','\uD83E\uDD70','\uD83D\uDE0D','\uD83E\uDD29','\uD83D\uDE18','\uD83D\uDE17','\uD83D\uDE1A','\uD83D\uDE19','\uD83D\uDE0B','\uD83D\uDE1B','\uD83D\uDE1C','\uD83E\uDD2A','\uD83D\uDE1D','\uD83E\uDD11','\uD83E\uDD17','\uD83E\uDD2D','\uD83E\uDD2B','\uD83E\uDD14','\uD83E\uDD10','\uD83E\uDD28','\uD83D\uDE10','\uD83D\uDE11','\uD83D\uDE36','\uD83D\uDE0F','\uD83D\uDE12','\uD83D\uDE44','\uD83D\uDE2C','\uD83E\uDD25','\uD83D\uDE0C','\uD83D\uDE14','\uD83D\uDE2A','\uD83E\uDD24','\uD83D\uDE34','\uD83D\uDE37','\uD83E\uDD12','\uD83E\uDD15','\uD83E\uDD22','\uD83E\uDD2E','\uD83E\uDD75','\uD83E\uDD76','\uD83E\uDD74','\uD83D\uDE35','\uD83E\uDD2F','\uD83E\uDD20','\uD83E\uDD73','\uD83D\uDE0E','\uD83E\uDD13','\uD83E\uDDD0','\uD83D\uDE15','\uD83D\uDE1F','\uD83D\uDE41','☹️','\uD83D\uDE2E','\uD83D\uDE2F','\uD83D\uDE32','\uD83D\uDE33','\uD83E\uDD7A','\uD83D\uDE26','\uD83D\uDE27','\uD83D\uDE28','\uD83D\uDE30','\uD83D\uDE25','\uD83D\uDE22','\uD83D\uDE2D','\uD83D\uDE31','\uD83D\uDE16','\uD83D\uDE23','\uD83D\uDE1E','\uD83D\uDE13','\uD83D\uDE29','\uD83D\uDE2B','\uD83E\uDD71','\uD83D\uDE24','\uD83D\uDE21','\uD83D\uDE20','\uD83E\uDD2C','\uD83D\uDE08','\uD83D\uDC7F','\uD83D\uDC4B','\uD83E\uDD1A','\uD83D\uDD90','✋','\uD83D\uDD96','\uD83D\uDC4C','\uD83E\uDD0C','\uD83E\uDD0F','✌️','\uD83E\uDD1E','\uD83E\uDD1F','\uD83E\uDD18','\uD83E\uDD19','\uD83D\uDC48','\uD83D\uDC49','\uD83D\uDC46','\uD83D\uDD95','\uD83D\uDC47','☝️','\uD83D\uDC4D','\uD83D\uDC4E','✊','\uD83D\uDC4A','\uD83E\uDD1B','\uD83E\uDD1C','\uD83D\uDC4F','\uD83D\uDE4C','\uD83D\uDC50','\uD83E\uDD32','\uD83E\uDD1D','\uD83D\uDE4F','\uD83D\uDCAA','\uD83E\uDDBE','✍️','\uD83D\uDC85','\uD83E\uDD33','❤️','\uD83E\uDDE1','\uD83D\uDC9B','\uD83D\uDC9A','\uD83D\uDC99','\uD83D\uDC9C','\uD83D\uDDA4','\uD83E\uDD0D','\uD83E\uDD0E','\uD83D\uDC94','❣️','\uD83D\uDC95','\uD83D\uDC9E','\uD83D\uDC93','\uD83D\uDC97','\uD83D\uDC96','\uD83D\uDC98','\uD83D\uDC9D','\uD83D\uDC9F','☮️','✝️','☪️','\uD83D\uDD49','☸️','✡️','\uD83D\uDD2F','\uD83D\uDD4E','☯️','☦️','\uD83D\uDED0','⭐','\uD83C\uDF1F','✨','⚡','\uD83D\uDD25','\uD83D\uDCA5','☀️','\uD83C\uDF19','⭐️','\uD83C\uDF08','✅','❌','⭕','❗','❓','‼️','⁉️','\uD83D\uDCAF','\uD83D\uDD14','\uD83D\uDD15','\uD83D\uDCCC','\uD83D\uDCCD','\uD83D\uDCCE','\uD83D\uDD17','\uD83D\uDD12','\uD83D\uDD13','\uD83D\uDD11','\uD83D\uDDDD','\uD83D\uDCA1','\uD83D\uDD26','\uD83D\uDCDD','✏️','✒️','\uD83D\uDD8A','\uD83D\uDD8B','\uD83D\uDD8C','\uD83D\uDD8D','\uD83D\uDCBC','\uD83D\uDCC1','\uD83D\uDCC2','\uD83D\uDCC5','\uD83D\uDCC6','\uD83D\uDDD3','\uD83D\uDCC7','\uD83D\uDCC8','\uD83D\uDCC9','\uD83D\uDCCA','\uD83D\uDCCB','\uD83D\uDCE4','\uD83D\uDCE5','\uD83D\uDCE6','\uD83D\uDCEB','\uD83D\uDCEC','\uD83D\uDCED','\uD83D\uDCEE','\uD83D\uDCEF','\uD83D\uDCDC','\uD83D\uDCC3','\uD83D\uDCC4','\uD83D\uDCD1','☕','\uD83C\uDF75','\uD83E\uDDC3','\uD83E\uDD64','\uD83E\uDDCB','\uD83C\uDF7A','\uD83C\uDF7B','\uD83E\uDD42','\uD83C\uDF77','\uD83C\uDF78','\uD83C\uDF55','\uD83C\uDF54','\uD83C\uDF5F','\uD83C\uDF2D','\uD83C\uDF7F','\uD83C\uDF69','\uD83C\uDF6A','\uD83C\uDF82','\uD83C\uDF70','\uD83E\uDDC1','\uD83C\uDF4E','\uD83C\uDF4A','\uD83C\uDF4B','\uD83C\uDF4C','\uD83C\uDF49','\uD83C\uDF47','\uD83C\uDF53','\uD83E\uDED0','\uD83C\uDF52','\uD83C\uDF51','⚽','\uD83C\uDFC0','\uD83C\uDFC8','⚾','\uD83C\uDFBE','\uD83C\uDFD0','\uD83C\uDFC9','\uD83C\uDFB1','\uD83C\uDFD3','\uD83C\uDFF8','\uD83C\uDFAE','\uD83D\uDD79','\uD83C\uDFB2','\uD83E\uDDE9','\uD83C\uDFAF','\uD83C\uDFB3','\uD83C\uDFB0','\uD83C\uDFB8','\uD83C\uDFB9','\uD83E\uDD41','\uD83C\uDFA4','\uD83C\uDFA7','\uD83C\uDFAC','\uD83C\uDFA5','\uD83D\uDCF7','\uD83D\uDCF8','\uD83D\uDCF9','\uD83D\uDCFA','\uD83D\uDCFB','\uD83C\uDF99','\uD83D\uDE80','✈️','\uD83D\uDEE9','\uD83D\uDEEB','\uD83D\uDEEC','\uD83D\uDEF0','\uD83D\uDCBA','\uD83D\uDEF8','\uD83D\uDE81','\uD83D\uDEF6','\uD83D\uDE97','\uD83D\uDE95','\uD83D\uDE99','\uD83D\uDE8C','\uD83D\uDE8E','\uD83C\uDFCE','\uD83D\uDE93','\uD83D\uDE91','\uD83D\uDE92','\uD83D\uDE90','\uD83C\uDFE0','\uD83C\uDFE1','\uD83C\uDFE2','\uD83C\uDFE3','\uD83C\uDFE4','\uD83C\uDFE5','\uD83C\uDFE6','\uD83C\uDFE8','\uD83C\uDFE9','\uD83C\uDFEA','\uD83D\uDC36','\uD83D\uDC31','\uD83D\uDC2D','\uD83D\uDC39','\uD83D\uDC30','\uD83E\uDD8A','\uD83D\uDC3B','\uD83D\uDC3C',_0x17174f(0x1e2),'\uD83D\uDC28','\uD83D\uDC2F','\uD83E\uDD81','\uD83D\uDC2E','\uD83D\uDC37','\uD83D\uDC38','\uD83D\uDC35','\uD83D\uDE48','\uD83D\uDE49','\uD83D\uDE4A','\uD83D\uDC12','\uD83D\uDC14','\uD83D\uDC27','\uD83D\uDC26','\uD83D\uDC24','\uD83D\uDC23','\uD83D\uDC25','\uD83E\uDD86','\uD83E\uDD85','\uD83E\uDD89','\uD83E\uDD87','\uD83C\uDF89','\uD83C\uDF8A','\uD83C\uDF88','\uD83C\uDF81','\uD83C\uDF80','\uD83C\uDF97','\uD83C\uDFAB','\uD83C\uDF9F','\uD83C\uDFC6','\uD83C\uDFC5'];
+function _0x1aa3(_0x2e248a,_0x10e119){_0x2e248a=_0x2e248a-0x104;const _0x4bbe12=_0x4bbe();let _0x1aa38e=_0x4bbe12[_0x2e248a];if(_0x1aa3['zIQVwC']===undefined){var _0x59a641=function(_0x1a99b3){const _0x3769da='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x9b7760='',_0x592ea2='';for(let _0x2bcc99=0x0,_0x281fb0,_0x39db77,_0x57af89=0x0;_0x39db77=_0x1a99b3['charAt'](_0x57af89++);~_0x39db77&&(_0x281fb0=_0x2bcc99%0x4?_0x281fb0*0x40+_0x39db77:_0x39db77,_0x2bcc99++%0x4)?_0x9b7760+=String['fromCharCode'](0xff&_0x281fb0>>(-0x2*_0x2bcc99&0x6)):0x0){_0x39db77=_0x3769da['indexOf'](_0x39db77);}for(let _0x199da8=0x0,_0x5abc51=_0x9b7760['length'];_0x199da8<_0x5abc51;_0x199da8++){_0x592ea2+='%'+('00'+_0x9b7760['charCodeAt'](_0x199da8)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x592ea2);};_0x1aa3['uBjRol']=_0x59a641,_0x1aa3['WaYnUS']={},_0x1aa3['zIQVwC']=!![];}const _0x165e16=_0x4bbe12[0x0],_0x2893dd=_0x2e248a+_0x165e16,_0x566b61=_0x1aa3['WaYnUS'][_0x2893dd];return!_0x566b61?(_0x1aa38e=_0x1aa3['uBjRol'](_0x1aa38e),_0x1aa3['WaYnUS'][_0x2893dd]=_0x1aa38e):_0x1aa38e=_0x566b61,_0x1aa38e;}const _0x58ef28=_0x1aa3;(function(_0x318a1e,_0x3761d8){const _0x3cf43d=_0x1aa3,_0x4b2e0a=_0x318a1e();while(!![]){try{const _0x359861=parseInt(_0x3cf43d(0x10b))/0x1+parseInt(_0x3cf43d(0x10a))/0x2*(parseInt(_0x3cf43d(0x110))/0x3)+-parseInt(_0x3cf43d(0x10f))/0x4*(parseInt(_0x3cf43d(0x111))/0x5)+parseInt(_0x3cf43d(0x114))/0x6+parseInt(_0x3cf43d(0x106))/0x7*(-parseInt(_0x3cf43d(0x10d))/0x8)+-parseInt(_0x3cf43d(0x10e))/0x9*(-parseInt(_0x3cf43d(0x10c))/0xa)+-parseInt(_0x3cf43d(0x108))/0xb*(parseInt(_0x3cf43d(0x112))/0xc);if(_0x359861===_0x3761d8)break;else _0x4b2e0a['push'](_0x4b2e0a['shift']());}catch(_0x292f8f){_0x4b2e0a['push'](_0x4b2e0a['shift']());}}}(_0x4bbe,0x74d8b));import{Node,mergeAttributes}from'@tiptap/core';export const VmRichtextVideo=Node['create']({'name':'video','group':_0x58ef28(0x105),'atom':!![],'selectable':!![],'draggable':!![],'addAttributes'(){return{'src':{'default':null},'controls':{'default':!![]}};},'parseHTML'(){return[{'tag':'video[src]'}];},'renderHTML'({HTMLAttributes:_0x9b7760}){const _0x3099ae=_0x58ef28;return['video',mergeAttributes(_0x9b7760,{'controls':!![],'style':_0x3099ae(0x109)})];},'addCommands'(){const _0x47a060=_0x58ef28;return{'setVideo':_0x592ea2=>({commands:_0x2bcc99})=>_0x2bcc99[_0x47a060(0x107)]({'type':this[_0x47a060(0x104)],'attrs':_0x592ea2})};}});function _0x4bbe(){const _0x21e207=['mJa0mtuWrfvQuLD4','nZmWthjkv0Hx','mtm4ngrjyvzMuG','nJiYmZvxu2LzB2u','nJm3nMXOu2zssW','mJqWodK2mxvqyvHcDW','mtm5mhjbyM9yDq','mtjtB1bOt2u','8j+qU+kaJEkDHo+4JW','nte4ntmWoevhEhnqua','BMfTzq','yMXVy2S','mZGYndH1q1rSvNu','Aw5Zzxj0q29UDgvUDa','ntyWmdu3m3ngv1vszG','Bwf4lxDPzhrOoJeWmcu7yM9YzgvYlxjHzgL1CZO4ChG','mKfkr0DoAq'];_0x4bbe=function(){return _0x21e207;};return _0x4bbe();}export const VM_RICHTEXT_EMOJIS=['\uD83D\uDE00','\uD83D\uDE03','\uD83D\uDE04','\uD83D\uDE01','\uD83D\uDE06','\uD83D\uDE05','\uD83E\uDD23','\uD83D\uDE02','\uD83D\uDE42','\uD83D\uDE43','\uD83D\uDE09','\uD83D\uDE0A','\uD83D\uDE07','\uD83E\uDD70','\uD83D\uDE0D','\uD83E\uDD29','\uD83D\uDE18','\uD83D\uDE17','\uD83D\uDE1A','\uD83D\uDE19','\uD83D\uDE0B','\uD83D\uDE1B','\uD83D\uDE1C','\uD83E\uDD2A','\uD83D\uDE1D','\uD83E\uDD11','\uD83E\uDD17','\uD83E\uDD2D','\uD83E\uDD2B','\uD83E\uDD14','\uD83E\uDD10','\uD83E\uDD28','\uD83D\uDE10','\uD83D\uDE11','\uD83D\uDE36','\uD83D\uDE0F','\uD83D\uDE12','\uD83D\uDE44','\uD83D\uDE2C','\uD83E\uDD25','\uD83D\uDE0C','\uD83D\uDE14','\uD83D\uDE2A','\uD83E\uDD24','\uD83D\uDE34','\uD83D\uDE37','\uD83E\uDD12','\uD83E\uDD15','\uD83E\uDD22','\uD83E\uDD2E','\uD83E\uDD75','\uD83E\uDD76','\uD83E\uDD74','\uD83D\uDE35','\uD83E\uDD2F','\uD83E\uDD20','\uD83E\uDD73','\uD83D\uDE0E','\uD83E\uDD13','\uD83E\uDDD0','\uD83D\uDE15','\uD83D\uDE1F','\uD83D\uDE41','☹️','\uD83D\uDE2E','\uD83D\uDE2F','\uD83D\uDE32','\uD83D\uDE33','\uD83E\uDD7A','\uD83D\uDE26','\uD83D\uDE27','\uD83D\uDE28','\uD83D\uDE30','\uD83D\uDE25','\uD83D\uDE22','\uD83D\uDE2D','\uD83D\uDE31','\uD83D\uDE16','\uD83D\uDE23','\uD83D\uDE1E','\uD83D\uDE13','\uD83D\uDE29','\uD83D\uDE2B','\uD83E\uDD71','\uD83D\uDE24','\uD83D\uDE21','\uD83D\uDE20','\uD83E\uDD2C','\uD83D\uDE08','\uD83D\uDC7F','\uD83D\uDC4B','\uD83E\uDD1A','\uD83D\uDD90','✋','\uD83D\uDD96','\uD83D\uDC4C','\uD83E\uDD0C','\uD83E\uDD0F','✌️','\uD83E\uDD1E','\uD83E\uDD1F','\uD83E\uDD18','\uD83E\uDD19','\uD83D\uDC48','\uD83D\uDC49','\uD83D\uDC46','\uD83D\uDD95','\uD83D\uDC47','☝️','\uD83D\uDC4D','\uD83D\uDC4E','✊','\uD83D\uDC4A','\uD83E\uDD1B','\uD83E\uDD1C','\uD83D\uDC4F','\uD83D\uDE4C','\uD83D\uDC50','\uD83E\uDD32','\uD83E\uDD1D','\uD83D\uDE4F','\uD83D\uDCAA','\uD83E\uDDBE','✍️','\uD83D\uDC85','\uD83E\uDD33','❤️','\uD83E\uDDE1','\uD83D\uDC9B','\uD83D\uDC9A','\uD83D\uDC99','\uD83D\uDC9C','\uD83D\uDDA4','\uD83E\uDD0D','\uD83E\uDD0E','\uD83D\uDC94','❣️','\uD83D\uDC95','\uD83D\uDC9E','\uD83D\uDC93','\uD83D\uDC97','\uD83D\uDC96','\uD83D\uDC98','\uD83D\uDC9D','\uD83D\uDC9F','☮️','✝️','☪️','\uD83D\uDD49','☸️','✡️','\uD83D\uDD2F','\uD83D\uDD4E','☯️','☦️','\uD83D\uDED0','⭐','\uD83C\uDF1F','✨','⚡','\uD83D\uDD25','\uD83D\uDCA5','☀️','\uD83C\uDF19','⭐️','\uD83C\uDF08','✅','❌','⭕','❗','❓','‼️','⁉️','\uD83D\uDCAF','\uD83D\uDD14','\uD83D\uDD15','\uD83D\uDCCC','\uD83D\uDCCD','\uD83D\uDCCE','\uD83D\uDD17','\uD83D\uDD12','\uD83D\uDD13','\uD83D\uDD11','\uD83D\uDDDD','\uD83D\uDCA1','\uD83D\uDD26','\uD83D\uDCDD','✏️','✒️','\uD83D\uDD8A','\uD83D\uDD8B','\uD83D\uDD8C','\uD83D\uDD8D','\uD83D\uDCBC','\uD83D\uDCC1','\uD83D\uDCC2','\uD83D\uDCC5','\uD83D\uDCC6','\uD83D\uDDD3','\uD83D\uDCC7','\uD83D\uDCC8','\uD83D\uDCC9','\uD83D\uDCCA','\uD83D\uDCCB','\uD83D\uDCE4','\uD83D\uDCE5','\uD83D\uDCE6','\uD83D\uDCEB','\uD83D\uDCEC','\uD83D\uDCED','\uD83D\uDCEE','\uD83D\uDCEF','\uD83D\uDCDC','\uD83D\uDCC3','\uD83D\uDCC4','\uD83D\uDCD1','☕','\uD83C\uDF75','\uD83E\uDDC3','\uD83E\uDD64','\uD83E\uDDCB','\uD83C\uDF7A','\uD83C\uDF7B','\uD83E\uDD42','\uD83C\uDF77','\uD83C\uDF78','\uD83C\uDF55','\uD83C\uDF54','\uD83C\uDF5F','\uD83C\uDF2D','\uD83C\uDF7F','\uD83C\uDF69','\uD83C\uDF6A','\uD83C\uDF82','\uD83C\uDF70','\uD83E\uDDC1','\uD83C\uDF4E','\uD83C\uDF4A','\uD83C\uDF4B','\uD83C\uDF4C','\uD83C\uDF49','\uD83C\uDF47','\uD83C\uDF53','\uD83E\uDED0','\uD83C\uDF52','\uD83C\uDF51','⚽','\uD83C\uDFC0','\uD83C\uDFC8','⚾','\uD83C\uDFBE','\uD83C\uDFD0','\uD83C\uDFC9','\uD83C\uDFB1','\uD83C\uDFD3','\uD83C\uDFF8','\uD83C\uDFAE','\uD83D\uDD79','\uD83C\uDFB2','\uD83E\uDDE9','\uD83C\uDFAF','\uD83C\uDFB3','\uD83C\uDFB0','\uD83C\uDFB8','\uD83C\uDFB9','\uD83E\uDD41','\uD83C\uDFA4','\uD83C\uDFA7','\uD83C\uDFAC','\uD83C\uDFA5','\uD83D\uDCF7','\uD83D\uDCF8','\uD83D\uDCF9','\uD83D\uDCFA','\uD83D\uDCFB','\uD83C\uDF99','\uD83D\uDE80','✈️','\uD83D\uDEE9','\uD83D\uDEEB','\uD83D\uDEEC','\uD83D\uDEF0','\uD83D\uDCBA','\uD83D\uDEF8','\uD83D\uDE81','\uD83D\uDEF6','\uD83D\uDE97','\uD83D\uDE95','\uD83D\uDE99','\uD83D\uDE8C','\uD83D\uDE8E','\uD83C\uDFCE','\uD83D\uDE93','\uD83D\uDE91','\uD83D\uDE92','\uD83D\uDE90','\uD83C\uDFE0','\uD83C\uDFE1','\uD83C\uDFE2','\uD83C\uDFE3','\uD83C\uDFE4','\uD83C\uDFE5','\uD83C\uDFE6','\uD83C\uDFE8','\uD83C\uDFE9','\uD83C\uDFEA','\uD83D\uDC36','\uD83D\uDC31','\uD83D\uDC2D','\uD83D\uDC39','\uD83D\uDC30','\uD83E\uDD8A','\uD83D\uDC3B','\uD83D\uDC3C',_0x58ef28(0x113),'\uD83D\uDC28','\uD83D\uDC2F','\uD83E\uDD81','\uD83D\uDC2E','\uD83D\uDC37','\uD83D\uDC38','\uD83D\uDC35','\uD83D\uDE48','\uD83D\uDE49','\uD83D\uDE4A','\uD83D\uDC12','\uD83D\uDC14','\uD83D\uDC27','\uD83D\uDC26','\uD83D\uDC24','\uD83D\uDC23','\uD83D\uDC25','\uD83E\uDD86','\uD83E\uDD85','\uD83E\uDD89','\uD83E\uDD87','\uD83C\uDF89','\uD83C\uDF8A','\uD83C\uDF88','\uD83C\uDF81','\uD83C\uDF80','\uD83C\uDF97','\uD83C\uDFAB','\uD83C\uDF9F','\uD83C\uDFC6','\uD83C\uDFC5'];

package/dist/admin/crud/components/vm-richtext.vue

@@ -21,38 +21,38 @@
         v-if="editor"
         class="vm-richtext__toolbar"
       >
-        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('bold') }" title="加粗" @click="editor.chain().focus().toggleBold().run()"><i class="ri-bold" /></button>
-        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('italic') }" title="斜体" @click="editor.chain().focus().toggleItalic().run()"><i class="ri-italic" /></button>
-        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('underline') }" title="下划线" @click="editor.chain().focus().toggleUnderline().run()"><i class="ri-underline" /></button>
-        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('strike') }" title="删除线" @click="editor.chain().focus().toggleStrike().run()"><i class="ri-strikethrough" /></button>
-        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('highlight') }" title="高亮" @click="editor.chain().focus().toggleHighlight().run()"><i class="ri-mark-pen-line" /></button>
+        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('bold') }" :title="crudLabel('rtBold')" @click="editor.chain().focus().toggleBold().run()"><i class="ri-bold" /></button>
+        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('italic') }" :title="crudLabel('rtItalic')" @click="editor.chain().focus().toggleItalic().run()"><i class="ri-italic" /></button>
+        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('underline') }" :title="crudLabel('rtUnderline')" @click="editor.chain().focus().toggleUnderline().run()"><i class="ri-underline" /></button>
+        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('strike') }" :title="crudLabel('rtStrike')" @click="editor.chain().focus().toggleStrike().run()"><i class="ri-strikethrough" /></button>
+        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('highlight') }" :title="crudLabel('rtHighlight')" @click="editor.chain().focus().toggleHighlight().run()"><i class="ri-mark-pen-line" /></button>
         <span class="vm-richtext__sep" />
-        <button type="button" class="vm-richtext__btn" title="文字颜色" @click="pickTextColor"><i class="ri-font-color" /></button>
+        <button type="button" class="vm-richtext__btn" :title="crudLabel('rtTextColor')" @click="pickTextColor"><i class="ri-font-color" /></button>
         <span class="vm-richtext__sep" />
-        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('heading', { level: 2 }) }" title="标题 2" @click="editor.chain().focus().toggleHeading({ level: 2 }).run()">H2</button>
-        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('heading', { level: 3 }) }" title="标题 3" @click="editor.chain().focus().toggleHeading({ level: 3 }).run()">H3</button>
-        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('paragraph') }" title="正文" @click="editor.chain().focus().setParagraph().run()">P</button>
+        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('heading', { level: 2 }) }" :title="crudLabel('rtH2')" @click="editor.chain().focus().toggleHeading({ level: 2 }).run()">H2</button>
+        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('heading', { level: 3 }) }" :title="crudLabel('rtH3')" @click="editor.chain().focus().toggleHeading({ level: 3 }).run()">H3</button>
+        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('paragraph') }" :title="crudLabel('rtParagraph')" @click="editor.chain().focus().setParagraph().run()">P</button>
         <span class="vm-richtext__sep" />
-        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive({ textAlign: 'left' }) }" title="左对齐" @click="editor.chain().focus().setTextAlign('left').run()"><i class="ri-align-left" /></button>
-        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive({ textAlign: 'center' }) }" title="居中" @click="editor.chain().focus().setTextAlign('center').run()"><i class="ri-align-center" /></button>
-        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive({ textAlign: 'right' }) }" title="右对齐" @click="editor.chain().focus().setTextAlign('right').run()"><i class="ri-align-right" /></button>
+        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive({ textAlign: 'left' }) }" :title="crudLabel('rtAlignLeft')" @click="editor.chain().focus().setTextAlign('left').run()"><i class="ri-align-left" /></button>
+        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive({ textAlign: 'center' }) }" :title="crudLabel('rtAlignCenter')" @click="editor.chain().focus().setTextAlign('center').run()"><i class="ri-align-center" /></button>
+        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive({ textAlign: 'right' }) }" :title="crudLabel('rtAlignRight')" @click="editor.chain().focus().setTextAlign('right').run()"><i class="ri-align-right" /></button>
         <span class="vm-richtext__sep" />
-        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('bulletList') }" title="无序列表" @click="editor.chain().focus().toggleBulletList().run()"><i class="ri-list-unordered" /></button>
-        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('orderedList') }" title="有序列表" @click="editor.chain().focus().toggleOrderedList().run()"><i class="ri-list-ordered" /></button>
-        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('taskList') }" title="任务列表" @click="editor.chain().focus().toggleTaskList().run()"><i class="ri-checkbox-line" /></button>
-        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('blockquote') }" title="引用" @click="editor.chain().focus().toggleBlockquote().run()"><i class="ri-double-quotes-l" /></button>
-        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('codeBlock') }" title="代码块" @click="editor.chain().focus().toggleCodeBlock().run()"><i class="ri-code-box-line" /></button>
-        <button type="button" class="vm-richtext__btn" title="分割线" @click="editor.chain().focus().setHorizontalRule().run()"><i class="ri-separator" /></button>
+        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('bulletList') }" :title="crudLabel('rtBulletList')" @click="editor.chain().focus().toggleBulletList().run()"><i class="ri-list-unordered" /></button>
+        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('orderedList') }" :title="crudLabel('rtOrderedList')" @click="editor.chain().focus().toggleOrderedList().run()"><i class="ri-list-ordered" /></button>
+        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('taskList') }" :title="crudLabel('rtTaskList')" @click="editor.chain().focus().toggleTaskList().run()"><i class="ri-checkbox-line" /></button>
+        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('blockquote') }" :title="crudLabel('rtBlockquote')" @click="editor.chain().focus().toggleBlockquote().run()"><i class="ri-double-quotes-l" /></button>
+        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('codeBlock') }" :title="crudLabel('rtCodeBlock')" @click="editor.chain().focus().toggleCodeBlock().run()"><i class="ri-code-box-line" /></button>
+        <button type="button" class="vm-richtext__btn" :title="crudLabel('rtHr')" @click="editor.chain().focus().setHorizontalRule().run()"><i class="ri-separator" /></button>
         <span class="vm-richtext__sep" />
-        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('link') }" title="链接" @click="toggleLink"><i class="ri-link" /></button>
-        <button v-if="uploadEnabled" type="button" class="vm-richtext__btn" title="图片" @click="pickImage"><i class="ri-image-line" /></button>
-        <button v-if="uploadEnabled" type="button" class="vm-richtext__btn" title="上传视频" @click="pickVideo"><i class="ri-video-line" /></button>
+        <button type="button" class="vm-richtext__btn" :class="{ 'is-active': editor.isActive('link') }" :title="crudLabel('rtLink')" @click="toggleLink"><i class="ri-link" /></button>
+        <button v-if="uploadEnabled" type="button" class="vm-richtext__btn" :title="crudLabel('rtImage')" @click="pickImage"><i class="ri-image-line" /></button>
+        <button v-if="uploadEnabled" type="button" class="vm-richtext__btn" :title="crudLabel('rtVideo')" @click="pickVideo"><i class="ri-video-line" /></button>
         <button
           ref="emojiBtnRef"
           type="button"
           class="vm-richtext__btn"
           :class="{ 'is-active': emojiOpen }"
-          title="表情"
+          :title="crudLabel('rtEmoji')"
           @click="toggleEmoji"
         >
           <i class="ri-emotion-line" />
@@ -78,9 +78,9 @@
           </div>
         </Teleport>
         <span class="vm-richtext__sep" />
-        <button type="button" class="vm-richtext__btn" title="插入表格" @click="insertTable"><i class="ri-table-line" /></button>
-        <button type="button" class="vm-richtext__btn" title="撤销" :disabled="!editor.can().undo()" @click="editor.chain().focus().undo().run()"><i class="ri-arrow-go-back-line" /></button>
-        <button type="button" class="vm-richtext__btn" title="重做" :disabled="!editor.can().redo()" @click="editor.chain().focus().redo().run()"><i class="ri-arrow-go-forward-line" /></button>
+        <button type="button" class="vm-richtext__btn" :title="crudLabel('rtTable')" @click="insertTable"><i class="ri-table-line" /></button>
+        <button type="button" class="vm-richtext__btn" :title="crudLabel('rtUndo')" :disabled="!editor.can().undo()" @click="editor.chain().focus().undo().run()"><i class="ri-arrow-go-back-line" /></button>
+        <button type="button" class="vm-richtext__btn" :title="crudLabel('rtRedo')" :disabled="!editor.can().redo()" @click="editor.chain().focus().redo().run()"><i class="ri-arrow-go-forward-line" /></button>
       </div>
 
       <EditorContent class="vm-richtext__content" :editor="editor" />
@@ -89,6 +89,7 @@
 </template>
 
 <script setup lang="ts">
+import { crudLabel } from '../style'
 import { computed, nextTick, onBeforeUnmount, onMounted, shallowRef, watch } from 'vue'
 import DOMPurify from 'dompurify'
 import { EditorContent, useEditor } from '@tiptap/vue-3'
@@ -132,7 +133,7 @@ const props = withDefaults(
   }>(),
   {
     readonly: false,
-    placeholder: '请输入内容…',
+    placeholder: undefined,
     height: 320,
     uploadPrefixPath: 'app/public/richtext',
     autoUpload: true,
@@ -177,7 +178,7 @@ const safeHtml = computed(() => sanitize(String(props.modelValue || '')))
 
 async function resolveUpload(file: File): Promise<string> {
   if (props.uploadImage) return props.uploadImage(file)
-  if (props.autoUpload === false) throw new Error('未配置 uploadImage')
+  if (props.autoUpload === false) throw new Error(crudLabel('noUploadImage'))
   const res = await toUpload(file, { prefixPath: props.uploadPrefixPath })
   return res.url
 }
@@ -286,7 +287,7 @@ function pickTextColor() {
   const ed = editor.value
   if (!ed) return
   const current = (ed.getAttributes('textStyle').color as string | undefined) || '#111827'
-  const color = window.prompt('文字颜色（#RRGGBB）', current)
+  const color = window.prompt(crudLabel('textColorPrompt'), current)
   if (color == null) return
   const v = color.trim()
   if (!v) {
@@ -304,7 +305,7 @@ function toggleLink() {
     ed.chain().focus().unsetLink().run()
     return
   }
-  const url = window.prompt('链接地址', prev || 'https://')
+  const url = window.prompt(crudLabel('linkUrlPrompt'), prev || 'https://')
   if (url == null) return
   const href = url.trim()
   if (!href) {
@@ -376,7 +377,9 @@ const editor = useEditor({
     TableRow,
     TableHeader,
     TableCell,
-    Placeholder.configure({ placeholder: props.placeholder }),
+    Placeholder.configure({
+      placeholder: props.placeholder ?? crudLabel('richtextPlaceholder'),
+    }),
   ],
   editorProps: {
     attributes: { class: 'vm-richtext__prose' },

package/dist/admin/crud/components/vm-select.vue

@@ -17,7 +17,7 @@
         class="vm-select__label"
         :class="{ 'is-placeholder': !displayLabel }"
       >
-        {{ displayLabel || placeholder || '请选择' }}
+        {{ displayLabel || placeholder || crudLabel('pleaseSelect') }}
       </span>
       <i
         v-if="clearable && hasValue"
@@ -48,7 +48,7 @@
               ref="searchRef"
               class="vm-select__search-input"
               :value="search"
-              placeholder="搜索…"
+              :placeholder="crudLabel('searchEllipsis')"
               @input="onSearchInput"
               @keydown.esc.stop="closePanel"
             />
@@ -74,7 +74,7 @@
               mode="footer"
               status="loading"
             />
-            <p v-else-if="!filtered.length" class="vm-select__empty">无匹配选项</p>
+            <p v-else-if="!filtered.length" class="vm-select__empty">{{ crudLabel('noMatch') }}</p>
             <vm-loading
               v-else-if="lazy && !hasMore"
               mode="footer"
@@ -88,6 +88,7 @@
 </template>
 
 <script setup lang="ts">
+import { crudLabel } from '../style'
 import { ref, computed, watch, nextTick, onMounted, onUnmounted } from 'vue'
 import { FocusScope } from 'reka-ui'
 import { useCrud } from '../useCrud'

package/dist/admin/crud/components/vm-status-tag.vue

@@ -15,6 +15,7 @@
 </template>
 
 <script setup lang="ts">
+import { crudLabel } from '../style'
 import { computed } from 'vue'
 
 defineOptions({ name: 'vm-status-tag' })
@@ -66,7 +67,7 @@ function resolveQueue(v: unknown): { variant: Variant; label: string } {
 
 function resolveTask(v: unknown): { variant: Variant; label: string } {
   const on = Number(v) === 1
-  const label = props.label ?? (on ? '运行中' : '已停止')
+  const label = props.label ?? (on ? crudLabel('running') : crudLabel('stopped'))
   return { variant: on ? 'success' : 'neutral', label }
 }
 

package/dist/admin/crud/components/vm-switch.vue

@@ -13,6 +13,7 @@
 </template>
 
 <script setup lang="ts">
+import { crudLabel } from '../style'
 import { ref, computed, watch } from 'vue'
 import { toast } from 'vue-sonner'
 import { vmConfirm } from '../confirm'
@@ -59,7 +60,7 @@ watch(
   },
 )
 
-/** options 按 value 排序：小=关、大=开（status 0/1、yes_no false/true） */
+/** options 按 value 排序：小=关、大=开（status/yes_no_number 0|1、yes_no_boolean false|true） */
 const pair = computed(() => {
   const opts = props.options
   if (opts && opts.length >= 2) {
@@ -90,7 +91,7 @@ const on = computed(
 async function toggle() {
   if (loading.value || props.disabled) return
   const next = on.value ? pair.value.inactive : pair.value.active
-  if (props.check && !(await vmConfirm('确定切换状态？'))) return
+  if (props.check && !(await vmConfirm(crudLabel('switchConfirm')))) return
 
   const prev = status.value
   status.value = next
@@ -104,11 +105,11 @@ async function toggle() {
       const params = { id: props.scope.id, [prop]: next }
       if (props.api) await props.api(params)
       else if (crud.service.update) await crud.service.update(params)
-      else throw new Error('无 update')
+      else throw new Error(crudLabel('noUpdateApi'))
     } catch (e) {
       status.value = prev
       emit('update:modelValue', prev as number | string | boolean)
-      toast.error(e instanceof Error ? e.message : '更新失败')
+      toast.error(e instanceof Error ? e.message : crudLabel('updateFailed'))
     } finally {
       loading.value = false
     }

package/dist/admin/crud/components/vm-text-link.vue

@@ -5,11 +5,12 @@
     :disabled="disabled"
     @click="emit('click', $event)"
   >
-    <slot>{{ label }}</slot>
+    <slot>{{ label ?? crudLabel('view') }}</slot>
   </button>
 </template>
 
 <script setup lang="ts">
+import { crudLabel } from '../style'
 defineOptions({ name: 'vm-text-link' })
 
 withDefaults(
@@ -18,7 +19,7 @@ withDefaults(
     disabled?: boolean
   }>(),
   {
-    label: '查看',
+    label: undefined,
     disabled: false,
   },
 )

package/dist/admin/crud/components/vm-tree-select.vue

@@ -9,7 +9,7 @@
       @click="toggle"
     >
       <span v-if="displayLabel" class="vm-tree-select__value">{{ displayLabel }}</span>
-      <span v-else class="vm-tree-select__ph">{{ placeholder || '请选择' }}</span>
+      <span v-else class="vm-tree-select__ph">{{ placeholder || crudLabel('pleaseSelect') }}</span>
       <i
         v-if="clearable && hasValue"
         class="ri-close-circle-fill vm-tree-select__clear"
@@ -46,13 +46,14 @@
             {{ row.label }}
           </button>
         </div>
-        <p v-if="!visibleRows.length" class="vm-tree-select__empty">暂无数据</p>
+        <p v-if="!visibleRows.length" class="vm-tree-select__empty">{{ crudLabel('empty') }}</p>
       </div>
     </Teleport>
   </div>
 </template>
 
 <script setup lang="ts">
+import { crudLabel } from '../style'
 import { ref, computed, watch, nextTick, onMounted, onUnmounted } from 'vue'
 import { POPUP_TRIGGER_GAP } from '../../lib/dialog-float'
 import type { TreeSelectOption } from '../../../../typings/admin/comm/crud'

package/dist/admin/crud/components/vm-upload-item.vue

@@ -35,7 +35,7 @@
         <i class="vm-upload-item__file-icon" :class="fileIcon" aria-hidden="true" />
         <span class="vm-upload-item__name">{{ item.name || item.url }}</span>
         <span v-if="item.error || imgBroken" class="vm-upload-item__error">
-          {{ item.error || '加载失败' }}
+          {{ item.error || crudLabel('loadFailed') }}
         </span>
       </div>
     </template>
@@ -59,12 +59,12 @@
     <div v-if="previewSrc" class="vm-upload-item__actions">
       <button
         type="button"
-        title="预览"
+        :title="crudLabel('preview')"
         @click.stop="previewOpen = true"
       >
         <i class="ri-zoom-in-line" />
       </button>
-      <button v-if="!disabled" type="button" title="删除" @click.stop="emit('remove')">
+      <button v-if="!disabled" type="button" :title="crudLabel('delete')" @click.stop="emit('remove')">
         <i class="ri-delete-bin-line" />
       </button>
     </div>
@@ -81,6 +81,8 @@
 </template>
 
 <script setup lang="ts">
+import { uploadRuleLabel } from '../../lib/upload'
+import { crudLabel } from '../style'
 import { ref, computed, watch } from 'vue'
 import { useVideoFrame } from '../../lib/video-frame'
 import { extname, getUploadRule } from '../../lib/upload'
@@ -128,7 +130,7 @@ const tag = computed(() => {
   const rule = getUploadRule(props.item.type)
   return {
     color: rule.color,
-    label: extname(props.item.name || props.item.url) || rule.name,
+    label: extname(props.item.name || props.item.url) || uploadRuleLabel(rule),
   }
 })
 

package/dist/admin/crud/components/vm-upload.vue

@@ -74,7 +74,7 @@
         <slot>
           <div v-if="drag" class="vm-upload__drag">
             <i class="ri-upload-cloud-2-line" />
-            <span>点击或拖拽上传，限制 {{ limitSize }}MB</span>
+            <span>{{ crudFormat(crudLabel('uploadHint'), limitSize) }}</span>
           </div>
           <div v-else class="vm-upload__demo">
             <i class="ri-image-add-line" />
@@ -87,6 +87,7 @@
 </template>
 
 <script setup lang="ts">
+import { crudFormat, crudLabel } from '../style'
 import { ref, computed, watch, reactive } from 'vue'
 import { toast } from 'vue-sonner'
 import { useUpload } from '../../hooks/useUpload'
@@ -153,7 +154,7 @@ const acceptValue = computed(() => props.accept ?? '')
 
 const text = computed(() => {
   if (props.text) return props.text
-  return props.type === 'file' ? '选择文件' : '选择图片'
+  return props.type === 'file' ? crudLabel('selectFile') : crudLabel('selectImage')
 })
 
 const itemStyle = computed(() => {
@@ -260,7 +261,7 @@ async function onDrop(e: DragEvent) {
 async function ingestFiles(files: File[]) {
   for (const file of files) {
     if (!isAdd.value) {
-      toast.warning(`最多上传 ${props.limit} 个文件`)
+      toast.warning(crudFormat(crudLabel('maxUpload'), props.limit))
       break
     }
     await appendFile(file)
@@ -269,7 +270,7 @@ async function ingestFiles(files: File[]) {
 
 async function appendFile(raw: File) {
   if (raw.size / 1024 / 1024 >= props.limitSize) {
-    toast.error(`文件不能超过 ${props.limitSize}MB`)
+    toast.error(crudFormat(crudLabel('fileTooLarge'), props.limitSize))
     return
   }
   if (props.beforeUpload) {
@@ -330,7 +331,7 @@ async function appendFile(raw: File) {
     emitValue()
   } catch (e) {
     item.progress = -1
-    item.error = e instanceof Error ? e.message : '上传失败'
+    item.error = e instanceof Error ? e.message : crudLabel('uploadFailed')
     emit('error', item)
   }
 }