feat: skill tag的复数处理。测试复skill的数量
This commit is contained in:
parent
5606519619
commit
f3f87e220e
|
|
@ -313,6 +313,9 @@ export function IframeTestPanel() {
|
||||||
selectedSkills: [
|
selectedSkills: [
|
||||||
{ id: "5", name: "文档处理" },
|
{ id: "5", name: "文档处理" },
|
||||||
{ id: "1216", name: "市场研究报告" },
|
{ id: "1216", name: "市场研究报告" },
|
||||||
|
{ id: "1245", name: "市场研究报告" },
|
||||||
|
{ id: "520", name: "市场研究报告" },
|
||||||
|
{ id: "409", name: "市场研究报告" },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
"*",
|
"*",
|
||||||
|
|
|
||||||
|
|
@ -366,7 +366,7 @@ export function InputBox({
|
||||||
"pointer-events-none invisible h-[0px] translate-y-2 p-[0px] opacity-0",
|
"pointer-events-none invisible h-[0px] translate-y-2 p-[0px] opacity-0",
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<PromptInputTools>
|
<PromptInputTools className="min-w-0 flex-1">
|
||||||
{/* TODO: Add more connectors here
|
{/* TODO: Add more connectors here
|
||||||
<PromptInputActionMenu>
|
<PromptInputActionMenu>
|
||||||
<PromptInputActionMenuTrigger className="px-2!" />
|
<PromptInputActionMenuTrigger className="px-2!" />
|
||||||
|
|
@ -654,10 +654,10 @@ function IframeSkillDialogButton({
|
||||||
const { t } = useI18n();
|
const { t } = useI18n();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex min-w-0 flex-1 items-center gap-2">
|
||||||
<Tooltip content={t.inputBox.selectSkill}>
|
<Tooltip content={t.inputBox.selectSkill}>
|
||||||
<PromptInputButton
|
<PromptInputButton
|
||||||
className={cn("group px-2! hover:bg-[#EAE2F5]", className)}
|
className={cn("group shrink-0 px-2! hover:bg-[#EAE2F5]", className)}
|
||||||
onClick={openSkillDialog}
|
onClick={openSkillDialog}
|
||||||
>
|
>
|
||||||
<svg
|
<svg
|
||||||
|
|
@ -680,9 +680,15 @@ function IframeSkillDialogButton({
|
||||||
</Tag>
|
</Tag>
|
||||||
) : null}
|
) : null}
|
||||||
{!isBootstrapping && selectedSkills.length > 0 ? (
|
{!isBootstrapping && selectedSkills.length > 0 ? (
|
||||||
<div className="flex flex-wrap items-center gap-2">
|
<div
|
||||||
|
className="flex min-w-0 flex-1 items-center gap-2 overflow-x-auto overflow-y-hidden whitespace-nowrap [scrollbar-width:none] [&::-webkit-scrollbar]:hidden"
|
||||||
|
onWheel={(event) => {
|
||||||
|
if (event.deltaY === 0) return;
|
||||||
|
event.currentTarget.scrollLeft += event.deltaY;
|
||||||
|
}}
|
||||||
|
>
|
||||||
{selectedSkills.map((skill, index) => (
|
{selectedSkills.map((skill, index) => (
|
||||||
<Tag key={`${skill.skill_id}-${skill.title}-${index}`}>
|
<Tag key={`${skill.skill_id}-${skill.title}-${index}`} className="shrink-0">
|
||||||
{skill.title}
|
{skill.title}
|
||||||
{/* TODO: 因为后端接口不支持取消选择skill,所以暂时禁用取消选择按钮 */}
|
{/* TODO: 因为后端接口不支持取消选择skill,所以暂时禁用取消选择按钮 */}
|
||||||
{/* <button
|
{/* <button
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue