superset mockDashboardLayout 源码
superset mockDashboardLayout 代码
文件路径:/superset-frontend/spec/fixtures/mockDashboardLayout.js
/**
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements. See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership. The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
import {
DASHBOARD_GRID_TYPE,
DASHBOARD_HEADER_TYPE,
DASHBOARD_ROOT_TYPE,
TABS_TYPE,
TAB_TYPE,
CHART_TYPE,
ROW_TYPE,
COLUMN_TYPE,
MARKDOWN_TYPE,
} from 'src/dashboard/util/componentTypes';
import {
DASHBOARD_ROOT_ID,
DASHBOARD_HEADER_ID,
DASHBOARD_GRID_ID,
} from 'src/dashboard/util/constants';
import newComponentFactory from 'src/dashboard/util/newComponentFactory';
import { sliceId as chartId } from './mockChartQueries';
import { filterId } from './mockSliceEntities';
export const sliceId = chartId;
export const dashboardLayout = {
past: [],
present: {
[DASHBOARD_ROOT_ID]: {
type: DASHBOARD_ROOT_TYPE,
id: DASHBOARD_ROOT_ID,
children: [DASHBOARD_GRID_ID],
},
[DASHBOARD_GRID_ID]: {
type: DASHBOARD_GRID_TYPE,
id: DASHBOARD_GRID_ID,
children: ['ROW_ID'],
meta: {},
},
[DASHBOARD_HEADER_ID]: {
type: DASHBOARD_HEADER_TYPE,
id: DASHBOARD_HEADER_ID,
meta: {
text: 'New dashboard',
},
},
ROW_ID: {
...newComponentFactory(ROW_TYPE),
id: 'ROW_ID',
children: ['COLUMN_ID'],
},
COLUMN_ID: {
...newComponentFactory(COLUMN_TYPE),
id: 'COLUMN_ID',
children: ['CHART_ID'],
},
CHART_ID: {
...newComponentFactory(CHART_TYPE),
id: 'CHART_ID',
meta: {
chartId,
width: 3,
height: 10,
chartName: 'Mock chart name',
},
},
MARKDOWN_ID: {
...newComponentFactory(MARKDOWN_TYPE),
id: 'MARKDOWN_ID',
},
},
future: [],
};
export const dashboardLayoutWithTabs = {
past: [],
present: {
[DASHBOARD_ROOT_ID]: {
type: DASHBOARD_ROOT_TYPE,
id: DASHBOARD_ROOT_ID,
children: ['TABS_ID'],
},
TABS_ID: {
id: 'TABS_ID',
type: TABS_TYPE,
children: ['TAB_ID', 'TAB_ID2'],
parents: ['ROOT_ID'],
},
TAB_ID: {
id: 'TAB_ID',
type: TAB_TYPE,
children: ['ROW_ID'],
parents: ['ROOT_ID', 'TABS_ID'],
meta: {
text: 'tab1',
defaultText: 'tab1',
},
},
TAB_ID2: {
id: 'TAB_ID2',
type: TAB_TYPE,
children: ['ROW_ID2'],
parents: ['ROOT_ID', 'TABS_ID'],
meta: {
text: '',
defaultText: 'tab2',
},
},
CHART_ID: {
...newComponentFactory(CHART_TYPE),
id: 'CHART_ID',
parents: ['ROOT_ID', 'TABS_ID', 'TAB_ID', 'ROW_ID'],
meta: {
chartId,
width: 3,
height: 10,
chartName: 'Mock chart name',
},
},
ROW_ID: {
...newComponentFactory(ROW_TYPE),
id: 'ROW_ID',
children: ['CHART_ID'],
parents: ['ROOT_ID', 'TABS_ID', 'TAB_ID'],
},
CHART_ID2: {
...newComponentFactory(CHART_TYPE),
id: 'CHART_ID2',
parents: ['ROOT_ID', 'TABS_ID', 'TAB_ID2', 'ROW_ID2'],
meta: {
chartId,
width: 3,
height: 10,
chartName: 'Mock chart name 2',
},
},
ROW_ID2: {
...newComponentFactory(ROW_TYPE),
id: 'ROW_ID2',
children: ['CHART_ID2'],
parents: ['ROOT_ID', 'TABS_ID', 'TAB_ID2'],
},
[DASHBOARD_GRID_ID]: {
type: DASHBOARD_GRID_TYPE,
id: DASHBOARD_GRID_ID,
children: [],
parents: ['ROOT_ID'],
meta: {},
},
[DASHBOARD_HEADER_ID]: {
type: DASHBOARD_HEADER_TYPE,
id: DASHBOARD_HEADER_ID,
meta: {
text: 'New dashboard',
},
},
},
future: [],
};
export const dashboardLayoutWithChartsInTabsAndRoot = {
...dashboardLayoutWithTabs,
present: {
...dashboardLayoutWithTabs.present,
[DASHBOARD_ROOT_ID]: {
type: DASHBOARD_ROOT_TYPE,
id: DASHBOARD_ROOT_ID,
children: ['TABS_ID', 'ROW_ID3'],
},
ROW_ID3: {
...newComponentFactory(ROW_TYPE),
id: 'ROW_ID3',
children: ['CHART_ID3'],
parents: ['ROOT_ID'],
},
CHART_ID2: {
...newComponentFactory(CHART_TYPE),
id: 'CHART_ID2',
parents: ['ROOT_ID', 'TABS_ID', 'TAB_ID2', 'ROW_ID2'],
meta: {
chartId: 20,
width: 3,
height: 10,
chartName: 'Mock chart name 2',
},
},
CHART_ID3: {
...newComponentFactory(CHART_TYPE),
id: 'CHART_ID3',
parents: ['ROOT_ID', 'ROW_ID3'],
meta: {
chartId: 19,
width: 3,
height: 10,
chartName: 'Mock chart name',
},
},
},
};
export const filterComponent = {
...newComponentFactory(CHART_TYPE),
id: 'CHART-rwDfbGqeEn',
parents: [
'ROOT_ID',
'TABS-VPEX_c476g',
'TAB-PMJyKM1yB',
'TABS-YdylzDMTMQ',
'TAB-O9AaU9FT0',
'ROW-l6PrlhwSjh',
],
meta: {
chartId: filterId,
width: 3,
height: 10,
sliceName: 'Filter',
},
};
export const dashboardWithFilter = {
[DASHBOARD_ROOT_ID]: {
type: DASHBOARD_ROOT_TYPE,
id: DASHBOARD_ROOT_ID,
children: [DASHBOARD_GRID_ID],
},
[DASHBOARD_GRID_ID]: {
type: DASHBOARD_GRID_TYPE,
id: DASHBOARD_GRID_ID,
children: ['ROW_ID'],
meta: {},
},
[DASHBOARD_HEADER_ID]: {
type: DASHBOARD_HEADER_TYPE,
id: DASHBOARD_HEADER_ID,
meta: {
text: 'New dashboard',
},
},
ROW_ID: {
...newComponentFactory(ROW_TYPE),
id: 'ROW_ID',
children: ['CHART_ID', 'FILTER_ID'],
},
FILTER_ID: {
...newComponentFactory(CHART_TYPE),
id: 'FILTER_ID',
meta: {
chartId: filterId,
width: 3,
height: 10,
chartName: 'filter name',
},
},
CHART_ID: {
...newComponentFactory(CHART_TYPE),
id: 'CHART_ID',
meta: {
chartId,
width: 3,
height: 10,
chartName: 'Mock chart name',
},
},
};
相关信息
相关文章
superset mockDashboardFilters 源码
0
赞
热门推荐
-
2、 - 优质文章
-
3、 gate.io
-
8、 golang
-
9、 openharmony
-
10、 Vue中input框自动聚焦