Initial project

src/components/popup/index.ts

@@ -0,0 +1,5 @@
+import view from "./index.vue";
+import Toolkit from "~/utils/Toolkit";
+
+export const Popup = Toolkit.withInstall(view);
+export default Popup;

src/components/popup/index.vue

@@ -0,0 +1,26 @@
+<template>
+	<div id="tui-popup"></div>
+</template>
+
+<script lang="ts" setup>
+defineOptions({
+	name: "Popup"
+});
+</script>
+
+<style lang="less" scoped>
+#tui-popup {
+	border: var(--tui-border);
+	z-index: 20;
+	position: fixed;
+	font-size: 13px;
+	visibility: hidden;
+	box-shadow: 2px 2px 0 rgba(50, 50, 50, .2);
+	background: #F4F4F4;
+
+	:deep(.text) {
+		padding: 3px 6px 5px 6px;
+		max-width: 420px;
+	}
+}
+</style>