Commit 157f4d5

committed

feat: add update node APIs

1 parent f5fb500 commit 157f4d5Copy full SHA for 157f4d5

File tree

4 files changed

+72

-0

lines changed

src
- components
  - Tree.vue
- constants
  - index.ts
- hooks
  - usePublicTreeAPI.ts
- store
  - tree-store.ts

4 files changed

+72

-0

lines changed

`‎src/components/Tree.vue`

Lines changed: 4 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -405,6 +405,8 @@ const {`
`405`	`405`	`filter,`
`406`	`406`	`showCheckedNodes,`
`407`	`407`	`loadRootNodes,`
	`408`	`+ updateNode,`
	`409`	`+ updateNodes,`
`408`	`410`	`} = usePublicTreeAPI(nonReactive, props, {`
`409`	`411`	`resetSpaceHeights,`
`410`	`412`	`updateExpandedKeys,`
`@@ -705,6 +707,8 @@ defineExpose({`
`705`	`707`	`filter,`
`706`	`708`	`showCheckedNodes,`
`707`	`709`	`loadRootNodes,`
	`710`	`+ updateNode,`
	`711`	`+ updateNodes,`
`708`	`712`	`scrollTo,`
`709`	`713`	`})`
`710`	`714`

`‎src/constants/index.ts`

Lines changed: 2 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -39,6 +39,8 @@ export const TREE_API_METHODS = [`
`39`	`39`	`'filter',`
`40`	`40`	`'showCheckedNodes',`
`41`	`41`	`'loadRootNodes',`
	`42`	`+ 'updateNode',`
	`43`	`+ 'updateNodes',`
`42`	`44`	`'scrollTo'`
`43`	`45`	`] as const`
`44`	`46`

`‎src/hooks/usePublicTreeAPI.ts`

Lines changed: 14 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -235,6 +235,18 @@ export const usePublicTreeAPI = (`
`235`	`235`	`isRootLoading.value = false`
`236`	`236`	`})`
`237`	`237`	`}`
	`238`	`+ /**`
	`239`	`+ * 更新单个节点`
	`240`	`+ */`
	`241`	`+ function updateNode(key: TreeNodeKeyType, newNode: ITreeNodeOptions) {`
	`242`	`+ return nonReactive.store.updateNode(key, newNode)`
	`243`	`+ }`
	`244`	`+ /**`
	`245`	`+ * 更新多个节点`
	`246`	`+ */`
	`247`	`+ function updateNodes(newNodes: ITreeNodeOptions[]) {`
	`248`	`+ return nonReactive.store.updateNodes(newNodes)`
	`249`	`+ }`
`238`	`250`
`239`	`251`	`return {`
`240`	`252`	`unloadCheckedNodes,`
`@@ -269,5 +281,7 @@ export const usePublicTreeAPI = (`
`269`	`281`	`filter,`
`270`	`282`	`showCheckedNodes,`
`271`	`283`	`loadRootNodes,`
	`284`	`+ updateNode,`
	`285`	`+ updateNodes,`
`272`	`286`	`}`
`273`	`287`	`}`

`‎src/store/tree-store.ts`

Lines changed: 52 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -518,6 +518,58 @@ export default class TreeStore extends TreeEventTarget {`
`518`	`518`	`}`
`519`	`519`	`}`
`520`	`520`
	`521`	`+ updateNode(key: TreeNodeKeyType, newNode: ITreeNodeOptions, triggerDataChange = true) {`
	`522`	`+ if (!this.mapData[key]) return`
	`523`	`+`
	`524`	`+ const newNodeCopy: ITreeNodeOptions = {}`
	`525`	`+ const notAllowedFields = [`
	`526`	`+ this.options.keyField,`
	`527`	`+ 'indeterminate',`
	`528`	`+ 'visible',`
	`529`	`+ 'isLeaf',`
	`530`	`+ ]`
	`531`	`+`
	`532`	`+ // Exclude key field and fields starting with '_'`
	`533`	`+ Object.keys(newNode).forEach((field) => {`
	`534`	`+ if (!field.startsWith('_') && !notAllowedFields.includes(field)) {`
	`535`	`+ newNodeCopy[field] = newNode[field]`
	`536`	`+ }`
	`537`	`+ })`
	`538`	`+`
	`539`	`+ if (Array.isArray(newNodeCopy.children)) {`
	`540`	`+ this.mapData[key].setChildren(newNodeCopy.children)`
	`541`	`+ delete newNodeCopy.children`
	`542`	`+ }`
	`543`	`+ if ('checked' in newNodeCopy) {`
	`544`	`+ this.setChecked(key, newNodeCopy.checked, false, false)`
	`545`	`+ delete newNodeCopy.checked`
	`546`	`+ }`
	`547`	`+ if ('selected' in newNodeCopy) {`
	`548`	`+ this.setSelected(key, newNodeCopy.selected, false, false)`
	`549`	`+ delete newNodeCopy.selected`
	`550`	`+ }`
	`551`	`+ if ('expand' in newNodeCopy) {`
	`552`	`+ this.setExpand(key, newNodeCopy.expand, false, false, false)`
	`553`	`+ delete newNodeCopy.expand`
	`554`	`+ }`
	`555`	`+ Object.keys(newNodeCopy).forEach((field) => {`
	`556`	`+ this.mapData[key][field] = newNodeCopy[field]`
	`557`	`+ })`
	`558`	`+`
	`559`	`+ if (triggerDataChange) {`
	`560`	`+ this.emit('visible-data-change')`
	`561`	`+ }`
	`562`	`+ }`
	`563`	`+`
	`564`	`+ updateNodes(newNodes: ITreeNodeOptions[]) {`
	`565`	`+ const validNodes = newNodes.filter((node) => node[this.options.keyField] != null)`
	`566`	`+ validNodes.forEach((node) => {`
	`567`	`+ this.updateNode(node[this.options.keyField], node, false)`
	`568`	`+ })`
	`569`	`+`
	`570`	`+ this.emit('visible-data-change')`
	`571`	`+ }`
	`572`	`+`
`521`	`573`	`//#endregion Set api`
`522`	`574`
`523`	`575`	`//#region Get api`

0 commit comments

Comments

(0)

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit 157f4d5

File tree

4 files changed

4 files changed

`‎src/components/Tree.vue`

`‎src/constants/index.ts`

`‎src/hooks/usePublicTreeAPI.ts`

`‎src/store/tree-store.ts`

0 commit comments