From 7d7dede526eaf994fdd22251144a924c05c5ec04 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Tue, 19 Mar 2024 00:35:39 +0800
Subject: [PATCH] =?UTF-8?q?feat(theme):=20=E5=8D=9A=E4=B8=BB=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E6=96=B0=E5=A2=9E=20=E5=9C=B0=E7=90=86=E4=BD=8D?=
 =?UTF-8?q?=E7=BD=AE=E5=92=8C=E6=89=80=E5=B1=9E=E7=BB=84=E7=BB=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../client/components/TransitionFadeSlideY.vue  | 17 +++++++++++++++++
 .../client/components/icons/IconLocation.vue    |  8 ++++++++
 .../components/icons/IconOrganization.vue       |  8 ++++++++
 3 files changed, 33 insertions(+)
 create mode 100644 theme/src/client/components/TransitionFadeSlideY.vue
 create mode 100644 theme/src/client/components/icons/IconLocation.vue
 create mode 100644 theme/src/client/components/icons/IconOrganization.vue

diff --git a/theme/src/client/components/TransitionFadeSlideY.vue b/theme/src/client/components/TransitionFadeSlideY.vue
new file mode 100644
index 00000000..0a10ee14
--- /dev/null
+++ b/theme/src/client/components/TransitionFadeSlideY.vue
@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import { Transition } from 'vue'
+import { useScrollPromise } from '../composables/index.js'
+
+const { resolve: onBeforeEnter, pending: onBeforeLeave } = useScrollPromise()
+</script>
+
+<template>
+  <Transition
+    name="fade-slide-y"
+    mode="out-in"
+    @before-enter="onBeforeEnter"
+    @before-leave="onBeforeLeave"
+  >
+    <slot />
+  </Transition>
+</template>
diff --git a/theme/src/client/components/icons/IconLocation.vue b/theme/src/client/components/icons/IconLocation.vue
new file mode 100644
index 00000000..601cfa2c
--- /dev/null
+++ b/theme/src/client/components/icons/IconLocation.vue
@@ -0,0 +1,8 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
+    <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+      <circle cx="12" cy="10" r="3" />
+      <path d="M12 2a8 8 0 0 0-8 8c0 1.892.402 3.13 1.5 4.5L12 22l6.5-7.5c1.098-1.37 1.5-2.608 1.5-4.5a8 8 0 0 0-8-8" />
+    </g>
+  </svg>
+</template>
diff --git a/theme/src/client/components/icons/IconOrganization.vue b/theme/src/client/components/icons/IconOrganization.vue
new file mode 100644
index 00000000..c46b371f
--- /dev/null
+++ b/theme/src/client/components/icons/IconOrganization.vue
@@ -0,0 +1,8 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16">
+    <path
+      fill="currentColor"
+      d="M1.75 16A1.75 1.75 0 0 1 0 14.25V1.75C0 .784.784 0 1.75 0h8.5C11.216 0 12 .784 12 1.75v12.5c0 .085-.006.168-.018.25h2.268a.25.25 0 0 0 .25-.25V8.285a.25.25 0 0 0-.111-.208l-1.055-.703a.749.749 0 1 1 .832-1.248l1.055.703c.487.325.779.871.779 1.456v5.965A1.75 1.75 0 0 1 14.25 16h-3.5a.766.766 0 0 1-.197-.026c-.099.017-.2.026-.303.026h-3a.75.75 0 0 1-.75-.75V14h-1v1.25a.75.75 0 0 1-.75.75Zm-.25-1.75c0 .138.112.25.25.25H4v-1.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 .75.75v1.25h2.25a.25.25 0 0 0 .25-.25V1.75a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25ZM3.75 6h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5M3 3.75A.75.75 0 0 1 3.75 3h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 3.75m4 3A.75.75 0 0 1 7.75 6h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 7 6.75M7.75 3h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5M3 9.75A.75.75 0 0 1 3.75 9h.5a.75.75 0 0 1 0 1.5h-.5A.75.75 0 0 1 3 9.75M7.75 9h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1 0-1.5"
+    />
+  </svg>
+</template>