opensource/dify
3
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-10-16 15:35:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(dify-ui): keep DropdownMenuArrow as the Base UI Menu.Arrow alias

Browse Source 
Move the guide arrow styling into the knowledge upgrade guide so the shared
arrow keeps the upstream className(state) and style contract.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Stephen Zhou
2026-10-15 22:28:19 +08:00
co-authored by Claude Opus 5.5
parent 1df8f42de2
commit dc459b9124
2 changed files with 9 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/dify-ui/src/dropdown-menu/index.tsx
+2 -17
View File
@@ -168,23 +168,8 @@ type DropdownMenuRadioGroupProps<Value = unknown> = Omit<
}
type DropdownMenuItemVariant = MenuItemVariant
type DropdownMenuArrowProps = Omit<Menu.Arrow.Props, 'className'> & {
className?: string
}
function DropdownMenuArrow({ className, ...props }: DropdownMenuArrowProps) {
return (
<Menu.Arrow
className={cn(
'relative block h-2.5 w-5 overflow-clip',
'data-[side=bottom]:-top-2.5 data-[side=left]:-right-3.75 data-[side=left]:rotate-90 data-[side=right]:-left-3.75 data-[side=right]:-rotate-90 data-[side=top]:-bottom-2.5 data-[side=top]:rotate-180',
"before:absolute before:bottom-0 before:left-1/2 before:size-[calc(10px*sqrt(2))] before:transform-[translate(-50%,50%)_rotate(45deg)] before:rounded-tl-sm before:border before:border-divider-subtle before:bg-components-panel-bg before:content-['']",
className,
)}
{...props}
/>
)
}
const DropdownMenuArrow = Menu.Arrow
type DropdownMenuArrowProps = Menu.Arrow.Props
function DropdownMenuRadioGroup<Value = unknown>(
props: DropdownMenuRadioGroupProps<Value>,
web/app/components/datasets/list/dataset-card/components/operations-dropdown.tsx
+7 -1
View File
@@ -158,7 +158,13 @@ const OperationsDropdown = ({
sideOffset={12}
className="w-80 max-w-[calc(100vw-2rem)] overflow-visible rounded-xl border border-divider-subtle bg-components-panel-bg p-0 shadow-md"
>
<DropdownMenuArrow />
<DropdownMenuArrow
className={cn(
'relative block h-2.5 w-5 overflow-clip',
'data-[side=bottom]:-top-2.5 data-[side=left]:-right-3.75 data-[side=left]:rotate-90 data-[side=right]:-left-3.75 data-[side=right]:-rotate-90 data-[side=top]:-bottom-2.5 data-[side=top]:rotate-180',
"before:absolute before:bottom-0 before:left-1/2 before:size-[calc(10px*sqrt(2))] before:transform-[translate(-50%,50%)_rotate(45deg)] before:rounded-tl-sm before:border before:border-divider-subtle before:bg-components-panel-bg before:content-['']",
)}
/>
<div role="presentation" className="px-4 pt-3.5">
<div className="system-md-medium text-text-primary">
{t(($) => $['upgrade.guideTitle'], { ns: 'knowledgeUpgrade' })}