Skip to content

Commit 7a431c5

Browse files
leezngleezng
committed
chore: change pathSelectable to nodeSelectable
1 parent ae63d28 commit 7a431c5

File tree

5 files changed

+49
-51
lines changed

5 files changed

+49
-51
lines changed

‎README.md‎

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -106,28 +106,28 @@ plugins: [
106106

107107
## Props
108108

109-
| Property | Description | Type | Default |
110-
| ------------------------ | ----------------------------------------------- | ----------------------- | ------- |
111-
| data(v-model) | JSON data, support v-model when use editable | JSON object | - |
112-
| deep | Paths greater than this depth will be collapsed | number | - |
113-
| showLength | Show the length when collapsed | boolean | false |
114-
| showLine | Show the line | boolean | true |
115-
| showLineNumber | Show the line number | boolean | false |
116-
| showIcon | Show the icon | boolean | false |
117-
| showDoubleQuotes | Show doublequotes on key | boolean | true |
118-
| virtual | Use virtual scroll | boolean | false |
119-
| height | The height of list when using virtual | number | 400 |
120-
| itemHeight | The height of node when using virtual | number | 20 |
121-
| selectedValue.sync | Selected data path | string, array | - |
122-
| rootPath | Root data path | string | `root` |
123-
| pathSelectable | Defines whether a data path supports selection | function(path, content) | - |
124-
| selectableType | Support path select, default none | `multiple`, `single` | - |
125-
| showSelectController | Show the select controller | boolean | false |
126-
| selectOnClickNode | Trigger select when click node | boolean | true |
127-
| highlightSelectedNode | Support highlighting selected nodes | boolean | true |
128-
| collapsedOnClickBrackets | Support click brackets to collapse | boolean | true |
129-
| editable | Support editable | boolean | false |
130-
| editableTrigger | Trigger | `click`, `dblclick` | `click` |
109+
| Property | Description | Type | Default |
110+
| ------------------------ | ----------------------------------------------- | -------------------- | ------- |
111+
| data(v-model) | JSON data, support v-model when use editable | JSON object | - |
112+
| deep | Paths greater than this depth will be collapsed | number | - |
113+
| showLength | Show the length when collapsed | boolean | false |
114+
| showLine | Show the line | boolean | true |
115+
| showLineNumber | Show the line number | boolean | false |
116+
| showIcon | Show the icon | boolean | false |
117+
| showDoubleQuotes | Show doublequotes on key | boolean | true |
118+
| virtual | Use virtual scroll | boolean | false |
119+
| height | The height of list when using virtual | number | 400 |
120+
| itemHeight | The height of node when using virtual | number | 20 |
121+
| selectedValue.sync | Selected data path | string, array | - |
122+
| rootPath | Root data path | string | `root` |
123+
| nodeSelectable | Defines whether a data path supports selection | function(node) | - |
124+
| selectableType | Support path select, default none | `multiple`, `single` | - |
125+
| showSelectController | Show the select controller | boolean | false |
126+
| selectOnClickNode | Trigger select when click node | boolean | true |
127+
| highlightSelectedNode | Support highlighting selected nodes | boolean | true |
128+
| collapsedOnClickBrackets | Support click brackets to collapse | boolean | true |
129+
| editable | Support editable | boolean | false |
130+
| editableTrigger | Trigger | `click`, `dblclick` | `click` |
131131

132132
## Events
133133

‎README.zh-CN.md‎

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -9,28 +9,28 @@
99

1010
## Props
1111

12-
| 属性 | 说明 | 类型 | 默认值 |
13-
| ------------------------ | ------------------------------ | ----------------------- | ------------- |
14-
| data(v-model) | 源数据，注意不是 `JSON` 字符串 | `JSON` 数据对象 | - |
15-
| deep | 深度，大于该深度的路径将被折叠 | number | Infinity |
16-
| showLength | 在数据折叠的时候展示长度 | boolean | false |
17-
| showLine | 展示标识线 | boolean | true |
18-
| showLineNumber | 展示行计数 | boolean | false |
19-
| showIcon | 展示图标 | boolean | false |
20-
| showDoubleQuotes | 展示 key 名的双引号 | boolean | true |
21-
| virtual | 使用虚拟滚动(大数据量) | boolean | false |
22-
| height | 使用虚拟滚动时，定义总高度 | number | 400 |
23-
| itemHeight | 使用虚拟滚动时，定义节点高度 | number | 20 |
24-
| selectedValue.sync | 双向绑定选中的数据路径 | string, array | string, array |
25-
| rootPath | 定义最顶层数据路径 | string | `root` |
26-
| pathSelectable | 定义哪些数据路径可以被选择 | function(path, content) | - |
27-
| selectableType | 定义选择功能，默认无 | `multiple`, `single` | - |
28-
| showSelectController | 展示选择器 | boolean | false |
29-
| selectOnClickNode | 支持点击节点的时候触发选择 | boolean | true |
30-
| highlightSelectedNode | 支持高亮已选择节点 | boolean | true |
31-
| collapsedOnClickBrackets | 支持点击括号折叠 | boolean | true |
32-
| editable | 支持可编辑 | boolean | false |
33-
| editableTrigger | 触发编辑的时机 | `click`, `dblclick` | `click` |
12+
| 属性 | 说明 | 类型 | 默认值 |
13+
| ------------------------ | ------------------------------ | -------------------- | ------------- |
14+
| data(v-model) | 源数据，注意不是 `JSON` 字符串 | `JSON` 数据对象 | - |
15+
| deep | 深度，大于该深度的路径将被折叠 | number | Infinity |
16+
| showLength | 在数据折叠的时候展示长度 | boolean | false |
17+
| showLine | 展示标识线 | boolean | true |
18+
| showLineNumber | 展示行计数 | boolean | false |
19+
| showIcon | 展示图标 | boolean | false |
20+
| showDoubleQuotes | 展示 key 名的双引号 | boolean | true |
21+
| virtual | 使用虚拟滚动(大数据量) | boolean | false |
22+
| height | 使用虚拟滚动时，定义总高度 | number | 400 |
23+
| itemHeight | 使用虚拟滚动时，定义节点高度 | number | 20 |
24+
| selectedValue.sync | 双向绑定选中的数据路径 | string, array | string, array |
25+
| rootPath | 定义最顶层数据路径 | string | `root` |
26+
| nodeSelectable | 定义哪些数据路径可以被选择 | function(node) | - |
27+
| selectableType | 定义选择功能，默认无 | `multiple`, `single` | - |
28+
| showSelectController | 展示选择器 | boolean | false |
29+
| selectOnClickNode | 支持点击节点的时候触发选择 | boolean | true |
30+
| highlightSelectedNode | 支持高亮已选择节点 | boolean | true |
31+
| collapsedOnClickBrackets | 支持点击括号折叠 | boolean | true |
32+
| editable | 支持可编辑 | boolean | false |
33+
| editableTrigger | 触发编辑的时机 | `click`, `dblclick` | `click` |
3434

3535
## Events
3636

‎example/SelectControl.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -87,7 +87,7 @@
8787
:show-line-number="showLineNumber"
8888
:select-on-click-node="selectOnClickNode"
8989
:collapsed-on-click-brackets="collapsedOnClickBrackets"
90-
:path-selectable="(path, data) => typeof data !== 'number'"
90+
:node-selectable="(node) => typeof node.content !== 'number'"
9191
:selectable-type="selectableType"
9292
:show-select-controller="showSelectController"
9393
:show-icon="showIcon"

‎src/components/Tree/index.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@
3333
:show-line-number="showLineNumber"
3434
:show-select-controller="showSelectController"
3535
:select-on-click-node="selectOnClickNode"
36-
:path-selectable="pathSelectable"
36+
:node-selectable="nodeSelectable"
3737
:highlight-selected-node="highlightSelectedNode"
3838
:show-icon="showIcon"
3939
:editable="editable"
@@ -140,7 +140,7 @@ export default {
140140
default: () => '',
141141
},
142142
// When using the selectableType, define whether current path/content is enabled.
143-
pathSelectable: {
143+
nodeSelectable: {
144144
type: Function,
145145
default: () => true,
146146
},

‎src/components/TreeNode/index.vue‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,7 @@ export default {
119119
default: true,
120120
},
121121
// When using the selectableType, define whether current path/content is enabled.
122-
pathSelectable: {
122+
nodeSelectable: {
123123
type: Function,
124124
default: () => true,
125125
},
@@ -160,9 +160,7 @@ export default {
160160
},
161161
162162
selectable() {
163-
return (
164-
this.pathSelectable(this.node.path, this.node.content) && (this.isMultiple || this.isSingle)
165-
);
163+
return this.nodeSelectable(this.node) && (this.isMultiple || this.isSingle);
166164
},
167165
168166
isMultiple() {

0 commit comments

Comments
 (0)