From 07923356b63cb2211f7d749cbbccdcc165476cb2 Mon Sep 17 00:00:00 2001
From: 1549469775 <1549469775@qq.com>
Date: Sat, 30 Jul 2022 11:26:47 +0800
Subject: [PATCH] fixed bug
---
packages/components/tree/index.ts | 7 ++++-
packages/princess-ui/README.md | 56 ++++++++++++++++++++++++++++++++++++++-
packages/princess-ui/package.json | 2 +-
3 files changed, 62 insertions(+), 3 deletions(-)
diff --git a/packages/components/tree/index.ts b/packages/components/tree/index.ts
index d8e0cb0..59d59a7 100644
--- a/packages/components/tree/index.ts
+++ b/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
\ No newline at end of file
diff --git a/packages/princess-ui/README.md b/packages/princess-ui/README.md
index 7cbae02..94ce777 100644
--- a/packages/princess-ui/README.md
+++ b/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">
-已实现，待补充
\ No newline at end of file
+<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>
+```
\ No newline at end of file
diff --git a/packages/princess-ui/package.json b/packages/princess-ui/package.json
index d69c6b3..7039808 100644
--- a/packages/princess-ui/package.json
+++ b/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"