test/amis
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-05 05:18:34 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

渲染方式换成svg，用于支持长文本

Browse Source
This commit is contained in:
rickcole 2020-06-08 12:30:27 +08:00
parent 5a968edab9
commit c9fce11f38
1 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/renderers/QRCode.tsx
View File

@ -7,6 +7,7 @@ import {filter} from '../utils/tpl';
import QrCode from 'qrcode.react';
export interface QRCodeProps extends FormControlProps {
qrcodeClassName?: string;
codeSize?: number;
backgroundColor?: string;
foregroundColor?: string;
@ -17,6 +18,7 @@ export interface QRCodeProps extends FormControlProps {
export default class QRCode extends React.Component<QRCodeProps, any> {
static defaultProps: Partial<QRCodeProps> = {
codeSize: 128,
qrcodeClassName: '',
backgroundColor: '#fff',
foregroundColor: '#000',
level: 'L',
@ -26,6 +28,7 @@ export default class QRCode extends React.Component<QRCodeProps, any> {
render() {
const {
className,
qrcodeClassName,
codeSize,
backgroundColor,
foregroundColor,
@ -40,7 +43,9 @@ export default class QRCode extends React.Component<QRCodeProps, any> {
<div className={cx(`${ns}QrCode`, className)}>
{value ? (
<QrCode
className={qrcodeClassName}
value={filter(value, data, '| raw')}
renderAs={'svg'}
size={codeSize}
bgColor={backgroundColor}
fgColor={foregroundColor}