chore: 条形码使用 img 方便右键复制 Closes #3716 (#3720)

* chore: 条形码使用 img 方便右键复制 Closes #3716

* 更新 snapshot

* 修类型报错

__tests__/factory.test.tsx

@@ -83,7 +83,7 @@ test('factory load Renderer on need', async () => {
         session: 'loadRenderer',
         loadRenderer: schema => {
           interface MyProps extends RendererProps {
-            a: number;
+            a?: number;
           }
 
           class MyComponent extends React.Component<MyProps> {
@@ -106,7 +106,7 @@ test('factory load Renderer on need', async () => {
 
 test('factory:registerRenderer', () => {
   interface MyProps extends RendererProps {
-    a: number;
+    a?: number;
   }
 
   class MyComponent extends React.Component<MyProps> {

__tests__/renderers/BarCode.test.tsx

@@ -2,10 +2,10 @@ import React = require('react');
 import {render, fireEvent} from '@testing-library/react';
 import '../../src/themes/default';
 import {render as amisRender} from '../../src/index';
-import {makeEnv} from '../helper';
+import {makeEnv, wait} from '../helper';
 import 'jest-canvas-mock';
 
-test('Renderer:bar-code', () => {
+test('Renderer:bar-code', async () => {
   const {container} = render(
     amisRender(
       {
@@ -19,6 +19,7 @@ test('Renderer:bar-code', () => {
       makeEnv({})
     )
   );
+  await wait(500);
 
   expect(container).toMatchSnapshot();
 });

__tests__/renderers/__snapshots__/BarCode.test.tsx.snap

@@ -16,10 +16,11 @@ exports[`Renderer:bar-code 1`] = `
         >
           <div
             class="cxd-BarCode"
-            style="display: none;"
-          />
-          <div>
-            ...
+            style=""
+          >
+            <img
+              src="data:image/png;base64,00"
+            />
           </div>
         </div>
       </div>

scss/components/_barcode.scss

@@ -1,5 +1,5 @@
 .#{$ns}BarCode {
-  > svg {
+  > img {
     display: block;
     margin: 0 auto;
   }

src/components/BarCode.tsx

@@ -20,7 +20,7 @@ export class BarCode extends React.Component<BarCodeProps> {
 
   constructor(props: BarCodeProps) {
     super(props);
-    this.dom = React.createRef<SVGSVGElement>();
+    this.dom = React.createRef<HTMLImageElement>();
   }
 
   componentDidUpdate(prevProps: BarCodeProps) {
@@ -43,7 +43,7 @@ export class BarCode extends React.Component<BarCodeProps> {
   }
 
   render() {
-    return <svg ref={this.dom}></svg>;
+    return <img ref={this.dom} />;
   }
 }