Commit 18094fa72bb157aeb7421b10c4a9474cbe84690f
1 parent
b0951b28
feat(src/hooks/external): 新增联动组件hooks代码注释
Showing
1 changed file
with
12 additions
and
9 deletions
@@ -10,7 +10,7 @@ export const useChartInteract = ( | @@ -10,7 +10,7 @@ export const useChartInteract = ( | ||
10 | chartConfig: CreateComponentType, | 10 | chartConfig: CreateComponentType, |
11 | useChartEditStore: ChartEditStoreType, | 11 | useChartEditStore: ChartEditStoreType, |
12 | param: { [T: string]: any }, | 12 | param: { [T: string]: any }, |
13 | - interactEventOn: string, | 13 | + interactEventOn: string |
14 | ) => { | 14 | ) => { |
15 | const chartEditStore = useChartEditStore() | 15 | const chartEditStore = useChartEditStore() |
16 | const { interactEvents } = chartConfig.events | 16 | const { interactEvents } = chartConfig.events |
@@ -30,25 +30,28 @@ export const useChartInteract = ( | @@ -30,25 +30,28 @@ export const useChartInteract = ( | ||
30 | Header.value[key] = param[item.interactFn[key]] | 30 | Header.value[key] = param[item.interactFn[key]] |
31 | } | 31 | } |
32 | }) | 32 | }) |
33 | - updateIndex(chartConfig) | 33 | + setJump(chartConfig) |
34 | }) | 34 | }) |
35 | - | ||
36 | - function updateIndex(chart: any) { | 35 | + function setJump(chart: CreateComponentType) { |
36 | + /** | ||
37 | + * 通过页面显示隐藏来模拟页面跳转 | ||
38 | + * 当前点击对象和绑定的联动组件(分组或单个)内容隐藏,目标对象和绑定的联动组件(分组或单个)内容显示 | ||
39 | + */ | ||
37 | try { | 40 | try { |
38 | const targetId = chart.option.dataset[0].target | 41 | const targetId = chart.option.dataset[0].target |
39 | const currentId = chart.option.dataset[0].current | 42 | const currentId = chart.option.dataset[0].current |
40 | - const currentButtonId = chart.option.dataset[0].currentButton | ||
41 | const targetButtonId = chart.option.dataset[0].targetButton | 43 | const targetButtonId = chart.option.dataset[0].targetButton |
44 | + const currentButtonId = chart.option.dataset[0].currentButton | ||
42 | const targetIndex = chartEditStore.fetchTargetIndex(targetId) | 45 | const targetIndex = chartEditStore.fetchTargetIndex(targetId) |
43 | const currentIndex = chartEditStore.fetchTargetIndex(currentId) | 46 | const currentIndex = chartEditStore.fetchTargetIndex(currentId) |
44 | - const currentButtonIndex = chartEditStore.fetchTargetIndex(currentButtonId) | ||
45 | const targetButtonIndex = chartEditStore.fetchTargetIndex(targetButtonId) | 47 | const targetButtonIndex = chartEditStore.fetchTargetIndex(targetButtonId) |
48 | + const currentButtonIndex = chartEditStore.fetchTargetIndex(currentButtonId) | ||
46 | chartEditStore.componentList[targetIndex].status.hide = false | 49 | chartEditStore.componentList[targetIndex].status.hide = false |
47 | chartEditStore.componentList[currentIndex].status.hide = true | 50 | chartEditStore.componentList[currentIndex].status.hide = true |
48 | - chartEditStore.componentList[currentButtonIndex].status.hide = true | ||
49 | chartEditStore.componentList[targetButtonIndex].status.hide = false | 51 | chartEditStore.componentList[targetButtonIndex].status.hide = false |
50 | - } catch (e) { | ||
51 | - console.error(e) | 52 | + chartEditStore.componentList[currentButtonIndex].status.hide = true |
53 | + } finally { | ||
54 | + console.log() | ||
52 | } | 55 | } |
53 | } | 56 | } |
54 | } | 57 | } |