fix(signature): 同步 V4 问题修复

src/packages/__VUE/signature/demo.vue

@@ -2,12 +2,18 @@
   <div class="demo">
     <h2>{{ translate('basic') }}</h2>
     <div>
-      <nut-signature @confirm="confirm" @clear="clear" custom-class="test" @start="start"></nut-signature>
+      <nut-signature ref="demo" @confirm="confirm" @clear="clear" custom-class="test" @start="start"></nut-signature>
       <img :src="demoSignUrl" class="demoSignUrl" v-if="demoSignUrl" />
     </div>
     <h2>{{ translate('title') }}</h2>
     <div>
-      <nut-signature :lineWidth="lineWidth" :strokeStyle="strokeStyle" @end="end"></nut-signature>
+      <nut-signature
+        @confirm="confirm2"
+        @clear="clear2"
+        :lineWidth="lineWidth"
+        :strokeStyle="strokeStyle"
+        @end="end"
+      ></nut-signature>
       <img :src="demoSignUrl2" class="demoSignUrl" v-if="demoSignUrl2" />
     </div>
   </div>
@@ -72,7 +78,18 @@ export default createDemo({
     const end = () => {
       console.log('签名结束');
     };
-    return { ...state, confirm, clear, translate, demoSignUrl, demoSignUrl2, confirm2, clear2, start, end };
+    return {
+      ...state,
+      confirm,
+      clear,
+      translate,
+      demoSignUrl,
+      demoSignUrl2,
+      confirm2,
+      clear2,
+      start,
+      end
+    };
   }
 });
 </script>
@@ -86,8 +103,4 @@ export default createDemo({
     color: #666;
   }
 }
-.demoSignUrl {
-  width: 100px;
-  height: 100px;
-}
 </style>

src/packages/__VUE/signature/index.vue

@@ -45,7 +45,6 @@ export default create({
       default: ''
     }
   },
-  components: {},
   emits: ['start', 'end', 'signing', 'confirm', 'clear'],
 
   setup(props, { emit }) {
@@ -58,10 +57,10 @@ export default create({
         [`${props.customClass}`]: props.customClass
       };
     });
-    const state: any = reactive({
+    const state = reactive({
       canvasHeight: 0,
       canvasWidth: 0,
-      ctx: null,
+      ctx: null as any,
       isSupportTouch: 'ontouchstart' in window,
       events:
         'ontouchstart' in window
@@ -143,7 +142,6 @@ export default create({
       const _canvas = isCanvasBlank(canvas) ? '请绘制签名' : canvas;
       const _filePath = isCanvasBlank(canvas) ? '' : dataurl;
       emit('confirm', _canvas, _filePath);
-      clear();
     };
 
     onMounted(() => {