* develop:
fix(StateManager): fix the can't deep eval the nest array issues
feat(runtime): add style for ErrorBoundary
feat(runtime): add ErrorBoundary to ImplWrapper
refactor(runtime): add slot receiver to app services
refactor(runtime): temporary hack the list component with the new slot system
refactor(runtime): remove slot props from event trait
perf(runtime): implement slot receiver to avoid of re-render when passing fallback elements
perf(runtime): refactor the slot's props and fallback implementation
fix(SpaceWidget): fix padding display misalignment
The slot receiver is a magic hole of sunmao's runtime.
In sunmao, we support pass props and fallback elements to a slot.
But if we pass them as React component's props,
it will cause re-render since most of them could not use a shallow equal checker.
Also, in sunmao's runtime, we are not using a traditional React render mechanism.
Instead, we keep most of the components not be rendered and only subscribe to related state updates.
To continue with our design,
we need a way to render slot's fallback elements without passing the elements as props.
This is where the slot receiver comes.
It contains a map and an event emitter, when a slot need render,
it will attach the fallback elements to the map and send a signal via the emitter.
When the Receiver component receive a signal, it will force render the fallback elements.
related: #388
The main idea of this patch is to set slot props to a reactive store
instead of passing them as React props to the slot children elements.
Same as other state management in sunmao, the component will subscribe
to the slot store to get the latest value of slot props.
Same as component id, we need a way to identify every slot props in the store.
So we add a new parameter key to the `getSlot` function,
where [component id, slot name, key] will be a unique identifier.
Another challenge is to subscribe the slot store in a efficient way.
Currently we are using vue's reactivity system, which need set `deep: true`
to observe multiple value during effect.
By setting `deep: true`, if we write code like `const $slot = slotStore[slotKey]`,
it will subscribe all the sub-fields of this slot key be cause we 'access' the property.
The solution is to implement a redirector Proxy.
With the redirector, expression `$slot.a.b` will be redirect to `slotStore[slotKey].a.b`.
related to: #388
* develop:
fix: fix selecting component would change the properties' values issue
refactor: remove the shared package from core
fix: fix the `exampleProperties` type errors
refactor(runtime): remove full import of lodash
fix: fix clicking outside can't close the popover widget
fix(PopoverWidget): compatible with the React 16
feat(Select): add title to select option
fix(mask): fix wrong mask position
fix(stateManager): don't console.error expression errors by default
feat(booleanWidget): auto convert non-boolean value to boolean
feat(numberWidget): auto convert non-number value to number
feat(expressionWidget): don't auto convert string to other type
feat(stateManager): don't auto convert string to number or boolean
feat(ArrayWidget): arrayWidget will try to eval value before render it
* develop: (36 commits)
fix(stateManager): add toRaw in maskEval move toRaw logic to maskEval to make sure component will not receive Proxy
fix(editor): add a dependency array on a effect hook
fix(editor-sdk): remove a wrong attribute
fix(editor): fix the bug of chakra/checkbox with correct way
feat: watch the expression string change
chore: change the commit rules
refactor: let the \`deepEval\` support eval the expression string
fix(editor): fix a bug which will cause the mask of chakra-ui/checkbox render incorrectly
fix(validator): ignore error if event trait parameter is expression
fix(validator): don't count keys of array destructuring assignment in property refs
fix(validator): don't count keys of object destructuring assignment in property refs
fix(validator): fieldModel should not count object keys in property ref
fix(validator): fix the bug that property reference is wrong in complex expression
chore(validator): remove a log-line
chore(validator): comment out a log-line
fix(validator): if a object json schema does not have specific properties, treat it as any type
fix(validator): validator will crash when it fails to find util method
fix(validator): allow using question mask in expression
fix(ImplWrapper): deep compare slotContext in memo
fix(editor): import chakra arco widgets correctly
...
