refactor: 调整目录结构

TingShine · Feb 4, 2023 · 1d68b82 · 1d68b82
1 parent 93c5a98
commit 1d68b82
Show file tree

Hide file tree

Showing 42 changed files with 385 additions and 10,373 deletions.
diff --git a/examples/App.vue b/examples/App.vue
@@ -0,0 +1,9 @@
+<template>
+  <init-data-example></init-data-example>
+  <!-- <init-tree-data-example></init-tree-data-example> -->
+</template>
+
+<script lang="ts" setup>
+import InitDataExample from "./init-data-example.vue";
+import InitTreeDataExample from "./init-treedata-example.vue";
+</script>
diff --git a/src/assets/base.css → examples/assets/base.css b/src/assets/base.css → examples/assets/base.css
diff --git a/src/assets/logo.svg → examples/assets/logo.svg b/src/assets/logo.svg → examples/assets/logo.svg
diff --git a/src/assets/main.css → examples/assets/main.css b/src/assets/main.css → examples/assets/main.css
diff --git a/examples/init-data-example.vue b/examples/init-data-example.vue
@@ -0,0 +1,23 @@
+<template>
+  <draggable-tree :init-data="initObject" @change="handleChange" />
+</template>
+
+<script lang="ts" setup>
+import DraggableTree from "../packages/components/draggable-nested-tree/index.vue";
+
+const initObject = {
+  Shrek: {},
+  Fiona: {
+    "Prince Charming": {
+      LordFarquad: "测试1",
+      LordLogo: "测试2",
+    },
+  },
+  Donkey: [],
+  Yes: [],
+};
+
+const handleChange = (data: any) => {
+  console.log(data);
+};
+</script>
diff --git a/src/index.vue → examples/init-treedata-example.vue b/src/index.vue → examples/init-treedata-example.vue
@@ -1,28 +1,12 @@
 <template>
-  <draggable-tree :init-data="obj" @change="handleChange" />
+  <draggable-tree :init-tree-data="initTreeData" @change="handleChange" />
 </template>
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import DraggableTree from "./components/draggable-nested-tree/index.vue";
+import DraggableTree from "../packages/components/draggable-nested-tree/index.vue";
 
-const handleChange = (data: any) => {
-  console.log(data);
-};
-
-const obj = {
-  Shrek: {},
-  Fiona: {
-    "Prince Charming": {
-      LordFarquad: "测试1",
-      LordLogo: "测试2",
-    },
-  },
-  Donkey: [],
-  Yes: [],
-};
-
-const list = ref([
+const initTreeData = ref([
   {
     id: 1,
     key: "Shrek",
@@ -72,34 +56,8 @@ const list = ref([
     children: [],
   },
 ]);
-</script>
-<style scoped>
-.button {
-  margin-top: 35px;
-}
-.handle {
-  float: left;
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
-.close {
-  float: right;
-  padding-top: 8px;
-  padding-bottom: 8px;
-}
-input {
-  display: inline-block;
-  width: 50%;
-}
-.text {
-  margin: 20px;
-}
-
-.list-group {
-}
 
-.list-group-item {
-  height: 50px;
-  cursor: pointer;
-}
-</style>
+const handleChange = (data: any) => {
+  console.log(data);
+};
+</script>
diff --git a/examples/main.ts b/examples/main.ts
@@ -0,0 +1,6 @@
+import { createApp } from "vue";
+import App from "./App.vue";
+
+import "./assets/main.css";
+
+createApp(App).mount("#app");
diff --git a/src/utils/color-random.ts → examples/utils/color-random.ts b/src/utils/color-random.ts → examples/utils/color-random.ts
diff --git a/src/utils/config.ts → examples/utils/config.ts b/src/utils/config.ts → examples/utils/config.ts
diff --git a/src/utils/double-click.ts → examples/utils/double-click.ts b/src/utils/double-click.ts → examples/utils/double-click.ts
diff --git a/src/utils/is.ts → examples/utils/is.ts b/src/utils/is.ts → examples/utils/is.ts
diff --git a/index.html b/index.html
@@ -8,6 +8,6 @@
   </head>
   <body>
     <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
+    <script type="module" src="/examples/main.ts"></script>
   </body>
 </html>