add typings

Author: megafetis

README.md

@@ -109,8 +109,9 @@ yarn add vue3-blocks-tree
 
 ``` js
 import {createApp} from 'vue';
-import VueBlocksTree from 'vue3-blocks-tree'
-
+import VueBlocksTree from 'vue3-blocks-tree';
+import 'vue3-blocks-tree/dist/vue3-blocks-tree.css';
+// or import 'vue3-blocks-tree/src/styles/blocks-tree.less';
 createApp(App).component('blocks-tree',VueBlocksTree)
 
 // ...

demo-dist/app.min.js

@@ -82,4 +82,3 @@ export default defineComponent({
 })
 
 </script>
-

demo/demo-app.vue

@@ -1,6 +1,11 @@
 import {createApp } from 'vue';
 import VueBlocksTree from '../src';
+import '../src/styles/blocks-tree.less';
+
 import App from './demo-app.vue';
+
+
+
 createApp(App)
     .component('blocks-tree',VueBlocksTree)
     .mount('#app');

demo/index.js

@@ -1,6 +1,6 @@
 {
   "name": "vue3-blocks-tree",
-  "version": "0.1.0",
+  "version": "0.2.2",
   "description": "A vue3 block organization tree view component. Hierarchical horizontal or vertical tree",
   "main": "dist/vue3-blocks-tree.umd.min.js",
   "author": "megafetis",
@@ -47,22 +47,25 @@
     "vue": "^3.0.0"
   },
   "bugs": {
-    "url": "https://github.com/megafetis/v-org-tree/issues"
+    "url": "https://github.com/megafetis/vue3-blocks-tree/issues"
   },
-  "homepage": "https://github.com/megafetis/v-org-tree",
+  "homepage": "https://github.com/megafetis/vue3-blocks-tree",
   "keywords": [
     "vue",
     "vue3",
     "next",
     "vue next",
     "tree",
     "org",
+    "select",
+    "tree select",
+    "blocks",
     "hierarchy",
     "hierarchical"
   ],
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/megafetis/v-org-tree.git"
+    "url": "git+https://github.com/megafetis/vue3-blocks-tree.git"
   }
 }

dist/vue3-blocks-tree-style.umd.min.js

@@ -1,7 +1,7 @@
 <template>
   <div class="org-tree-container">
     <div class="org-tree" :class="{horizontal, collapsable}">
-      <org-tree-node
+      <blocks-tree-node
         :data="data"
         :props="props"
         :horizontal="horizontal"
@@ -18,19 +18,19 @@
       <template #node="{data,context}">
         <slot name="node" :data="data" :context="context"></slot>
       </template>
-      </org-tree-node>
+      </blocks-tree-node>
     </div>
   </div>
 </template>
 
 <script lang="ts">
-import OrgTreeNode from './org-node.vue';
+import BlocksTreeNode from './blocks-node.vue';
 import {defineComponent} from 'vue';
 import {PropsType} from '../../../types/vue3-blocks-tree';
 export default defineComponent({
-  name: 'Vue2OrgTree',
+  name: 'Vue3BlocksTree',
   components: {
-    OrgTreeNode
+    BlocksTreeNode
   },
   props: {
     data: {
@@ -52,8 +52,4 @@ export default defineComponent({
     labelClassName: [Function, String],
   }
 })
-</script>
-
-<style lang="less">
-@import '../../styles/org-tree';
-</style>
+</script>

dist/vue3-blocks-tree.umd.min.js

@@ -1,3 +1,3 @@
-import Vue3OrgTree from './components/org-tree/org-tree.vue'
+import Vue3OrgTree from './components/blocks-tree/blocks-tree.vue';
 
-export default Vue3OrgTree
+export default Vue3OrgTree;

package.json

@@ -0,0 +1,3 @@
+import {NodeContext,PropsType} from './vue3-blocks-tree';
+
+export {NodeContext,PropsType}

src/components/org-tree/org-node.vue src/components/blocks-tree/blocks-node.vue

@@ -16,6 +16,7 @@ module.exports = (env = {}) => ([{
   mode: env.production ? 'production' : 'development',
   entry: {
     "vue3-blocks-tree": './index.ts',
+    "vue3-blocks-tree-style":"./styles/blocks-tree.less"
   },
   output: {
     path: path.resolve(__dirname, "dist"),
@@ -127,7 +128,7 @@ module.exports = (env = {}) => ([{
   plugins: [
     new CleanWebpackPlugin(),
     new MiniCssExtractPlugin({
-      filename: '[name].css',
+      filename: 'vue3-blocks-tree.css',
 
     }),
     new WebpackBar(),