fixed bug

packages/components/tree/index.ts

@@ -4,12 +4,17 @@ import PsTree from "./tree.vue"
 export * from "./util"
 export * from "./type"
 
+function install(app: App) {
+    app.component(PsTree.name, PsTree)
+}
+
 PsTree.name = "ps-tree"
 PsTree.install = function(app: App) {
-    app.component(PsTree.name, PsTree)
+    install(app)
 }
 
 export {
     PsTree,
+    install
 }
 export default PsTree

packages/princess-ui/README.md

@@ -27,5 +27,59 @@ import PrincessResolver from "princess-ui/PrincessResolver"
 ```
 
 **使用umd**
+- 全量使用
+```
+```
+- 按需使用
+```
+<script src="https://unpkg.com/vue@next"></script>
+<script src="https://cdn.jsdelivr.net/npm/princess-ui@0.0.8-beta.3/lib/tree/index.umd.js"></script>
+<link href="https://cdn.jsdelivr.net/npm/princess-ui@0.0.8-beta.3/theme-chalk/ps-tree.css" rel="stylesheet">
 
-已实现，待补充
+<div id="app">
+    <div>11</div>
+    <div>{{value}}</div>
+    <ps-tree :list="list">
+        <template #default="{ data, deep }">
+            <div :style="{
+                    marginLeft: deep * 10 + 'px',
+                    'position': 'relative',
+                    zIndex: 10
+                }">
+                    {{ data.isFolder }}-{{ data.title }} 11-22 {{ deep * 10 + 'px' }}
+             </div>
+        </template>
+    </ps-tree>
+</div>
+<script>
+    const app = Vue.createApp({
+        setup() {
+            const list = Vue.ref(psTree.convertTreeData([
+                {
+                    key: 1,
+                    title: "1",
+                    children: [
+                        {
+                            key: 5,
+                            title: "5",
+                            children: []
+                        },
+                    ]
+                },
+                {
+                    key: 2,
+                    title: "2"
+                },
+                {
+                    key: 3,
+                    title: "3"
+                },
+            ]))
+            return { 
+            value: "123",
+            list
+            }
+        }
+    }).use(psTree).mount('#app')
+</script>
+```

packages/princess-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "princess-ui",
-  "version": "0.0.8-beta.2",
+  "version": "0.0.8-beta.4",
   "description": "a vue3 ui, just for personal use",
   "scripts": {
       "build": "tsc ./PrincessResolver.ts --skipLibCheck --esModuleInterop"