javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2026-03-13 07:51:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

improvement(components): [el-cascader-panel] unref store (#4544)

Browse Source
This commit is contained in:
btea
2021-11-29 21:38:21 -06:00
committed by GitHub
parent 8d4ca53825
commit aae2514a87
1 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
packages/components/cascader-panel/src/index.vue
View File

@@ -81,7 +81,7 @@ export default defineComponent({
const config = useCascaderConfig(props)
const store = ref<Nullable<Store>>(null)
let store: Nullable<Store> = null
const menuList = ref<any[]>([])
const checkedValue = ref<Nullable<CascaderValue>>(null)
const menus = ref<CascaderNode[][]>([])
@@ -98,12 +98,16 @@ export default defineComponent({
const cfg = config.value
manualChecked = false
store.value = new Store(options, cfg)
menus.value = [store.value.getNodes()]
store = new Store(options, cfg)
menus.value = [store.getNodes()]
if (cfg.lazy && isEmpty(props.options)) {
initialLoaded = false
lazyLoad(undefined, () => {
lazyLoad(undefined, (list) => {
if (list) {
store = new Store(list, cfg)
menus.value = [store.getNodes()]
}
initialLoaded = true
syncCheckedValue(false, true)
})
@@ -120,7 +124,7 @@ export default defineComponent({
const resolve = (dataList: CascaderOption[]) => {
const _node = node as Node
const parent = _node.root ? null : _node
dataList && store.value?.appendNodes(dataList, parent as any)
dataList && store?.appendNodes(dataList, parent as any)
_node.loading = false
_node.loaded = true
_node.childrenData = _node.childrenData || []
@@ -173,7 +177,7 @@ export default defineComponent({
}
const getFlattedNodes = (leafOnly: boolean) => {
return store.value?.getFlattedNodes(leafOnly)
return store?.getFlattedNodes(leafOnly)
}
const getCheckedNodes = (leafOnly: boolean) => {
@@ -213,7 +217,7 @@ export default defineComponent({
arrayFlat(coerceTruthyValueToArray(modelValue))
)
const nodes = values
.map((val) => store.value?.getNodeByValue(val))
.map((val) => store?.getNodeByValue(val))
.filter((node) => !!node && !node.loaded && !node.loading) as Node[]
if (nodes.length) {
@@ -228,7 +232,7 @@ export default defineComponent({
? coerceTruthyValueToArray(modelValue)
: [modelValue]
const nodes = deduplicate(
values.map((val) => store.value?.getNodeByValue(val, leafOnly))
values.map((val) => store?.getNodeByValue(val, leafOnly))
) as Node[]
syncMenuState(nodes, false)
checkedValue.value = modelValue!
@@ -244,7 +248,7 @@ export default defineComponent({
const newNodes = newCheckedNodes.filter(
(node) => !!node && (checkStrictly || node.isLeaf)
)
const oldExpandingNode = store.value?.getSameNode(expandingNode.value!)
const oldExpandingNode = store?.getSameNode(expandingNode.value!)
const newExpandingNode =
(reserveExpandingState && oldExpandingNode) || newNodes[0]