@kq_npm/client_icons_vue 0.0.2-beta

package/src/App.vue

@@ -0,0 +1,53 @@
+<template>
+  <!-- <component
+    :is="Icon"
+    v-for="(Icon, key) in icons"
+    :key="key"
+    class="icon"
+    :name="Icon.name"
+    @click="copy(Icon.name)"
+  /> -->
+  <el-icon
+    v-for="(Icon, key) in kqIcons"
+    :key="key"
+    class="icon"
+    :size="48"
+    @click="copy(Icon.name)"
+  >
+    <component :is="Icon" :name="Icon.name" />
+  </el-icon>
+</template>
+
+<script setup>
+import useClipboard from "vue-clipboard3";
+import { ElMessage, ElIcon } from "element-plus";
+import "element-plus/dist/index.css";
+import { kqIcons } from "../packages/vue/dist/global";
+const { toClipboard } = useClipboard();
+const copy = async (iconname) => {
+  try {
+    var comp = `<${iconname} />`;
+    await toClipboard(comp);
+    ElMessage({
+      message: `${iconname} 复制成功`,
+      type: "success",
+    });
+  } catch (e) {
+    console.error(e);
+  }
+};
+</script>
+
+
+<style>
+.icon {
+  height: 48px;
+  width: 48px;
+  color: #409eff;
+  cursor: pointer;
+  margin-right: 10px;
+}
+.icon path {
+  fill: #409eff;
+}
+</style>

package/src/main.js

@@ -0,0 +1,4 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')

package/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "es2018",
+    "module": "ESNext",
+    "lib": ["ES2018", "DOM", "DOM.Iterable"],
+    "baseUrl": ".",
+    "outDir": "dist",
+    "sourceMap": false,
+    "moduleResolution": "node",
+    "allowJs": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "types": [],
+    "jsx": "preserve"  
+  }
+}

package/vue.config.js

@@ -0,0 +1,5 @@
+const { defineConfig } = require("@vue/cli-service");
+module.exports = defineConfig({
+  transpileDependencies: true,
+  lintOnSave: false,
+});