初始化项目, 添加TDesign等包
This commit is contained in:
39
miniprogram/miniprogram_npm/tdesign-miniprogram/qrcode/components/qrcode-canvas/props.d.ts
vendored
Normal file
39
miniprogram/miniprogram_npm/tdesign-miniprogram/qrcode/components/qrcode-canvas/props.d.ts
vendored
Normal file
@@ -0,0 +1,39 @@
|
||||
declare const _default: {
|
||||
value: {
|
||||
type: StringConstructor;
|
||||
value: string;
|
||||
};
|
||||
icon: {
|
||||
type: StringConstructor;
|
||||
value: string;
|
||||
};
|
||||
size: {
|
||||
type: NumberConstructor;
|
||||
value: number;
|
||||
};
|
||||
iconSize: {
|
||||
type: any;
|
||||
value: null;
|
||||
};
|
||||
level: {
|
||||
type: StringConstructor;
|
||||
value: import("../../../common/shared/qrcode/types").ErrorCorrectionLevel;
|
||||
};
|
||||
bgColor: {
|
||||
type: StringConstructor;
|
||||
value: string;
|
||||
};
|
||||
color: {
|
||||
type: StringConstructor;
|
||||
value: string;
|
||||
};
|
||||
includeMargin: {
|
||||
type: BooleanConstructor;
|
||||
value: boolean;
|
||||
};
|
||||
marginSize: {
|
||||
type: NumberConstructor;
|
||||
value: number;
|
||||
};
|
||||
};
|
||||
export default _default;
|
||||
@@ -0,0 +1 @@
|
||||
import{DEFAULT_MARGIN_SIZE,DEFAULT_NEED_MARGIN,DEFAULT_BACKGROUND_COLOR,DEFAULT_FRONT_COLOR}from"../../../common/shared/qrcode/utils";export default{value:{type:String,value:""},icon:{type:String,value:""},size:{type:Number,value:160},iconSize:{type:null,value:40},level:{type:String,value:"M"},bgColor:{type:String,value:DEFAULT_BACKGROUND_COLOR},color:{type:String,value:DEFAULT_FRONT_COLOR},includeMargin:{type:Boolean,value:DEFAULT_NEED_MARGIN},marginSize:{type:Number,value:DEFAULT_MARGIN_SIZE}};
|
||||
@@ -0,0 +1,60 @@
|
||||
import { SuperComponent } from '../../../common/src/index';
|
||||
export default class QRCode extends SuperComponent {
|
||||
properties: {
|
||||
value: {
|
||||
type: StringConstructor;
|
||||
value: string;
|
||||
};
|
||||
icon: {
|
||||
type: StringConstructor;
|
||||
value: string;
|
||||
};
|
||||
size: {
|
||||
type: NumberConstructor;
|
||||
value: number;
|
||||
};
|
||||
iconSize: {
|
||||
type: any;
|
||||
value: null;
|
||||
};
|
||||
level: {
|
||||
type: StringConstructor;
|
||||
value: import("../../../common/shared/qrcode/types").ErrorCorrectionLevel;
|
||||
};
|
||||
bgColor: {
|
||||
type: StringConstructor;
|
||||
value: string;
|
||||
};
|
||||
color: {
|
||||
type: StringConstructor;
|
||||
value: string;
|
||||
};
|
||||
includeMargin: {
|
||||
type: BooleanConstructor;
|
||||
value: boolean;
|
||||
};
|
||||
marginSize: {
|
||||
type: NumberConstructor;
|
||||
value: number;
|
||||
};
|
||||
};
|
||||
lifetimes: {
|
||||
ready(): void;
|
||||
};
|
||||
observers: {
|
||||
'**': () => void;
|
||||
};
|
||||
methods: {
|
||||
initCanvas(): Promise<void>;
|
||||
drawQrcode(canvas: WechatMiniprogram.Canvas, ctx: WechatMiniprogram.CanvasContext): Promise<void>;
|
||||
getSizeProp(iconSize: number | {
|
||||
width: number;
|
||||
height: number;
|
||||
} | null | undefined): {
|
||||
width: number;
|
||||
height: number;
|
||||
};
|
||||
checkDefaultValue(): void;
|
||||
getCanvasNode(): Promise<unknown>;
|
||||
};
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
import{__awaiter,__decorate}from"tslib";import props from"./props";import useQRCode from"../../hooks/useQRCode";import{SuperComponent,wxComponent}from"../../../common/src/index";import{DEFAULT_MINVERSION,excavateModules}from"../../../common/shared/qrcode/utils";let QRCode=class extends SuperComponent{constructor(){super(...arguments),this.properties=props,this.lifetimes={ready(){this.checkDefaultValue(),this.initCanvas()}},this.observers={"**":function(){this.checkDefaultValue(),this.initCanvas()}},this.methods={initCanvas(){return __awaiter(this,void 0,void 0,function*(){wx.createSelectorQuery().in(this).select("#qrcodeCanvas").fields({node:!0,size:!0}).exec(e=>__awaiter(this,void 0,void 0,function*(){var t;if(!(null===(t=e[0])||void 0===t?void 0:t.node))return;const i=e[0].node,o=i.getContext("2d");yield this.drawQrcode(i,o)}))})},drawQrcode(e,t){var i;return __awaiter(this,void 0,void 0,function*(){if(!t)return;const{value:o,icon:r,size:a,iconSize:l,level:n,bgColor:s,color:c,includeMargin:d,marginSize:h}=this.properties,u=this.getSizeProp(l);try{const l=useQRCode({value:o,level:n,minVersion:DEFAULT_MINVERSION,includeMargin:d,marginSize:h,size:a,imageSettings:r?{src:r,width:u.width,height:u.height,excavate:!0}:void 0}),g=wx.getWindowInfo().pixelRatio||1;e.width=a*g,e.height=a*g;const m=a*g/l.numCells;t.scale(m,m),t.fillStyle=s,t.fillRect(0,0,l.numCells,l.numCells);let v=l.cells;if(r&&(null===(i=l.calculatedImageSettings)||void 0===i?void 0:i.excavation)&&(v=excavateModules(l.cells,l.calculatedImageSettings.excavation)),t.fillStyle=c,v.forEach((e,i)=>{e.forEach((e,o)=>{e&&t.fillRect(o+l.margin,i+l.margin,1.05,1.05)})}),r&&l.calculatedImageSettings){const i=e.createImage();yield new Promise((e,t)=>{i.onload=e,i.onerror=t,i.src=this.properties.icon}),t.drawImage(i,l.calculatedImageSettings.x+l.margin,l.calculatedImageSettings.y+l.margin,l.calculatedImageSettings.w,l.calculatedImageSettings.h)}this.triggerEvent("drawCompleted")}catch(e){this.triggerEvent("drawError",{error:e})}})},getSizeProp:e=>e?"number"==typeof e?{width:e,height:e}:{width:e.width,height:e.height}:{width:0,height:0},checkDefaultValue(){const e={bgColor:"",color:""};let t=!1;const{bgColor:i,color:o}=this.properties,{bgColor:r,color:a}=props;""===i&&r.value&&(e.bgColor=r.value,t=!0),""===o&&a.value&&(e.color=a.value,t=!0),t&&this.setData(e)},getCanvasNode(){return new Promise(e=>{wx.createSelectorQuery().in(this).select("#qrcodeCanvas").fields({node:!0,size:!0}).exec(t=>{var i;e(null===(i=t[0])||void 0===i?void 0:i.node)})})}}}};QRCode=__decorate([wxComponent()],QRCode);export default QRCode;
|
||||
@@ -0,0 +1 @@
|
||||
{"component":true}
|
||||
@@ -0,0 +1 @@
|
||||
<canvas type="2d" class="t-qrcode__canvas class" id="qrcodeCanvas"></canvas>
|
||||
@@ -0,0 +1 @@
|
||||
@import '../../../common/style/index.wxss';canvas{width:100%;height:100%;align-self:stretch;min-width:0;flex:auto;}
|
||||
12
miniprogram/miniprogram_npm/tdesign-miniprogram/qrcode/components/qrcode-canvas/type.d.ts
vendored
Normal file
12
miniprogram/miniprogram_npm/tdesign-miniprogram/qrcode/components/qrcode-canvas/type.d.ts
vendored
Normal file
@@ -0,0 +1,12 @@
|
||||
import { ErrorCorrectionLevel } from '../../../common/shared/qrcode/types';
|
||||
export interface TdQRCodeProps {
|
||||
value?: string;
|
||||
icon?: string;
|
||||
size?: number;
|
||||
iconSize?: null;
|
||||
level?: ErrorCorrectionLevel;
|
||||
bgColor?: string;
|
||||
color?: string;
|
||||
includeMargin?: boolean;
|
||||
marginSize?: number;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
export{};
|
||||
Reference in New Issue
Block a user