Merge pull request #11298 from lqPrototype/feat-signature

feat: 签名组件增加回显
baidu · Dec 2, 2024 · 8cdf4ab · 8cdf4ab
2 parents 40da906 + e109da7
commit 8cdf4ab
Show file tree

Hide file tree

Showing 4 changed files with 485 additions and 2 deletions.
diff --git a/packages/amis-ui/package.json b/packages/amis-ui/package.json
@@ -70,7 +70,6 @@
     "react-textarea-autosize": "8.3.3",
     "react-transition-group": "4.4.2",
     "react-visibility-sensor": "5.1.1",
-    "smooth-signature": "^1.0.15",
     "sortablejs": "1.15.0",
     "tinymce": "^6.1.2",
     "tslib": "^2.3.1",

diff --git a/packages/amis-ui/src/components/Signature.tsx b/packages/amis-ui/src/components/Signature.tsx
@@ -8,7 +8,7 @@ import React from 'react';
 import {themeable, ThemeProps} from 'amis-core';
 import {LocaleProps, localeable} from 'amis-core';
 import {resizeSensor} from 'amis-core';
-import SmoothSignature from 'smooth-signature';
+import {SmoothSignature} from '../utils';
 import Button from './Button';
 import {Icon} from '../index';
 import Modal from './Modal';
@@ -118,6 +118,12 @@ const Signature: React.FC<ISignatureProps> = props => {
     [width, height, fullScreen]
   );
 
+  React.useEffect(() => {
+    if (data && sign) {
+      sign.loadFromBase64(data);
+    }
+  }, [data, sign]);
+
   function embedCanvasRef(ref: HTMLCanvasElement) {
     if (open && ref && !sign) {
       initCanvas(ref);

diff --git a/packages/amis-ui/src/utils/index.ts b/packages/amis-ui/src/utils/index.ts
@@ -0,0 +1,3 @@
+import SmoothSignature from './smoothSignature';
+
+export {SmoothSignature};
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		import SmoothSignature from './smoothSignature';

		export {SmoothSignature};