vome-core 0.0.19 → 0.0.21

package/dist/admin/config/plugin-dev.js

@@ -1 +1 @@
-const _0x26ea7d=_0x4b68;(function(_0x2b1e3e,_0x2e6f85){const _0x3deacb=_0x4b68,_0x1daaec=_0x2b1e3e();while(!![]){try{const _0x38f475=parseInt(_0x3deacb(0x145))/0x1+parseInt(_0x3deacb(0x139))/0x2*(-parseInt(_0x3deacb(0x142))/0x3)+parseInt(_0x3deacb(0x147))/0x4+parseInt(_0x3deacb(0x13b))/0x5*(parseInt(_0x3deacb(0x13d))/0x6)+parseInt(_0x3deacb(0x13c))/0x7+parseInt(_0x3deacb(0x148))/0x8+-parseInt(_0x3deacb(0x146))/0x9*(parseInt(_0x3deacb(0x141))/0xa);if(_0x38f475===_0x2e6f85)break;else _0x1daaec['push'](_0x1daaec['shift']());}catch(_0x5b8426){_0x1daaec['push'](_0x1daaec['shift']());}}}(_0xc7b4,0x31fb1));export const pluginDev={'docsUrl':'https://vome.dev/docs/plugin','uploadUrl':_0x26ea7d(0x13e),'scaffolds':{'full':{'key':_0x26ea7d(0x135),'title':'前端\x20+\x20后端','desc':_0x26ea7d(0x13a),'downloadUrl':_0x26ea7d(0x13f)},'backend':{'key':'backend','title':_0x26ea7d(0x138),'desc':_0x26ea7d(0x140),'downloadUrl':'https://gitee.com/YOUR_ORG/YOUR_REPO/raw/master/plugin-backend.zip'},'frontend':{'key':_0x26ea7d(0x144),'title':_0x26ea7d(0x136),'desc':_0x26ea7d(0x137),'downloadUrl':_0x26ea7d(0x143)}}};function _0x4b68(_0x40cccc,_0x5abaa2){_0x40cccc=_0x40cccc-0x135;const _0xc7b4a7=_0xc7b4();let _0x4b6834=_0xc7b4a7[_0x40cccc];if(_0x4b68['UaRtNi']===undefined){var _0x26b8cb=function(_0x239109){const _0x3a8043='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0xb1ae90='',_0x56caf7='';for(let _0x40d200=0x0,_0x44e32d,_0x5035c3,_0x430833=0x0;_0x5035c3=_0x239109['charAt'](_0x430833++);~_0x5035c3&&(_0x44e32d=_0x40d200%0x4?_0x44e32d*0x40+_0x5035c3:_0x5035c3,_0x40d200++%0x4)?_0xb1ae90+=String['fromCharCode'](0xff&_0x44e32d>>(-0x2*_0x40d200&0x6)):0x0){_0x5035c3=_0x3a8043['indexOf'](_0x5035c3);}for(let _0x552a5e=0x0,_0x3c3221=_0xb1ae90['length'];_0x552a5e<_0x3c3221;_0x552a5e++){_0x56caf7+='%'+('00'+_0xb1ae90['charCodeAt'](_0x552a5e)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x56caf7);};_0x4b68['UgQiGb']=_0x26b8cb,_0x4b68['hELLgE']={},_0x4b68['UaRtNi']=!![];}const _0x4e447e=_0xc7b4a7[0x0],_0x31d8d8=_0x40cccc+_0x4e447e,_0xff64f8=_0x4b68['hELLgE'][_0x31d8d8];return!_0xff64f8?(_0x4b6834=_0x4b68['UgQiGb'](_0x4b6834),_0x4b68['hELLgE'][_0x31d8d8]=_0x4b6834):_0x4b6834=_0xff64f8,_0x4b6834;}function _0xc7b4(){const _0x16381a=['Ahr0Chm6lY9NAxrLzs5JB20Vwu9vuL9puKCVwu9vuL9srvbpl3jHDY9Tyxn0zxiVCgX1z2LUlwz1BgWUEMLW','6zkP5A2qic8G5PYn5yQH56UV5O+s5lU26isA5OMl5P6277YilNzVBwxVVjRKU4uGC2vYDMvY77Yj77Ym6ycc5zci5lIk5lYG44cb55+T5l+H44cb5PsV5lUy562j6io95yQB5OMP5Bgv44cc','odbRAwPxr3C','ntyYmtaXr21MB1rM','Ahr0Chm6lY9NAxrLzs5JB20Vwu9vuL9puKCVwu9vuL9srvbpl3jHDY9Tyxn0zxiVCgX1z2LUlwzYB250zw5KlNPPCa','zNjVBNrLBMq','mZm1oda4AfzOwgTc','nZKZodi3Dwz1q3v2','nZi4mtG0BvDXqwj5','mJu3ndy3mMDgBvLnwq','zNvSBa','57QV5yMn56UV','5zco5y+W5B6U5BQu55sO6isA5OMl5P6277YilNzVBwxVVjRLKkSGD2vIl++8IE+8Jos7Psb3DwPPzsdMJilOVB3NI6ZNQ4VLIy3NQ6/POBxPNAlJGii','57QV5zco56UV','nhDVvePqvW','5A6m5Pw05lIA5yQH5QIH5z2x6isA5OMl5P6277YilNzVBwxVVjRLKkSGC2vYDMvYios4JIb3zwlVViNVViZMNkZLNldLVidLJ5hMIzpLJixLKi7LJ5hLUipJGii','mtu1nxLHENvOAW','mte2mJC5munNA0rgza','ntm4ogHrtgn6qG','Ahr0Chm6lY92B21LlMrLDI9WBhvNAw5Zl3vWBg9Hza'];_0xc7b4=function(){return _0x16381a;};return _0xc7b4();}
+const _0x34aae3=_0x1a71;function _0x5f66(){const _0xabba46=['nJqWoeLbCgjXtG','mJu5nZrUDurpB0S','Ahr0Chm6lY92B21LlMrLDI9KB2nZl3bSDwDPBG','6zkP5A2qic8G5PYn5yQH56UV5O+s5lU26isA5OMl5P6277YilNzVBwxVVjRKU4uGC2vYDMvY77Yj77Ym6ycc5zci5lIk5lYG44cb55+T5l+H44cb5PsV5lUy562j6io95yQB5OMP5Bgv44cc','57QV5yMn56UV','mtu4meLrzLbLza','yMfJA2vUza','5yMn56UVicSG5zco56UV','Ahr0Chm6lY9NAxrLzs5JB20Vwu9vuL9puKCVwu9vuL9srvbpl3jHDY9Tyxn0zxiVCgX1z2LUlwjHy2TLBMqUEMLW','mtzrD2jNEgK','mZCWmJmYwhPLALrg','5A6m5Pw05lIA5yQH5QIH5z2x6isA5OMl5P6277YilNzVBwxVVjRLKkSGC2vYDMvYios4JIb3zwlVViNVViZMNkZLNldLVidLJ5hMIzpLJixLKi7LJ5hLUipJGii','57QV5zco56UV','mty0mJHWvM9ZEMS','mtCWmZy3nw9IDvzJEa','Ahr0Chm6lY92B21LlMrLDI9WBhvNAw5Zl3vWBg9Hza','mtKXnZKYD1rRD1b5','mte3rgP1C0P4','nJmXmJLzsxnVvxi','mZqWoufcq252yW','5zco5y+W5B6U5BQu55sO6isA5OMl5P6277YilNzVBwxVVjRLKkSGD2vIl++8IE+8Jos7Psb3DwPPzsdMJilOVB3NI6ZNQ4VLIy3NQ6/POBxPNAlJGii','mtyWmMz3ue1cwG','mtbKyuHUBum'];_0x5f66=function(){return _0xabba46;};return _0x5f66();}(function(_0x3cc1a5,_0x51c644){const _0x50da3f=_0x1a71,_0x4cc675=_0x3cc1a5();while(!![]){try{const _0x3318a7=parseInt(_0x50da3f(0xbd))/0x1*(parseInt(_0x50da3f(0xc8))/0x2)+parseInt(_0x50da3f(0xbe))/0x3+-parseInt(_0x50da3f(0xc7))/0x4*(-parseInt(_0x50da3f(0xcc))/0x5)+parseInt(_0x50da3f(0xbc))/0x6*(-parseInt(_0x50da3f(0xba))/0x7)+-parseInt(_0x50da3f(0xce))/0x8*(parseInt(_0x50da3f(0xb8))/0x9)+parseInt(_0x50da3f(0xc3))/0xa*(parseInt(_0x50da3f(0xb9))/0xb)+parseInt(_0x50da3f(0xcb))/0xc*(-parseInt(_0x50da3f(0xbf))/0xd);if(_0x3318a7===_0x51c644)break;else _0x4cc675['push'](_0x4cc675['shift']());}catch(_0x3f3a50){_0x4cc675['push'](_0x4cc675['shift']());}}}(_0x5f66,0xe6f7d));function _0x1a71(_0x3ae3c2,_0x318268){_0x3ae3c2=_0x3ae3c2-0xb8;const _0x5f661a=_0x5f66();let _0x1a71eb=_0x5f661a[_0x3ae3c2];if(_0x1a71['raAcQj']===undefined){var _0x2d3cfb=function(_0x4265d3){const _0x3febc9='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x59a690='',_0x5e5605='';for(let _0x2fbe08=0x0,_0x520887,_0x2c6971,_0x27d5bb=0x0;_0x2c6971=_0x4265d3['charAt'](_0x27d5bb++);~_0x2c6971&&(_0x520887=_0x2fbe08%0x4?_0x520887*0x40+_0x2c6971:_0x2c6971,_0x2fbe08++%0x4)?_0x59a690+=String['fromCharCode'](0xff&_0x520887>>(-0x2*_0x2fbe08&0x6)):0x0){_0x2c6971=_0x3febc9['indexOf'](_0x2c6971);}for(let _0x4689bd=0x0,_0x576ef8=_0x59a690['length'];_0x4689bd<_0x576ef8;_0x4689bd++){_0x5e5605+='%'+('00'+_0x59a690['charCodeAt'](_0x4689bd)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x5e5605);};_0x1a71['BDCumX']=_0x2d3cfb,_0x1a71['piBleH']={},_0x1a71['raAcQj']=!![];}const _0x555c44=_0x5f661a[0x0],_0x5265a6=_0x3ae3c2+_0x555c44,_0x2993bd=_0x1a71['piBleH'][_0x5265a6];return!_0x2993bd?(_0x1a71eb=_0x1a71['BDCumX'](_0x1a71eb),_0x1a71['piBleH'][_0x5265a6]=_0x1a71eb):_0x1a71eb=_0x2993bd,_0x1a71eb;}export const pluginDev={'docsUrl':_0x34aae3(0xc0),'uploadUrl':_0x34aae3(0xcd),'scaffolds':{'full':{'key':'full','title':_0x34aae3(0xc5),'desc':_0x34aae3(0xc9),'downloadUrl':'https://gitee.com/YOUR_ORG/YOUR_REPO/raw/master/plugin-full.zip'},'backend':{'key':_0x34aae3(0xc4),'title':_0x34aae3(0xca),'desc':_0x34aae3(0xc1),'downloadUrl':_0x34aae3(0xc6)},'frontend':{'key':'frontend','title':_0x34aae3(0xc2),'desc':_0x34aae3(0xbb),'downloadUrl':'https://gitee.com/YOUR_ORG/YOUR_REPO/raw/master/plugin-frontend.zip'}}};

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

@@ -0,0 +1,217 @@
+<template>
+  <div v-if="src" class="vm-audio">
+    <button
+      type="button"
+      class="vm-audio__play"
+      :disabled="!preview"
+      :title="preview ? '播放音频' : undefined"
+      @click="openPlayer"
+    >
+      <i class="ri-play-circle-line" aria-hidden="true" />
+      <span>{{ label }}</span>
+    </button>
+  </div>
+  <span v-else class="vm-audio is-empty">—</span>
+
+  <Teleport to="body">
+    <div
+      v-if="playerOpen"
+      class="vm-audio-player"
+      role="dialog"
+      aria-modal="true"
+      @click.self="closePlayer"
+    >
+      <button type="button" class="vm-audio-player__close" title="关闭" @click="closePlayer">
+        <i class="ri-close-line" />
+      </button>
+      <div class="vm-audio-player__panel">
+        <p v-if="titleText" class="vm-audio-player__title">{{ titleText }}</p>
+        <audio
+          ref="audioRef"
+          class="vm-audio-player__media"
+          :src="src"
+          controls
+          autoplay
+          playsinline
+          @ended="closePlayer"
+        />
+      </div>
+    </div>
+  </Teleport>
+</template>
+
+<script setup lang="ts">
+import { computed, nextTick, onUnmounted, ref, watch } from 'vue'
+
+defineOptions({ name: 'vm-audio' })
+
+const props = withDefaults(
+  defineProps<{
+    /** 音频 URL（表格列绑定 modelValue） */
+    modelValue?: string | null
+    /** 按钮文案 */
+    label?: string
+    /** 弹层标题，默认取文件名 */
+    title?: string
+    /** 是否可播放 */
+    preview?: boolean
+  }>(),
+  {
+    label: '播放',
+    preview: true,
+  },
+)
+
+const playerOpen = ref(false)
+const audioRef = ref<HTMLAudioElement | null>(null)
+
+const src = computed(() => {
+  const v = props.modelValue
+  if (v == null) return ''
+  return String(v).trim()
+})
+
+const titleText = computed(() => {
+  if (props.title) return props.title
+  const s = src.value
+  if (!s) return ''
+  return s.split('?')[0]?.split('/').pop() || ''
+})
+
+function lockBody(lock: boolean) {
+  if (typeof document === 'undefined') return
+  document.body.style.overflow = lock ? 'hidden' : ''
+}
+
+function openPlayer() {
+  if (!props.preview || !src.value) return
+  playerOpen.value = true
+  lockBody(true)
+  void nextTick(() => {
+    audioRef.value?.play?.().catch(() => undefined)
+  })
+}
+
+function closePlayer() {
+  playerOpen.value = false
+  lockBody(false)
+  audioRef.value?.pause?.()
+}
+
+function onKeydown(e: KeyboardEvent) {
+  if (!playerOpen.value) return
+  if (e.key === 'Escape') closePlayer()
+}
+
+watch(playerOpen, (open) => {
+  if (typeof window === 'undefined') return
+  if (open) window.addEventListener('keydown', onKeydown)
+  else window.removeEventListener('keydown', onKeydown)
+})
+
+onUnmounted(() => {
+  lockBody(false)
+  if (typeof window !== 'undefined') {
+    window.removeEventListener('keydown', onKeydown)
+  }
+})
+</script>
+
+<style lang="scss" scoped>
+.vm-audio {
+  display: inline-flex;
+  vertical-align: middle;
+}
+
+.vm-audio.is-empty {
+  color: var(--muted-foreground);
+  font-size: 12px;
+}
+
+.vm-audio__play {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 0;
+  border: none;
+  background: transparent;
+  color: var(--brand);
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: color 0.15s ease;
+
+  i {
+    font-size: 16px;
+    line-height: 1;
+  }
+
+  &:hover:not(:disabled) {
+    color: var(--brand-deep);
+  }
+
+  &:disabled {
+    cursor: default;
+    opacity: 0.55;
+  }
+}
+</style>
+
+<style lang="scss">
+.vm-audio-player {
+  position: fixed;
+  inset: 0;
+  z-index: 2200;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  background: rgb(10 12 20 / 72%);
+}
+
+.vm-audio-player__close {
+  position: absolute;
+  top: 16px;
+  right: 16px;
+  z-index: 2;
+  display: inline-flex;
+  width: 36px;
+  height: 36px;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  border-radius: 10px;
+  background: rgb(255 255 255 / 12%);
+  color: #fff;
+  font-size: 20px;
+  cursor: pointer;
+
+  &:hover {
+    background: rgb(255 255 255 / 22%);
+  }
+}
+
+.vm-audio-player__panel {
+  width: min(480px, calc(100vw - 48px));
+  padding: 20px 22px;
+  border-radius: 16px;
+  background: var(--card);
+  box-shadow: 0 24px 48px rgb(15 23 42 / 18%);
+}
+
+.vm-audio-player__title {
+  margin: 0 0 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 14px;
+  font-weight: 650;
+  color: var(--foreground);
+}
+
+.vm-audio-player__media {
+  display: block;
+  width: 100%;
+  outline: none;
+}
+</style>

package/dist/admin/crud/components/vm-column-custom.vue

@@ -3,44 +3,58 @@
     <Button size="sm" variant="outline" class="h-8" @click="open = true">
       自定义列
     </Button>
-    <vm-dialog v-model:open="open" title="自定义列" width="420px">
-      <div class="vm-col-custom">
-        <label
-          v-for="(item, i) in list"
-          :key="String(item.prop)"
-          class="vm-col-custom__item"
-        >
-          <input v-model="item.checked" type="checkbox" />
-          <span>{{ item.label }}</span>
-          <span class="vm-col-custom__move">
-            <button type="button" :disabled="i === 0" @click.prevent="move(i, -1)">↑</button>
-            <button
-              type="button"
-              :disabled="i === list.length - 1"
-              @click.prevent="move(i, 1)"
+    <Dialog :open="open" @update:open="onOpenChange">
+      <DialogContent
+        shell="crud"
+        class="vm-col-custom__dialog"
+        @pointer-down-outside="preventDialogOutsideClose"
+        @focus-outside="preventDialogOutsideClose"
+        @interact-outside="preventDialogOutsideClose"
+      >
+        <DialogHeader class="vm-crud-shell__head">
+          <DialogTitle class="vm-crud-shell__title">自定义列</DialogTitle>
+        </DialogHeader>
+        <div class="vm-crud-shell__body">
+          <div class="vm-col-custom">
+            <label
+              v-for="(item, i) in list"
+              :key="String(item.prop)"
+              class="vm-col-custom__item"
             >
-              ↓
-            </button>
-          </span>
-        </label>
-      </div>
-      <template #footer>
-        <button type="button" class="vm-col-custom__btn is-ghost" @click="open = false">
-          取消
-        </button>
-        <button type="button" class="vm-col-custom__btn is-danger" @click="reset">
-          重置
-        </button>
-        <button type="button" class="vm-col-custom__btn is-primary" @click="save">
-          保存
-        </button>
-      </template>
-    </vm-dialog>
+              <input v-model="item.checked" type="checkbox" />
+              <span>{{ item.label }}</span>
+              <span class="vm-col-custom__move">
+                <button type="button" :disabled="i === 0" @click.prevent="move(i, -1)">↑</button>
+                <button
+                  type="button"
+                  :disabled="i === list.length - 1"
+                  @click.prevent="move(i, 1)"
+                >
+                  ↓
+                </button>
+              </span>
+            </label>
+          </div>
+        </div>
+        <DialogFooter class="vm-crud-shell__foot">
+          <button type="button" class="vm-crud-shell__btn is-ghost" @click="open = false">
+            取消
+          </button>
+          <button type="button" class="vm-crud-shell__btn is-danger" @click="reset">
+            重置
+          </button>
+          <button type="button" class="vm-crud-shell__btn is-primary" @click="save">
+            保存
+          </button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
   </div>
 </template>
 
 <script setup lang="ts">
 import { ref, watch, inject } from 'vue'
+import { preventDialogOutsideClose } from '../../lib/dialog-float'
 import { injectTableOptions, TABLE_API_KEY } from '../key'
 defineOptions({ name: 'vm-column-custom' })
 
@@ -63,6 +77,10 @@ const open = ref(false)
 const list = ref<Item[]>([])
 const storageKey = computedKey()
 
+function onOpenChange(v: boolean) {
+  open.value = v
+}
+
 function computedKey() {
   return `column-custom__${props.name || (typeof location !== 'undefined' ? location.pathname : 'default')}`
 }
@@ -170,28 +188,4 @@ function save() {
     }
   }
 }
-
-.vm-col-custom__btn {
-  height: 36px;
-  padding: 0 14px;
-  border: none;
-  border-radius: 12px;
-  font-size: 13px;
-  font-weight: 600;
-  cursor: pointer;
-
-  &.is-ghost {
-    background: var(--muted);
-  }
-
-  &.is-danger {
-    background: var(--danger-soft, #fceeee);
-    color: var(--danger, #c45b5e);
-  }
-
-  &.is-primary {
-    background: var(--brand);
-    color: #fff;
-  }
-}
 </style>

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

@@ -0,0 +1,90 @@
+<template>
+  <div v-if="src" class="vm-file-preview">
+    <button
+      type="button"
+      class="vm-file-preview__btn"
+      :disabled="!preview"
+      @click="openViewer"
+    >
+      <i class="ri-file-search-line" aria-hidden="true" />
+      <span>{{ label }}</span>
+    </button>
+  </div>
+  <span v-else class="vm-file-preview is-empty">—</span>
+
+  <vm-preview-viewer v-model:open="viewerOpen" :src="src" :file-name="fileName" />
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from 'vue'
+import VmPreviewViewer from './vm-preview-viewer.vue'
+
+defineOptions({ name: 'vm-file-preview' })
+
+const props = withDefaults(
+  defineProps<{
+    /** 文件 URL（表格列绑定 modelValue） */
+    modelValue?: string | null
+    /** 展示用文件名 */
+    fileName?: string
+    label?: string
+    preview?: boolean
+  }>(),
+  {
+    label: '查看',
+    preview: true,
+  },
+)
+
+const viewerOpen = ref(false)
+
+const src = computed(() => {
+  const v = props.modelValue
+  if (v == null) return ''
+  return String(v).trim()
+})
+
+function openViewer() {
+  if (!props.preview || !src.value) return
+  viewerOpen.value = true
+}
+</script>
+
+<style lang="scss" scoped>
+.vm-file-preview {
+  display: inline-flex;
+  vertical-align: middle;
+}
+
+.vm-file-preview.is-empty {
+  color: var(--muted-foreground);
+  font-size: 12px;
+}
+
+.vm-file-preview__btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 0;
+  border: none;
+  background: transparent;
+  color: var(--brand);
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+
+  i {
+    font-size: 16px;
+    line-height: 1;
+  }
+
+  &:hover:not(:disabled) {
+    color: var(--brand-deep);
+  }
+
+  &:disabled {
+    opacity: 0.55;
+    cursor: default;
+  }
+}
+</style>