fix: 优化代码变量名
This commit is contained in:
parent
94ca0181ec
commit
2ed69cc1f2
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user