z-react-ui
Version:
z-react-ui，是一款基于 Dumi，由 React + TypeScript 开发的组件库 🎉。
100 lines (99 loc) • 2.55 kB
TypeScript
import React, { CSSProperties } from 'react';
import { CanvasQRCodeProps } from 'qrcode.react';
interface PosterProps {
/**
* @description 海报图片链接
* @default
*/
posterSrc: string;
/**
* @description 海报图片宽度，若不填写，默认图片原始宽度
* @default
*/
posterWidth?: number;
/**
* @description 海报图片高度，若不填写，默认图片原始高度
* @default
*/
posterHeight?: number;
/**
* @description 海报canvasId，确保唯一
* @default 'posterCanvas'
*/
posterCanvasId?: string;
/**
* @description 生成海报canvas的样式
* @default
*/
posterCanvasStyle?: CSSProperties;
/**
* @description 二维码链接
* @default
*/
qrSrc: string;
/**
* @description 二维码图片宽度，若不填写，默认图片原始宽度
* @default
*/
qrWidth?: number;
/**
* @description 二维码图片高度，若不填写，默认图片原始高度
* @default
*/
qrHeight?: number;
/**
* @description 二维码距离左侧偏移量
* @default 0
*/
qrX?: number;
/**
* @description 二维码距离顶部偏移量
* @default 0
*/
qrY?: number;
/**
* @description 二维码canvas的id，确保唯一
* @default 0
*/
qrCodeId?: string;
/**
* @description 自定义qrcode.react里面的其他属性
* @default 0
*/
qrProps?: CanvasQRCodeProps;
/**
* @description 是否存在二维码底部的占位框
* @default true
*/
isSeat?: boolean;
/**
* @description 二维码底部的占位框的距离二维码四周偏移量
* @default 8
*/
seatAroundDistance?: number;
/**
* @description 二维码底部的占位框的圆角
* @default 10
*/
seatRadius?: number;
/**
* @description 二维码底部的占位框的填充颜色
* @default '#fff'
*/
seatFillColor?: string;
/**
* @description 海报图片存在跨域时，那么isCors需要为true
* @default true
*/
isCors?: boolean;
/**
* @description 是否通过点击生成二维码
* @default true
*/
isClickGenerateCanvasQr?: boolean;
}
export interface ForwardRefType {
clickGenerateCanvasQr: () => Promise<any>;
}
declare const _default: React.ForwardRefExoticComponent<PosterProps & React.RefAttributes<ForwardRefType>>;
export default _default;