the tree_state content field like: { "h": 110, "w": 64, "x": 0, "y": 11, "z": 0, "minH": 3, "minW": 2, "type": "CONTAINER_WIDGET", "error": false, "props": { "radius": "4px", "shadow": "small", "viewList": [ { "id": "b58e92d5-22c3-4ffd-a4bc-aab23675387f", "key": "View 1", "label": "View 1" } ], "currentKey": "View 1", "borderColor": "#ffffffff", "borderWidth": "0px", "currentIndex": 0, "dynamicHeight": "fixed", "backgroundColor": "#f7f7f7ff", "resizeDirection": "ALL", "$dynamicAttrPaths": [] }, "unitH": 8, "unitW": 18.109375, "showName": "container", "isDragging": false, "parentNode": "", "displayName": "container9", "panelConfig": null, "childrenNode": null, "containerType": "EDITOR_SCALE_SQUARE", "verticalResize": false } we need extract type field which suffixed with "_WIDGET" and put them in to slice and return.

delete component tree, message like: { "signal": 4, "target": 1, "option": 1, "broadcast": { "type": "components/deleteComponentNodeReducer", "payload": { "displayNames": [ "image1" ], "source": "manage_delete" } }, "payload": [ "image1" <- data ], "teamID": "ILAfx4p1C7bN", "uid": "ILAfx4p1C7bN" }.

data sample: { "signal": 6, "target": 1, "option": 1, "broadcast": { "type": "components/updateComponentContainerReducer", "payload": { "oldParentNodeDisplayName": "bodySection1-bodySectionContainer1", "newParentNodeDisplayName": "canvas1", "updateSlices": [ { "displayName": "text1", "x": 8, "y": 4, "w": 20, "h": 5 } ] } }, "payload": [ { "displayName": "text1", "parentNode": "canvas1", "childrenNode": null } ], "teamID": "ILAfx4p1C7dL", "uid": "ILAfx4p1C7dL" }.

data sample: ------------------------ | { | "signal": 5, | "target": 1, | "option": 0, | "broadcast": null, | "payload": [ | { ↓ "before": { <- data "displayName": "input1" }, ↓ "after": { <- data "w": 6, "h": 5, "minW": 1, "minH": 3, "x": 19, "y": 22, "z": 0, "showName": "input", "type": "INPUT_WIDGET", "displayName": "input1", "containerType": "EDITOR_SCALE_SQUARE", "parentNode": "bodySection1-bodySectionContainer1", "childrenNode": [], "props": { "value": "", "label": "Label", "labelAlign": "left", "labelPosition": "left", "labelWidth": "{{33}}", "colorScheme": "blue", "hidden": false, "formDataKey": "{{input1.displayName}}", "placeholder": "input sth", "$dynamicAttrPaths": [ "labelWidth", "formDataKey", "showVisibleButton" ], "type": "input", "showVisibleButton": "{{true}}" }, "version": 0 } } ], "teamID": "ILAfx4p1C7bN", "uid": "ILAfx4p1C7bN" }.

anonymous user config.

-1 for get latest mainline version automatically.

-1 for get latest release version automatically.

the editable version app ID always be 0.

5 min.

DependenciesState.

DottedLineSquareState.

DragShadowState.

DisplayNameState.

define StateType.

ComponentsState.