jobdone-shared-files 1.0.16 → 1.0.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -1
- package/package.json +1 -1
- package/tree.vue +3 -0
- package/treeItem.vue +4 -0
package/README.md
CHANGED
|
@@ -93,7 +93,14 @@ import OOXX from '../../node_modules/jobdone-shared-files/OOXX.vue';
|
|
|
93
93
|
### 範例
|
|
94
94
|
```
|
|
95
95
|
<template>
|
|
96
|
-
<tree :items="items" :click-item="clickItem" size="sm"
|
|
96
|
+
<tree :items="items" :click-item="clickItem" size="sm">
|
|
97
|
+
<template v-slot:icon-start>
|
|
98
|
+
// 前方箭頭後的 slot 插槽
|
|
99
|
+
</template>
|
|
100
|
+
<template v-slot:icon>
|
|
101
|
+
// 後方的 slot 插槽，預設為 radio icon
|
|
102
|
+
</template>
|
|
103
|
+
</tree>
|
|
97
104
|
</template>
|
|
98
105
|
|
|
99
106
|
<script setup>
|
package/package.json
CHANGED
package/tree.vue
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<form ref="form">
|
|
3
3
|
<tree-item v-for="(item, index) in items" :key="item.id" :item="item" :index="index" :click-item="clickItem" :active-id="activeId" :tree-item-class="treeItemClass">
|
|
4
|
+
<template v-slot:icon-start>
|
|
5
|
+
<slot name="icon-start"></slot>
|
|
6
|
+
</template>
|
|
4
7
|
<template v-slot:icon>
|
|
5
8
|
<slot name="icon"></slot>
|
|
6
9
|
</template>
|
package/treeItem.vue
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
<div class="card flex-row d-flex input-group flex-nowrap">
|
|
4
4
|
<button type="button" class="btn text-primary border-end px-1" :disabled="!item.children" data-bs-toggle="collapse" :data-bs-target="'#collapse-'+item.id">
|
|
5
5
|
<span class="material-icons">arrow_drop_down</span>
|
|
6
|
+
<slot name="icon-start"></slot>
|
|
6
7
|
</button>
|
|
7
8
|
<div class="btn-title d-flex text-start rounded-0 flex-grow-1"
|
|
8
9
|
:for="item.id" @click="clickItem(item)">
|
|
@@ -23,6 +24,9 @@
|
|
|
23
24
|
:click-item="clickItem"
|
|
24
25
|
:active-id="activeId"
|
|
25
26
|
:tree-item-class="treeItemClass">
|
|
27
|
+
<template v-slot:icon-start>
|
|
28
|
+
<slot name="icon-start"></slot>
|
|
29
|
+
</template>
|
|
26
30
|
<template v-slot:icon>
|
|
27
31
|
<slot name="icon">
|
|
28
32
|
<div class="btn d-flex align-items-center border-start rounded-0 text-primary h-100 ms-auto">
|