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,76 @@
+<template>
+    <Modal v-model="isModal" @on-visible-change="showChange" :title="title">
+        <Alert type="warning" class="mb-1" show-icon>
+            <template #icon>
+                <Icon type="ios-bulb-outline" :class="{ 'mt-5': !info }" slot="icon" :size="28"></Icon>
+            </template>
+            <div v-if="msg" :class="['message-box', info ? '' : 'mt-10 mb-10 ml-10']">{{ msg }}</div>
+            <template #desc v-if="info" slot="desc">{{ info }}</template>
+        </Alert>
+        <template #footer>
+            <Button type="primary" :loading="okLoading" @click="onOkClick">{{ confirmText }}</Button>
+            <Button :loading="cancleLoading" @click="onCancleClick">{{ closeText }}</Button>
+        </template>
+    </Modal>
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted } from "vue";
+import { Modal, Button, Alert, Icon } from "view-ui-plus";
+
+const isModal = ref(false),
+    okLoading = ref(false),
+    cancleLoading = ref(false);
+
+const props = withDefaults(
+    defineProps<{
+        title?: string;
+        msg: string;
+        info?: string;
+        isLoading?: boolean;
+        confirmText?: string;
+        closeText?: string;
+        confirmFn: any;
+        closeFn: any;
+        destroy: Function;
+    }>(),
+    {
+        title: "提示",
+        isLoading: true,
+        confirmText: "确认",
+        closeText: "取消",
+    }
+);
+
+onMounted(function () {
+    setTimeout(() => {
+        isModal.value = true;
+    }, 0);
+});
+
+const onOkClick = async () => {
+    if (!!props.isLoading) okLoading.value = true;
+    const { onOk, reslove } = props.confirmFn;
+    await Promise.resolve(onOk());
+    isModal.value = false;
+    okLoading.value = false;
+    reslove(true);
+};
+
+const onCancleClick = async () => {
+    if (!!props.isLoading) cancleLoading.value = true;
+    const { onCancel, reslove } = props.closeFn;
+    if (typeof onCancel !== "undefined") await Promise.resolve(onCancel());
+    cancleLoading.value = false;
+    isModal.value = false;
+    reslove(false);
+};
+
+const showChange = (state: boolean) => {
+    if (!state) {
+        props.destroy();
+    }
+};
+</script>
+
+<style></style>
@@ -0,0 +1,42 @@
+import { MyConfirm } from "@/types/Basics";
+import confirm from "./Confirm.vue";
+
+import { createApp } from "vue";
+export default ({ title, msg, info, confirmText, closeText, isLoading, onOk, onCancel }: MyConfirm) => {
+    return new Promise<boolean>((reslove, reject) => {
+        const instance = createApp(confirm, {
+            title,
+            msg,
+            info,
+            confirmText,
+            closeText,
+            isLoading,
+            confirmFn: {
+                onOk,
+                reslove,
+            },
+            closeFn: {
+                onCancel,
+                reslove,
+            },
+            destroy: () => {
+                closeUnmount();
+            },
+        });
+
+        // 创建一个节点
+        const vnode = document.createElement("div");
+        // 添加到body元素上
+        document.body.appendChild(vnode);
+        // 实例挂载到节点上
+        instance.mount(vnode);
+        // 关闭状态
+        // 注册实例并移除节点
+        function closeUnmount() {
+            setTimeout(() => {
+                instance.unmount();
+                document.body.removeChild(vnode);
+            }, 100);
+        }
+    });
+};