(feature)(webapp) add show case and support multiple selection and deletion of filter conditions (#251)

This commit is contained in:
williamhliu
2023-10-18 09:56:35 +08:00
committed by GitHub
parent 8d81f63e08
commit 36052cb4f2
36 changed files with 492 additions and 134 deletions

View File

@@ -8,6 +8,7 @@ import classNames from 'classnames';
type Props = {
modelId: number;
metricId?: number;
drillDownDimension?: DrillDownDimensionType;
isMetricCard?: boolean;
originDimensions?: DrillDownDimensionType[];
@@ -17,8 +18,11 @@ type Props = {
const MAX_DIMENSION_COUNT = 20;
const DEFAULT_DIMENSION_COUNT = 5;
const DrillDownDimensions: React.FC<Props> = ({
modelId,
metricId,
drillDownDimension,
isMetricCard,
originDimensions,
@@ -27,12 +31,10 @@ const DrillDownDimensions: React.FC<Props> = ({
}) => {
const [dimensions, setDimensions] = useState<DrillDownDimensionType[]>([]);
const DEFAULT_DIMENSION_COUNT = isMetricCard ? 3 : 5;
const prefixCls = `${CLS_PREFIX}-drill-down-dimensions`;
const initData = async () => {
const res = await queryDrillDownDimensions(modelId);
const res = await queryDrillDownDimensions(modelId, metricId);
setDimensions(
res.data.dimensions
.filter(

View File

@@ -5,7 +5,6 @@
.@{drill-down-dimensions-prefix-cls} {
display: flex;
flex-direction: column;
margin-top: 2px;
&-section {
width: 100%;
@@ -13,7 +12,6 @@
align-items: center;
flex-wrap: wrap;
column-gap: 6px;
margin-top: 6px;
}
&-metric-card {