@kne/react-pdf-sign 1.0.6 → 1.1.0

package/dist/index.js

@@ -47,7 +47,7 @@ function _objectWithoutPropertiesLoose(r, e) {
 
 var style = {"pdf-view-container":"_RgZXN","pdf-view":"_PAju1","pdf-view-children":"_N11Pj","pdf-view-page-control-left":"_IbVpf","pdf-view-page-control-right":"_IIgqj","pdf-view-page-control-current":"_JW3CT","signature-container":"_6TDb-","signature-canvas":"_2CGF4","signature-modal":"_kWe3k","signature-mask":"_FSvLv"};
 
-const _excluded$3 = ["numPages"];
+const _excluded$4 = ["numPages"];
 const PDFViewer = _ref => {
   var _apis$file;
   let {
@@ -101,7 +101,7 @@ const PDFViewer = _ref => {
           let {
               numPages
             } = _ref2;
-            _objectWithoutPropertiesLoose(_ref2, _excluded$3);
+            _objectWithoutPropertiesLoose(_ref2, _excluded$4);
           setPageSize(numPages);
           if (!Number.isInteger(defaultPage)) {
             setCurrentPage(numPages);
@@ -156,7 +156,8 @@ const locale$1 = {
   signatureCancelText: '取消',
   signatureCleanText: '清空',
   signatureEmptyError: '签名内容不能为空',
-  signatureSuccess: '签名成功'
+  signatureSuccess: '签名成功',
+  signatureAdd: '请添加签名'
 };
 
 const locale = {
@@ -167,7 +168,8 @@ const locale = {
   signatureCancelText: 'Cancel',
   signatureCleanText: 'Clean',
   signatureEmptyError: 'Signature content cannot be empty',
-  signatureSuccess: 'Signature Success'
+  signatureSuccess: 'Signature Success',
+  signatureAdd: 'Please add signature'
 };
 
 const withLocale = reactIntl.createWithIntlProvider({
@@ -179,8 +181,30 @@ const withLocale = reactIntl.createWithIntlProvider({
   namespace: 'react-pdf-sign'
 });
 
-const _excluded$2 = ["width", "height", "padding", "stageWidth", "stageHeight", "placeholder", "signature"];
-const LocationLayer = withLocale(p => {
+const getInitLocation = ({
+  stageWidth,
+  stageHeight,
+  width,
+  height
+}) => {
+  return {
+    scaleX: 1,
+    scaleY: 1,
+    x: Math.round((stageWidth - width) / 2),
+    y: Math.round((stageHeight - height) / 2),
+    size: {
+      width,
+      height,
+      x: Math.round((stageWidth - width) / 2),
+      y: Math.round((stageHeight - height) / 2)
+    }
+  };
+};
+
+const _excluded$3 = ["width", "height", "padding", "stageWidth", "stageHeight", "placeholder", "signature", "active", "onClose", "onClick"],
+  _excluded2 = ["stageWidth", "stageHeight"],
+  _excluded3 = ["stageWidth", "stageHeight", "isEdit", "onClick", "currentPage"];
+const LocationLayerInner = withLocale(p => {
   const {
     formatMessage
   } = reactIntl.useIntl();
@@ -193,9 +217,12 @@ const LocationLayer = withLocale(p => {
       placeholder = formatMessage({
         id: 'locationLayerPlaceholder'
       }),
-      signature
+      signature,
+      active,
+      onClose,
+      onClick
     } = p,
-    props = _objectWithoutPropertiesLoose(p, _excluded$2);
+    props = _objectWithoutPropertiesLoose(p, _excluded$3);
   const [value, setValue] = useControlValue__default["default"](props);
   const [isInit, setIsInit] = react.useState(false);
   const [signatureImage] = useImage__default["default"](signature);
@@ -205,7 +232,7 @@ const LocationLayer = withLocale(p => {
   const computedSignLocation = () => {
     const absolutePosition = signRef.current.absolutePosition();
     const size = signRef.current.getClientRect();
-    setValue({
+    setValue(value => Object.assign({}, value, {
       size: {
         width: Math.round(size.width),
         height: Math.round(size.height),
@@ -216,22 +243,16 @@ const LocationLayer = withLocale(p => {
       scaleY: Number(groupRef.current.attrs.scaleY.toFixed(2)),
       x: Math.round(groupRef.current.attrs.x),
       y: Math.round(groupRef.current.attrs.y)
-    });
+    }));
   };
   const initValue = useRefCallback__default["default"](() => {
     if (['scaleX', 'scaleY', 'x', 'y', 'size'].some(name => !Object.assign({}, value).hasOwnProperty(name))) {
-      setValue({
-        scaleX: 1,
-        scaleY: 1,
-        x: Math.round((stageWidth - width) / 2),
-        y: Math.round((stageHeight - height) / 2),
-        size: {
-          width,
-          height,
-          x: Math.round((stageWidth - width) / 2),
-          y: Math.round((stageHeight - height) / 2)
-        }
-      });
+      setValue(value => Object.assign({}, value, getInitLocation({
+        stageWidth,
+        stageHeight,
+        width,
+        height
+      })));
     }
     setIsInit(true);
   });
@@ -254,607 +275,354 @@ const LocationLayer = withLocale(p => {
   if (!(isInit && value)) {
     return null;
   }
+  return /*#__PURE__*/jsxRuntime.jsxs(reactKonva.Layer, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(reactKonva.Group, {
+      x: value.x,
+      y: value.y,
+      draggable: active !== false,
+      ref: groupRef,
+      onDragMove: computedSignLocation,
+      onDragEnd: computedSignLocation,
+      scaleX: value.scaleX,
+      scaleY: value.scaleY,
+      onTransform: computedSignLocation,
+      onTransformEnd: computedSignLocation,
+      onTap: onClick,
+      onClick: onClick,
+      children: signatureImage ? /*#__PURE__*/jsxRuntime.jsx(reactKonva.Image, {
+        width: width,
+        height: height,
+        image: signatureImage,
+        cornerRadius: 8,
+        ref: signRef
+      }) : /*#__PURE__*/jsxRuntime.jsx(reactKonva.Rect, {
+        width: width,
+        height: height,
+        fill: "#f0f0f0",
+        cornerRadius: 8,
+        ref: signRef
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(reactKonva.Text, {
+      listening: false,
+      x: value.x,
+      y: value.y,
+      text: signatureImage ? '' : placeholder,
+      fontSize: 16,
+      fill: "#666666",
+      fontFamily: "Arial",
+      align: "center",
+      verticalAlign: "middle",
+      width: width * value.scaleX,
+      height: height * value.scaleY
+    }), /*#__PURE__*/jsxRuntime.jsx(reactKonva.Transformer, {
+      ref: transformerRef,
+      visible: active !== false,
+      keepRatio: true,
+      flipEnabled: false,
+      rotateEnabled: false,
+      borderStroke: themeColor,
+      rotateAnchorStroke: themeColor,
+      anchorStroke: themeColor,
+      padding: padding
+    }), active === true && /*#__PURE__*/jsxRuntime.jsxs(reactKonva.Group, {
+      x: value.x + width * value.scaleX - 4,
+      y: value.y + 4,
+      onClick: () => {
+        onClose && onClose();
+      },
+      children: [/*#__PURE__*/jsxRuntime.jsx(reactKonva.Circle, {
+        radius: 6,
+        stroke: themeColor,
+        strokeWidth: 1,
+        fill: "white"
+      }), /*#__PURE__*/jsxRuntime.jsx(reactKonva.Line, {
+        points: [-2, -2, 2, 2],
+        stroke: themeColor,
+        strokeWidth: 1,
+        lineCap: "round"
+      }), /*#__PURE__*/jsxRuntime.jsx(reactKonva.Line, {
+        points: [-2, 2, 2, -2],
+        stroke: themeColor,
+        strokeWidth: 1,
+        lineCap: "round"
+      })]
+    })]
+  });
+});
+const LocationLayer = _ref => {
+  let {
+      stageWidth,
+      stageHeight
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded2);
   return /*#__PURE__*/jsxRuntime.jsx(reactKonva.Stage, {
     width: stageWidth,
     height: stageHeight,
-    children: /*#__PURE__*/jsxRuntime.jsxs(reactKonva.Layer, {
-      children: [/*#__PURE__*/jsxRuntime.jsxs(reactKonva.Group, {
-        x: value.x,
-        y: value.y,
-        draggable: true,
-        ref: groupRef,
-        onDragEnd: computedSignLocation,
-        scaleX: value.scaleX,
-        scaleY: value.scaleY,
-        onTransformEnd: computedSignLocation,
-        children: [signatureImage ? /*#__PURE__*/jsxRuntime.jsx(reactKonva.Image, {
-          width: width,
-          height: height,
-          image: signatureImage,
-          cornerRadius: 8,
-          ref: signRef
-        }) : /*#__PURE__*/jsxRuntime.jsx(reactKonva.Rect, {
-          width: width,
-          height: height,
-          fill: "#f0f0f0",
-          cornerRadius: 8,
-          ref: signRef
-        }), /*#__PURE__*/jsxRuntime.jsx(reactKonva.Text, {
-          text: signatureImage ? '' : placeholder,
-          fontSize: 16,
-          fill: "#666666",
-          fontFamily: "Arial",
-          align: "center",
-          verticalAlign: "middle",
-          width: width,
-          height: height
-        })]
-      }), /*#__PURE__*/jsxRuntime.jsx(reactKonva.Transformer, {
-        ref: transformerRef,
-        keepRatio: true,
-        flipEnabled: false,
-        rotateEnabled: false,
-        borderStroke: themeColor,
-        rotateAnchorStroke: themeColor,
-        anchorStroke: themeColor,
-        padding: padding
-      })]
+    children: /*#__PURE__*/jsxRuntime.jsx(LocationLayerInner, _extends({}, props, {
+      stageWidth: stageWidth,
+      stageHeight: stageHeight
+    }))
+  });
+};
+const LocationGroup = _ref2 => {
+  let {
+      stageWidth,
+      stageHeight,
+      isEdit = true,
+      onClick,
+      currentPage
+    } = _ref2,
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded3);
+  const [value, onChange] = useControlValue__default["default"](Object.assign({}, {
+    defaultValue: []
+  }, props));
+  const [active, setActive] = react.useState(0);
+  return /*#__PURE__*/jsxRuntime.jsx(reactKonva.Stage, {
+    width: stageWidth,
+    height: stageHeight,
+    children: value.map((item, index) => {
+      if (item.page && item.page !== currentPage) {
+        return null;
+      }
+      return /*#__PURE__*/react.createElement(LocationLayerInner, _extends({}, props, {
+        key: index,
+        stageWidth: stageWidth,
+        stageHeight: stageHeight,
+        value: item,
+        signature: item.signature,
+        active: isEdit && active === index,
+        onClick: () => {
+          if (isEdit) {
+            if (active !== index) {
+              setActive(index);
+            }
+          } else {
+            onClick && onClick({
+              value: value[index],
+              index,
+              allValue: value
+            });
+          }
+        },
+        onClose: () => {
+          onChange(value => {
+            const newValue = value.slice(0);
+            newValue.splice(index, 1);
+            return newValue;
+          });
+        },
+        onChange: item => {
+          onChange(value => {
+            const newValue = value.slice(0);
+            newValue[index] = item;
+            return newValue;
+          });
+        }
+      }));
     })
   });
-});
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function createCommonjsModule(fn) {
-  var module = { exports: {} };
-	return fn(module, module.exports), module.exports;
-}
-
-/** Detect free variable `global` from Node.js. */
-
-var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-
-var _freeGlobal = freeGlobal;
-
-/** Detect free variable `self`. */
-var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
-
-/** Used as a reference to the global object. */
-var root = _freeGlobal || freeSelf || Function('return this')();
-
-var _root = root;
-
-/** Built-in value references. */
-var Symbol = _root.Symbol;
-
-var _Symbol = Symbol;
-
-/** Used for built-in method references. */
-var objectProto$3 = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty$2 = objectProto$3.hasOwnProperty;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var nativeObjectToString$1 = objectProto$3.toString;
-
-/** Built-in value references. */
-var symToStringTag$1 = _Symbol ? _Symbol.toStringTag : undefined;
-
-/**
- * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
- *
- * @private
- * @param {*} value The value to query.
- * @returns {string} Returns the raw `toStringTag`.
- */
-function getRawTag(value) {
-  var isOwn = hasOwnProperty$2.call(value, symToStringTag$1),
-      tag = value[symToStringTag$1];
-
-  try {
-    value[symToStringTag$1] = undefined;
-    var unmasked = true;
-  } catch (e) {}
+};
 
-  var result = nativeObjectToString$1.call(value);
-  if (unmasked) {
-    if (isOwn) {
-      value[symToStringTag$1] = tag;
-    } else {
-      delete value[symToStringTag$1];
+const _iteratorSymbol = typeof Symbol !== "undefined" ? Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator")) : "@@iterator";
+function _settle(pact, state, value) {
+  if (!pact.s) {
+    if (value instanceof _Pact) {
+      if (value.s) {
+        if (state & 1) {
+          state = value.s;
+        }
+        value = value.v;
+      } else {
+        value.o = _settle.bind(null, pact, state);
+        return;
+      }
+    }
+    if (value && value.then) {
+      value.then(_settle.bind(null, pact, state), _settle.bind(null, pact, 2));
+      return;
+    }
+    pact.s = state;
+    pact.v = value;
+    const observer = pact.o;
+    if (observer) {
+      observer(pact);
     }
   }
-  return result;
-}
-
-var _getRawTag = getRawTag;
-
-/** Used for built-in method references. */
-var objectProto$2 = Object.prototype;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var nativeObjectToString = objectProto$2.toString;
-
-/**
- * Converts `value` to a string using `Object.prototype.toString`.
- *
- * @private
- * @param {*} value The value to convert.
- * @returns {string} Returns the converted string.
- */
-function objectToString(value) {
-  return nativeObjectToString.call(value);
-}
-
-var _objectToString = objectToString;
-
-/** `Object#toString` result references. */
-var nullTag = '[object Null]',
-    undefinedTag = '[object Undefined]';
-
-/** Built-in value references. */
-var symToStringTag = _Symbol ? _Symbol.toStringTag : undefined;
-
-/**
- * The base implementation of `getTag` without fallbacks for buggy environments.
- *
- * @private
- * @param {*} value The value to query.
- * @returns {string} Returns the `toStringTag`.
- */
-function baseGetTag(value) {
-  if (value == null) {
-    return value === undefined ? undefinedTag : nullTag;
-  }
-  return (symToStringTag && symToStringTag in Object(value))
-    ? _getRawTag(value)
-    : _objectToString(value);
-}
-
-var _baseGetTag = baseGetTag;
-
-/**
- * Checks if `value` is the
- * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
- * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an object, else `false`.
- * @example
- *
- * _.isObject({});
- * // => true
- *
- * _.isObject([1, 2, 3]);
- * // => true
- *
- * _.isObject(_.noop);
- * // => true
- *
- * _.isObject(null);
- * // => false
- */
-function isObject(value) {
-  var type = typeof value;
-  return value != null && (type == 'object' || type == 'function');
-}
-
-var isObject_1 = isObject;
-
-/** `Object#toString` result references. */
-var asyncTag = '[object AsyncFunction]',
-    funcTag = '[object Function]',
-    genTag = '[object GeneratorFunction]',
-    proxyTag = '[object Proxy]';
-
-/**
- * Checks if `value` is classified as a `Function` object.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a function, else `false`.
- * @example
- *
- * _.isFunction(_);
- * // => true
- *
- * _.isFunction(/abc/);
- * // => false
- */
-function isFunction(value) {
-  if (!isObject_1(value)) {
-    return false;
-  }
-  // The use of `Object#toString` avoids issues with the `typeof` operator
-  // in Safari 9 which returns 'object' for typed arrays and other constructors.
-  var tag = _baseGetTag(value);
-  return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
 }
-
-var isFunction_1 = isFunction;
-
-/** Used to detect overreaching core-js shims. */
-var coreJsData = _root['__core-js_shared__'];
-
-var _coreJsData = coreJsData;
-
-/** Used to detect methods masquerading as native. */
-var maskSrcKey = (function() {
-  var uid = /[^.]+$/.exec(_coreJsData && _coreJsData.keys && _coreJsData.keys.IE_PROTO || '');
-  return uid ? ('Symbol(src)_1.' + uid) : '';
-}());
-
-/**
- * Checks if `func` has its source masked.
- *
- * @private
- * @param {Function} func The function to check.
- * @returns {boolean} Returns `true` if `func` is masked, else `false`.
- */
-function isMasked(func) {
-  return !!maskSrcKey && (maskSrcKey in func);
+const _Pact = /*#__PURE__*/function () {
+  function _Pact() {}
+  _Pact.prototype.then = function (onFulfilled, onRejected) {
+    const result = new _Pact();
+    const state = this.s;
+    if (state) {
+      const callback = state & 1 ? onFulfilled : onRejected;
+      if (callback) {
+        try {
+          _settle(result, 1, callback(this.v));
+        } catch (e) {
+          _settle(result, 2, e);
+        }
+        return result;
+      } else {
+        return this;
+      }
+    }
+    this.o = function (_this) {
+      try {
+        const value = _this.v;
+        if (_this.s & 1) {
+          _settle(result, 1, onFulfilled ? onFulfilled(value) : value);
+        } else if (onRejected) {
+          _settle(result, 1, onRejected(value));
+        } else {
+          _settle(result, 2, value);
+        }
+      } catch (e) {
+        _settle(result, 2, e);
+      }
+    };
+    return result;
+  };
+  return _Pact;
+}();
+function _isSettledPact(thenable) {
+  return thenable instanceof _Pact && thenable.s & 1;
 }
-
-var _isMasked = isMasked;
-
-/** Used for built-in method references. */
-var funcProto$1 = Function.prototype;
-
-/** Used to resolve the decompiled source of functions. */
-var funcToString$1 = funcProto$1.toString;
-
-/**
- * Converts `func` to its source code.
- *
- * @private
- * @param {Function} func The function to convert.
- * @returns {string} Returns the source code.
- */
-function toSource(func) {
-  if (func != null) {
-    try {
-      return funcToString$1.call(func);
-    } catch (e) {}
+function _forTo(array, body, check) {
+  var i = -1,
+    pact,
+    reject;
+  function _cycle(result) {
     try {
-      return (func + '');
-    } catch (e) {}
-  }
-  return '';
-}
-
-var _toSource = toSource;
-
-/**
- * Used to match `RegExp`
- * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
- */
-var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
-
-/** Used to detect host constructors (Safari). */
-var reIsHostCtor = /^\[object .+?Constructor\]$/;
-
-/** Used for built-in method references. */
-var funcProto = Function.prototype,
-    objectProto$1 = Object.prototype;
-
-/** Used to resolve the decompiled source of functions. */
-var funcToString = funcProto.toString;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
-
-/** Used to detect if a method is native. */
-var reIsNative = RegExp('^' +
-  funcToString.call(hasOwnProperty$1).replace(reRegExpChar, '\\$&')
-  .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
-);
-
-/**
- * The base implementation of `_.isNative` without bad shim checks.
- *
- * @private
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a native function,
- *  else `false`.
- */
-function baseIsNative(value) {
-  if (!isObject_1(value) || _isMasked(value)) {
-    return false;
+      while (++i < array.length && (!check || !check())) {
+        result = body(i);
+        if (result && result.then) {
+          if (_isSettledPact(result)) {
+            result = result.v;
+          } else {
+            result.then(_cycle, reject || (reject = _settle.bind(null, pact = new _Pact(), 2)));
+            return;
+          }
+        }
+      }
+      if (pact) {
+        _settle(pact, 1, result);
+      } else {
+        pact = result;
+      }
+    } catch (e) {
+      _settle(pact || (pact = new _Pact()), 2, e);
+    }
   }
-  var pattern = isFunction_1(value) ? reIsNative : reIsHostCtor;
-  return pattern.test(_toSource(value));
-}
-
-var _baseIsNative = baseIsNative;
-
-/**
- * Gets the value at `key` of `object`.
- *
- * @private
- * @param {Object} [object] The object to query.
- * @param {string} key The key of the property to get.
- * @returns {*} Returns the property value.
- */
-function getValue(object, key) {
-  return object == null ? undefined : object[key];
-}
-
-var _getValue = getValue;
-
-/**
- * Gets the native function at `key` of `object`.
- *
- * @private
- * @param {Object} object The object to query.
- * @param {string} key The key of the method to get.
- * @returns {*} Returns the function if it's native, else `undefined`.
- */
-function getNative(object, key) {
-  var value = _getValue(object, key);
-  return _baseIsNative(value) ? value : undefined;
+  _cycle();
+  return pact;
 }
-
-var _getNative = getNative;
-
-/* Built-in method references that are verified to be native. */
-var Map = _getNative(_root, 'Map');
-
-var _Map = Map;
-
-/* Built-in method references that are verified to be native. */
-_getNative(Object, 'create');
-
-/**
- * Checks if `value` is object-like. A value is object-like if it's not `null`
- * and has a `typeof` result of "object".
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
- * @example
- *
- * _.isObjectLike({});
- * // => true
- *
- * _.isObjectLike([1, 2, 3]);
- * // => true
- *
- * _.isObjectLike(_.noop);
- * // => false
- *
- * _.isObjectLike(null);
- * // => false
- */
-function isObjectLike(value) {
-  return value != null && typeof value == 'object';
-}
-
-var isObjectLike_1 = isObjectLike;
-
-/** `Object#toString` result references. */
-var argsTag = '[object Arguments]';
-
-/**
- * The base implementation of `_.isArguments`.
- *
- * @private
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an `arguments` object,
- */
-function baseIsArguments(value) {
-  return isObjectLike_1(value) && _baseGetTag(value) == argsTag;
-}
-
-var _baseIsArguments = baseIsArguments;
-
-/** Used for built-in method references. */
-var objectProto = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty = objectProto.hasOwnProperty;
-
-/** Built-in value references. */
-var propertyIsEnumerable = objectProto.propertyIsEnumerable;
-
-/**
- * Checks if `value` is likely an `arguments` object.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an `arguments` object,
- *  else `false`.
- * @example
- *
- * _.isArguments(function() { return arguments; }());
- * // => true
- *
- * _.isArguments([1, 2, 3]);
- * // => false
- */
-_baseIsArguments(function() { return arguments; }()) ? _baseIsArguments : function(value) {
-  return isObjectLike_1(value) && hasOwnProperty.call(value, 'callee') &&
-    !propertyIsEnumerable.call(value, 'callee');
-};
-
-/**
- * This method returns `false`.
- *
- * @static
- * @memberOf _
- * @since 4.13.0
- * @category Util
- * @returns {boolean} Returns `false`.
- * @example
- *
- * _.times(2, _.stubFalse);
- * // => [false, false]
- */
-function stubFalse() {
-  return false;
-}
-
-var stubFalse_1 = stubFalse;
-
-createCommonjsModule(function (module, exports) {
-/** Detect free variable `exports`. */
-var freeExports = exports && !exports.nodeType && exports;
-
-/** Detect free variable `module`. */
-var freeModule = freeExports && 'object' == 'object' && module && !module.nodeType && module;
-
-/** Detect the popular CommonJS extension `module.exports`. */
-var moduleExports = freeModule && freeModule.exports === freeExports;
-
-/** Built-in value references. */
-var Buffer = moduleExports ? _root.Buffer : undefined;
-
-/* Built-in method references for those with the same name as other `lodash` methods. */
-var nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined;
-
-/**
- * Checks if `value` is a buffer.
- *
- * @static
- * @memberOf _
- * @since 4.3.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.
- * @example
- *
- * _.isBuffer(new Buffer(2));
- * // => true
- *
- * _.isBuffer(new Uint8Array(2));
- * // => false
- */
-var isBuffer = nativeIsBuffer || stubFalse_1;
-
-module.exports = isBuffer;
-});
-
-createCommonjsModule(function (module, exports) {
-/** Detect free variable `exports`. */
-var freeExports = exports && !exports.nodeType && exports;
-
-/** Detect free variable `module`. */
-var freeModule = freeExports && 'object' == 'object' && module && !module.nodeType && module;
-
-/** Detect the popular CommonJS extension `module.exports`. */
-var moduleExports = freeModule && freeModule.exports === freeExports;
-
-/** Detect free variable `process` from Node.js. */
-var freeProcess = moduleExports && _freeGlobal.process;
-
-/** Used to access faster Node.js helpers. */
-var nodeUtil = (function() {
-  try {
-    // Use `util.types` for Node.js 10+.
-    var types = freeModule && freeModule.require && freeModule.require('util').types;
-
-    if (types) {
-      return types;
+function _forOf(target, body, check) {
+  if (typeof target[_iteratorSymbol] === "function") {
+    var iterator = target[_iteratorSymbol](),
+      step,
+      pact,
+      reject;
+    function _cycle(result) {
+      try {
+        while (!(step = iterator.next()).done && (!check || !check())) {
+          result = body(step.value);
+          if (result && result.then) {
+            if (_isSettledPact(result)) {
+              result = result.v;
+            } else {
+              result.then(_cycle, reject || (reject = _settle.bind(null, pact = new _Pact(), 2)));
+              return;
+            }
+          }
+        }
+        if (pact) {
+          _settle(pact, 1, result);
+        } else {
+          pact = result;
+        }
+      } catch (e) {
+        _settle(pact || (pact = new _Pact()), 2, e);
+      }
     }
-
-    // Legacy `process.binding('util')` for Node.js < 10.
-    return freeProcess && freeProcess.binding && freeProcess.binding('util');
-  } catch (e) {}
-}());
-
-module.exports = nodeUtil;
-});
-
-/* Built-in method references that are verified to be native. */
-var DataView = _getNative(_root, 'DataView');
-
-var _DataView = DataView;
-
-/* Built-in method references that are verified to be native. */
-var Promise$1 = _getNative(_root, 'Promise');
-
-var _Promise = Promise$1;
-
-/* Built-in method references that are verified to be native. */
-var Set = _getNative(_root, 'Set');
-
-var _Set = Set;
-
-/* Built-in method references that are verified to be native. */
-var WeakMap = _getNative(_root, 'WeakMap');
-
-var _WeakMap = WeakMap;
-
-/** `Object#toString` result references. */
-var mapTag = '[object Map]',
-    objectTag = '[object Object]',
-    promiseTag = '[object Promise]',
-    setTag = '[object Set]',
-    weakMapTag = '[object WeakMap]';
-
-var dataViewTag = '[object DataView]';
-
-/** Used to detect maps, sets, and weakmaps. */
-var dataViewCtorString = _toSource(_DataView),
-    mapCtorString = _toSource(_Map),
-    promiseCtorString = _toSource(_Promise),
-    setCtorString = _toSource(_Set),
-    weakMapCtorString = _toSource(_WeakMap);
-
-/**
- * Gets the `toStringTag` of `value`.
- *
- * @private
- * @param {*} value The value to query.
- * @returns {string} Returns the `toStringTag`.
- */
-var getTag = _baseGetTag;
-
-// Fallback for data views, maps, sets, and weak maps in IE 11 and promises in Node.js < 6.
-if ((_DataView && getTag(new _DataView(new ArrayBuffer(1))) != dataViewTag) ||
-    (_Map && getTag(new _Map) != mapTag) ||
-    (_Promise && getTag(_Promise.resolve()) != promiseTag) ||
-    (_Set && getTag(new _Set) != setTag) ||
-    (_WeakMap && getTag(new _WeakMap) != weakMapTag)) {
-  getTag = function(value) {
-    var result = _baseGetTag(value),
-        Ctor = result == objectTag ? value.constructor : undefined,
-        ctorString = Ctor ? _toSource(Ctor) : '';
-
-    if (ctorString) {
-      switch (ctorString) {
-        case dataViewCtorString: return dataViewTag;
-        case mapCtorString: return mapTag;
-        case promiseCtorString: return promiseTag;
-        case setCtorString: return setTag;
-        case weakMapCtorString: return weakMapTag;
+    _cycle();
+    if (iterator.return) {
+      var _fixup = function (value) {
+        try {
+          if (!step.done) {
+            iterator.return();
+          }
+        } catch (e) {}
+        return value;
+      };
+      if (pact && pact.then) {
+        return pact.then(_fixup, function (e) {
+          throw _fixup(e);
+        });
       }
+      _fixup();
     }
-    return result;
-  };
+    return pact;
+  }
+  // No support for Symbol.iterator
+  if (!("length" in target)) {
+    throw new TypeError("Object is not iterable");
+  }
+  // Handle live collections properly
+  var values = [];
+  for (var i = 0; i < target.length; i++) {
+    values.push(target[i]);
+  }
+  return _forTo(values, function (i) {
+    return body(values[i]);
+  }, check);
 }
-
+const signMultiPdfFile = function (_ref) {
+  let {
+    filename,
+    url,
+    signatureList
+  } = _ref;
+  try {
+    return Promise.resolve(window.fetch(url)).then(function (response) {
+      return Promise.resolve(response.arrayBuffer()).then(function (pdfBytes) {
+        return Promise.resolve(pdfLib.PDFDocument.load(pdfBytes)).then(function (pdfDoc) {
+          function _temp2() {
+            return Promise.resolve(pdfDoc.save()).then(function (modifiedPdfBytes) {
+              return new window.File([modifiedPdfBytes], filename, {
+                type: 'application/pdf'
+              });
+            });
+          }
+          const _temp = _forOf(signatureList, function (item) {
+            const {
+              x,
+              y,
+              page,
+              signature,
+              width,
+              height
+            } = item;
+            const pdfPage = pdfDoc.getPage(page - 1);
+            return Promise.resolve(window.fetch(signature).then(res => res.arrayBuffer())).then(function (signatureBytes) {
+              return Promise.resolve(pdfDoc.embedPng(signatureBytes)).then(function (signatureImageEmbed) {
+                pdfPage.drawImage(signatureImageEmbed, {
+                  x,
+                  y,
+                  width,
+                  height
+                });
+              });
+            });
+          });
+          return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
+        });
+      });
+    });
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
 const signPdfFile = function (pdfSignature) {
   try {
     const {
@@ -867,34 +635,46 @@ const signPdfFile = function (pdfSignature) {
       url,
       filename
     } = pdfSignature;
-    return Promise.resolve(window.fetch(url)).then(function (response) {
-      return Promise.resolve(response.arrayBuffer()).then(function (pdfBytes) {
-        return Promise.resolve(pdfLib.PDFDocument.load(pdfBytes)).then(function (pdfDoc) {
-          const pdfPage = pdfDoc.getPage(page - 1);
-          return Promise.resolve(window.fetch(signature).then(res => res.arrayBuffer())).then(function (signatureBytes) {
-            return Promise.resolve(pdfDoc.embedPng(signatureBytes)).then(function (signatureImageEmbed) {
-              pdfPage.drawImage(signatureImageEmbed, {
-                x,
-                y,
-                width,
-                height
-              });
-              return Promise.resolve(pdfDoc.save()).then(function (modifiedPdfBytes) {
-                return new window.File([modifiedPdfBytes], filename, {
-                  type: 'application/pdf'
-                });
-              });
-            });
-          });
-        });
-      });
+    return signMultiPdfFile({
+      filename,
+      url,
+      signatureList: [{
+        x,
+        y,
+        page,
+        signature,
+        width,
+        height
+      }]
     });
   } catch (e) {
     return Promise.reject(e);
   }
 };
 
-const _excluded$1 = ["placeholder", "signature", "url", "width", "height", "padding", "filename", "defaultLocation", "onChange"];
+const computedPDFSignLocation = ({
+  size,
+  location
+}) => {
+  const scaleX = size.width / size.originalWidth;
+  const scaleY = size.height / size.originalHeight;
+  const pdfX = Math.round(location.size.x / scaleX);
+  const pdfY = Math.round(size.originalHeight - location.size.y / scaleY);
+  const signWidth = Math.round(location.size.width / scaleX);
+  const signHeight = Math.round(location.size.height / scaleY);
+  return {
+    scaleX,
+    scaleY,
+    pdfX,
+    pdfY,
+    width: signWidth,
+    height: signHeight,
+    x: pdfX,
+    y: pdfY - signHeight
+  };
+};
+
+const _excluded$2 = ["placeholder", "signature", "url", "width", "height", "padding", "filename", "defaultLocation", "onChange"];
 const PDFSignInner = /*#__PURE__*/react.forwardRef((_ref, ref) => {
   let {
     size,
@@ -910,42 +690,29 @@ const PDFSignInner = /*#__PURE__*/react.forwardRef((_ref, ref) => {
     onChange
   } = _ref;
   const initLocation = react.useMemo(() => {
-    return {
-      scaleX: 1,
-      scaleY: 1,
-      x: Math.round((size.width - width) / 2),
-      y: Math.round((size.height - height) / 2),
-      size: {
-        width,
-        height,
-        x: Math.round((size.width - width) / 2),
-        y: Math.round((size.height - height) / 2)
-      }
-    };
+    return getInitLocation({
+      stageWidth: size.width,
+      stageHeight: size.height,
+      width,
+      height
+    });
   }, [size, width, height]);
   const [location, setLocationOrigin] = react.useState(Object.assign({}, initLocation, defaultLocation));
   const setLocation = useRefCallback__default["default"](value => {
     setLocationOrigin(Object.assign({}, initLocation, value));
   });
   const pdfSignature = react.useMemo(() => {
-    const scaleX = size.width / size.originalWidth;
-    const scaleY = size.height / size.originalHeight;
-    const pdfX = Math.round(location.size.x / scaleX);
-    const pdfY = Math.round(size.originalHeight - location.size.y / scaleY);
-    const signWidth = Math.round(location.size.width / scaleX);
-    const signHeight = Math.round(location.size.height / scaleY);
-    return {
-      x: pdfX,
-      y: pdfY - signHeight,
-      page: currentPage,
-      pageWidth: Math.round(size.originalWidth),
-      pageHeight: Math.round(size.originalHeight),
-      width: signWidth,
-      height: signHeight,
+    return Object.assign({}, computedPDFSignLocation({
+      location,
+      size
+    }), {
       signature,
       url,
-      filename
-    };
+      filename,
+      page: currentPage,
+      pageWidth: Math.round(size.originalWidth),
+      pageHeight: Math.round(size.originalHeight)
+    });
   }, [location, signature, url, filename, size, currentPage]);
   const signPdf = react.useCallback(function () {
     try {
@@ -991,7 +758,7 @@ const PDFSign = withLocale(/*#__PURE__*/react.forwardRef((_ref2, ref) => {
       defaultLocation,
       onChange
     } = _ref2,
-    props = _objectWithoutPropertiesLoose(_ref2, _excluded$1);
+    props = _objectWithoutPropertiesLoose(_ref2, _excluded$2);
   return /*#__PURE__*/jsxRuntime.jsx(PDFViewer, _extends({}, props, {
     url: url,
     children: _ref3 => {
@@ -1017,6 +784,134 @@ const PDFSign = withLocale(/*#__PURE__*/react.forwardRef((_ref2, ref) => {
   }));
 }));
 
+const _excluded$1 = ["placeholder", "url", "width", "height", "padding", "filename", "defaultSignatureList", "onSign", "onChange", "isEdit"];
+const PDFSignMultiInner = /*#__PURE__*/react.forwardRef((_ref, ref) => {
+  let {
+    size,
+    currentPage,
+    placeholder,
+    url,
+    width = 200,
+    height = 80,
+    padding,
+    filename = 'signed-document.pdf',
+    defaultSignatureList,
+    isEdit,
+    onSign,
+    onChange
+  } = _ref;
+  const [signatureList, setSignatureList] = react.useState(defaultSignatureList || []);
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const pdfSignatureList = react.useMemo(() => {
+    return signatureList.filter(location => location.signature).map(location => {
+      return Object.assign({}, computedPDFSignLocation({
+        location,
+        size
+      }), {
+        page: location.page,
+        signature: location.signature
+      });
+    });
+  }, [signatureList, size]);
+  react.useImperativeHandle(ref, () => ({
+    getSignatureList: () => signatureList,
+    setSignatureList: value => setSignatureList(value),
+    getPdfSignatureList: () => {
+      return pdfSignatureList;
+    },
+    sign: () => {
+      if (!pdfSignatureList.length) {
+        return Promise.reject(new Error(formatMessage({
+          id: 'signatureAdd'
+        })));
+      }
+      return signMultiPdfFile({
+        url,
+        filename,
+        signatureList: pdfSignatureList
+      });
+    },
+    addSignLocation: () => {
+      setSignatureList(signatureList => {
+        return [...signatureList, {
+          page: currentPage
+        }];
+      });
+    }
+  }));
+  return /*#__PURE__*/jsxRuntime.jsx(LocationGroup, {
+    isEdit: isEdit,
+    currentPage: currentPage,
+    stageWidth: size.width,
+    stageHeight: size.height,
+    width: width,
+    height: height,
+    padding: padding,
+    placeholder: placeholder,
+    value: signatureList,
+    onChange: setSignatureList,
+    onClick: _ref2 => {
+      let {
+        index,
+        value
+      } = _ref2;
+      onSign && onSign({
+        size: value.size,
+        callback: signature => {
+          setSignatureList(value => {
+            const newValue = value.slice(0);
+            newValue[index] = Object.assign({}, newValue[index], {
+              signature
+            });
+            return newValue;
+          });
+        }
+      });
+    }
+  });
+});
+const PDFSignMulti = withLocale(/*#__PURE__*/react.forwardRef((_ref3, ref) => {
+  let {
+      placeholder,
+      url,
+      width,
+      height,
+      padding,
+      filename = 'signed-document.pdf',
+      defaultSignatureList,
+      onSign,
+      onChange,
+      isEdit
+    } = _ref3,
+    props = _objectWithoutPropertiesLoose(_ref3, _excluded$1);
+  return /*#__PURE__*/jsxRuntime.jsx(PDFViewer, _extends({}, props, {
+    url: url,
+    children: _ref4 => {
+      let {
+        size,
+        currentPage
+      } = _ref4;
+      return /*#__PURE__*/jsxRuntime.jsx(PDFSignMultiInner, {
+        ref: ref,
+        size: size,
+        currentPage: currentPage,
+        url: url,
+        filename: filename,
+        defaultSignatureList: defaultSignatureList,
+        width: width,
+        height: height,
+        padding: padding,
+        placeholder: placeholder,
+        onChange: onChange,
+        onSign: onSign,
+        isEdit: isEdit
+      });
+    }
+  }));
+}));
+
 const _excluded = ["filename", "onSuccess", "width", "height", "mask"];
 function _catch(body, recover) {
   try {
@@ -1206,8 +1101,10 @@ const useSignature = () => {
   };
 };
 
+exports.LocationGroup = LocationGroup;
 exports.LocationLayer = LocationLayer;
 exports.PDFSign = PDFSign;
+exports.PDFSignMulti = PDFSignMulti;
 exports.PDFViewer = PDFViewer;
 exports["default"] = PDFSign;
 exports.signPdfFile = signPdfFile;