ui

2025-04-23 11:22:46 +08:00
parent 7a1aae1e2f
commit 0b29e4e856
20 changed files with 1301 additions and 1 deletions
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+
+<body style="display:none;">
+  <vslot>
+    <div @click='show=false'>
+      blank dialog
+    </div>
+  </vslot>
+</body>
+<script setup>
+  show = true
+</script>
+<script>
+  let dom = document.createElement('div')
+  Object.assign(dom.style, {
+    position: 'fixed',
+    left: '50%',
+    top: '50%',
+    transform: 'translate(-50%, -50%)',
+    'z-index': 1000,
+    transition: 'all 0.3s ease',
+  })
+  dom.classList.add('animate__animated')
+  document.addEventListener('keydown', (event) => {
+    if (event.key === 'Escape') {
+      $data.show = false
+    }
+  })
+  document.addEventListener('click', (event) => {
+    if (dom.contains(event.target)) {
+      return
+    }
+    $data.show = false
+  })
+  let nodes = Array.from($node.childNodes)
+  setTimeout(() => {
+    dom.innerHTML = ''
+    dom.append(...nodes)
+    $vyes.vproxy.Watch(() => {
+      dom.classList.remove('animate__fadeIn')
+      dom.classList.remove('animate__fadeOut')
+      if ($data.show) {
+        dom.classList.add('animate__fadeIn')
+        document.body.appendChild(dom)
+      } else {
+        dom.classList.add('animate__fadeOut')
+        setTimeout(() => {
+          // dom.style.display = 'none'
+          // $node.appendChild(...nodes)
+          dom.remove()
+        }, 300)
+      }
+    })
+  }, 100)
+</script>
+
+</html>