|
1 | 1 | import { App, Col, Form, Input, Row, Table, Tooltip } from 'antd' |
2 | | -import { forwardRef, useEffect, useImperativeHandle, useMemo } from 'react' |
| 2 | +import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef } from 'react' |
3 | 3 | import { |
4 | 4 | PublishApprovalInfoType, |
5 | 5 | PublishApprovalModalHandle, |
@@ -36,6 +36,7 @@ export const PublishApprovalModalContent = forwardRef<PublishApprovalModalHandle |
36 | 36 | const [form] = Form.useForm() |
37 | 37 | const { fetchData } = useFetch() |
38 | 38 | const { state } = useGlobalContext() |
| 39 | + const versionInputRef = useRef<Input>(null) |
39 | 40 |
|
40 | 41 | const save: (operate: 'pass' | 'refuse') => Promise<boolean | string> = (operate) => { |
41 | 42 | if (type === 'view') { |
@@ -140,6 +141,12 @@ export const PublishApprovalModalContent = forwardRef<PublishApprovalModalHandle |
140 | 141 |
|
141 | 142 | useEffect(() => { |
142 | 143 | form.setFieldsValue({ opinion: '', ...data }) |
| 144 | + // 如果是添加模式且insidePage为true,自动聚焦版本号输入框 |
| 145 | + if (type === 'add' && insidePage && versionInputRef.current) { |
| 146 | + setTimeout(() => { |
| 147 | + versionInputRef.current?.focus() |
| 148 | + }, 100) |
| 149 | + } |
143 | 150 | }, []) |
144 | 151 |
|
145 | 152 | const translatedUpstreamColumns = useMemo( |
@@ -335,7 +342,12 @@ export const PublishApprovalModalContent = forwardRef<PublishApprovalModalHandle |
335 | 342 | {insidePage && ( |
336 | 343 | <> |
337 | 344 | <Form.Item label={$t('版本号')} name="version" rules={[{ required: true, whitespace: true }]}> |
338 | | - <Input className="w-INPUT_NORMAL" disabled={type !== 'add'} placeholder={$t(PLACEHOLDER.input)} /> |
| 345 | + <Input |
| 346 | + className="w-INPUT_NORMAL" |
| 347 | + disabled={type !== 'add'} |
| 348 | + placeholder={$t(PLACEHOLDER.input)} |
| 349 | + ref={versionInputRef} |
| 350 | + /> |
339 | 351 | </Form.Item> |
340 | 352 |
|
341 | 353 | <Form.Item label={$t('版本说明')} name="versionRemark"> |
|
0 commit comments