ant-design/components/cascader/hooks/useColumnIcons.tsx
二货爱吃白萝卜 7e692ad585
feat: Cascader.Panel support (#45089)
* chore: init

* chore: panel style

* docs: update demo

* chore: fill style

* test: update snapshot

* docs: update demo

* chore: push

* docs: update desc

* chore: fix icons

* chore: use shared hooks

* test: update snapshot

* chore: fix lint
2023-09-26 17:34:49 +08:00

24 lines
639 B
TypeScript

import * as React from 'react';
import LeftOutlined from '@ant-design/icons/LeftOutlined';
import LoadingOutlined from '@ant-design/icons/LoadingOutlined';
import RightOutlined from '@ant-design/icons/RightOutlined';
export default function useColumnIcons(
prefixCls: string,
rtl: boolean,
expandIcon?: React.ReactNode,
) {
let mergedExpandIcon = expandIcon;
if (!expandIcon) {
mergedExpandIcon = rtl ? <LeftOutlined /> : <RightOutlined />;
}
const loadingIcon = (
<span className={`${prefixCls}-menu-item-loading-icon`}>
<LoadingOutlined spin />
</span>
);
return [mergedExpandIcon, loadingIcon];
}