vome-core 0.1.33 → 0.1.35

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

@@ -232,14 +232,11 @@ function syncPanelPos() {
   if (!el) return
   const r = el.getBoundingClientRect()
   const maxW = Math.min(820, window.innerWidth - 16)
-  let left = r.left
-  if (left + Math.min(260, maxW) > window.innerWidth - 8) {
-    left = Math.max(8, window.innerWidth - maxW - 8)
-  }
+  // 贴触发框左侧 + 底部
   panelStyle.value = {
     position: 'fixed',
-    top: `${r.bottom + 6}px`,
-    left: `${left}px`,
+    top: `${r.bottom + 2}px`,
+    left: `${r.left}px`,
     zIndex: '200',
     maxWidth: `${maxW}px`,
   }

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

@@ -259,19 +259,11 @@ function syncPanelPos() {
   if (!el) return
   const r = el.getBoundingClientRect()
   const width = Math.min(480, window.innerWidth - 16)
-  let left = r.left
-  if (left + width > window.innerWidth - 8) {
-    left = Math.max(8, window.innerWidth - width - 8)
-  }
-  let top = r.bottom + 6
-  const estH = 320
-  if (top + estH > window.innerHeight - 8) {
-    top = Math.max(8, r.top - estH - 6)
-  }
+  // 贴触发框左侧 + 底部
   panelStyle.value = {
     position: 'fixed',
-    top: `${top}px`,
-    left: `${left}px`,
+    top: `${r.bottom + 2}px`,
+    left: `${r.left}px`,
     width: `${width}px`,
     zIndex: '100',
   }

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

@@ -134,19 +134,11 @@ function syncPanelPos() {
   if (!el) return
   const r = el.getBoundingClientRect()
   const width = Math.max(r.width, 220)
-  let left = r.left
-  if (left + width > window.innerWidth - 8) {
-    left = Math.max(8, window.innerWidth - width - 8)
-  }
-  let top = r.bottom + 6
-  const maxH = Math.min(280, window.innerHeight * 0.45)
-  if (top + maxH > window.innerHeight - 8) {
-    top = Math.max(8, r.top - maxH - 6)
-  }
+  // 贴触发框左侧 + 底部
   panelStyle.value = {
     position: 'fixed',
-    top: `${top}px`,
-    left: `${left}px`,
+    top: `${r.bottom + 2}px`,
+    left: `${r.left}px`,
     width: `${width}px`,
     zIndex: '200',
   }

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

@@ -1 +1 @@
-const _0x17a40c=_0x2cd9;(function(_0x57ca15,_0x3e3b7b){const _0x37d34b=_0x2cd9,_0x4f4e05=_0x57ca15();while(!![]){try{const _0x4d06cc=parseInt(_0x37d34b(0x154))/0x1*(-parseInt(_0x37d34b(0x15c))/0x2)+-parseInt(_0x37d34b(0x167))/0x3+-parseInt(_0x37d34b(0x14e))/0x4+parseInt(_0x37d34b(0x149))/0x5+-parseInt(_0x37d34b(0x153))/0x6+-parseInt(_0x37d34b(0x14f))/0x7*(-parseInt(_0x37d34b(0x14b))/0x8)+parseInt(_0x37d34b(0x151))/0x9*(parseInt(_0x37d34b(0x15d))/0xa);if(_0x4d06cc===_0x3e3b7b)break;else _0x4f4e05['push'](_0x4f4e05['shift']());}catch(_0x30ac94){_0x4f4e05['push'](_0x4f4e05['shift']());}}}(_0x39ad,0xd2170));const ORG=_0x17a40c(0x148);export function serviceUrlFromDocs(_0x2de4b1){const _0x137019=_0x17a40c,_0x42a134=new URL(_0x2de4b1),_0x88c8ed=_0x42a134[_0x137019(0x162)][_0x137019(0x152)](/^www\./,'')[_0x137019(0x152)](/^service\./,'');return _0x42a134[_0x137019(0x161)]+_0x137019(0x14d)+_0x88c8ed;}export function seatApiBaseFromDocs(_0x4b25ad){const _0x343bdc=_0x17a40c;return serviceUrlFromDocs(_0x4b25ad)+_0x343bdc(0x14c);}export function licenseIssueUrlFromDocs(_0x238b35){const _0x15194f=_0x17a40c;return serviceUrlFromDocs(_0x238b35)+_0x15194f(0x15f);}function _0x2cd9(_0x360fa3,_0x55567f){_0x360fa3=_0x360fa3-0x148;const _0x39adfa=_0x39ad();let _0x2cd9f9=_0x39adfa[_0x360fa3];if(_0x2cd9['fdmLQF']===undefined){var _0x128897=function(_0x58a374){const _0x712cc0='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x2de4b1='',_0x42a134='';for(let _0x88c8ed=0x0,_0x4b25ad,_0x238b35,_0x43251b=0x0;_0x238b35=_0x58a374['charAt'](_0x43251b++);~_0x238b35&&(_0x4b25ad=_0x88c8ed%0x4?_0x4b25ad*0x40+_0x238b35:_0x238b35,_0x88c8ed++%0x4)?_0x2de4b1+=String['fromCharCode'](0xff&_0x4b25ad>>(-0x2*_0x88c8ed&0x6)):0x0){_0x238b35=_0x712cc0['indexOf'](_0x238b35);}for(let _0x2ce2d5=0x0,_0x2104b2=_0x2de4b1['length'];_0x2ce2d5<_0x2104b2;_0x2ce2d5++){_0x42a134+='%'+('00'+_0x2de4b1['charCodeAt'](_0x2ce2d5)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x42a134);};_0x2cd9['SvLFex']=_0x128897,_0x2cd9['dYwsPp']={},_0x2cd9['fdmLQF']=!![];}const _0x3e5ea4=_0x39adfa[0x0],_0x4b5702=_0x360fa3+_0x3e5ea4,_0x3c9e07=_0x2cd9['dYwsPp'][_0x4b5702];return!_0x3c9e07?(_0x2cd9f9=_0x2cd9['SvLFex'](_0x2cd9f9),_0x2cd9['dYwsPp'][_0x4b5702]=_0x2cd9f9):_0x2cd9f9=_0x3c9e07,_0x2cd9f9;}function giteeArchive(_0x43251b){const _0x4e0487=_0x17a40c;return'https://gitee.com/'+ORG+'/'+_0x43251b+_0x4e0487(0x156);}function githubArchive(_0x2ce2d5){const _0x18eee2=_0x17a40c;return _0x18eee2(0x15e)+ORG+'/'+_0x2ce2d5+_0x18eee2(0x158);}function _0x39ad(){const _0x2b99d3=['ChjVDg9JB2W','Ag9ZDg5HBwu','5yMn56UVicSG5zco56UV','DM9Tzs1WBhvNAw4TzNjVBNq','DM9Tzs1WBhvNAw4TzNvSBa','z2L0zwu','ndK4mtyXmwzpsgjAua','zNjVBNrLBMq','yMfJA2vUza','DM9TzwTQ','nJyWotCZmeXgtgDTAq','6zkP5A2qic8G5PYn5yQH56UV5O+s5lU26isA5OMl5P6277YilNzVBwxVVjRKU4uGC2vYDMvY77Yj77Ym6ycc5zci5lIk5lYG44cb55+T5l+H44cb5PsV5lUy562j6io95yQB5OMP5Bgv44cc','mteYmty3ndruA1v6B1a','l2fWCc9WBhvNAw5tDg9Yzs9Zzwf0','lY9Zzxj2AwnLlG','odG1mtuYA2vsrfvw','n0nTqvbvvq','5A6m5Pw05lIA5yQH5QIH5z2x6isA5OMl5P6277YilNzVBwxVVjRLKkSGC2vYDMvYios4JIb3zwlVViNVViZMNkZLNldLVidLJ5hMIzpLJixLKi7LJ5hLUipJGii','oxbpA2f6Da','CMvWBgfJzq','odeXnJi3mM5wBxbUDq','mvrxrLP4BG','57QV5yMn56UV','l3jLCg9ZAxrVCNKVyxjJAgL2zs9Tyxn0zxiUEMLW','DM9Tzs1WBhvNAw4TC2vYDMLJzq','l2fYy2HPDMuVCMvMCY9OzwfKCY9Tyxn0zxiUEMLW','Ahr0Chm6lY92B21LA2OUy29T','5zco5y+W5B6U5BQu55sO6isA5OMl5P6277YilNzVBwxVVjRLKkSGD2vIl++8IE+8Jos7Psb3DwPPzsdMJilOVB3NI6ZNQ4VLIy3NQ6/POBxPNAlJGii','57QV5zco56UV','mtGYote4nLrrr1vcyW','mJi4ntyXotbmrMHZwhi','Ahr0Chm6lY9NAxrODwiUy29TlW','l2fWCc9WBhvNAw5tDg9Yzs93ywXSzxqVBgLJzw5Zzs9PC3n1zq','Ahr0Chm6lY9NAxrLzs5JB20V'];_0x39ad=function(){return _0x2b99d3;};return _0x39ad();}function giteeRepo(_0x2104b2){const _0x20d7a9=_0x17a40c;return _0x20d7a9(0x160)+ORG+'/'+_0x2104b2;}function githubRepo(_0x88aa37){const _0x5a737c=_0x17a40c;return _0x5a737c(0x15e)+ORG+'/'+_0x88aa37;}const docsUrl=_0x17a40c(0x159);export const pluginDev={'docsUrl':docsUrl,'serviceUrl':serviceUrlFromDocs(docsUrl),'uploadUrl':docsUrl+'/plugins/upload','mirrors':{'prefer':_0x17a40c(0x166),'giteeOrg':'https://gitee.com/'+ORG,'githubOrg':_0x17a40c(0x15e)+ORG},'scaffolds':{'full':{'key':'full','title':_0x17a40c(0x163),'desc':_0x17a40c(0x150),'repo':_0x17a40c(0x165),'repoUrl':giteeRepo(_0x17a40c(0x165)),'githubRepoUrl':githubRepo(_0x17a40c(0x165)),'downloadUrl':giteeArchive(_0x17a40c(0x165)),'githubDownloadUrl':githubArchive(_0x17a40c(0x165))},'backend':{'key':_0x17a40c(0x169),'title':_0x17a40c(0x15b),'desc':_0x17a40c(0x14a),'repo':'vome-plugin-service','repoUrl':giteeRepo(_0x17a40c(0x157)),'githubRepoUrl':githubRepo(_0x17a40c(0x157)),'downloadUrl':giteeArchive(_0x17a40c(0x157)),'githubDownloadUrl':githubArchive(_0x17a40c(0x157))},'frontend':{'key':_0x17a40c(0x168),'title':_0x17a40c(0x155),'desc':_0x17a40c(0x15a),'repo':'vome-plugin-front','repoUrl':giteeRepo('vome-plugin-front'),'githubRepoUrl':githubRepo(_0x17a40c(0x164)),'downloadUrl':giteeArchive(_0x17a40c(0x164)),'githubDownloadUrl':githubArchive('vome-plugin-front')}}};
+function _0x5055(_0x16eb86,_0x1172af){_0x16eb86=_0x16eb86-0xc0;const _0x6d5fce=_0x6d5f();let _0x5055dd=_0x6d5fce[_0x16eb86];if(_0x5055['vwjtnh']===undefined){var _0x1a7def=function(_0x2be58b){const _0x25c273='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x11d811='',_0x1b5aa6='';for(let _0x1029da=0x0,_0x550435,_0x181f06,_0x2355f4=0x0;_0x181f06=_0x2be58b['charAt'](_0x2355f4++);~_0x181f06&&(_0x550435=_0x1029da%0x4?_0x550435*0x40+_0x181f06:_0x181f06,_0x1029da++%0x4)?_0x11d811+=String['fromCharCode'](0xff&_0x550435>>(-0x2*_0x1029da&0x6)):0x0){_0x181f06=_0x25c273['indexOf'](_0x181f06);}for(let _0x3de192=0x0,_0x5c0cd5=_0x11d811['length'];_0x3de192<_0x5c0cd5;_0x3de192++){_0x1b5aa6+='%'+('00'+_0x11d811['charCodeAt'](_0x3de192)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x1b5aa6);};_0x5055['dbOKpo']=_0x1a7def,_0x5055['XSCbCP']={},_0x5055['vwjtnh']=!![];}const _0x4fdded=_0x6d5fce[0x0],_0x100736=_0x16eb86+_0x4fdded,_0x4e3149=_0x5055['XSCbCP'][_0x100736];return!_0x4e3149?(_0x5055dd=_0x5055['dbOKpo'](_0x5055dd),_0x5055['XSCbCP'][_0x100736]=_0x5055dd):_0x5055dd=_0x4e3149,_0x5055dd;}const _0x392d54=_0x5055;(function(_0x13b075,_0x166e74){const _0x392314=_0x5055,_0x38f3a4=_0x13b075();while(!![]){try{const _0x17b2d8=parseInt(_0x392314(0xd0))/0x1+-parseInt(_0x392314(0xd8))/0x2+parseInt(_0x392314(0xc4))/0x3+-parseInt(_0x392314(0xd1))/0x4*(parseInt(_0x392314(0xd3))/0x5)+parseInt(_0x392314(0xde))/0x6+parseInt(_0x392314(0xcb))/0x7*(parseInt(_0x392314(0xcc))/0x8)+parseInt(_0x392314(0xd7))/0x9*(-parseInt(_0x392314(0xdf))/0xa);if(_0x17b2d8===_0x166e74)break;else _0x38f3a4['push'](_0x38f3a4['shift']());}catch(_0x5f4211){_0x38f3a4['push'](_0x38f3a4['shift']());}}}(_0x6d5f,0x8f7a5));const ORG=_0x392d54(0xda);export function serviceUrlFromDocs(_0x11d811){const _0x50439b=_0x392d54,_0x1b5aa6=new URL(_0x11d811),_0x1029da=_0x1b5aa6[_0x50439b(0xdd)][_0x50439b(0xc7)](/^www\./,'')[_0x50439b(0xc7)](/^service\./,'');return _0x1b5aa6[_0x50439b(0xd9)]+'//service.'+_0x1029da;}export function seatApiBaseFromDocs(_0x550435){const _0x771aaf=_0x392d54;return serviceUrlFromDocs(_0x550435)+_0x771aaf(0xd6);}export function licenseIssueUrlFromDocs(_0x181f06){const _0x1fd13d=_0x392d54;return serviceUrlFromDocs(_0x181f06)+_0x1fd13d(0xca);}function giteeArchive(_0x2355f4){const _0x267e83=_0x392d54;return _0x267e83(0xd2)+ORG+'/'+_0x2355f4+_0x267e83(0xdc);}function githubArchive(_0x3de192){const _0x2ed446=_0x392d54;return _0x2ed446(0xcd)+ORG+'/'+_0x3de192+_0x2ed446(0xce);}function giteeRepo(_0x5c0cd5){const _0x30274f=_0x392d54;return _0x30274f(0xd2)+ORG+'/'+_0x5c0cd5;}function _0x6d5f(){const _0x1fdc57=['mJm3odGYm2P2DvzOqG','z2L0zwu','6zkP5A2qic8G5PYn5yQH56UV5O+s5lU26isA5OMl5P6277YilNzVBwxVVjRKU4uGC2vYDMvY77Yj77Ym6ycc5zci5lIk5lYG44cb55+T5l+H44cb5PsV5lUy562j6io95yQB5OMP5Bgv44cc','CMvWBgfJzq','5zco5y+W5B6U5BQu55sO6isA5OMl5P6277YilNzVBwxVVjRLKkSGD2vIl++8IE+8Jos7Psb3DwPPzsdMJilOVB3NI6ZNQ4VLIy3NQ6/POBxPNAlJGii','5A6m5Pw05lIA5yQH5QIH5z2x6isA5OMl5P6277YilNzVBwxVVjRLKkSGC2vYDMvYios4JIb3zwlVViNVViZMNkZLNldLVidLJ5hMIzpLJixLKi7LJ5hLUipJGii','l2fWCc9WBhvNAw5tDg9Yzs93ywXSzxqVBgLJzw5Zzs9PC3n1zq','mZC1oufty2rnBW','mtu1otjJsLDrs0u','Ahr0Chm6lY9NAxrODwiUy29TlW','l2fYy2HPDMuVCMvMCY9OzwfKCY9Tyxn0zxiUEMLW','57QV5zco56UV','otaZmtu4CgjctNbp','mta0ody2mevvy3HxAa','Ahr0Chm6lY9NAxrLzs5JB20V','mtv5y1zdyxi','DM9Tzs1WBhvNAw4TzNvSBa','zNvSBa','l2fWCc9WBhvNAw5tDg9Yzs9Zzwf0','ntr2runyDNe','nJm1mtG2tfjJwM9H','ChjVDg9JB2W','DM9TzwTQ','5yMn56UVicSG5zco56UV','l3jLCg9ZAxrVCNKVyxjJAgL2zs9Tyxn0zxiUEMLW','Ag9ZDg5HBwu','nJi4mJuYmNrrq0f0zG','mZq5nJCXmg9PtuPbCq','DM9Tzs1WBhvNAw4TzNjVBNq','yMfJA2vUza','57QV5yMn56UV','DM9Tzs1WBhvNAw4TC2vYDMLJzq'];_0x6d5f=function(){return _0x1fdc57;};return _0x6d5f();}function githubRepo(_0x2c1c51){const _0x5cc8b5=_0x392d54;return _0x5cc8b5(0xcd)+ORG+'/'+_0x2c1c51;}const docsUrl='https://vomekj.com';export const pluginDev={'docsUrl':docsUrl,'serviceUrl':serviceUrlFromDocs(docsUrl),'uploadUrl':docsUrl+'/plugins/upload','mirrors':{'prefer':_0x392d54(0xc5),'giteeOrg':_0x392d54(0xd2)+ORG,'githubOrg':_0x392d54(0xcd)+ORG},'scaffolds':{'full':{'key':_0x392d54(0xd5),'title':_0x392d54(0xdb),'desc':_0x392d54(0xc9),'repo':'vome-plugin-full','repoUrl':giteeRepo(_0x392d54(0xd4)),'githubRepoUrl':githubRepo(_0x392d54(0xd4)),'downloadUrl':giteeArchive('vome-plugin-full'),'githubDownloadUrl':githubArchive('vome-plugin-full')},'backend':{'key':_0x392d54(0xc1),'title':_0x392d54(0xcf),'desc':_0x392d54(0xc6),'repo':_0x392d54(0xc3),'repoUrl':giteeRepo(_0x392d54(0xc3)),'githubRepoUrl':githubRepo(_0x392d54(0xc3)),'downloadUrl':giteeArchive(_0x392d54(0xc3)),'githubDownloadUrl':githubArchive('vome-plugin-service')},'frontend':{'key':'frontend','title':_0x392d54(0xc2),'desc':_0x392d54(0xc8),'repo':_0x392d54(0xc0),'repoUrl':giteeRepo(_0x392d54(0xc0)),'githubRepoUrl':githubRepo('vome-plugin-front'),'downloadUrl':giteeArchive(_0x392d54(0xc0)),'githubDownloadUrl':githubArchive(_0x392d54(0xc0))}}};

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

@@ -965,19 +965,11 @@ function syncPanelPos() {
   if (!el) return
   const r = el.getBoundingClientRect()
   const width = 240
-  let left = r.left
-  if (left + width > window.innerWidth - 8) {
-    left = Math.max(8, window.innerWidth - width - 8)
-  }
-  let top = r.bottom + 6
-  const estH = 320
-  if (top + estH > window.innerHeight - 8) {
-    top = Math.max(8, r.top - estH - 6)
-  }
+  // 贴触发框左侧 + 底部
   panelStyle.value = {
     position: 'fixed',
-    top: `${top}px`,
-    left: `${left}px`,
+    top: `${r.bottom + 2}px`,
+    left: `${r.left}px`,
     width: `${width}px`,
     zIndex: '100',
   }

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

@@ -0,0 +1,506 @@
+<template>
+  <div class="vm-dt-cal">
+    <header class="vm-dt-cal__head">
+      <button type="button" class="vm-dt-cal__title" @click="toggleView">
+        <span>{{ headTitle }}</span>
+        <i
+          class="ri-arrow-down-s-line"
+          :class="{ 'is-up': view !== 'date' }"
+          aria-hidden="true"
+        />
+      </button>
+      <div class="vm-dt-cal__nav">
+        <button type="button" class="vm-dt-cal__nav-btn" title="上一页" @click="prevPage">
+          <i class="ri-arrow-up-s-line" aria-hidden="true" />
+        </button>
+        <button type="button" class="vm-dt-cal__nav-btn" title="下一页" @click="nextPage">
+          <i class="ri-arrow-down-s-line" aria-hidden="true" />
+        </button>
+      </div>
+    </header>
+
+    <div v-if="view === 'date'" class="vm-dt-cal__body">
+      <div class="vm-dt-cal__weeks">
+        <span v-for="w in weekdays" :key="w" class="vm-dt-cal__week">{{ w }}</span>
+      </div>
+      <div class="vm-dt-cal__grid">
+        <button
+          v-for="cell in monthCells"
+          :key="cell.key"
+          type="button"
+          class="vm-dt-cal__day"
+          :class="{
+            'is-out': !cell.inMonth,
+            'is-today': cell.isToday,
+            'is-on': selectedIso === cell.iso,
+          }"
+          @click="pickDate(cell.iso)"
+        >
+          {{ cell.day }}
+        </button>
+      </div>
+    </div>
+
+    <div v-else-if="view === 'month'" class="vm-dt-cal__body vm-dt-cal__body--months">
+      <button
+        v-for="(lab, idx) in monthLabels"
+        :key="lab"
+        type="button"
+        class="vm-dt-cal__month"
+        :class="{ 'is-on': viewMonth === idx }"
+        @click="pickMonth(idx)"
+      >
+        {{ lab }}
+      </button>
+    </div>
+
+    <div v-else class="vm-dt-cal__body vm-dt-cal__body--years">
+      <button
+        v-for="y in yearCells"
+        :key="y"
+        type="button"
+        class="vm-dt-cal__year"
+        :class="{ 'is-on': viewYear === y }"
+        @click="pickYear(y)"
+      >
+        {{ y }}
+      </button>
+    </div>
+
+    <div v-if="showTime" class="vm-dt-cal__time">
+      <label class="vm-dt-cal__time-field">
+        <span>时</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)"
+        />
+      </label>
+    </div>
+
+    <footer class="vm-dt-cal__foot">
+      <button type="button" class="vm-dt-cal__link" @click="emit('clear')">清除</button>
+      <button type="button" class="vm-dt-cal__link" @click="pickToday">今天</button>
+    </footer>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import {
+  buildMonthGrid,
+  extractTimeParts,
+  formatYmd,
+  mergeDateAndTime,
+  monthTitle,
+  normalizeDateTimePrecision,
+  parseApiDateTime,
+  type DateTimePrecision,
+} from '../../../shared/datetime-picker'
+
+defineOptions({ name: 'vm-date-calendar-panel' })
+
+const props = withDefaults(
+  defineProps<{
+    modelValue?: string | null
+    precision?: DateTimePrecision | string
+  }>(),
+  {
+    modelValue: null,
+    precision: 'day',
+  },
+)
+
+const emit = defineEmits<{
+  'update:modelValue': [v: string]
+  clear: []
+}>()
+
+const precision = computed(() => normalizeDateTimePrecision(props.precision))
+const weekdays = ['日', '一', '二', '三', '四', '五', '六']
+const monthLabels = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
+
+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())
+
+watch(
+  () => props.modelValue,
+  () => {
+    const d = parseApiDateTime(props.modelValue) || new Date()
+    viewYear.value = d.getFullYear()
+    viewMonth.value = d.getMonth()
+  },
+)
+
+const selectedIso = computed(() => {
+  const d = parseApiDateTime(props.modelValue)
+  return d ? formatYmd(d) : ''
+})
+
+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),
+)
+
+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)
+})
+
+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
+})
+
+const time = computed(() => extractTimeParts(props.modelValue))
+
+function toggleView() {
+  view.value = view.value === 'date' ? 'month' : view.value === 'month' ? 'year' : 'date'
+}
+
+function prevPage() {
+  if (view.value === 'year') {
+    viewYear.value -= 12
+    return
+  }
+  if (view.value === 'month') {
+    viewYear.value -= 1
+    return
+  }
+  if (viewMonth.value <= 0) {
+    viewMonth.value = 11
+    viewYear.value -= 1
+  } else {
+    viewMonth.value -= 1
+  }
+}
+
+function nextPage() {
+  if (view.value === 'year') {
+    viewYear.value += 12
+    return
+  }
+  if (view.value === 'month') {
+    viewYear.value += 1
+    return
+  }
+  if (viewMonth.value >= 11) {
+    viewMonth.value = 0
+    viewYear.value += 1
+  } else {
+    viewMonth.value += 1
+  }
+}
+
+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)
+    return
+  }
+  if (precision.value === 'month') {
+    emit('update:modelValue', isoDate.slice(0, 7))
+    return
+  }
+  if (precision.value === 'year') {
+    emit('update:modelValue', isoDate.slice(0, 4))
+    return
+  }
+  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'
+  if (precision.value === 'month') {
+    emit('update:modelValue', `${viewYear.value}-${String(idx + 1).padStart(2, '0')}`)
+  }
+}
+
+function pickYear(y: number) {
+  viewYear.value = y
+  view.value = 'month'
+  if (precision.value === 'year') {
+    emit('update:modelValue', String(y))
+  }
+}
+
+function pickToday() {
+  const now = new Date()
+  viewYear.value = now.getFullYear()
+  viewMonth.value = now.getMonth()
+  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>
+.vm-dt-cal {
+  box-sizing: border-box;
+  width: 280px;
+  padding: 8px 10px 6px;
+  border: 1px solid var(--border, #e8ebf5);
+  border-radius: 12px;
+  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 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+
+.vm-dt-cal__title {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  margin: 0;
+  padding: 4px 6px;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: inherit;
+  font-size: 14px;
+  font-weight: 600;
+  cursor: pointer;
+
+  &:hover {
+    background: var(--muted, #f4f6fb);
+  }
+
+  i {
+    font-size: 16px;
+    color: var(--muted-foreground, #94a3b8);
+    transition: transform 0.15s ease;
+
+    &.is-up {
+      transform: rotate(180deg);
+    }
+  }
+}
+
+.vm-dt-cal__nav {
+  display: flex;
+  gap: 2px;
+}
+
+.vm-dt-cal__nav-btn {
+  display: inline-flex;
+  width: 24px;
+  height: 24px;
+  align-items: center;
+  justify-content: center;
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--muted-foreground, #64748b);
+  cursor: pointer;
+
+  &:hover {
+    background: var(--muted, #f4f6fb);
+    color: var(--foreground, #1f2937);
+  }
+}
+
+.vm-dt-cal__weeks {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  margin-bottom: 4px;
+}
+
+.vm-dt-cal__week {
+  height: 28px;
+  color: var(--muted-foreground, #64748b);
+  font-size: 12px;
+  line-height: 28px;
+  text-align: center;
+}
+
+.vm-dt-cal__grid {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  gap: 2px 0;
+}
+
+.vm-dt-cal__day {
+  width: 32px;
+  height: 32px;
+  margin: 0 auto;
+  padding: 0;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: inherit;
+  font-size: 13px;
+  line-height: 32px;
+  text-align: center;
+  cursor: pointer;
+
+  &.is-out {
+    color: var(--muted-foreground, #cbd5e1);
+  }
+
+  &.is-today:not(.is-on) {
+    color: var(--primary, var(--vm-brand, #4e5dff));
+    font-weight: 600;
+  }
+
+  &.is-on {
+    background: var(--primary, var(--vm-brand, #4e5dff));
+    color: #fff;
+    font-weight: 600;
+  }
+
+  &:hover:not(.is-on) {
+    background: color-mix(in srgb, var(--primary, #4e5dff) 10%, transparent);
+  }
+}
+
+.vm-dt-cal__body--months,
+.vm-dt-cal__body--years {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 8px 6px;
+  padding: 4px 0 8px;
+}
+
+.vm-dt-cal__month,
+.vm-dt-cal__year {
+  height: 36px;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: inherit;
+  font-size: 13px;
+  cursor: pointer;
+
+  &.is-on {
+    background: var(--primary, var(--vm-brand, #4e5dff));
+    color: #fff;
+    font-weight: 600;
+  }
+
+  &:hover:not(.is-on) {
+    background: var(--muted, #f4f6fb);
+  }
+}
+
+.vm-dt-cal__time {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  padding: 8px 2px 4px;
+  border-top: 1px solid var(--border, #e8ebf5);
+  margin-top: 4px;
+}
+
+.vm-dt-cal__time-field {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  gap: 4px;
+  min-width: 0;
+  font-size: 12px;
+  color: var(--muted-foreground, #64748b);
+
+  input {
+    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;
+    font-size: 13px;
+    outline: none;
+
+    &:focus {
+      border-color: var(--primary, var(--vm-brand, #4e5dff));
+    }
+  }
+}
+
+.vm-dt-cal__foot {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-top: 6px;
+  border-top: 1px solid var(--border, #e8ebf5);
+  margin-top: 4px;
+}
+
+.vm-dt-cal__link {
+  border: 0;
+  background: transparent;
+  color: var(--primary, var(--vm-brand, #4e5dff));
+  font-size: 13px;
+  cursor: pointer;
+  padding: 4px 6px;
+  border-radius: 6px;
+
+  &:hover {
+    background: color-mix(in srgb, var(--primary, #4e5dff) 8%, transparent);
+  }
+}
+</style>