vome-core 0.1.54 → 0.1.55

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

@@ -1 +1 @@
-const _0x32c5d6=_0x31dd;(function(_0x43a8aa,_0x590b4a){const _0x3bb18f=_0x31dd,_0x25e7f9=_0x43a8aa();while(!![]){try{const _0x2fd89b=-parseInt(_0x3bb18f(0x17f))/0x1+parseInt(_0x3bb18f(0x16d))/0x2+parseInt(_0x3bb18f(0x16c))/0x3*(-parseInt(_0x3bb18f(0x16f))/0x4)+-parseInt(_0x3bb18f(0x17c))/0x5+-parseInt(_0x3bb18f(0x16b))/0x6+parseInt(_0x3bb18f(0x180))/0x7+parseInt(_0x3bb18f(0x183))/0x8;if(_0x2fd89b===_0x590b4a)break;else _0x25e7f9['push'](_0x25e7f9['shift']());}catch(_0xc76e2e){_0x25e7f9['push'](_0x25e7f9['shift']());}}}(_0x3a2c,0x871a0));const ORG=_0x32c5d6(0x16e);function _0x3a2c(){const _0x1a2805=['mtiZmJy1mdrUt0fWuMO','Ahr0Chm6lY92B21LA2OUy29T','z2L0zwu','zNjVBNrLBMq','57QV5yMn56UV','zNvSBa','l2fWCc9WBhvNAw5tDg9Yzs93ywXSzxqVBgLJzw5Zzs9PC3n1zq','Ahr0Chm6lY9NAxrLzs5JB20V','mZe1mZG3nKDlEMDdCG','otL6Au55rNu','oteWndCYr0rVzwLi','DM9TzwTQ','ntmXnNr4sNHXta','5yMn56UVicSG5zco56UV','57QV5zco56UV','Ag9ZDg5HBwu','yMfJA2vUza','CMvWBgfJzq','DM9Tzs1WBhvNAw4TzNvSBa','DM9Tzs1WBhvNAw4TC2vYDMLJzq','lY9Zzxj2AwnLlG','l3jLCg9ZAxrVCNKVyxjJAgL2zs9Tyxn0zxiUEMLW','5zco5y+W5B6U5BQu55sO6isA5OMl5P6277YilNzVBwxVVjRLKkSGD2vIl++8IE+8Jos7Psb3DwPPzsdMJilOVB3NI6ZNQ4VLIy3NQ6/POBxPNAlJGii','l3bSDwDPBNmVDxbSB2fK','ChjVDg9JB2W','mZC2odeZmgThDe9tyq','l2fYy2HPDMuVCMvMCY9OzwfKCY9Tyxn0zxiUEMLW','DM9Tzs1WBhvNAw4TzNjVBNq','nde4mti3BgrkB25M','mJa5mda4muT0A0n4ra','6zkP5A2qic8G5PYn5yQH56UV5O+s5lU26isA5OMl5P6277YilNzVBwxVVjRKU4uGC2vYDMvY77Yj77Ym6ycc5zci5lIk5lYG44cb55+T5l+H44cb5PsV5lUy562j6io95yQB5OMP5Bgv44cc','Ahr0Chm6lY9NAxrODwiUy29TlW'];_0x3a2c=function(){return _0x1a2805;};return _0x3a2c();}function _0x31dd(_0x2b29c1,_0x44f6b1){_0x2b29c1=_0x2b29c1-0x16b;const _0x3a2c51=_0x3a2c();let _0x31dd14=_0x3a2c51[_0x2b29c1];if(_0x31dd['gJAyCI']===undefined){var _0x68cc7b=function(_0xa5fe99){const _0x3b9e7f='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x5a3572='',_0x5640dc='';for(let _0x27c2a3=0x0,_0x1d7d81,_0x54ebee,_0x37a609=0x0;_0x54ebee=_0xa5fe99['charAt'](_0x37a609++);~_0x54ebee&&(_0x1d7d81=_0x27c2a3%0x4?_0x1d7d81*0x40+_0x54ebee:_0x54ebee,_0x27c2a3++%0x4)?_0x5a3572+=String['fromCharCode'](0xff&_0x1d7d81>>(-0x2*_0x27c2a3&0x6)):0x0){_0x54ebee=_0x3b9e7f['indexOf'](_0x54ebee);}for(let _0x38c104=0x0,_0x1e974f=_0x5a3572['length'];_0x38c104<_0x1e974f;_0x38c104++){_0x5640dc+='%'+('00'+_0x5a3572['charCodeAt'](_0x38c104)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x5640dc);};_0x31dd['RWBYdV']=_0x68cc7b,_0x31dd['DKkQCc']={},_0x31dd['gJAyCI']=!![];}const _0x2b9547=_0x3a2c51[0x0],_0x4fd7a1=_0x2b29c1+_0x2b9547,_0x52fafa=_0x31dd['DKkQCc'][_0x4fd7a1];return!_0x52fafa?(_0x31dd14=_0x31dd['RWBYdV'](_0x31dd14),_0x31dd['DKkQCc'][_0x4fd7a1]=_0x31dd14):_0x31dd14=_0x52fafa,_0x31dd14;}export function serviceUrlFromDocs(_0x5a3572){const _0x1e0844=_0x32c5d6,_0x5640dc=new URL(_0x5a3572),_0x27c2a3=_0x5640dc[_0x1e0844(0x172)]['replace'](/^www\./,'')[_0x1e0844(0x174)](/^service\./,'');return _0x5640dc[_0x1e0844(0x17b)]+_0x1e0844(0x177)+_0x27c2a3;}export function seatApiBaseFromDocs(_0x1d7d81){return serviceUrlFromDocs(_0x1d7d81)+'/app/pluginStore/seat';}export function licenseIssueUrlFromDocs(_0x54ebee){const _0x4e7e27=_0x32c5d6;return serviceUrlFromDocs(_0x54ebee)+_0x4e7e27(0x189);}function giteeArchive(_0x37a609){const _0x2ef286=_0x32c5d6;return _0x2ef286(0x18a)+ORG+'/'+_0x37a609+_0x2ef286(0x178);}function githubArchive(_0x38c104){const _0xb5e5a9=_0x32c5d6;return _0xb5e5a9(0x182)+ORG+'/'+_0x38c104+_0xb5e5a9(0x17d);}function giteeRepo(_0x1e974f){return'https://gitee.com/'+ORG+'/'+_0x1e974f;}function githubRepo(_0x4d68d5){const _0x45604c=_0x32c5d6;return _0x45604c(0x182)+ORG+'/'+_0x4d68d5;}const docsUrl=_0x32c5d6(0x184);export const pluginDev={'docsUrl':docsUrl,'serviceUrl':serviceUrlFromDocs(docsUrl),'uploadUrl':docsUrl+_0x32c5d6(0x17a),'mirrors':{'prefer':_0x32c5d6(0x185),'giteeOrg':_0x32c5d6(0x18a)+ORG,'githubOrg':_0x32c5d6(0x182)+ORG},'scaffolds':{'full':{'key':_0x32c5d6(0x188),'title':_0x32c5d6(0x170),'desc':'完整业务模块脚手架（.vome：含\x20server\x20与\x20web），本地开发打包后发布。','repo':_0x32c5d6(0x175),'repoUrl':giteeRepo(_0x32c5d6(0x175)),'githubRepoUrl':githubRepo(_0x32c5d6(0x175)),'downloadUrl':giteeArchive(_0x32c5d6(0x175)),'githubDownloadUrl':githubArchive(_0x32c5d6(0x175))},'backend':{'key':_0x32c5d6(0x173),'title':_0x32c5d6(0x171),'desc':_0x32c5d6(0x181),'repo':_0x32c5d6(0x176),'repoUrl':giteeRepo(_0x32c5d6(0x176)),'githubRepoUrl':githubRepo(_0x32c5d6(0x176)),'downloadUrl':giteeArchive(_0x32c5d6(0x176)),'githubDownloadUrl':githubArchive(_0x32c5d6(0x176))},'frontend':{'key':_0x32c5d6(0x186),'title':_0x32c5d6(0x187),'desc':_0x32c5d6(0x179),'repo':'vome-plugin-front','repoUrl':giteeRepo(_0x32c5d6(0x17e)),'githubRepoUrl':githubRepo(_0x32c5d6(0x17e)),'downloadUrl':giteeArchive(_0x32c5d6(0x17e)),'githubDownloadUrl':githubArchive('vome-plugin-front')}}};
+const _0x42450f=_0x3d65;(function(_0x3cd6fe,_0x400739){const _0x586f75=_0x3d65,_0xf8e49=_0x3cd6fe();while(!![]){try{const _0x172075=-parseInt(_0x586f75(0xcf))/0x1+-parseInt(_0x586f75(0xd1))/0x2+-parseInt(_0x586f75(0xc9))/0x3+-parseInt(_0x586f75(0xc0))/0x4+-parseInt(_0x586f75(0xd4))/0x5+parseInt(_0x586f75(0xd7))/0x6+parseInt(_0x586f75(0xd5))/0x7*(parseInt(_0x586f75(0xc5))/0x8);if(_0x172075===_0x400739)break;else _0xf8e49['push'](_0xf8e49['shift']());}catch(_0x596aba){_0xf8e49['push'](_0xf8e49['shift']());}}}(_0x28c9,0x66558));const ORG=_0x42450f(0xd2);export function serviceUrlFromDocs(_0xf2feab){const _0x19c504=_0x42450f,_0x149e23=new URL(_0xf2feab),_0x1e1cdd=_0x149e23[_0x19c504(0xcb)][_0x19c504(0xb9)](/^www\./,'')[_0x19c504(0xb9)](/^service\./,'');return _0x149e23[_0x19c504(0xbd)]+_0x19c504(0xbc)+_0x1e1cdd;}export function seatApiBaseFromDocs(_0x51cbaa){return serviceUrlFromDocs(_0x51cbaa)+'/app/pluginStore/seat';}export function licenseIssueUrlFromDocs(_0x56ea0f){const _0x5874f7=_0x42450f;return serviceUrlFromDocs(_0x56ea0f)+_0x5874f7(0xc7);}function giteeArchive(_0x3561bb){const _0x43273b=_0x42450f;return'https://gitee.com/'+ORG+'/'+_0x3561bb+_0x43273b(0xc4);}function _0x3d65(_0x2f4639,_0x385671){_0x2f4639=_0x2f4639-0xb8;const _0x28c92e=_0x28c9();let _0x3d657f=_0x28c92e[_0x2f4639];if(_0x3d65['DcnAAs']===undefined){var _0x1111d2=function(_0x3f4560){const _0x1cf19b='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0xf2feab='',_0x149e23='';for(let _0x1e1cdd=0x0,_0x51cbaa,_0x56ea0f,_0x3561bb=0x0;_0x56ea0f=_0x3f4560['charAt'](_0x3561bb++);~_0x56ea0f&&(_0x51cbaa=_0x1e1cdd%0x4?_0x51cbaa*0x40+_0x56ea0f:_0x56ea0f,_0x1e1cdd++%0x4)?_0xf2feab+=String['fromCharCode'](0xff&_0x51cbaa>>(-0x2*_0x1e1cdd&0x6)):0x0){_0x56ea0f=_0x1cf19b['indexOf'](_0x56ea0f);}for(let _0xc2fe66=0x0,_0x2f5cc3=_0xf2feab['length'];_0xc2fe66<_0x2f5cc3;_0xc2fe66++){_0x149e23+='%'+('00'+_0xf2feab['charCodeAt'](_0xc2fe66)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x149e23);};_0x3d65['ySVOlR']=_0x1111d2,_0x3d65['VSnBsP']={},_0x3d65['DcnAAs']=!![];}const _0x25893e=_0x28c92e[0x0],_0x1b0d0c=_0x2f4639+_0x25893e,_0x403adf=_0x3d65['VSnBsP'][_0x1b0d0c];return!_0x403adf?(_0x3d657f=_0x3d65['ySVOlR'](_0x3d657f),_0x3d65['VSnBsP'][_0x1b0d0c]=_0x3d657f):_0x3d657f=_0x403adf,_0x3d657f;}function githubArchive(_0xc2fe66){const _0x56739b=_0x42450f;return _0x56739b(0xc3)+ORG+'/'+_0xc2fe66+_0x56739b(0xc2);}function giteeRepo(_0x2f5cc3){const _0xc5595e=_0x42450f;return _0xc5595e(0xd6)+ORG+'/'+_0x2f5cc3;}function githubRepo(_0x2011e1){const _0x1b39c5=_0x42450f;return _0x1b39c5(0xc3)+ORG+'/'+_0x2011e1;}const docsUrl=_0x42450f(0xc6);function _0x28c9(){const _0x194d0b=['DM9Tzs1WBhvNAw4TzNvSBa','DM9Tzs1WBhvNAw4TzNjVBNq','mte3mZe2zNLHCNrx','5yMn56UVicSG5zco56UV','mteWndG4og1AwLv1CW','DM9TzwTQ','z2L0zwu','mZaWnZuXmfzfvwnrsq','mti1nZKXnJflt0XdBwG','Ahr0Chm6lY9NAxrLzs5JB20V','mJeYodG3mNDuBKjKtG','5A6m5Pw05lIA5yQH5QIH5z2x6isA5OMl5P6277YilNzVBwxVVjRLKkSGC2vYDMvYios4JIb3zwlVViNVViZMNkZLNldLVidLJ5hMIzpLJixLKi7LJ5hLUipJGii','CMvWBgfJzq','5zco5y+W5B6U5BQu55sO6isA5OMl5P6277YilNzVBwxVVjRLKkSGD2vIl++8IE+8Jos7Psb3DwPPzsdMJilOVB3NI6ZNQ4VLIy3NQ6/POBxPNAlJGii','yMfJA2vUza','lY9Zzxj2AwnLlG','ChjVDg9JB2W','57QV5yMn56UV','DM9Tzs1WBhvNAw4TC2vYDMLJzq','mti1odC1nLzZDfztqG','l3bSDwDPBNmVDxbSB2fK','l2fYy2HPDMuVCMvMCY9OzwfKCY9Tyxn0zxiUEMLW','Ahr0Chm6lY9NAxrODwiUy29TlW','l3jLCg9ZAxrVCNKVyxjJAgL2zs9Tyxn0zxiUEMLW','og1tvKryCW','Ahr0Chm6lY92B21LA2OUy29T','l2fWCc9WBhvNAw5tDg9Yzs93ywXSzxqVBgLJzw5Zzs9PC3n1zq','zNvSBa','ndqWmtCYwKT4u3jm','57QV5zco56UV','Ag9ZDg5HBwu','6zkP5A2qic8G5PYn5yQH56UV5O+s5lU26isA5OMl5P6277YilNzVBwxVVjRKU4uGC2vYDMvY77Yj77Ym6ycc5zci5lIk5lYG44cb55+T5l+H44cb5PsV5lUy562j6io95yQB5OMP5Bgv44cc'];_0x28c9=function(){return _0x194d0b;};return _0x28c9();}export const pluginDev={'docsUrl':docsUrl,'serviceUrl':serviceUrlFromDocs(docsUrl),'uploadUrl':docsUrl+_0x42450f(0xc1),'mirrors':{'prefer':_0x42450f(0xd3),'giteeOrg':_0x42450f(0xd6)+ORG,'githubOrg':_0x42450f(0xc3)+ORG},'scaffolds':{'full':{'key':_0x42450f(0xc8),'title':_0x42450f(0xd0),'desc':_0x42450f(0xb8),'repo':'vome-plugin-full','repoUrl':giteeRepo(_0x42450f(0xcd)),'githubRepoUrl':githubRepo(_0x42450f(0xcd)),'downloadUrl':giteeArchive(_0x42450f(0xcd)),'githubDownloadUrl':githubArchive(_0x42450f(0xcd))},'backend':{'key':_0x42450f(0xbb),'title':_0x42450f(0xca),'desc':_0x42450f(0xcc),'repo':'vome-plugin-service','repoUrl':giteeRepo('vome-plugin-service'),'githubRepoUrl':githubRepo('vome-plugin-service'),'downloadUrl':giteeArchive(_0x42450f(0xbf)),'githubDownloadUrl':githubArchive('vome-plugin-service')},'frontend':{'key':'frontend','title':_0x42450f(0xbe),'desc':_0x42450f(0xba),'repo':_0x42450f(0xce),'repoUrl':giteeRepo(_0x42450f(0xce)),'githubRepoUrl':githubRepo('vome-plugin-front'),'downloadUrl':giteeArchive('vome-plugin-front'),'githubDownloadUrl':githubArchive(_0x42450f(0xce))}}};

package/dist/admin/crud/components/vm-date-calendar-panel.vue

@@ -26,7 +26,7 @@
       <div class="vm-dt-cal__grid">
         <button
           v-for="cell in monthCells"
-          :key="cell.key"
+          :key="cell.iso"
           type="button"
           class="vm-dt-cal__day"
           :class="{
@@ -34,7 +34,7 @@
             'is-today': cell.isToday,
             'is-on': selectedIso === cell.iso,
           }"
-          @click="pickDate(cell.iso)"
+          @click="emitValue(cell.iso)"
         >
           {{ cell.day }}
         </button>
@@ -46,7 +46,7 @@
         v-for="(lab, idx) in monthLabels"
         :key="lab"
         type="button"
-        class="vm-dt-cal__month"
+        class="vm-dt-cal__cell"
         :class="{ 'is-on': viewMonth === idx }"
         @click="pickMonth(idx)"
       >
@@ -54,12 +54,12 @@
       </button>
     </div>
 
-    <div v-else class="vm-dt-cal__body vm-dt-cal__body--years">
+    <div v-else class="vm-dt-cal__body vm-dt-cal__body--months">
       <button
         v-for="y in yearCells"
         :key="y"
         type="button"
-        class="vm-dt-cal__year"
+        class="vm-dt-cal__cell"
         :class="{ 'is-on': viewYear === y }"
         @click="pickYear(y)"
       >
@@ -67,35 +67,21 @@
       </button>
     </div>
 
-    <div v-if="showTime" class="vm-dt-cal__time">
-      <label class="vm-dt-cal__time-field">
-        <span>时</span>
+    <div v-if="isDatetime" class="vm-dt-cal__time">
+      <label v-for="f in timeFields" :key="f.key" class="vm-dt-cal__time-field">
+        <span>{{ f.label }}</span>
         <input
           type="number"
-          min="0"
-          max="23"
-          :value="time.h"
-          @change="(e) => setTime('h', e)"
-        />
-      </label>
-      <label v-if="timeFields >= 2" class="vm-dt-cal__time-field">
-        <span>分</span>
-        <input
-          type="number"
-          min="0"
-          max="59"
-          :value="time.m"
-          @change="(e) => setTime('m', e)"
-        />
-      </label>
-      <label v-if="timeFields >= 3" class="vm-dt-cal__time-field">
-        <span>秒</span>
-        <input
-          type="number"
-          min="0"
-          max="59"
-          :value="time.s"
-          @change="(e) => setTime('s', e)"
+          :min="0"
+          :max="f.max"
+          inputmode="numeric"
+          :value="draft[f.key]"
+          @pointerdown.stop
+          @keydown.stop
+          @focus="timeFocused = true"
+          @input="(e) => onTimeInput(f.key, e)"
+          @change="(e) => onTimeCommit(f.key, e)"
+          @blur="onTimeBlur"
         />
       </label>
     </div>
@@ -108,13 +94,11 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, watch } from 'vue'
+import { computed, reactive, ref, watch } from 'vue'
 import {
   buildMonthGrid,
-  extractTimeParts,
+  clampTimePart,
   formatYmd,
-  mergeDateAndTime,
-  monthTitle,
   normalizeDateTimePrecision,
   parseApiDateTime,
   type DateTimePrecision,
@@ -139,23 +123,47 @@ const emit = defineEmits<{
 }>()
 
 const precision = computed(() => normalizeDateTimePrecision(props.precision))
+const isDatetime = computed(() => precision.value === 'datetime')
 const weekdays = ['日', '一', '二', '三', '四', '五', '六']
-const monthLabels = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+const monthLabels = [
+  '1月',
+  '2月',
+  '3月',
+  '4月',
+  '5月',
+  '6月',
+  '7月',
+  '8月',
+  '9月',
+  '10月',
+  '11月',
+  '12月',
+]
+const timeFields = [
+  { key: 'h' as const, label: '时', max: 23 },
+  { key: 'm' as const, label: '分', max: 59 },
+  { key: 's' as const, label: '秒', max: 59 },
+]
 
 type PanelView = 'date' | 'month' | 'year'
 const view = ref<PanelView>('date')
-
-const anchor = computed(() => parseApiDateTime(props.modelValue) || new Date())
-const viewYear = ref(anchor.value.getFullYear())
-const viewMonth = ref(anchor.value.getMonth())
+const draft = reactive({ h: '0', m: '0', s: '0' })
+const timeFocused = ref(false)
+const viewYear = ref(new Date().getFullYear())
+const viewMonth = ref(new Date().getMonth())
 
 watch(
   () => props.modelValue,
-  () => {
-    const d = parseApiDateTime(props.modelValue) || new Date()
+  (v) => {
+    const d = parseApiDateTime(v) || new Date()
     viewYear.value = d.getFullYear()
     viewMonth.value = d.getMonth()
+    if (timeFocused.value) return
+    draft.h = String(d.getHours())
+    draft.m = String(d.getMinutes())
+    draft.s = String(d.getSeconds())
   },
+  { immediate: true },
 )
 
 const selectedIso = computed(() => {
@@ -164,7 +172,6 @@ const selectedIso = computed(() => {
 })
 
 const monthCells = computed(() => buildMonthGrid(viewYear.value, viewMonth.value))
-
 const yearStart = computed(() => Math.floor(viewYear.value / 10) * 10)
 const yearCells = computed(() =>
   Array.from({ length: 12 }, (_, i) => yearStart.value + i),
@@ -173,19 +180,49 @@ const yearCells = computed(() =>
 const headTitle = computed(() => {
   if (view.value === 'year') return `${yearStart.value}年 - ${yearStart.value + 11}年`
   if (view.value === 'month') return `${viewYear.value}年`
-  return monthTitle(viewYear.value, viewMonth.value)
+  return `${viewYear.value}年${String(viewMonth.value + 1).padStart(2, '0')}月`
 })
 
-const showTime = computed(() =>
-  ['hour', 'minute', 'second'].includes(precision.value),
-)
-const timeFields = computed(() => {
-  if (precision.value === 'hour') return 1
-  if (precision.value === 'minute') return 2
-  return 3
-})
+function currentTime() {
+  return {
+    h: clampTimePart('h', Number(draft.h) || 0),
+    m: clampTimePart('m', Number(draft.m) || 0),
+    s: clampTimePart('s', Number(draft.s) || 0),
+  }
+}
 
-const time = computed(() => extractTimeParts(props.modelValue))
+function emitDatetime(isoDate: string, t = currentTime()) {
+  const pad = (n: number) => String(n).padStart(2, '0')
+  emit(
+    'update:modelValue',
+    `${isoDate} ${pad(t.h)}:${pad(t.m)}:${pad(t.s)}`,
+  )
+}
+
+function onTimeBlur() {
+  timeFocused.value = false
+  const t = currentTime()
+  draft.h = String(t.h)
+  draft.m = String(t.m)
+  draft.s = String(t.s)
+}
+
+function onTimeInput(k: 'h' | 'm' | 's', e: Event) {
+  const raw = (e.target as HTMLInputElement).value
+  draft[k] = raw
+  if (raw === '' || !Number.isFinite(Number(raw))) return
+  const next = currentTime()
+  next[k] = clampTimePart(k, Number(raw))
+  emitDatetime(selectedIso.value || formatYmd(new Date()), next)
+}
+
+function onTimeCommit(k: 'h' | 'm' | 's', e: Event) {
+  const n = Number((e.target as HTMLInputElement).value)
+  const next = currentTime()
+  next[k] = Number.isFinite(n) ? clampTimePart(k, n) : 0
+  draft[k] = String(next[k])
+  emitDatetime(selectedIso.value || formatYmd(new Date()), next)
+}
 
 function toggleView() {
   view.value = view.value === 'date' ? 'month' : view.value === 'month' ? 'year' : 'date'
@@ -226,15 +263,8 @@ function nextPage() {
 }
 
 function emitValue(isoDate: string) {
-  if (showTime.value) {
-    const v = mergeDateAndTime(
-      isoDate,
-      time.value.h,
-      time.value.m,
-      time.value.s,
-      precision.value,
-    )
-    emit('update:modelValue', v)
+  if (isDatetime.value) {
+    emitDatetime(isoDate)
     return
   }
   if (precision.value === 'month') {
@@ -248,13 +278,6 @@ function emitValue(isoDate: string) {
   emit('update:modelValue', isoDate)
 }
 
-function pickDate(iso: string) {
-  emitValue(iso)
-  if (precision.value === 'day') {
-    view.value = 'date'
-  }
-}
-
 function pickMonth(idx: number) {
   viewMonth.value = idx
   view.value = 'date'
@@ -278,15 +301,6 @@ function pickToday() {
   view.value = 'date'
   emitValue(formatYmd(now))
 }
-
-function setTime(k: 'h' | 'm' | 's', e: Event) {
-  const n = Number((e.target as HTMLInputElement).value)
-  if (!Number.isFinite(n)) return
-  const iso = selectedIso.value || formatYmd(new Date())
-  const next = { ...time.value, [k]: Math.max(0, Math.min(k === 'h' ? 23 : 59, n)) }
-  const v = mergeDateAndTime(iso, next.h, next.m, next.s, precision.value)
-  emit('update:modelValue', v)
-}
 </script>
 
 <style lang="scss" scoped>
@@ -416,16 +430,14 @@ function setTime(k: 'h' | 'm' | 's', e: Event) {
   }
 }
 
-.vm-dt-cal__body--months,
-.vm-dt-cal__body--years {
+.vm-dt-cal__body--months {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 8px 6px;
   padding: 4px 0 8px;
 }
 
-.vm-dt-cal__month,
-.vm-dt-cal__year {
+.vm-dt-cal__cell {
   height: 36px;
   border: 0;
   border-radius: 8px;
@@ -474,6 +486,7 @@ function setTime(k: 'h' | 'm' | 's', e: Event) {
     color: inherit;
     font-size: 13px;
     outline: none;
+    user-select: text;
 
     &:focus {
       border-color: var(--primary, var(--vm-brand, #4e5dff));

package/dist/admin/crud/components/vm-date-picker.vue

@@ -1,12 +1,11 @@
 <template>
   <VmDatetimeField
-    :model-value="inner"
+    :model-value="modelValue || null"
     :precision="precision"
     :placeholder="placeholderText"
     :disabled="disabled"
     :style="{ width }"
     @update:model-value="onUpdate"
-    @change="onUpdate"
   />
 </template>
 
@@ -14,6 +13,7 @@
 import { computed } from 'vue'
 import { useCrud } from '../useCrud'
 import VmDatetimeField from './vm-datetime-field.vue'
+import type { DateTimePrecision } from '../../../shared/datetime-picker'
 
 defineOptions({ name: 'vm-date-picker' })
 
@@ -21,7 +21,6 @@ const props = withDefaults(
   defineProps<{
     modelValue?: string | null
     type?: 'date' | 'datetime' | 'month' | 'year'
-    valueFormat?: string
     prop?: string
     width?: string
     disabled?: boolean
@@ -42,22 +41,27 @@ const emit = defineEmits<{
 
 const crud = useCrud()
 
-const precision = computed(() => {
-  if (props.type === 'datetime') return 'second'
-  if (props.type === 'month') return 'month'
-  if (props.type === 'year') return 'year'
-  return 'day'
-})
+const TYPE_PRECISION: Record<string, DateTimePrecision> = {
+  date: 'day',
+  datetime: 'datetime',
+  month: 'month',
+  year: 'year',
+}
 
-const placeholderText = computed(() => {
-  if (props.placeholder) return props.placeholder
-  if (props.type === 'datetime') return '选择日期时间'
-  if (props.type === 'month') return '选择月份'
-  if (props.type === 'year') return '选择年份'
-  return '选择日期'
-})
+const TYPE_PLACEHOLDER: Record<string, string> = {
+  date: '选择日期',
+  datetime: '选择日期时间',
+  month: '选择月份',
+  year: '选择年份',
+}
 
-const inner = computed(() => props.modelValue || null)
+const precision = computed(
+  () => TYPE_PRECISION[props.type] ?? ('day' as DateTimePrecision),
+)
+
+const placeholderText = computed(
+  () => props.placeholder || TYPE_PLACEHOLDER[props.type] || '选择日期',
+)
 
 function onUpdate(v: string | null) {
   const out = v || ''

package/dist/admin/crud/components/vm-date-range.vue

@@ -2,36 +2,35 @@
   <div class="vm-date-range" :class="{ 'is-disabled': disabled }">
     <VmDatetimeField
       class="vm-date-range__field"
-      :model-value="props.modelValue?.[0] ?? null"
+      :model-value="modelValue?.[0] ?? null"
       :precision="precision"
       :placeholder="startPlaceholder"
       :disabled="disabled"
       @update:model-value="(v) => set(0, v)"
-      @change="(v) => set(0, v)"
     />
     <span class="vm-date-range__sep">-</span>
     <VmDatetimeField
       class="vm-date-range__field"
-      :model-value="props.modelValue?.[1] ?? null"
+      :model-value="modelValue?.[1] ?? null"
       :precision="precision"
       :placeholder="endPlaceholder"
       :disabled="disabled"
       @update:model-value="(v) => set(1, v)"
-      @change="(v) => set(1, v)"
     />
   </div>
 </template>
 
 <script setup lang="ts">
-defineOptions({ name: 'vm-date-range' })
-
 import VmDatetimeField from './vm-datetime-field.vue'
+import type { DateTimePrecision } from '../../../shared/datetime-picker'
+
+defineOptions({ name: 'vm-date-range' })
 
 const props = withDefaults(
   defineProps<{
     modelValue?: Array<string | null>
-    /** 时间精度：year | month | day | hour | minute | second */
-    precision?: 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second'
+    /** year | month | day | datetime */
+    precision?: DateTimePrecision
     startPlaceholder?: string
     endPlaceholder?: string
     disabled?: boolean
@@ -65,7 +64,6 @@ function set(idx: 0 | 1, v: string | null) {
   box-sizing: border-box;
   width: 100%;
   align-items: center;
-  gap: 0;
 
   &.is-disabled {
     opacity: 0.55;
@@ -79,12 +77,11 @@ function set(idx: 0 | 1, v: string | null) {
 }
 
 .vm-date-range__sep {
-  flex: 0 0 auto;
+  flex: none;
   padding: 0 8px;
   color: var(--muted-foreground, #94a3b8);
   font-size: 13px;
   font-weight: 600;
-  line-height: 1;
   user-select: none;
 }
 </style>

package/dist/admin/crud/components/vm-datetime-field.vue

@@ -2,25 +2,23 @@
   <div
     ref="rootRef"
     class="vm-dt-field"
-    :class="{ 'is-disabled': disabled, 'is-open': open }"
+    :class="{ 'is-disabled': disabled }"
     @click="onRootClick"
   >
-    <div class="vm-dt-field__side">
-      <div class="vm-dt-field__box">
-        <span v-if="!displayText && placeholder" class="vm-dt-field__ph">{{
-          placeholder
-        }}</span>
-        <span class="vm-dt-field__val">{{ displayText }}</span>
-      </div>
-      <i class="ri-calendar-line vm-dt-field__icon" aria-hidden="true" />
+    <div class="vm-dt-field__box">
+      <span v-if="!displayText && placeholder" class="vm-dt-field__ph">{{
+        placeholder
+      }}</span>
+      <span class="vm-dt-field__val">{{ displayText }}</span>
     </div>
+    <i class="ri-calendar-line vm-dt-field__icon" aria-hidden="true" />
 
     <Teleport to="body">
-      <!-- vm-dialog-float：Dialog modal 下 body 为 pointer-events:none，且须被 preventDialogOutsideClose 识别 -->
+      <!-- vm-dialog-float：Dialog modal 下须被 preventDialogOutsideClose 识别 -->
       <div
         v-if="open"
         ref="panelWrapRef"
-        class="vm-dt-field__panel-wrap vm-dialog-float"
+        class="vm-dialog-float"
         :style="panelStyle"
         @pointerdown.stop
         @mousedown.stop
@@ -37,7 +35,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
 import VmDateCalendarPanel from './vm-date-calendar-panel.vue'
 import {
   dateTimeDisplayText,
@@ -73,7 +71,6 @@ const open = ref(false)
 const panelStyle = ref<Record<string, string>>({})
 
 const precision = computed(() => normalizeDateTimePrecision(props.precision))
-
 const displayText = computed(() =>
   dateTimeDisplayText(props.modelValue, precision.value),
 )
@@ -82,7 +79,6 @@ function syncPanelPos() {
   const el = rootRef.value
   if (!el) return
   const r = el.getBoundingClientRect()
-  // 贴触发框左侧 + 底部
   panelStyle.value = {
     position: 'fixed',
     left: `${r.left}px`,
@@ -95,24 +91,20 @@ function close() {
   open.value = false
 }
 
-function openPanel() {
+function onRootClick() {
   if (props.disabled) return
+  if (open.value) {
+    close()
+    return
+  }
   open.value = true
   syncPanelPos()
 }
 
-function onRootClick() {
-  if (props.disabled) return
-  if (open.value) close()
-  else openPanel()
-}
-
 function onPick(v: string) {
   emit('update:modelValue', v)
   emit('change', v)
-  if (precision.value === 'day' || precision.value === 'month' || precision.value === 'year') {
-    close()
-  }
+  if (precision.value !== 'datetime') close()
 }
 
 function onClear() {
@@ -132,10 +124,6 @@ function onViewportChange() {
   if (open.value) syncPanelPos()
 }
 
-watch(open, (v) => {
-  if (v) syncPanelPos()
-})
-
 onMounted(() => {
   document.addEventListener('pointerdown', onDocPointer, true)
   window.addEventListener('resize', onViewportChange)
@@ -152,14 +140,17 @@ onBeforeUnmount(() => {
 <style lang="scss" scoped>
 .vm-dt-field {
   box-sizing: border-box;
+  display: flex;
   width: 100%;
   height: var(--vm-control-height, 38px);
+  align-items: center;
+  gap: 6px;
+  padding: 0 10px;
   border: 1px solid transparent;
   border-radius: 12px;
   background: var(--muted, #f4f6fb);
   cursor: pointer;
   outline: none;
-  /* 弹层触发：不展示点击聚焦描边 */
 
   &.is-disabled {
     opacity: 0.55;
@@ -168,14 +159,6 @@ onBeforeUnmount(() => {
   }
 }
 
-.vm-dt-field__side {
-  display: flex;
-  height: 100%;
-  align-items: center;
-  gap: 6px;
-  padding: 0 10px;
-}
-
 .vm-dt-field__box {
   position: relative;
   flex: 1 1 auto;