-
Notifications
You must be signed in to change notification settings - Fork 3
/
object.js
56 lines (45 loc) · 977 Bytes
/
object.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
var html = require('bel')
var clone = require('clone')
var update = require('nanomorph/update')
var listEditor = require('../index')({ showKeys: true })
var helpers = require('../helpers')
var items = {
awesome: 'ok',
nice: 'sure',
cool: 'poop'
}
function onChange (data) {
console.log('onChange', data)
items = helpers.change(items, data)
action(items)
}
function onAdd (data) {
console.log('onAdd', data)
items = helpers.add(items, data)
action(items)
}
function onRemove (data) {
console.log('onRemove', data)
items = helpers.remove(items, data)
action(items)
}
function action (state) {
var newTree = render({
items: state,
onAdd: onAdd,
onChange: onChange,
onRemove, onRemove
})
morph(newTree, tree)
}
function render (params) {
return listEditor(params)
}
var tree = render({
items: items,
onAdd: onAdd,
onChange: onChange,
onRemove, onRemove
})
var morph = update(tree)
document.body.appendChild(tree)