fix: 优化代码变量名

This commit is contained in:
苑宏博 2024-04-23 19:36:24 +08:00
parent 94ca0181ec
commit 2ed69cc1f2

View File

@ -7,7 +7,7 @@ import { ConfigProvider,CropperImage} from '@zhst/meta';
import './index.less' import './index.less'
type ViewLargerImageModalParams = { type ViewLargerImageModalParams = {
imgSrc?: string; imageKey?: string;
warningData?: { warningData?: {
label?: string; label?: string;
value?: string; value?: string;
@ -30,7 +30,7 @@ export interface ViewLargerImageModalRef {
export interface ViewLargerImageModalProps { export interface ViewLargerImageModalProps {
prefixCls?: string prefixCls?: string
imgStyle?: React.CSSProperties; imgStyle?: React.CSSProperties;
downloadImg?: (imgSrc?: string) => void; downloadImg?: (imageKey?: string) => void;
title?: string; title?: string;
downloadText?: string; downloadText?: string;
modalProps?: ModalProps modalProps?: ModalProps
@ -49,7 +49,7 @@ export const ViewLargerImageModal = forwardRef<ViewLargerImageModalRef, ViewLarg
const { useToken } = theme const { useToken } = theme
const { token } = useToken() const { token } = useToken()
const [open, setOpen] = useState<boolean>(false); const [open, setOpen] = useState<boolean>(false);
const [imgSrc, setimgSrc] = useState<string>(); const [imageKey, setimageKey] = useState<string>();
const [odRect, setOdRect] = useState<ViewLargerImageModalParams['odRect']>(); const [odRect, setOdRect] = useState<ViewLargerImageModalParams['odRect']>();
const [warningData, setWarningData] = useState<ViewLargerImageModalParams['warningData']>(); const [warningData, setWarningData] = useState<ViewLargerImageModalParams['warningData']>();
const odRectDefault = odRect?.map(rect => ({ const odRectDefault = odRect?.map(rect => ({
@ -65,7 +65,7 @@ export const ViewLargerImageModal = forwardRef<ViewLargerImageModalRef, ViewLarg
return { return {
show: (_params) => { show: (_params) => {
setOpen(true); setOpen(true);
setimgSrc(_params?.imgSrc) setimageKey(_params?.imageKey)
setWarningData(_params?.warningData) setWarningData(_params?.warningData)
setOdRect(_params?.odRect) setOdRect(_params?.odRect)
}, },
@ -90,7 +90,7 @@ export const ViewLargerImageModal = forwardRef<ViewLargerImageModalRef, ViewLarg
<CropperImage <CropperImage
// editAble={true} // editAble={true}
odList={odRectDefault} odList={odRectDefault}
url={imgSrc} url={imageKey}
/> />
</div> </div>
</div> </div>
@ -101,7 +101,7 @@ export const ViewLargerImageModal = forwardRef<ViewLargerImageModalRef, ViewLarg
{value} {value}
</div> </div>
))} ))}
{imgSrc && downloadImg && <div className='img-download' style={{ color: token.colorPrimary }} onClick={() => downloadImg?.(imgSrc)} ><DownloadOutlined /><span style={{ paddingLeft: 3 }}>{downloadText}</span></div>} {imageKey && downloadImg && <div className='img-download' style={{ color: token.colorPrimary }} onClick={() => downloadImg?.(imageKey)} ><DownloadOutlined /><span style={{ paddingLeft: 3 }}>{downloadText}</span></div>}
</div> </div>
</Space> </Space>
</Modal> </Modal>