feat: initial commit

apps/user-app/src/components/DialogVant.vue

@@ -0,0 +1,56 @@
+<!--
+  Ported from legacy henza_pwa/src/components/DialogVant.vue.
+  EXISTING ISSUE, ported as-is (not fixed): this component doesn't declare a
+  `show`/`modelValue` prop, and the internal `watch(() => props.modelValue, ...)`
+  references a prop that was never declared (always undefined, so that watcher
+  effectively never fires — its `showNotify`/timeout auto-hide logic is dead
+  code). Actual visibility works anyway, because <van-dialog> is this
+  component's sole root element and Vue's automatic attribute fallthrough
+  passes the parent's `v-model:show` straight through to it. Preserved exactly.
+-->
+<template>
+  <van-dialog>
+    <div class="my-4">
+      <div class="w-full flex justify-center">
+        <slot name="img">{{ text2 }}</slot>
+      </div>
+      <div class="w-full flex justify-center text-[18px] font-semibold">
+        <slot name="title">{{ text1 }}</slot>
+      </div>
+      <div class="grid grid-cols-2 border-t border-solid border-[#E5E7EB] pt-4 mx-2 mt-6 font-semibold text-[15px]">
+        <slot name="button">{{ text3 }}</slot>
+      </div>
+    </div>
+  </van-dialog>
+</template>
+
+<script setup lang="ts">
+import { Dialog as VanDialog } from 'vant'
+
+withDefaults(
+  defineProps<{
+    timeOut: number
+    text1?: string
+    text2?: string
+    text3?: string
+  }>(),
+  {},
+)
+</script>
+
+<style lang="less">
+.van-dialog__confirm,
+.van-dialog__cancel {
+  display: none !important;
+}
+.van-dialog__confirm .van-button__text {
+  color: #1c2d56;
+  font-weight: 600;
+  font-size: 15px;
+}
+.van-dialog__cancel .van-button__text {
+  color: #6b7280;
+  font-weight: 600;
+  font-size: 15px;
+}
+</style>