vome-core 0.1.34 → 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 _0x5435d3=_0xe66b;(function(_0x323267,_0x56447a){const _0x144203=_0xe66b,_0x103280=_0x323267();while(!![]){try{const _0x4818d1=-parseInt(_0x144203(0x93))/0x1+parseInt(_0x144203(0x8b))/0x2+parseInt(_0x144203(0x85))/0x3+-parseInt(_0x144203(0xa3))/0x4*(-parseInt(_0x144203(0x90))/0x5)+-parseInt(_0x144203(0x86))/0x6*(parseInt(_0x144203(0x9a))/0x7)+parseInt(_0x144203(0x87))/0x8*(-parseInt(_0x144203(0xa4))/0x9)+parseInt(_0x144203(0x8e))/0xa;if(_0x4818d1===_0x56447a)break;else _0x103280['push'](_0x103280['shift']());}catch(_0x443443){_0x103280['push'](_0x103280['shift']());}}}(_0x315b,0x7618e));const ORG=_0x5435d3(0x9b);export function serviceUrlFromDocs(_0x651b39){const _0x1b46ee=_0x5435d3,_0x97439b=new URL(_0x651b39),_0x485329=_0x97439b[_0x1b46ee(0x94)][_0x1b46ee(0x9d)](/^www\./,'')[_0x1b46ee(0x9d)](/^service\./,'');return _0x97439b['protocol']+'//service.'+_0x485329;}export function seatApiBaseFromDocs(_0x3f20da){const _0xa55d1b=_0x5435d3;return serviceUrlFromDocs(_0x3f20da)+_0xa55d1b(0x8d);}function _0x315b(){const _0x52b1b0=['DM9Tzs1WBhvNAw4TzNvSBa','5zco5y+W5B6U5BQu55sO6isA5OMl5P6277YilNzVBwxVVjRLKkSGD2vIl++8IE+8Jos7Psb3DwPPzsdMJilOVB3NI6ZNQ4VLIy3NQ6/POBxPNAlJGii','nJi3odC5D25uyLzY','Ag9ZDg5HBwu','Ahr0Chm6lY92B21LA2OUy29T','l2fYy2HPDMuVCMvMCY9OzwfKCY9Tyxn0zxiUEMLW','zNvSBa','z2L0zwu','57QV5zco56UV','ndLzzNbhs3y','DM9TzwTQ','5yMn56UVicSG5zco56UV','CMvWBgfJzq','DM9Tzs1WBhvNAw4TC2vYDMLJzq','l3bSDwDPBNmVDxbSB2fK','DM9Tzs1WBhvNAw4TzNjVBNq','l3jLCg9ZAxrVCNKVyxjJAgL2zs9Tyxn0zxiUEMLW','5A6m5Pw05lIA5yQH5QIH5z2x6isA5OMl5P6277YilNzVBwxVVjRLKkSGC2vYDMvYios4JIb3zwlVViNVViZMNkZLNldLVidLJ5hMIzpLJixLKi7LJ5hLUipJGii','mty3mJuXnKDQy3DxyW','mJDHB3bgsM0','mtG0ntyXmMnkCM95uq','ntu3ntq0r0zbDfn0','mtuXmZGZmLjXwhrcqq','zNjVBNrLBMq','Ahr0Chm6lY9NAxrODwiUy29TlW','yMfJA2vUza','mZCXmtm4sertAgHo','Ahr0Chm6lY9NAxrLzs5JB20V','l2fWCc9WBhvNAw5tDg9Yzs9Zzwf0','mteXmdG1odbvAMj0zvu','57QV5yMn56UV','nxb4ve5HAW'];_0x315b=function(){return _0x52b1b0;};return _0x315b();}export function licenseIssueUrlFromDocs(_0x3f86f1){return serviceUrlFromDocs(_0x3f86f1)+'/app/pluginStore/wallet/license/issue';}function giteeArchive(_0x33b110){const _0x428a84=_0x5435d3;return _0x428a84(0x8c)+ORG+'/'+_0x33b110+_0x428a84(0xa1);}function githubArchive(_0x2431cb){const _0x3410cf=_0x5435d3;return _0x3410cf(0x89)+ORG+'/'+_0x2431cb+_0x3410cf(0x96);}function giteeRepo(_0x52a54a){return'https://gitee.com/'+ORG+'/'+_0x52a54a;}function _0xe66b(_0x3bfad5,_0x378e71){_0x3bfad5=_0x3bfad5-0x85;const _0x315bf5=_0x315b();let _0xe66bbf=_0x315bf5[_0x3bfad5];if(_0xe66b['kNiiZS']===undefined){var _0x12a87a=function(_0x1b6b00){const _0x9e693e='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x651b39='',_0x97439b='';for(let _0x485329=0x0,_0x3f20da,_0x3f86f1,_0x33b110=0x0;_0x3f86f1=_0x1b6b00['charAt'](_0x33b110++);~_0x3f86f1&&(_0x3f20da=_0x485329%0x4?_0x3f20da*0x40+_0x3f86f1:_0x3f86f1,_0x485329++%0x4)?_0x651b39+=String['fromCharCode'](0xff&_0x3f20da>>(-0x2*_0x485329&0x6)):0x0){_0x3f86f1=_0x9e693e['indexOf'](_0x3f86f1);}for(let _0x2431cb=0x0,_0x52a54a=_0x651b39['length'];_0x2431cb<_0x52a54a;_0x2431cb++){_0x97439b+='%'+('00'+_0x651b39['charCodeAt'](_0x2431cb)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x97439b);};_0xe66b['Wrzwnr']=_0x12a87a,_0xe66b['KILFAc']={},_0xe66b['kNiiZS']=!![];}const _0x21ee24=_0x315bf5[0x0],_0x2b04bc=_0x3bfad5+_0x21ee24,_0x5c934c=_0xe66b['KILFAc'][_0x2b04bc];return!_0x5c934c?(_0xe66bbf=_0xe66b['Wrzwnr'](_0xe66bbf),_0xe66b['KILFAc'][_0x2b04bc]=_0xe66bbf):_0xe66bbf=_0x5c934c,_0xe66bbf;}function githubRepo(_0x3985f7){const _0x4ea88a=_0x5435d3;return _0x4ea88a(0x89)+ORG+'/'+_0x3985f7;}const docsUrl=_0x5435d3(0x95);export const pluginDev={'docsUrl':docsUrl,'serviceUrl':serviceUrlFromDocs(docsUrl),'uploadUrl':docsUrl+_0x5435d3(0x9f),'mirrors':{'prefer':_0x5435d3(0x98),'giteeOrg':'https://gitee.com/'+ORG,'githubOrg':_0x5435d3(0x89)+ORG},'scaffolds':{'full':{'key':_0x5435d3(0x97),'title':_0x5435d3(0x9c),'desc':_0x5435d3(0xa2),'repo':_0x5435d3(0x91),'repoUrl':giteeRepo('vome-plugin-full'),'githubRepoUrl':githubRepo(_0x5435d3(0x91)),'downloadUrl':giteeArchive(_0x5435d3(0x91)),'githubDownloadUrl':githubArchive(_0x5435d3(0x91))},'backend':{'key':_0x5435d3(0x8a),'title':_0x5435d3(0x99),'desc':'钩子\x20/\x20服务端插件脚手架（.vome：仅\x20server），适合上传、短信、支付等能力扩展。','repo':_0x5435d3(0x9e),'repoUrl':giteeRepo(_0x5435d3(0x9e)),'githubRepoUrl':githubRepo('vome-plugin-service'),'downloadUrl':giteeArchive('vome-plugin-service'),'githubDownloadUrl':githubArchive(_0x5435d3(0x9e))},'frontend':{'key':_0x5435d3(0x88),'title':_0x5435d3(0x8f),'desc':_0x5435d3(0x92),'repo':_0x5435d3(0xa0),'repoUrl':giteeRepo(_0x5435d3(0xa0)),'githubRepoUrl':githubRepo(_0x5435d3(0xa0)),'downloadUrl':giteeArchive('vome-plugin-front'),'githubDownloadUrl':githubArchive(_0x5435d3(0xa0))}}};
+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>