diff --git a/src/ActionGroup/demos/config.tsx b/src/ActionGroup/demos/config.tsx index 68eeec84..575c067c 100644 --- a/src/ActionGroup/demos/config.tsx +++ b/src/ActionGroup/demos/config.tsx @@ -16,6 +16,7 @@ export default () => { items={[ { icon: , + placement: 'bottom', onClick: () => { messageApi.info('复制!'); }, diff --git a/src/ActionGroup/index.tsx b/src/ActionGroup/index.tsx index 44dc6901..d5297896 100644 --- a/src/ActionGroup/index.tsx +++ b/src/ActionGroup/index.tsx @@ -5,11 +5,11 @@ import { RedoOutlined, UndoOutlined, } from '@ant-design/icons'; -import { ActionIcon, getPrefixCls } from '@ant-design/pro-editor'; +import { ActionIcon, ActionIconProps, getPrefixCls } from '@ant-design/pro-editor'; import { Divider, Dropdown, DropdownProps } from 'antd'; import { useStyle } from './style'; -export type ActionIconGroupItemType = { +export type ActionIconGroupItemType = ActionIconProps & { /** * @description 展示的 icon */ @@ -142,6 +142,7 @@ const ActionGroup = (props: ActionGroupProps) => { if (item?.type) return ( { size={size} {...item} onClick={() => { - item?.onClick(); + if (item?.onClick) { + item?.onClick(); + } onClick(item?.key); }} /> diff --git a/src/ActionIcon/ActionIcon.tsx b/src/ActionIcon/ActionIcon.tsx index 94479bd7..a27b6ea8 100644 --- a/src/ActionIcon/ActionIcon.tsx +++ b/src/ActionIcon/ActionIcon.tsx @@ -34,6 +34,16 @@ export interface ActionIconProps extends Omit { * @title 图标尺寸 */ size?: 'default' | 'large' | number; + /** + * @description 鼠标移入时候的延迟tooltip时间,默认 0.5 + * @default 0.5 + */ + tooltipDelay?: number; + /** + * @description 是否展示小箭头,默认不展示 + * @default false + */ + arrow?: boolean; } const ActionIcon: FC = ({ @@ -43,7 +53,9 @@ const ActionIcon: FC = ({ cursor, onClick, className, + arrow = false, size, + tooltipDelay = 0.5, prefixCls: customPrefixCls, ...restProps }) => { @@ -77,9 +89,10 @@ const ActionIcon: FC = ({ Icon ) : ( {Icon} diff --git a/src/Highlight/index.md b/src/Highlight/index.md index 142eab1f..52a888ab 100644 --- a/src/Highlight/index.md +++ b/src/Highlight/index.md @@ -8,25 +8,25 @@ group: 基础组件 ## 何时使用 -展示代码时使用,不需要编辑代码时使用。 +展示代码时使用,不需要编辑代码时使用 ## 代码演示 ### 指定语言 -你可以通过 `language` 指定语言高亮,通过 `theme` 指定高亮主题。 +你可以通过 `language` 指定语言高亮,通过 `theme` 指定高亮主题 ### 展示代码块行号 -你可以通过 `lineNumber` 指定是否需要展示代码块行号。 +你可以通过 `lineNumber` 指定是否需要展示代码块行号 ### 主题 & 语言 & 行号 & 渲染器 -你可以通过这个示例查看不同语言在不同主题下的效果。 +你可以通过这个示例查看不同语言在不同主题下的效果 diff --git a/tests/__snapshots__/demo.test.tsx.snap b/tests/__snapshots__/demo.test.tsx.snap index 89051fe0..31349cf4 100644 --- a/tests/__snapshots__/demo.test.tsx.snap +++ b/tests/__snapshots__/demo.test.tsx.snap @@ -2731,7 +2731,6 @@ exports[` > renders actions.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -2793,7 +2792,6 @@ exports[` > renders actions.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -2973,7 +2971,6 @@ exports[` > renders actions.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -3035,7 +3032,6 @@ exports[` > renders actions.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -3215,7 +3211,6 @@ exports[` > renders actions.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -3277,7 +3272,6 @@ exports[` > renders actions.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -3803,7 +3797,6 @@ exports[` > renders column.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -3865,7 +3858,6 @@ exports[` > renders column.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -4033,7 +4025,6 @@ exports[` > renders column.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -4095,7 +4086,6 @@ exports[` > renders column.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -4263,7 +4253,6 @@ exports[` > renders column.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -4325,7 +4314,6 @@ exports[` > renders column.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -4493,7 +4481,6 @@ exports[` > renders column.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -4555,7 +4542,6 @@ exports[` > renders column.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -5030,7 +5016,6 @@ exports[` > renders controlled.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -5092,7 +5077,6 @@ exports[` > renders controlled.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -5243,7 +5227,6 @@ exports[` > renders controlled.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -5305,7 +5288,6 @@ exports[` > renders controlled.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -5456,7 +5438,6 @@ exports[` > renders controlled.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -5518,7 +5499,6 @@ exports[` > renders controlled.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -6033,7 +6013,6 @@ exports[` > renders creatorButtonProps.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -6095,7 +6074,6 @@ exports[` > renders creatorButtonProps.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -6246,7 +6224,6 @@ exports[` > renders creatorButtonProps.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -6308,7 +6285,6 @@ exports[` > renders creatorButtonProps.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -6459,7 +6435,6 @@ exports[` > renders creatorButtonProps.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -6521,7 +6496,6 @@ exports[` > renders creatorButtonProps.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -7043,7 +7017,6 @@ exports[` > renders customCreate.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -7105,7 +7078,6 @@ exports[` > renders customCreate.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -7256,7 +7228,6 @@ exports[` > renders customCreate.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -7318,7 +7289,6 @@ exports[` > renders customCreate.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -7469,7 +7439,6 @@ exports[` > renders customCreate.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -7531,7 +7500,6 @@ exports[` > renders customCreate.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -15274,7 +15242,6 @@ exports[` > renders basic.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -17623,7 +17590,6 @@ exports[` > renders theme.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -17694,7 +17660,6 @@ exports[` > renders theme.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -17765,7 +17730,6 @@ exports[` > renders theme.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -17836,7 +17800,6 @@ exports[` > renders theme.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -21594,7 +21557,6 @@ exports[` > renders provider.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -21757,7 +21719,6 @@ exports[` > renders provider.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -21920,7 +21881,6 @@ exports[` > renders provider.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -22401,7 +22361,6 @@ exports[` > renders ref.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -22564,7 +22523,6 @@ exports[` > renders ref.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -22727,7 +22685,6 @@ exports[` > renders ref.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -23154,7 +23111,6 @@ exports[` > renders renderContent.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -23317,7 +23273,6 @@ exports[` > renders renderContent.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -23480,7 +23435,6 @@ exports[` > renders renderContent.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -24468,7 +24422,6 @@ exports[` > renders useSortableList.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -24631,7 +24584,6 @@ exports[` > renders useSortableList.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -24794,7 +24746,6 @@ exports[` > renders useSortableList.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -31039,7 +30990,6 @@ exports[` > renders select.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -31100,7 +31050,6 @@ exports[` > renders select.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -31167,7 +31116,6 @@ exports[` > renders select.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -31228,7 +31176,6 @@ exports[` > renders select.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" @@ -31791,7 +31738,6 @@ exports[` > renders treeselect.tsx correctly 1`] = ` aria-controls="rc_select_TEST_OR_SSR_list" aria-expanded="false" aria-haspopup="listbox" - aria-label="Search" aria-owns="rc_select_TEST_OR_SSR_list" autocomplete="off" class="studio-select-selection-search-input" diff --git a/tests/demo.test.tsx b/tests/demo.test.tsx index 1974de83..3abfab17 100644 --- a/tests/demo.test.tsx +++ b/tests/demo.test.tsx @@ -32,11 +32,10 @@ dirs.forEach((dir) => { files.forEach((file) => { const demoName = file?.split('/').pop(); - if (!demoName) return; - it(`renders ${demoName} correctly`, async () => { const Demo = await import(file); + if (!demoName) return; // console.log(`测试组件${dir} DEMO:${demoName}`); const wrapper = render(, { wrapper: AppContainer }); act(() => {