kdletters
387a1c26e3
清理已跟踪原始日志与个人本地配置 修复前后端有效门禁、测试和构建问题 补齐生产 Jenkins、SpacetimeDB 本地命令与文档约束 收紧图片编辑器状态、附件与媒体引用测试 排除已下线旧创作入口测试并清理 warning
40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
import { type ButtonHTMLAttributes, forwardRef, type ReactNode } from 'react';
|
|
|
|
type PlatformInlineOptionButtonProps = Omit<
|
|
ButtonHTMLAttributes<HTMLButtonElement>,
|
|
'children'
|
|
> & {
|
|
children: ReactNode;
|
|
trailingIcon?: ReactNode;
|
|
};
|
|
|
|
/**
|
|
* 平台内联选项按钮。
|
|
* 统一承接工具面板里“当前选项 + 下拉箭头”这类轻量 pill 动作。
|
|
*/
|
|
export const PlatformInlineOptionButton = forwardRef<
|
|
HTMLButtonElement,
|
|
PlatformInlineOptionButtonProps
|
|
>(function PlatformInlineOptionButton(
|
|
{ children, trailingIcon, className, type = 'button', ...buttonProps },
|
|
ref,
|
|
) {
|
|
const actionClassName = [
|
|
'platform-inline-option-button inline-flex items-center justify-center border-0 bg-transparent text-sm font-black text-slate-700 transition-colors hover:text-slate-950 disabled:cursor-not-allowed disabled:opacity-55',
|
|
className,
|
|
]
|
|
.filter(Boolean)
|
|
.join(' ');
|
|
|
|
return (
|
|
<button {...buttonProps} ref={ref} type={type} className={actionClassName}>
|
|
<span className="platform-inline-option-button__label">{children}</span>
|
|
{trailingIcon ? (
|
|
<span className="platform-inline-option-button__trailing" aria-hidden="true">
|
|
{trailingIcon}
|
|
</span>
|
|
) : null}
|
|
</button>
|
|
);
|
|
});
|