feat: watermark (#203)

* feat: add watermark

src/views/able/menu-tree.vue

@@ -0,0 +1,36 @@
+<script lang="ts">
+export default {
+  name: "reMenuTree"
+};
+</script>
+
+<script setup lang="ts">
+import { ref, computed } from "vue";
+import { extractPathList, deleteChildren } from "/@/utils/tree";
+import { usePermissionStoreHook } from "/@/store/modules/permission";
+
+let dataProps = ref({
+  value: "uniqueId",
+  children: "children"
+});
+
+let menusData = computed(() => {
+  return deleteChildren(usePermissionStoreHook().menusTree);
+});
+
+let expandedKeys = extractPathList(menusData.value);
+</script>
+
+<template>
+  <el-tree-v2
+    :data="menusData"
+    :props="dataProps"
+    show-checkbox
+    :height="500"
+    :default-expanded-keys="expandedKeys"
+  >
+    <template #default="{ data }">
+      <span>{{ $t(data.meta.title) }}</span>
+    </template>
+  </el-tree-v2>
+</template>

src/views/able/watermark.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import { useWatermark } from "/@/utils/watermark";
+const { setWatermark, clear } = useWatermark();
+</script>
+
+<template>
+  <div>
+    <el-button @click="setWatermark('vue-pure-admin')">创建</el-button>
+    <el-button @click="clear">清除</el-button>
+  </div>
+</template>
+
+<style scoped></style>