vome-core 0.1.34 → 0.1.36

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))}}};
+const _0x116b80=_0x21b1;(function(_0x2ec633,_0x8b2d61){const _0x2220fb=_0x21b1,_0x560891=_0x2ec633();while(!![]){try{const _0x3ed7b4=parseInt(_0x2220fb(0x1c0))/0x1*(parseInt(_0x2220fb(0x1b6))/0x2)+-parseInt(_0x2220fb(0x1b2))/0x3*(-parseInt(_0x2220fb(0x1ad))/0x4)+-parseInt(_0x2220fb(0x1a9))/0x5+parseInt(_0x2220fb(0x1a6))/0x6+parseInt(_0x2220fb(0x1aa))/0x7*(parseInt(_0x2220fb(0x1b5))/0x8)+parseInt(_0x2220fb(0x1bb))/0x9+-parseInt(_0x2220fb(0x1ba))/0xa;if(_0x3ed7b4===_0x8b2d61)break;else _0x560891['push'](_0x560891['shift']());}catch(_0x2eec5d){_0x560891['push'](_0x560891['shift']());}}}(_0x3f02,0x4fae5));const ORG=_0x116b80(0x1bc);export function serviceUrlFromDocs(_0x38ed1a){const _0x1d94aa=_0x116b80,_0x1f8536=new URL(_0x38ed1a),_0x501804=_0x1f8536[_0x1d94aa(0x1b7)]['replace'](/^www\./,'')[_0x1d94aa(0x1a8)](/^service\./,'');return _0x1f8536['protocol']+_0x1d94aa(0x1be)+_0x501804;}export function seatApiBaseFromDocs(_0x5f0d1d){const _0x2100a9=_0x116b80;return serviceUrlFromDocs(_0x5f0d1d)+_0x2100a9(0x1b3);}export function licenseIssueUrlFromDocs(_0x303c61){return serviceUrlFromDocs(_0x303c61)+'/app/pluginStore/wallet/license/issue';}function _0x21b1(_0x585394,_0x2ac1d6){_0x585394=_0x585394-0x1a4;const _0x3f0265=_0x3f02();let _0x21b11c=_0x3f0265[_0x585394];if(_0x21b1['uQaakx']===undefined){var _0x8c6d1b=function(_0xbd9d8e){const _0x54ee4b='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';let _0x38ed1a='',_0x1f8536='';for(let _0x501804=0x0,_0x5f0d1d,_0x303c61,_0x312f86=0x0;_0x303c61=_0xbd9d8e['charAt'](_0x312f86++);~_0x303c61&&(_0x5f0d1d=_0x501804%0x4?_0x5f0d1d*0x40+_0x303c61:_0x303c61,_0x501804++%0x4)?_0x38ed1a+=String['fromCharCode'](0xff&_0x5f0d1d>>(-0x2*_0x501804&0x6)):0x0){_0x303c61=_0x54ee4b['indexOf'](_0x303c61);}for(let _0x51aa6f=0x0,_0x5b1e25=_0x38ed1a['length'];_0x51aa6f<_0x5b1e25;_0x51aa6f++){_0x1f8536+='%'+('00'+_0x38ed1a['charCodeAt'](_0x51aa6f)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x1f8536);};_0x21b1['VsPvOR']=_0x8c6d1b,_0x21b1['xpWLqA']={},_0x21b1['uQaakx']=!![];}const _0x1f393b=_0x3f0265[0x0],_0x5962c7=_0x585394+_0x1f393b,_0x49da89=_0x21b1['xpWLqA'][_0x5962c7];return!_0x49da89?(_0x21b11c=_0x21b1['VsPvOR'](_0x21b11c),_0x21b1['xpWLqA'][_0x5962c7]=_0x21b11c):_0x21b11c=_0x49da89,_0x21b11c;}function giteeArchive(_0x312f86){const _0x4a78ef=_0x116b80;return _0x4a78ef(0x1b0)+ORG+'/'+_0x312f86+'/repository/archive/master.zip';}function githubArchive(_0x51aa6f){const _0x28bdc2=_0x116b80;return _0x28bdc2(0x1b1)+ORG+'/'+_0x51aa6f+_0x28bdc2(0x1a7);}function _0x3f02(){const _0xd7bd74=['mJC1ndC5og9sq0zcCq','l2fYy2HPDMuVCMvMCY9OzwfKCY9Tyxn0zxiUEMLW','CMvWBgfJzq','mty0otu3mhv5CK1lvq','n05zy0P2wa','5A6m5Pw05lIA5yQH5QIH5z2x6isA5OMl5P6277YilNzVBwxVVjRLKkSGC2vYDMvYios4JIb3zwlVViNVViZMNkZLNldLVidLJ5hMIzpLJixLKi7LJ5hLUipJGii','6zkP5A2qic8G5PYn5yQH56UV5O+s5lU26isA5OMl5P6277YilNzVBwxVVjRKU4uGC2vYDMvY77Yj77Ym6ycc5zci5lIk5lYG44cb55+T5l+H44cb5PsV5lUy562j6io95yQB5OMP5Bgv44cc','mJG0otjRsufLqK8','5yMn56UVicSG5zco56UV','zNjVBNrLBMq','Ahr0Chm6lY9NAxrLzs5JB20V','Ahr0Chm6lY9NAxrODwiUy29TlW','odDnvMndAKy','l2fWCc9WBhvNAw5tDg9Yzs9Zzwf0','Ahr0Chm6lY92B21LA2OUy29T','ndiXnZqZmLjxzNzmvG','otaWmNbLr2XzCa','Ag9ZDg5HBwu','57QV5zco56UV','yMfJA2vUza','mtq2mZm2mdb4BvvrwgK','ndG5nZy0n0Pmr29LEG','DM9TzwTQ','57QV5yMn56UV','lY9Zzxj2AwnLlG','DM9Tzs1WBhvNAw4TzNjVBNq','odveEMLKrw0','5zco5y+W5B6U5BQu55sO6isA5OMl5P6277YilNzVBwxVVjRLKkSGD2vIl++8IE+8Jos7Psb3DwPPzsdMJilOVB3NI6ZNQ4VLIy3NQ6/POBxPNAlJGii','DM9Tzs1WBhvNAw4TC2vYDMLJzq','l3bSDwDPBNmVDxbSB2fK','DM9Tzs1WBhvNAw4TzNvSBa'];_0x3f02=function(){return _0xd7bd74;};return _0x3f02();}function giteeRepo(_0x5b1e25){const _0x174c37=_0x116b80;return _0x174c37(0x1b0)+ORG+'/'+_0x5b1e25;}function githubRepo(_0x1f0f23){const _0x3cd781=_0x116b80;return _0x3cd781(0x1b1)+ORG+'/'+_0x1f0f23;}const docsUrl=_0x116b80(0x1b4);export const pluginDev={'docsUrl':docsUrl,'serviceUrl':serviceUrlFromDocs(docsUrl),'uploadUrl':docsUrl+_0x116b80(0x1a4),'mirrors':{'prefer':'gitee','giteeOrg':_0x116b80(0x1b0)+ORG,'githubOrg':_0x116b80(0x1b1)+ORG},'scaffolds':{'full':{'key':'full','title':_0x116b80(0x1ae),'desc':_0x116b80(0x1ab),'repo':_0x116b80(0x1a5),'repoUrl':giteeRepo('vome-plugin-full'),'githubRepoUrl':githubRepo(_0x116b80(0x1a5)),'downloadUrl':giteeArchive('vome-plugin-full'),'githubDownloadUrl':githubArchive(_0x116b80(0x1a5))},'backend':{'key':_0x116b80(0x1b9),'title':_0x116b80(0x1b8),'desc':_0x116b80(0x1ac),'repo':'vome-plugin-service','repoUrl':giteeRepo(_0x116b80(0x1c2)),'githubRepoUrl':githubRepo('vome-plugin-service'),'downloadUrl':giteeArchive('vome-plugin-service'),'githubDownloadUrl':githubArchive(_0x116b80(0x1c2))},'frontend':{'key':_0x116b80(0x1af),'title':_0x116b80(0x1bd),'desc':_0x116b80(0x1c1),'repo':_0x116b80(0x1bf),'repoUrl':giteeRepo('vome-plugin-front'),'githubRepoUrl':githubRepo('vome-plugin-front'),'downloadUrl':giteeArchive(_0x116b80(0x1bf)),'githubDownloadUrl':githubArchive(_0x116b80(0x1bf))}}};

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>