topdog/supersonic
1
0
Fork 0
mirror of https://github.com/tencentmusic/supersonic.git synced 2025-12-24 02:24:59 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

(feature)(webapp) add filter modify and similar questions (#213)

Browse Source
This commit is contained in:
williamhliu
2023-10-13 18:31:00 +08:00
committed by GitHub
parent ab19b18169
commit 767abc2b90
27 changed files with 799 additions and 795 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
webapp/packages/chat-sdk/src/components/DrillDownDimensions/index.tsx
View File

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
import { CLS_PREFIX } from '../../common/constants';
import { DrillDownDimensionType, FilterItemType } from '../../common/type';
import { queryDrillDownDimensions } from '../../service';
import { Dropdown } from 'antd';
import { Dropdown, Menu } from 'antd';
import { DownOutlined } from '@ant-design/icons';
import classNames from 'classnames';
@@ -87,26 +87,27 @@ const DrillDownDimensions: React.FC<Props> = ({
<div>
<span>、</span>
<Dropdown
menu={{
items: dimensions.slice(DEFAULT_DIMENSION_COUNT).map(dimension => {
const itemNameClass = classNames({
[`${prefixCls}-menu-item-active`]: drillDownDimension?.id === dimension.id,
});
return {
label: (
<span
className={itemNameClass}
onClick={() => {
onSelectDimension(dimension);
}}
>
{dimension.name}
</span>
),
key: dimension.id,
};
}),
}}
overlay={
<Menu>
{dimensions.slice(DEFAULT_DIMENSION_COUNT).map(dimension => {
const itemNameClass = classNames({
[`${prefixCls}-menu-item-active`]: drillDownDimension?.id === dimension.id,
});
return (
<Menu.Item key={dimension.id}>
<span
className={itemNameClass}
onClick={() => {
onSelectDimension(dimension);
}}
>
{dimension.name}
</span>
</Menu.Item>
);
})}
</Menu>
}
>
<span>
<span className={`${prefixCls}-content-item-name`}>更多</span>