init: userbase front/service/deploy source (CI builds front via Gitea Actions)

2026-08-04 21:24:50 +08:00
commit e02dcc23da
407 changed files with 48134 additions and 0 deletions
@@ -0,0 +1,43 @@
+<script setup lang="ts">
+import { ref, computed, withDefaults } from "vue";
+
+interface Props {
+    prefix?: string;
+    name?: string;
+    color?: string;
+    hoverColor?: string;
+    size?: string | number;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    prefix: "icon",
+    name: "",
+    color: "#000",
+});
+
+const isHover = ref(false);
+const symbolId = computed(() => `#${props.prefix}-${props.name}`);
+const svgStyle = computed(() => {
+    if (!!props.size) return { width: props.size + "px", height: props.size + "px" };
+    else return null;
+});
+
+const compColor = computed(() => {
+    if (!props.hoverColor) return props.color;
+    else {
+        return !!isHover.value ? props.hoverColor : props.color;
+    }
+});
+</script>
+
+<template>
+    <svg
+        @mouseover="isHover = true"
+        @mouseout="isHover = false"
+        aria-hidden="true"
+        :color="compColor"
+        :style="svgStyle"
+    >
+        <use :xlink:href="symbolId" :fill="compColor" :color="compColor" />
+    </svg>
+</template>