vome-core 0.1.54 → 0.1.56

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 _0x5bdd00=_0x3bd1;(function(_0xeb1cd4,_0x471399){const _0x560dfb=_0x3bd1,_0x3cf1d5=_0xeb1cd4();while(!![]){try{const _0x29ac44=-parseInt(_0x560dfb(0x124))/0x1*(-parseInt(_0x560dfb(0x132))/0x2)+parseInt(_0x560dfb(0x12e))/0x3*(-parseInt(_0x560dfb(0x12d))/0x4)+-parseInt(_0x560dfb(0x129))/0x5*(-parseInt(_0x560dfb(0x11f))/0x6)+parseInt(_0x560dfb(0x12f))/0x7*(parseInt(_0x560dfb(0x127))/0x8)+parseInt(_0x560dfb(0x123))/0x9*(parseInt(_0x560dfb(0x13c))/0xa)+parseInt(_0x560dfb(0x136))/0xb*(-parseInt(_0x560dfb(0x128))/0xc)+-parseInt(_0x560dfb(0x13e))/0xd*(-parseInt(_0x560dfb(0x135))/0xe);if(_0x29ac44===_0x471399)break;else _0x3cf1d5['push'](_0x3cf1d5['shift']());}catch(_0x2bab84){_0x3cf1d5['push'](_0x3cf1d5['shift']());}}}(_0x5b8e,0xbf09e));const ORG=_0x5bdd00(0x130);export function serviceUrlFromDocs(_0x4109c7){const _0x8c1717=_0x5bdd00,_0x590968=new URL(_0x4109c7),_0x2f2af3=_0x590968['hostname']['replace'](/^www\./,'')[_0x8c1717(0x126)](/^service\./,'');return _0x590968[_0x8c1717(0x122)]+'//service.'+_0x2f2af3;}function _0x5b8e(){const _0x3a84ca=['57QV5yMn56UV','mZG3mZuYyLf3rxvJ','mJrvu3n6wNa','ntG2nLj3rfjXsa','DM9TzwTQ','6zkP5A2qic8G5PYn5yQH56UV5O+s5lU26isA5OMl5P6277YilNzVBwxVVjRKU4uGC2vYDMvY77Yj77Ym6ycc5zci5lIk5lYG44cb55+T5l+H44cb5PsV5lUy562j6io95yQB5OMP5Bgv44cc','mMXoAMvsrG','Ahr0Chm6lY92B21LA2OUy29T','57QV5zco56UV','mtyYmdCXndjNwurvEfG','ndK1zevYCfvQ','l2fWCc9WBhvNAw5tDg9Yzs93ywXSzxqVBgLJzw5Zzs9PC3n1zq','Ahr0Chm6lY9NAxrODwiUy29TlW','5zco5y+W5B6U5BQu55sO6isA5OMl5P6277YilNzVBwxVVjRLKkSGD2vIl++8IE+8Jos7Psb3DwPPzsdMJilOVB3NI6ZNQ4VLIy3NQ6/POBxPNAlJGii','5yMn56UVicSG5zco56UV','z2L0zwu','mtq2mtm3otbxuu55CNu','zNjVBNrLBMq','mtnyuhP3rLy','yMfJA2vUza','mJu1otG0tKzWv3vm','Ahr0Chm6lY9NAxrLzs5JB20V','zNvSBa','ChjVDg9JB2W','ourwBfDezW','mJK0nZfuvNDnC0m','DM9Tzs1WBhvNAw4TzNjVBNq','CMvWBgfJzq','mJeYohPiv0HOCW','mZG0ntG4wgfPA2H1','mtvuCxnpAfi','DM9Tzs1WBhvNAw4TzNvSBa','DM9Tzs1WBhvNAw4TC2vYDMLJzq'];_0x5b8e=function(){return _0x3a84ca;};return _0x5b8e();}export function seatApiBaseFromDocs(_0x256f8b){return serviceUrlFromDocs(_0x256f8b)+'/app/pluginStore/seat';}export function licenseIssueUrlFromDocs(_0x1e1a61){const _0x46cf16=_0x5bdd00;return serviceUrlFromDocs(_0x1e1a61)+_0x46cf16(0x137);}function giteeArchive(_0x50aa0e){const _0x3e9951=_0x5bdd00;return _0x3e9951(0x120)+ORG+'/'+_0x50aa0e+'/repository/archive/master.zip';}function githubArchive(_0x2d75ca){const _0x3aa292=_0x5bdd00;return _0x3aa292(0x138)+ORG+'/'+_0x2d75ca+'/archive/refs/heads/master.zip';}function giteeRepo(_0x26d2ec){const _0x82e20e=_0x5bdd00;return _0x82e20e(0x120)+ORG+'/'+_0x26d2ec;}function githubRepo(_0x208bee){const _0x3cae19=_0x5bdd00;return _0x3cae19(0x138)+ORG+'/'+_0x208bee;}const docsUrl=_0x5bdd00(0x133);function _0x3bd1(_0x21268b,_0x15a47c){_0x21268b=_0x21268b-0x11e;const _0x5b8e14=_0x5b8e();let _0x3bd140=_0x5b8e14[_0x21268b];if(_0x3bd1['ttYZOf']===undefined){var _0x51c2db=function(_0x4c8084){const _0x4e720b='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x4109c7='',_0x590968='';for(let _0x2f2af3=0x0,_0x256f8b,_0x1e1a61,_0x50aa0e=0x0;_0x1e1a61=_0x4c8084['charAt'](_0x50aa0e++);~_0x1e1a61&&(_0x256f8b=_0x2f2af3%0x4?_0x256f8b*0x40+_0x1e1a61:_0x1e1a61,_0x2f2af3++%0x4)?_0x4109c7+=String['fromCharCode'](0xff&_0x256f8b>>(-0x2*_0x2f2af3&0x6)):0x0){_0x1e1a61=_0x4e720b['indexOf'](_0x1e1a61);}for(let _0x2d75ca=0x0,_0x26d2ec=_0x4109c7['length'];_0x2d75ca<_0x26d2ec;_0x2d75ca++){_0x590968+='%'+('00'+_0x4109c7['charCodeAt'](_0x2d75ca)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x590968);};_0x3bd1['RQllfG']=_0x51c2db,_0x3bd1['SpkxdG']={},_0x3bd1['ttYZOf']=!![];}const _0x348f8c=_0x5b8e14[0x0],_0x2eeb60=_0x21268b+_0x348f8c,_0x50a163=_0x3bd1['SpkxdG'][_0x2eeb60];return!_0x50a163?(_0x3bd140=_0x3bd1['RQllfG'](_0x3bd140),_0x3bd1['SpkxdG'][_0x2eeb60]=_0x3bd140):_0x3bd140=_0x50a163,_0x3bd140;}export const pluginDev={'docsUrl':docsUrl,'serviceUrl':serviceUrlFromDocs(docsUrl),'uploadUrl':docsUrl+'/plugins/upload','mirrors':{'prefer':_0x5bdd00(0x13b),'giteeOrg':_0x5bdd00(0x120)+ORG,'githubOrg':'https://github.com/'+ORG},'scaffolds':{'full':{'key':_0x5bdd00(0x121),'title':_0x5bdd00(0x13a),'desc':'完整业务模块脚手架（.vome：含\x20server\x20与\x20web），本地开发打包后发布。','repo':_0x5bdd00(0x12a),'repoUrl':giteeRepo(_0x5bdd00(0x12a)),'githubRepoUrl':githubRepo(_0x5bdd00(0x12a)),'downloadUrl':giteeArchive(_0x5bdd00(0x12a)),'githubDownloadUrl':githubArchive(_0x5bdd00(0x12a))},'backend':{'key':_0x5bdd00(0x11e),'title':_0x5bdd00(0x134),'desc':_0x5bdd00(0x131),'repo':_0x5bdd00(0x12b),'repoUrl':giteeRepo(_0x5bdd00(0x12b)),'githubRepoUrl':githubRepo(_0x5bdd00(0x12b)),'downloadUrl':giteeArchive(_0x5bdd00(0x12b)),'githubDownloadUrl':githubArchive(_0x5bdd00(0x12b))},'frontend':{'key':_0x5bdd00(0x13d),'title':_0x5bdd00(0x12c),'desc':_0x5bdd00(0x139),'repo':_0x5bdd00(0x125),'repoUrl':giteeRepo('vome-plugin-front'),'githubRepoUrl':githubRepo(_0x5bdd00(0x125)),'downloadUrl':giteeArchive('vome-plugin-front'),'githubDownloadUrl':githubArchive('vome-plugin-front')}}};

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,22 @@
       </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" @pointerdown.stop>
+      <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)"
+          type="text"
+          inputmode="numeric"
+          autocomplete="off"
+          maxlength="2"
+          :value="draft[f.key]"
+          @pointerdown.stop
+          @mousedown.stop
+          @click.stop
+          @keydown.stop="onTimeKeydown(f.key, $event)"
+          @focus="onTimeFocus"
+          @input="(e) => onTimeInput(f.key, e)"
+          @blur="onTimeBlur(f.key)"
         />
       </label>
     </div>
@@ -108,13 +95,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 +124,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 +173,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 +181,56 @@ 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),
+  }
+}
+
+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 onTimeFocus() {
+  timeFocused.value = true
+}
+
+/** 手输过程只改 draft，失焦 / Enter 再提交，避免受控回写打乱光标 */
+function onTimeInput(k: 'h' | 'm' | 's', e: Event) {
+  const raw = (e.target as HTMLInputElement).value.replace(/\D/g, '').slice(0, 2)
+  draft[k] = raw
+  ;(e.target as HTMLInputElement).value = raw
+}
+
+function commitTimeField(k: 'h' | 'm' | 's') {
+  const n = Number(draft[k])
+  const next = currentTime()
+  next[k] = Number.isFinite(n) ? clampTimePart(k, n) : 0
+  draft[k] = String(next[k])
+  emitDatetime(selectedIso.value || formatYmd(new Date()), next)
+}
 
-const time = computed(() => extractTimeParts(props.modelValue))
+function onTimeBlur(k: 'h' | 'm' | 's') {
+  commitTimeField(k)
+  timeFocused.value = false
+}
+
+function onTimeKeydown(k: 'h' | 'm' | 's', e: KeyboardEvent) {
+  if (e.key === 'Enter') {
+    e.preventDefault()
+    commitTimeField(k)
+    ;(e.target as HTMLInputElement).blur()
+  }
+}
 
 function toggleView() {
   view.value = view.value === 'date' ? 'month' : view.value === 'month' ? 'year' : 'date'
@@ -226,15 +271,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 +286,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 +309,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>
@@ -299,7 +321,6 @@ function setTime(k: 'h' | 'm' | 's', e: Event) {
   background: var(--card, #fff);
   box-shadow: 0 8px 24px rgb(15 23 42 / 10%);
   color: var(--foreground, #1f2937);
-  user-select: none;
 }
 
 .vm-dt-cal__head {
@@ -416,16 +437,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;
@@ -464,19 +483,28 @@ function setTime(k: 'h' | 'm' | 's', e: Event) {
   color: var(--muted-foreground, #64748b);
 
   input {
+    box-sizing: border-box;
     width: 100%;
     min-width: 0;
     height: 28px;
     padding: 0 6px;
     border: 1px solid var(--border, #e8ebf5);
     border-radius: 8px;
-    background: var(--muted, #f8fafc);
-    color: inherit;
+    background: #fff;
+    color: var(--foreground, #1f2937);
     font-size: 13px;
+    line-height: 28px;
+    text-align: center;
     outline: none;
+    cursor: text;
+    user-select: text;
+    -webkit-user-select: text;
+    caret-color: var(--primary, var(--vm-brand, #4e5dff));
 
     &:focus {
       border-color: var(--primary, var(--vm-brand, #4e5dff));
+      background: #fff;
+      box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary, #4e5dff) 18%, transparent);
     }
   }
 }

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>