@phelan/design 0.0.1

package/packages/components/src/tree-select/src/tree-select.vue

@@ -0,0 +1,96 @@
+<template>
+  <el-tree-select
+    ref="elTreeSelectRef"
+    class="m-tree-select"
+    :icon="treeIcon"
+    v-bind="filteredAttrs"
+    :popper-class="popperClass"
+  >
+    <template
+      v-for="(_, slot) in $slots"
+      #[slot]="scope"
+    >
+      <slot
+        :name="slot"
+        v-bind="scope"
+      />
+    </template>
+  </el-tree-select>
+</template>
+
+<script lang="ts" setup>
+import { ElTreeSelect } from 'element-plus';
+import { ref, computed, useAttrs, h, type Component } from 'vue';
+import { MIcon } from '../../icon';
+
+const attrs = useAttrs();
+const elTreeSelectRef = ref();
+
+// 使用 m-icon 包装 TreeTriangle 作为默认图标组件
+const DefaultTreeIcon: Component = () => {
+  return h(MIcon, { icon: 'TreeTriangle', size: '10', style: { paddingLeft: '2px' } });
+};
+
+// 如果没有传入 icon，则使用默认的 TreeTriangle（通过 m-icon）
+const treeIcon = computed(() => {
+  const { icon } = attrs;
+  if (icon === null || icon === undefined) {
+    return DefaultTreeIcon;
+  }
+  return icon as string | Component;
+});
+
+// 过滤掉 icon，避免重复传递
+const filteredAttrs = computed(() => {
+  const { icon: _icon, ...rest } = attrs;
+  return rest;
+});
+
+// popper-class 添加 m-tree-select-dropdown 如果用户传入了popper-class，则合并
+const popperClass = computed(() => {
+  const internalClass = 'm-tree-select-dropdown';
+  const userPopperClass = attrs.popperClass as string | undefined;
+
+  if (userPopperClass && typeof userPopperClass === 'string') {
+    return `${userPopperClass} ${internalClass}`;
+  }
+
+  return internalClass;
+});
+
+defineExpose({
+  get treeRef() {
+    return elTreeSelectRef.value?.treeRef;
+  },
+  get selectRef() {
+    return elTreeSelectRef.value?.selectRef;
+  },
+  filter: (value: string) => elTreeSelectRef.value?.filter(value),
+  updateKeyChildren: (key: string | number, data: any[]) =>
+    elTreeSelectRef.value?.updateKeyChildren(key, data),
+  getCheckedNodes: (leafOnly?: boolean, includeHalfChecked?: boolean) =>
+    elTreeSelectRef.value?.getCheckedNodes(leafOnly, includeHalfChecked),
+  setCheckedNodes: (nodes: any[], leafOnly?: boolean) =>
+    elTreeSelectRef.value?.setCheckedNodes(nodes, leafOnly),
+  getCheckedKeys: (leafOnly?: boolean) => elTreeSelectRef.value?.getCheckedKeys(leafOnly),
+  setCheckedKeys: (keys: (string | number)[], leafOnly?: boolean) =>
+    elTreeSelectRef.value?.setCheckedKeys(keys, leafOnly),
+  setChecked: (key: string | number, checked: boolean, deep?: boolean) =>
+    elTreeSelectRef.value?.setChecked(key, checked, deep),
+  getHalfCheckedNodes: () => elTreeSelectRef.value?.getHalfCheckedNodes(),
+  getHalfCheckedKeys: () => elTreeSelectRef.value?.getHalfCheckedKeys(),
+  getCurrentKey: () => elTreeSelectRef.value?.getCurrentKey(),
+  getCurrentNode: () => elTreeSelectRef.value?.getCurrentNode(),
+  setCurrentKey: (key: string | number, shouldAutoExpandParent?: boolean) =>
+    elTreeSelectRef.value?.setCurrentKey(key, shouldAutoExpandParent),
+  setCurrentNode: (node: any, shouldAutoExpandParent?: boolean) =>
+    elTreeSelectRef.value?.setCurrentNode(node, shouldAutoExpandParent),
+  getNode: (data: any) => elTreeSelectRef.value?.getNode(data),
+  remove: (data: any) => elTreeSelectRef.value?.remove(data),
+  append: (data: any, parentNode: any) => elTreeSelectRef.value?.append(data, parentNode),
+  insertBefore: (data: any, refNode: any) => elTreeSelectRef.value?.insertBefore(data, refNode),
+  insertAfter: (data: any, refNode: any) => elTreeSelectRef.value?.insertAfter(data, refNode),
+  focus: () => elTreeSelectRef.value?.focus(),
+  blur: () => elTreeSelectRef.value?.blur(),
+});
+</script>

package/packages/components/tsconfig.json

@@ -0,0 +1,19 @@
+{
+    "extends": "../../tsconfig.json",
+    "compilerOptions": {
+        "outDir": "./dist",
+        "declaration": true,
+        "declarationMap": true,
+        "skipLibCheck": true,
+        "moduleResolution": "node"
+    },
+    "include": [
+        "src/**/*.ts",
+        "src/**/*.tsx",
+        "src/**/*.vue"
+    ],
+    "exclude": [
+        "node_modules",
+        "dist"
+    ]
+}

package/packages/components/vite.config.ts

@@ -0,0 +1,32 @@
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import { resolve } from "path";
+
+export default defineConfig({
+    plugins: [vue()],
+    build: {
+        lib: {
+            entry: resolve(__dirname, "src/index.ts"),
+            name: "MDesign",
+            fileName: "index",
+            formats: ["es"],
+        },
+        rollupOptions: {
+            external: ["vue", "element-plus"],
+            output: {
+                globals: {
+                    vue: "Vue",
+                    "element-plus": "ElementPlus",
+                },
+            },
+        },
+        cssCodeSplit: false,
+        sourcemap: true,
+        outDir: "dist",
+    },
+    resolve: {
+        alias: {
+            "@": resolve(__dirname, "src"),
+        },
+    },
+});

package/packages/icons/CHANGELOG.md

@@ -0,0 +1,45 @@
+# @m-design/icons
+
+## 0.0.3
+
+### Patch Changes
+
+- 小版本发布：新增功能和改进
+
+  - 新增 Table 组件完全透传支持
+  - 新增 Pagination 组件
+  - 新增 TableGrid 组件
+  - 新增 SearchGrid 组件
+  - 优化 Link 组件透传
+  - 修复构建错误
+
+## 0.0.2
+
+### Patch Changes
+
+- 小版本发布：新增功能和改进
+
+  - 新增 Table 组件完全透传支持
+  - 新增 Pagination 组件
+  - 新增 TableGrid 组件
+  - 新增 SearchGrid 组件
+  - 优化 Link 组件透传
+  - 修复构建错误
+
+## 1.0.0
+
+### Major Changes
+
+- 修改
+
+## 3.0.0
+
+### Major Changes
+
+- 增加文档
+
+## 2.0.0
+
+### Major Changes
+
+- init

package/packages/icons/README.md

@@ -0,0 +1,86 @@
+# @m-design/icons
+
+M-Design 图标库，提供自定义 SVG 图标组件。
+
+## 安装
+
+```bash
+npm install @m-design/icons
+# 或
+pnpm add @m-design/icons
+# 或
+yarn add @m-design/icons
+```
+
+## 依赖
+
+- Vue 3.3.0+
+
+## 使用方式
+
+### 基础用法
+
+```vue
+<template>
+  <MIconUser />
+  <MIconSetting />
+</template>
+
+<script setup lang="ts">
+import { MIconUser, MIconSetting } from '@m-design/icons'
+</script>
+```
+
+### 自定义样式
+
+```vue
+<template>
+  <MIconUser class="custom-icon" style="width: 24px; height: 24px; color: #409eff;" />
+</template>
+
+<script setup lang="ts">
+import { MIconUser } from '@m-design/icons'
+</script>
+
+<style scoped>
+.custom-icon {
+  cursor: pointer;
+  transition: color 0.3s;
+}
+
+.custom-icon:hover {
+  color: #66b1ff;
+}
+</style>
+```
+
+## 可用图标
+
+- **MIconUser** - 用户图标
+- **MIconSetting** - 设置图标
+
+## 类型支持
+
+```typescript
+import type { IconName } from '@m-design/icons'
+
+// IconName 类型: 'user' | 'setting'
+const iconName: IconName = 'user'
+```
+
+## 开发
+
+```bash
+# 构建
+pnpm build
+
+# 类型检查
+pnpm type-check
+```
+
+## 添加新图标
+
+1. 在 `src/` 目录下创建新的 `.vue` 文件
+2. 在 `src/index.ts` 中导出新图标
+3. 更新 `iconNames` 数组
+

package/packages/icons/package.json

@@ -0,0 +1,30 @@
+{
+    "name": "@m-design/icons",
+    "version": "0.0.3",
+    "description": "M-Design 图标库",
+    "type": "module",
+    "main": "./dist/index.js",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "import": "./dist/index.js",
+            "types": "./dist/index.d.ts"
+        }
+    },
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "build": "vite build && vue-tsc --emitDeclarationOnly --outDir dist",
+        "type-check": "vue-tsc --noEmit"
+    },
+    "devDependencies": {
+        "@vitejs/plugin-vue": "^5.0.0",
+        "typescript": "^5.3.3",
+        "vite": "^5.0.8",
+        "vite-plugin-dts": "^3.9.0",
+        "vue": "^3.3.0",
+        "vue-tsc": "^2.0.0"
+    }
+}

package/packages/icons/src/components/arrow-down.vue

@@ -0,0 +1,12 @@
+<template>
+    <svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M10.7209 5.2854C11.0626 4.94369 11.6166 4.94369 11.9584 5.2854L10.8945 6.34923C10.8905 6.35353 10.8865 6.35777 10.8823 6.36195L7.30938 9.93486C7.13853 10.1057 6.86152 10.1057 6.69066 9.93486L3.11775 6.36195C3.11357 6.35777 3.1095 6.35354 3.10554 6.34924L2.04169 5.2854C2.3834 4.94369 2.93742 4.94369 3.27912 5.2854L7.00002 9.00678L10.7209 5.2854Z"
+            fill="currentColor" />
+    </svg>
+</template>
+<script lang="ts" setup>
+defineOptions({
+    name: 'ArrowDown',
+});
+</script>

package/packages/icons/src/components/arrow-left.vue

@@ -0,0 +1,12 @@
+<template>
+    <svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M8.71468 3.27912C9.05639 2.93742 9.05639 2.3834 8.71468 2.04169L7.65084 3.10553C7.64654 3.1095 7.6423 3.11357 7.63813 3.11774L4.06521 6.69066C3.89436 6.86152 3.89436 7.13853 4.06521 7.30938L7.63813 10.8823C7.64231 10.8865 7.64655 10.8906 7.65086 10.8945L8.71468 11.9584C9.05639 11.6166 9.05639 11.0626 8.71468 10.7209L4.99329 7.00002L8.71468 3.27912Z"
+            fill="currentColor" />
+    </svg>
+</template>
+<script lang="ts" setup>
+defineOptions({
+    name: 'ArrowLeft',
+});
+</script>

package/packages/icons/src/components/arrow-right.vue

@@ -0,0 +1,12 @@
+<template>
+    <svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M5.28532 10.7209C4.94361 11.0626 4.94361 11.6166 5.28532 11.9583L6.34916 10.8945C6.35346 10.8905 6.3577 10.8864 6.36187 10.8823L9.93479 7.30934C10.1056 7.13848 10.1056 6.86147 9.93479 6.69062L6.36187 3.1177C6.35769 3.11352 6.35345 3.10944 6.34914 3.10547L5.28532 2.04165C4.94361 2.38336 4.94361 2.93738 5.28532 3.27908L9.00671 6.99998L5.28532 10.7209Z"
+            fill="currentColor" />
+    </svg>
+</template>
+<script lang="ts" setup>
+defineOptions({
+    name: 'ArrowRight',
+});
+</script>

package/packages/icons/src/components/arrow-up.vue

@@ -0,0 +1,12 @@
+<template>
+    <svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M10.7209 8.71468C11.0626 9.05639 11.6166 9.05639 11.9583 8.71468L10.8945 7.65084C10.8905 7.64654 10.8865 7.6423 10.8823 7.63813L7.30937 4.06521C7.13851 3.89436 6.86151 3.89436 6.69065 4.06521L3.11773 7.63813C3.11355 7.64231 3.10948 7.64656 3.1055 7.65086L2.04168 8.71468C2.38339 9.05639 2.93741 9.05639 3.27911 8.71468L7.00001 4.99329L10.7209 8.71468Z"
+            fill="currentColor" />
+    </svg>
+</template>
+<script lang="ts" setup>
+defineOptions({
+    name: 'ArrowUp',
+});
+</script>

package/packages/icons/src/components/circle-check.vue

@@ -0,0 +1,15 @@
+<template>
+    <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M13.3591 8.56652C13.6029 8.32217 13.6024 7.92644 13.3581 7.68264C13.1137 7.43884 12.718 7.43929 12.4742 7.68364L8.75727 11.409L7.95363 10.6114L7.80939 10.4672C7.32124 9.97905 6.52978 9.97905 6.04163 10.4672L7.05148 11.4771C7.05419 11.4798 7.05692 11.4826 7.05969 11.4854L7.07148 11.4971L7.51477 11.9403L7.51831 11.9405L8.31917 12.7354C8.56371 12.9781 8.95854 12.9771 9.20189 12.7332L13.3591 8.56652Z"
+            fill="currentColor" />
+        <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M9.99996 2.91675C6.08794 2.91675 2.91663 6.08806 2.91663 10.0001C2.91663 10.9783 3.11455 11.9086 3.47195 12.7545C3.51114 12.8473 3.55226 12.9391 3.59525 13.0298C3.84164 13.5496 3.72149 14.1943 3.24341 14.5143L3.07029 14.6302C2.96928 14.4793 2.87307 14.3249 2.78186 14.1672C2.69429 14.0158 2.61133 13.8614 2.53318 13.7042C2.45775 13.5524 2.38679 13.3979 2.3205 13.241C1.89924 12.244 1.66663 11.1484 1.66663 10.0001C1.66663 5.39771 5.39759 1.66675 9.99996 1.66675C14.6023 1.66675 18.3333 5.39771 18.3333 10.0001C18.3333 14.6025 14.6023 18.3334 9.99996 18.3334C8.85166 18.3334 7.75609 18.1008 6.75903 17.6795C6.60213 17.6132 6.44769 17.5423 6.29589 17.4669C6.13864 17.3887 5.98422 17.3058 5.83284 17.2182C5.66716 17.1223 5.50511 17.021 5.34694 16.9143L5.4634 16.7416C5.78499 16.2646 6.43 16.1466 6.94904 16.3947C7.04666 16.4413 7.14551 16.4858 7.24552 16.5281C8.09142 16.8855 9.02177 17.0834 9.99996 17.0834C13.912 17.0834 17.0833 13.9121 17.0833 10.0001C17.0833 6.08806 13.912 2.91675 9.99996 2.91675Z"
+            fill="currentColor" />
+    </svg>
+</template>
+<script lang="ts" setup>
+defineOptions({
+    name: 'CircleCheck',
+});
+</script>

package/packages/icons/src/components/circle-close.vue

@@ -0,0 +1,15 @@
+<template>
+    <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M12.9419 7.94202C13.186 7.69795 13.186 7.30222 12.9419 7.05814C12.6978 6.81406 12.3021 6.81406 12.058 7.05814L9.99996 9.1162L7.9419 7.05814C7.69782 6.81406 7.3021 6.81406 7.05802 7.05814C6.81394 7.30222 6.81394 7.69795 7.05802 7.94202L9.11608 10.0001L7.05802 12.0581C6.81394 12.3022 6.81394 12.6979 7.05802 12.942C7.3021 13.1861 7.69782 13.1861 7.9419 12.942L9.99996 10.884L12.058 12.942C12.3021 13.1861 12.6978 13.1861 12.9419 12.942C13.186 12.6979 13.186 12.3022 12.9419 12.0581L10.8838 10.0001L12.9419 7.94202Z"
+            fill="currentColor" />
+        <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M2.91663 10.0001C2.91663 13.9121 6.08794 17.0834 9.99996 17.0834C10.9781 17.0834 11.9085 16.8855 12.7544 16.5281C12.8472 16.4889 12.9389 16.4478 13.0296 16.4048C13.5495 16.1584 14.1941 16.2786 14.5141 16.7566L14.63 16.9298C14.4791 17.0308 14.3248 17.127 14.1671 17.2182C14.0157 17.3058 13.8613 17.3887 13.704 17.4669C13.5522 17.5423 13.3978 17.6132 13.2409 17.6795C12.2438 18.1008 11.1483 18.3334 9.99996 18.3334C5.39759 18.3334 1.66663 14.6025 1.66663 10.0001C1.66663 5.39771 5.39759 1.66675 9.99996 1.66675C14.6023 1.66675 18.3333 5.39771 18.3333 10.0001C18.3333 11.1484 18.1007 12.2439 17.6794 13.241C17.6131 13.3979 17.5422 13.5524 17.4667 13.7042C17.3886 13.8614 17.3056 14.0158 17.2181 14.1672C17.1222 14.3329 17.0209 14.4949 16.9142 14.6531L16.7415 14.5366C16.2645 14.215 16.1464 13.57 16.3946 13.051C16.4412 12.9534 16.4857 12.8545 16.528 12.7545C16.8854 11.9086 17.0833 10.9783 17.0833 10.0001C17.0833 6.08806 13.912 2.91675 9.99996 2.91675C6.08794 2.91675 2.91663 6.08806 2.91663 10.0001Z"
+            fill="currentColor" />
+    </svg>
+</template>
+<script lang="ts" setup>
+defineOptions({
+    name: 'CircleClose',
+});
+</script>

package/packages/icons/src/components/close.vue

@@ -0,0 +1,13 @@
+<template>
+    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path fill="currentColor"
+            d="M3.20538 2.58685C2.86367 2.92856 2.86367 3.48258 3.20538 3.82429L5.50498 6.12379C5.67584 6.29465 5.95285 6.29465 6.1237 6.12379C6.29455 5.95294 6.29455 5.67593 6.1237 5.50507L3.82419 3.2056L3.81961 3.20108L3.20538 2.58685Z" />
+        <path fill="currentColor"
+            d="M6.99974 7.61855L3.95494 10.6633L3.94828 10.6699L3.20538 11.4128C2.86367 11.0711 2.86367 10.517 3.20538 10.1753L9.55555 3.82529L9.55455 3.82429L10.792 2.58685C11.1337 2.92856 11.1337 3.48258 10.792 3.82429L10.6044 4.01192C10.5968 4.02083 10.5888 4.02952 10.5803 4.03795L7.61846 6.99983L10.6101 9.99152C10.6185 9.99988 10.6265 10.0085 10.634 10.0173L10.792 10.1753C11.1337 10.517 11.1337 11.0711 10.792 11.4128L9.55455 10.1753L9.55553 10.1743L6.99974 7.61855Z" />
+    </svg>
+</template>
+<script lang="ts" setup>
+defineOptions({
+    name: 'Close',
+});
+</script>

package/packages/icons/src/components/copy.vue

@@ -0,0 +1,12 @@
+<template>
+    <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M13.292 5.96875C13.637 5.96892 13.9169 6.24874 13.917 6.59375V17.1582C13.9168 17.5031 13.6369 17.783 13.292 17.7832H3.625C3.27996 17.7832 3.00022 17.5032 3 17.1582V6.59375C3.00007 6.24863 3.27986 5.96875 3.625 5.96875H13.292ZM4.25 16.5332H12.667V7.21875H4.25V16.5332ZM16.0947 3C16.2684 3.00007 16.4348 3.06917 16.5576 3.19141C16.6805 3.3137 16.75 3.47942 16.75 3.65234V13C16.4143 13 16.1079 12.8745 15.876 12.668C15.7138 12.5235 15.5878 12.3393 15.5137 12.1309C15.4654 11.9949 15.4395 11.8478 15.4395 11.6953V4.30469H9.06055C8.90753 4.30467 8.76054 4.27845 8.62402 4.23047C8.4144 4.15674 8.22927 4.03068 8.08398 3.86914C7.8765 3.63839 7.75 3.33401 7.75 3H16.0947Z"
+            fill="currentColor" />
+    </svg>
+</template>
+<script lang="ts" setup>
+defineOptions({
+    name: 'Copy',
+});
+</script>

package/packages/icons/src/components/delete.vue

@@ -0,0 +1,12 @@
+<template>
+    <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M8.49998 1.19995C8.069 1.19995 7.65568 1.37116 7.35093 1.6759C7.04618 1.98065 6.87498 2.39397 6.87498 2.82495V4.11662H3.95831C3.61314 4.11662 3.33331 4.39644 3.33331 4.74162C3.33331 5.0868 3.61314 5.36662 3.95831 5.36662H4.16665V14.5333C4.857 14.5333 5.41665 13.9736 5.41665 13.2833V5.36662H14.5833V16.4083C14.5833 16.5233 14.49 16.6166 14.375 16.6166H5.52081C4.83046 16.6166 4.27081 17.1763 4.27081 17.8666H14.375C15.1804 17.8666 15.8333 17.2137 15.8333 16.4083V5.36662H16.0416C16.3868 5.36662 16.6666 5.0868 16.6666 4.74162C16.6666 4.39644 16.3868 4.11662 16.0416 4.11662H13.125V2.82495C13.125 2.39398 12.9538 1.98065 12.649 1.6759C12.3443 1.37116 11.931 1.19995 11.5 1.19995H8.49998ZM11.875 4.11662V2.82495C11.875 2.72549 11.8355 2.63011 11.7651 2.55979C11.6948 2.48946 11.5994 2.44995 11.5 2.44995H8.49998C8.40052 2.44995 8.30514 2.48946 8.23481 2.55979C8.16449 2.63011 8.12498 2.72549 8.12498 2.82495V4.11662H11.875Z"
+            fill="currentColor" />
+    </svg>
+</template>
+<script lang="ts" setup>
+defineOptions({
+    name: 'Delete',
+});
+</script>

package/packages/icons/src/components/download.vue

@@ -0,0 +1,15 @@
+<template>
+    <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M9.37496 9.94942V3.125C9.37496 2.77982 9.65478 2.5 9.99996 2.5C10.3451 2.5 10.625 2.77982 10.625 3.125V9.94942L12.058 8.51637C12.3021 8.27229 12.6978 8.27229 12.9419 8.51637C13.186 8.76044 13.186 9.15617 12.9419 9.40025L10.4419 11.9002C10.1978 12.1443 9.80209 12.1443 9.55802 11.9002L7.05802 9.40025C6.81394 9.15617 6.81394 8.76044 7.05802 8.51637C7.30209 8.27229 7.69782 8.27229 7.9419 8.51637L9.37496 9.94942Z"
+            fill="currentColor" />
+        <path
+            d="M2.91663 9.5833C3.60698 9.5833 4.16663 10.1429 4.16663 10.8333V15.4166H15.8333V10.8333C15.8333 10.1429 16.3929 9.5833 17.0833 9.5833V16.0416C17.0833 16.3868 16.8035 16.6666 16.4583 16.6666H3.54163C3.37587 16.6666 3.21689 16.6008 3.09968 16.4836C2.98247 16.3663 2.91663 16.2074 2.91663 16.0416V9.5833Z"
+            fill="currentColor" />
+    </svg>
+</template>
+<script lang="ts" setup>
+defineOptions({
+    name: 'Download',
+});
+</script>

package/packages/icons/src/components/edit.vue

@@ -0,0 +1,12 @@
+<template>
+    <svg viewBox="0 0 20 19.99987030029297" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M15.6144 2.23072L17.7692 4.38553C18.3388 4.95504 18.3388 5.8784 17.7692 6.44791L16.6988 7.51834L16.692 7.52531L8.35856 15.8586C8.28165 15.9355 8.18601 15.991 8.08107 16.0196L3.49777 17.2696C3.28139 17.3286 3.04998 17.2672 2.89138 17.1086C2.73279 16.95 2.67134 16.7186 2.73035 16.5022L3.98034 11.9189C4.00896 11.814 4.06447 11.7183 4.14138 11.6414L9.99995 5.78293C10.4881 6.27108 10.4881 7.06253 9.99995 7.55068L9.61117 7.93947L9.60866 7.94198L5.14261 12.4079L4.22408 15.7759L7.59205 14.8574L14.9494 7.50009L12.058 4.60867C11.8139 4.36459 11.8139 3.96887 12.058 3.72479L13.5521 2.23072C14.1216 1.66121 15.0449 1.66121 15.6144 2.23072ZM16.8854 5.26941L14.7306 3.1146C14.6492 3.03324 14.5173 3.03324 14.4359 3.1146L13.3838 4.16673L15.8332 6.61616L16.8854 5.56403C16.9667 5.48267 16.9667 5.35077 16.8854 5.26941Z"
+            fill="currentColor" />
+    </svg>
+</template>
+<script lang="ts" setup>
+defineOptions({
+    name: 'Edit',
+});
+</script>

package/packages/icons/src/components/error.vue

@@ -0,0 +1,12 @@
+<template>
+    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path fill-rule="evenodd" clip-rule="evenodd"
+            d="M23 12C23 5.92525 18.0757 1 12 1C5.92525 1 1 5.92525 1 12C1 18.0757 5.92525 23 12 23C18.0757 23 23 18.0757 23 12ZM17.1841 15.8891C17.5421 16.2471 17.5421 16.8275 17.1841 17.1855C16.8262 17.5435 16.2458 17.5435 15.8878 17.1855L11.9989 13.2966L8.10975 17.1857C7.75176 17.5437 7.17136 17.5437 6.81338 17.1857C6.4554 16.8277 6.4554 16.2473 6.81338 15.8893L10.7025 12.0002L6.81325 8.11095C6.45526 7.75297 6.45526 7.17257 6.81324 6.81459C7.17123 6.45661 7.75163 6.45661 8.10961 6.81459L11.9989 10.7039L15.8879 6.8148C16.2459 6.45682 16.8263 6.45682 17.1843 6.8148C17.5423 7.17278 17.5423 7.75318 17.1843 8.11116L13.2952 12.0002L17.1841 15.8891Z"
+            fill="currentColor" />
+    </svg>
+</template>
+<script lang="ts" setup>
+defineOptions({
+    name: 'Error',
+});
+</script>

package/packages/icons/src/components/export.vue

@@ -0,0 +1,17 @@
+<template>
+  <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M9.58335 1.57866C9.82743 1.33458 10.2232 1.33458 10.4672 1.57866L12.9672 4.07866C13.2113 4.32274 13.2113 4.71847 12.9672 4.96254C12.7232 5.20662 12.3274 5.20662 12.0834 4.96254L10.6503 3.52948L10.6503 10.3539C10.6503 10.6991 10.3705 10.9789 10.0253 10.9789C9.68012 10.9789 9.4003 10.6991 9.4003 10.3539L9.40029 3.52949L7.96724 4.96254C7.72316 5.20662 7.32743 5.20662 7.08335 4.96254C6.83928 4.71847 6.83928 4.32274 7.08335 4.07866L9.58335 1.57866Z"
+      fill="currentColor"
+    />
+    <path
+      d="M2.91669 6.87506C2.91669 6.52988 3.19651 6.25006 3.54169 6.25006H5.83335C6.52371 6.25006 7.08335 6.80971 7.08335 7.50006H4.16669V16.2431H15.8334V7.50006H12.9167C12.9167 6.80971 13.4763 6.25006 14.1667 6.25006H16.4584C16.8035 6.25006 17.0834 6.52988 17.0834 6.87506V16.8681C17.0834 17.2133 16.8035 17.4931 16.4584 17.4931H3.54169C3.19651 17.4931 2.91669 17.2133 2.91669 16.8681V6.87506Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineOptions({
+  name: 'Export',
+});
+</script>

package/packages/icons/src/components/file.vue

@@ -0,0 +1,21 @@
+<template>
+  <svg
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M18.0881 1.11108C18.53 1.11108 18.8889 1.4496 18.8889 1.86812V15.8459C18.8889 16.64 18.6358 17.3918 18.1759 17.96C17.6917 18.5592 17.0382 18.8889 16.337 18.8889H3.66375C2.96173 18.8889 2.30907 18.5592 1.82408 17.96C1.36494 17.3911 1.11108 16.64 1.11108 15.8459V13.174C1.11108 12.994 1.24585 12.8444 1.42605 12.8096C1.45113 12.8044 1.47777 12.8015 1.50519 12.8015H5.42978V1.86812C5.42978 1.4496 5.78784 1.11108 6.22974 1.11108H18.0881ZM5.42978 13.774H2.12964V15.6266C2.12964 15.8244 2.14845 16.0178 2.18527 16.2044C2.26754 16.614 2.43678 16.9874 2.68045 17.2896C3.01187 17.7007 3.32763 17.9259 3.77971 17.9259C4.23101 17.9259 4.54598 17.7007 4.87819 17.2896C5.2339 16.8496 5.42978 16.2592 5.42978 15.6274V13.774ZM17.477 2.07405H6.84166C6.62384 2.07405 6.44834 2.24071 6.44834 2.4459V15.6274C6.44834 16.4222 6.30574 17.1726 5.84582 17.7415C5.79332 17.8066 5.73926 17.8674 5.68285 17.9259H16.1043C16.5548 17.9259 16.9865 17.7007 17.3179 17.2896C17.6736 16.8496 17.8695 16.2592 17.8695 15.6274V2.4459C17.8695 2.24071 17.6932 2.07405 17.477 2.07405ZM14.255 12.0357C14.5355 12.0357 14.7627 12.2512 14.7627 12.5164C14.7627 12.7823 14.5355 12.9972 14.255 12.9972H8.74848C8.4672 12.9972 8.2392 12.7823 8.2392 12.5164C8.2392 12.2512 8.4672 12.0357 8.74848 12.0357H14.255ZM14.255 8.8036C14.5355 8.8036 14.7627 9.01842 14.7627 9.2836C14.7627 9.54879 14.5355 9.7636 14.255 9.7636H8.74769C8.46641 9.7636 8.2392 9.54879 8.2392 9.2836C8.2392 9.01842 8.46641 8.8036 8.74769 8.8036H14.255ZM15.7524 5.5716C16.0345 5.5716 16.2633 5.7879 16.2633 6.05382C16.2633 6.32123 16.0345 6.53753 15.7524 6.53753H8.7502C8.46814 6.53753 8.23935 6.32123 8.23935 6.05382C8.23935 5.7879 8.46814 5.5716 8.7502 5.5716H15.7524Z"
+      fill="currentColor"
+    />
+    <path
+      d="M1.01147 15.8455V13.1736C1.0117 12.9414 1.18439 12.755 1.40601 12.7117L1.50562 12.7019V12.8015L1.42651 12.8093L1.36108 12.8279C1.21457 12.8822 1.11129 13.0162 1.11108 13.1736V15.8455C1.11108 16.6394 1.36494 17.3909 1.82397 17.9597C2.27871 18.5216 2.88093 18.8472 3.53296 18.8855L3.66382 18.8884H16.3367C17.0379 18.8884 17.6913 18.559 18.1755 17.9597C18.6355 17.3916 18.8884 16.6395 18.8884 15.8455V1.86792C18.8883 1.44949 18.5295 1.11108 18.0876 1.11108V1.01147C18.5793 1.01147 18.9889 1.38899 18.989 1.86792V15.8455C18.989 16.6603 18.7293 17.4356 18.2537 18.0232C17.7526 18.6432 17.0712 18.989 16.3367 18.989H3.66382C2.92855 18.989 2.24864 18.643 1.74683 18.0232H1.74585C1.27114 17.435 1.01147 16.6604 1.01147 15.8455ZM2.12964 15.6267V13.7742H5.42944V15.6277L5.42065 15.8621C5.37832 16.4044 5.18987 16.9048 4.87866 17.2898L4.75366 17.4353C4.46485 17.7535 4.17459 17.9254 3.78003 17.9255V17.8259C4.18754 17.8258 4.47696 17.6268 4.80054 17.2263C5.13996 16.8063 5.32977 16.2392 5.32983 15.6277V13.8738H2.22925V15.6267C2.22925 15.8178 2.24753 16.0045 2.28296 16.1843C2.36236 16.5797 2.52589 16.9387 2.75854 17.2273C3.08117 17.6274 3.37162 17.8259 3.78003 17.8259V17.9255L3.61597 17.9158C3.3009 17.874 3.05171 17.7081 2.80444 17.4353L2.68042 17.2898C2.46721 17.0254 2.3113 16.7062 2.22046 16.3562L2.1853 16.2048C2.16689 16.1115 2.15261 16.0161 2.14331 15.9197L2.12964 15.6267ZM17.7693 15.6277V2.44604C17.7693 2.30127 17.6434 2.17374 17.4773 2.17358H6.84155C6.67379 2.17364 6.54858 2.30121 6.54858 2.44604V15.6277C6.54855 16.3814 6.42148 17.1117 6.00952 17.6902L5.92358 17.8044C5.9175 17.812 5.91018 17.8185 5.90405 17.8259H16.1042V17.9255H5.68237L5.84546 17.7419C6.24798 17.2441 6.40763 16.6067 6.44116 15.9226L6.448 15.6277V2.44604C6.448 2.24089 6.62379 2.07403 6.84155 2.07397H17.4773C17.6934 2.07414 17.8699 2.24096 17.8699 2.44604V15.6277L17.8601 15.8621C17.8178 16.4044 17.6294 16.9048 17.3181 17.2898C16.9867 17.7009 16.5548 17.9255 16.1042 17.9255V17.8259C16.5194 17.8259 16.9241 17.6182 17.24 17.2263C17.5795 16.8063 17.7692 16.2393 17.7693 15.6277ZM8.1394 12.5164C8.13944 12.1907 8.41776 11.9353 8.74878 11.9353V12.0359L8.64624 12.0457C8.41401 12.0904 8.23904 12.2842 8.23901 12.5164C8.23901 12.7492 8.414 12.9424 8.64624 12.9871L8.74878 12.9968H14.2546C14.5351 12.9968 14.7625 12.7823 14.7625 12.5164C14.7624 12.2843 14.5886 12.0905 14.3572 12.0457L14.2546 12.0359V11.9353C14.5852 11.9353 14.863 12.191 14.863 12.5164C14.863 12.8426 14.5851 13.0974 14.2546 13.0974H8.74878C8.41784 13.0974 8.1394 12.8429 8.1394 12.5164ZM5.32983 1.86792C5.32995 1.38912 5.73846 1.01147 6.23022 1.01147V1.11108L6.14819 1.11499C5.74469 1.15359 5.42955 1.47557 5.42944 1.86792V12.8015H1.50562V12.7019H5.32983V1.86792ZM14.2546 11.9353V12.0359H8.74878V11.9353H14.2546ZM8.1394 9.28394C8.1394 8.95821 8.41676 8.70386 8.7478 8.70386V8.80347L8.64526 8.81323C8.41324 8.8579 8.23901 9.05183 8.23901 9.28394L8.24976 9.38062C8.29044 9.56804 8.44651 9.71537 8.64526 9.75366L8.7478 9.76343H14.2546C14.5 9.76343 14.7053 9.5993 14.7527 9.38062L14.7625 9.28394C14.7625 9.01875 14.5351 8.80347 14.2546 8.80347V8.70386C14.585 8.70386 14.863 8.95831 14.863 9.28394C14.8628 9.6094 14.5849 9.86401 14.2546 9.86401H8.7478C8.41687 9.86401 8.13959 9.6095 8.1394 9.28394ZM14.2546 8.70386V8.80347H8.7478V8.70386H14.2546ZM8.1394 6.05347C8.13961 5.72732 8.41825 5.47166 8.74976 5.47144V5.57202L8.64722 5.58179C8.41464 5.62684 8.23919 5.82098 8.23901 6.05347C8.23901 6.28745 8.41446 6.48303 8.64722 6.52808L8.74976 6.53784H15.7527L15.8552 6.52808C16.0549 6.4895 16.2119 6.34032 16.2527 6.15112L16.2634 6.05347C16.2632 5.82093 16.0879 5.62679 15.8552 5.58179L15.7527 5.57202V5.47144C16.0843 5.47158 16.3628 5.72726 16.363 6.05347C16.363 6.38113 16.0846 6.63731 15.7527 6.63745H8.74976C8.41792 6.63722 8.1394 6.38107 8.1394 6.05347ZM15.7527 5.47144V5.57202H8.74976V5.47144H15.7527ZM18.0876 1.01147V1.11108H6.23022V1.01147H18.0876Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineOptions({
+  name: 'File',
+});
+</script>

package/packages/icons/src/components/import.vue

@@ -0,0 +1,19 @@
+<template>
+  <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M10.4419 11.9006C10.1978 12.1446 9.80212 12.1446 9.55804 11.9006L7.05804 9.40056C6.81397 9.15648 6.81397 8.76076 7.05804 8.51668C7.30212 8.2726 7.69785 8.2726 7.94193 8.51668L9.37498 9.94973L9.37498 2.49988C9.37499 2.1547 9.65481 1.87488 9.99998 1.87488C10.3452 1.87488 10.625 2.1547 10.625 2.49988L10.625 9.94974L12.058 8.51668C12.3021 8.2726 12.6978 8.2726 12.9419 8.51668C13.186 8.76075 13.186 9.15648 12.9419 9.40056L10.4419 11.9006ZM3.54163 6.24996C3.19645 6.24996 2.91663 6.52978 2.91663 6.87496V16.868C2.91663 17.2132 3.19645 17.493 3.54163 17.493H16.4583C16.8035 17.493 17.0833 17.2132 17.0833 16.868V6.87496C17.0833 6.52978 16.8035 6.24996 16.4583 6.24996H14.1666C13.4763 6.24996 12.9166 6.8096 12.9166 7.49996H15.8333V16.243H4.16663V7.49996H7.08329C7.08329 6.8096 6.52365 6.24996 5.83329 6.24996H3.54163Z"
+      fill="currentColor"
+    />
+    <path
+      d="M9.55804 11.9006L9.52269 11.9359L9.55804 11.9006ZM7.05804 9.40056L7.0934 9.3652H7.0934L7.05804 9.40056ZM7.05804 8.51668L7.02269 8.48132L7.02269 8.48132L7.05804 8.51668ZM7.94193 8.51668L7.97728 8.48132H7.97728L7.94193 8.51668ZM9.37498 9.94973L9.33962 9.98508C9.35392 9.99938 9.37543 10.0037 9.39411 9.99592C9.41279 9.98818 9.42498 9.96995 9.42498 9.94973H9.37498ZM9.37498 2.49988L9.32498 2.49988L9.37498 2.49988ZM10.625 2.49988L10.575 2.49988V2.49988L10.625 2.49988ZM10.625 9.94974H10.575C10.575 9.96997 10.5872 9.9882 10.6058 9.99594C10.6245 10.0037 10.646 9.9994 10.6603 9.9851L10.625 9.94974ZM12.058 8.51668L12.0227 8.48132V8.48132L12.058 8.51668ZM12.9166 7.49996H12.8666C12.8666 7.52757 12.889 7.54996 12.9166 7.54996V7.49996ZM15.8333 7.49996H15.8833C15.8833 7.47234 15.8609 7.44995 15.8333 7.44995V7.49996ZM15.8333 16.243V16.293C15.8609 16.293 15.8833 16.2707 15.8833 16.243H15.8333ZM4.16663 16.243H4.11663C4.11663 16.2707 4.13901 16.293 4.16663 16.293V16.243ZM4.16663 7.49996V7.44995C4.13901 7.44995 4.11663 7.47234 4.11663 7.49996H4.16663ZM7.08329 7.49996V7.54996C7.11091 7.54996 7.13329 7.52757 7.13329 7.49996H7.08329ZM9.52269 11.9359C9.78629 12.1995 10.2137 12.1995 10.4773 11.9359L10.4066 11.8652C10.182 12.0898 9.81795 12.0898 9.5934 11.8652L9.52269 11.9359ZM7.02269 9.43592L9.52269 11.9359L9.5934 11.8652L7.0934 9.3652L7.02269 9.43592ZM7.02269 8.48132C6.75908 8.74493 6.75908 9.17231 7.02269 9.43592L7.0934 9.3652C6.86885 9.14065 6.86885 8.77658 7.0934 8.55203L7.02269 8.48132ZM7.97728 8.48132C7.71368 8.21772 7.28629 8.21772 7.02269 8.48132L7.0934 8.55203C7.31795 8.32748 7.68202 8.32748 7.90657 8.55203L7.97728 8.48132ZM9.41033 9.91437L7.97728 8.48132L7.90657 8.55203L9.33962 9.98508L9.41033 9.91437ZM9.32498 2.49988L9.32498 9.94973H9.42498L9.42498 2.49988L9.32498 2.49988ZM9.99998 1.82488C9.62719 1.82488 9.32499 2.12709 9.32498 2.49988L9.42498 2.49988C9.42499 2.18231 9.68242 1.92488 9.99998 1.92488V1.82488ZM10.675 2.49988C10.675 2.12709 10.3728 1.82488 9.99998 1.82488V1.92488C10.3175 1.92488 10.575 2.18232 10.575 2.49988L10.675 2.49988ZM10.675 9.94974L10.675 2.49988L10.575 2.49988L10.575 9.94974H10.675ZM12.0227 8.48132L10.5896 9.91439L10.6603 9.9851L12.0934 8.55203L12.0227 8.48132ZM12.9773 8.48132C12.7137 8.21772 12.2863 8.21772 12.0227 8.48132L12.0934 8.55203C12.3179 8.32748 12.682 8.32748 12.9066 8.55203L12.9773 8.48132ZM12.9773 9.43592C13.2409 9.17231 13.2409 8.74493 12.9773 8.48132L12.9066 8.55203C13.1311 8.77658 13.1311 9.14065 12.9066 9.3652L12.9773 9.43592ZM10.4773 11.9359L12.9773 9.43592L12.9066 9.3652L10.4066 11.8652L10.4773 11.9359ZM2.96663 6.87496C2.96663 6.55739 3.22406 6.29996 3.54163 6.29996V6.19995C3.16883 6.19995 2.86663 6.50216 2.86663 6.87496H2.96663ZM2.96663 16.868V6.87496H2.86663V16.868H2.96663ZM3.54163 17.443C3.22406 17.443 2.96663 17.1856 2.96663 16.868H2.86663C2.86663 17.2408 3.16883 17.543 3.54163 17.543V17.443ZM16.4583 17.443H3.54163V17.543H16.4583V17.443ZM17.0333 16.868C17.0333 17.1856 16.7759 17.443 16.4583 17.443V17.543C16.8311 17.543 17.1333 17.2408 17.1333 16.868H17.0333ZM17.0333 6.87496V16.868H17.1333V6.87496H17.0333ZM16.4583 6.29996C16.7759 6.29996 17.0333 6.55739 17.0333 6.87496H17.1333C17.1333 6.50216 16.8311 6.19995 16.4583 6.19995V6.29996ZM14.1666 6.29996H16.4583V6.19995H14.1666V6.29996ZM12.9666 7.49996C12.9666 6.83721 13.5039 6.29996 14.1666 6.29996V6.19995C13.4487 6.19995 12.8666 6.78199 12.8666 7.49996H12.9666ZM15.8333 7.44995H12.9166V7.54996H15.8333V7.44995ZM15.8833 16.243V7.49996H15.7833V16.243H15.8833ZM4.16663 16.293H15.8333V16.193H4.16663V16.293ZM4.11663 7.49996V16.243H4.21663V7.49996H4.11663ZM7.08329 7.44995H4.16663V7.54996H7.08329V7.44995ZM5.83329 6.29996C6.49603 6.29996 7.03329 6.83721 7.03329 7.49996H7.13329C7.13329 6.78199 6.55126 6.19995 5.83329 6.19995V6.29996ZM3.54163 6.29996H5.83329V6.19995H3.54163V6.29996Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineOptions({
+  name: 'Import',
+});
+</script>

package/packages/icons/src/components/index.ts

@@ -0,0 +1,37 @@
+export { default as Error } from './error.vue';
+export { default as Info } from './info.vue';
+export { default as Success } from './success.vue';
+export { default as Warning } from './warning.vue';
+export { default as View } from './view.vue';
+export { default as Edit } from './edit.vue';
+export { default as Delete } from './delete.vue';
+export { default as Export } from './export.vue';
+export { default as Import } from './import.vue';
+export { default as Plus } from './plus.vue';
+export { default as Minus } from './minus.vue';
+export { default as Reset } from './reset.vue';
+export { default as ArrowUp } from './arrow-up.vue';
+export { default as ArrowDown } from './arrow-down.vue';
+export { default as ArrowLeft } from './arrow-left.vue';
+export { default as ArrowRight } from './arrow-right.vue';
+export { default as Search } from './search.vue';
+export { default as Select } from './select.vue';
+export { default as SemiSelect } from './semi-select.vue';
+export { default as Setting } from './setting.vue';
+export { default as CircleCheck } from './circle-check.vue';
+export { default as CircleClose } from './circle-close.vue';
+export { default as Copy } from './copy.vue';
+export { default as Upload } from './upload.vue';
+export { default as Download } from './download.vue';
+export { default as Log } from './log.vue';
+export { default as Printer } from './printer.vue';
+export { default as Stamp } from './stamp.vue';
+export { default as Plane } from './plane.vue';
+export { default as Right } from './right.vue';
+export { default as MoneyBubble } from './money-bubble.vue';
+export { default as Close } from './close.vue';
+export { default as ZoomIn } from './zoom-in.vue';
+export { default as ZoomOut } from './zoom-out.vue';
+export { default as ListProcess } from './list-process.vue';
+export { default as File } from './file.vue';
+export { default as TreeTriangle } from './tree-triangle.vue';

package/packages/icons/src/components/info.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM11.9979 8.50002C11.4446 8.50002 10.996 8.05143 10.996 7.49806C10.996 6.9447 11.4446 6.49611 11.9979 6.49611C12.5513 6.49611 12.9999 6.9447 12.9999 7.49806C12.9999 8.05143 12.5513 8.50002 11.9979 8.50002ZM12.9999 10L12.9999 16.5C12.9999 17.0523 12.5522 17.5 11.9999 17.5C11.4476 17.5 10.9999 17.0523 10.9999 16.5V12C10.9999 10.8954 11.8953 10 12.9999 10Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>
+<script lang="ts" setup>
+defineOptions({
+  name: 'Info',
+});
+</script>