55 lines
1.3 KiB
JavaScript
55 lines
1.3 KiB
JavaScript
|
import PropTypes from "prop-types";
|
||
|
|
import { Tooltip, Stack, Container } from "@mui/material";
|
||
|
|
import Label from "ui-component/Label";
|
||
|
|
import { styled } from "@mui/material/styles";
|
||
|
|
import { showSuccess } from "utils/common";
|
||
|
|
|
||
|
|
const TooltipContainer = styled(Container)({
|
||
|
|
maxHeight: "250px",
|
||
|
|
overflow: "auto",
|
||
|
|
"&::-webkit-scrollbar": {
|
||
|
|
width: "0px", // Set the width to 0 to hide the scrollbar
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
const NameLabel = ({ name, models }) => {
|
||
|
|
let modelMap = [];
|
||
|
|
modelMap = models.split(",");
|
||
|
|
modelMap.sort();
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Tooltip
|
||
|
|
title={
|
||
|
|
<TooltipContainer>
|
||
|
|
<Stack spacing={1}>
|
||
|
|
{modelMap.map((item, index) => {
|
||
|
|
return (
|
||
|
|
<Label
|
||
|
|
variant="ghost"
|
||
|
|
key={index}
|
||
|
|
onClick={() => {
|
||
|
|
navigator.clipboard.writeText(item);
|
||
|
|
showSuccess("复制模型名称成功！");
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
{item}
|
||
|
|
</Label>
|
||
|
|
);
|
||
|
|
})}
|
||
|
|
</Stack>
|
||
|
|
</TooltipContainer>
|
||
|
|
}
|
||
|
|
placement="top"
|
||
|
|
>
|
||
|
|
<span>{name}</span>
|
||
|
|
</Tooltip>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
NameLabel.propTypes = {
|
||
|
|
name: PropTypes.string,
|
||
|
|
models: PropTypes.string,
|
||
|
|
};
|
||
|
|
|
||
|
|
export default NameLabel;
|