mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-24 11:10:01 +08:00
Code Issues Actions 25 Packages Projects Releases Wiki Activity

chore: type optimization (#38698)

Browse Source 
* chore: type optimization

* fix: rename direction

* Update index.tsx
This commit is contained in:
lijianan 2022-11-18 23:11:03 +08:00 committed by GitHub
parent a552a5eea5
commit c39e1223f8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/form/FormItem/index.tsx
View File

@ -375,7 +375,7 @@ function InternalFormItem<Values = any>(props: FormItemProps<Values>): React.Rea
</MemoInput>
);
} else if (isRenderProps && (shouldUpdate || dependencies) && !hasName) {
childNode = (children as RenderChildren)(context);
childNode = children(context);
} else {
warning(
!mergedName.length,

32
components/steps/index.tsx
View File

@ -2,7 +2,11 @@ import CheckOutlined from '@ant-design/icons/CheckOutlined';
import CloseOutlined from '@ant-design/icons/CloseOutlined';
import classNames from 'classnames';
import RcSteps from 'rc-steps';
import type { ProgressDotRender } from 'rc-steps/lib/Steps';
import type {
ProgressDotRender,
StepIconRender,
StepsProps as RcStepsProps,
} from 'rc-steps/lib/Steps';
import * as React from 'react';
import Tooltip from '../tooltip';
import { ConfigContext } from '../config-provider';
@ -47,7 +51,7 @@ interface StepsType extends React.FC<StepsProps> {
Step: typeof RcSteps.Step;
}
const Steps: StepsType = props => {
const Steps: StepsType = (props) => {
const {
percent,
size,
@ -62,7 +66,7 @@ const Steps: StepsType = props => {
const { xs } = useBreakpoint(responsive);
const { getPrefixCls, direction: rtlDirection } = React.useContext(ConfigContext);
const getDirection = React.useCallback(
const realDirectionValue = React.useMemo<RcStepsProps['direction']>(
() => (responsive && xs ? 'vertical' : direction),
[xs, direction],
);
@ -89,16 +93,7 @@ const Steps: StepsType = props => {
error: <CloseOutlined className={`${prefixCls}-error-icon`} />,
};
const stepIconRender = ({
node,
status,
}: {
node: React.ReactNode;
index: number;
status: string;
title: string | React.ReactNode;
description: string | React.ReactNode;
}) => {
const stepIconRender: StepIconRender = ({ node, status }) => {
if (status === 'process' && mergedPercent !== undefined) {
// currently it's hard-coded, since we can't easily read the actually width of icon
const progressWidth = size === 'small' ? 32 : 40;
@ -119,11 +114,8 @@ const Steps: StepsType = props => {
return node;
};
let itemRender;
if (isInline) {
itemRender = (item: StepProps, stepItem: React.ReactNode) =>
item.description ? <Tooltip title={item.description}>{stepItem}</Tooltip> : stepItem;
}
const itemRender = (item: StepProps, stepItem: React.ReactNode) =>
item.description ? <Tooltip title={item.description}>{stepItem}</Tooltip> : stepItem;
return wrapSSR(
<RcSteps
@ -132,9 +124,9 @@ const Steps: StepsType = props => {
current={current}
size={size}
items={mergedItems}
itemRender={itemRender}
direction={getDirection()}
itemRender={isInline ? itemRender : undefined}
stepIcon={stepIconRender}
direction={realDirectionValue}
prefixCls={prefixCls}
iconPrefix={iconPrefix}
className={stepsClassName}