mirror of
https://github.com/tencentmusic/supersonic.git
synced 2025-12-24 02:24:59 +08:00
(feature)(webapp) add show case and support multiple selection and deletion of filter conditions (#251)
This commit is contained in:
@@ -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(
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user