@kmkf-fe-packages/services-components 1.11.0-beta.0 → 1.11.0-beta.1

package/dist/esm/components/PaymentVoucherCode/Preview.js

@@ -27,33 +27,64 @@ var Preview = function Preview(_ref) {
     }),
     _usePdf2 = _slicedToArray(_usePdf, 1),
     loading = _usePdf2[0];
-  var copy = function copy() {
-    html2canvas(canvasEl === null || canvasEl === void 0 ? void 0 : canvasEl.current, {
-      useCORS: true
-    }).then(function (canvas) {
-      var imgUrl = canvas.toDataURL("image/png");
-      var str = imgUrl.replace(/data:image\/png;base64,/, "");
-      var file = b64toBlob(str, "image/png");
-      var clipboardItemInput = new window.ClipboardItem({
-        "image/png": file
-      });
-      window.navigator.clipboard.write([clipboardItemInput]);
-      message.success("复制成功");
-    });
-  };
-  return /*#__PURE__*/React.createElement("div", null, !loading && /*#__PURE__*/React.createElement(Button, {
+  var copyHandle = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _yield$navigator$perm, state;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return navigator.permissions.query({
+              name: "clipboard-write"
+            });
+          case 3:
+            _yield$navigator$perm = _context.sent;
+            state = _yield$navigator$perm.state;
+            if (state == "granted") {
+              html2canvas(canvasEl === null || canvasEl === void 0 ? void 0 : canvasEl.current, {
+                useCORS: true
+              }).then(function (canvas) {
+                var imgUrl = canvas.toDataURL("image/png");
+                var str = imgUrl.replace(/data:image\/png;base64,/, "");
+                var file = b64toBlob(str, "image/png");
+                var clipboardItemInput = new window.ClipboardItem({
+                  "image/png": file
+                });
+                window.navigator.clipboard.write([clipboardItemInput]);
+                message.success("复制图片成功");
+              });
+            } else {
+              copy(url);
+              message.success("复制图片链接成功");
+            }
+            _context.next = 12;
+            break;
+          case 8:
+            _context.prev = 8;
+            _context.t0 = _context["catch"](0);
+            copy(url);
+            message.success("复制图片链接成功");
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 8]]);
+    }));
+    return function copyHandle() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/React.createElement("div", null, !loading && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
     type: "link",
-    onClick: copy,
-    style: {
-      display: "block"
-    }
-  }, "\u590D\u5236\u51ED\u8BC1"), /*#__PURE__*/React.createElement("canvas", {
+    onClick: copyHandle
+  }, "\u590D\u5236\u51ED\u8BC1")), /*#__PURE__*/React.createElement("canvas", {
     ref: canvasEl
   }));
 };
-var CopyUrl = function CopyUrl(_ref2) {
-  var url = _ref2.url,
-    id = _ref2.id;
+var CopyUrl = function CopyUrl(_ref3) {
+  var url = _ref3.url,
+    id = _ref3.id;
   var handleCopy = function handleCopy() {
     copy(url);
     message.success("链接复制成功，请在浏览器中打开预览");
@@ -65,32 +96,32 @@ var CopyUrl = function CopyUrl(_ref2) {
     onClick: handleCopy
   }, " ", "\u590D\u5236\u5730\u5740", " "));
 };
-var OperatePreview = function OperatePreview(_ref3) {
-  var id = _ref3.id,
-    showPdf = _ref3.showPdf;
+var OperatePreview = function OperatePreview(_ref4) {
+  var id = _ref4.id,
+    showPdf = _ref4.showPdf;
   var _useState = useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     url = _useState2[0],
     setUrl = _useState2[1];
   var intervalRef = useRef();
   var queryUrl = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(id) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(id) {
       var res, data;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
             if (id) {
-              _context.next = 2;
+              _context2.next = 2;
               break;
             }
-            return _context.abrupt("return");
+            return _context2.abrupt("return");
           case 2:
-            _context.next = 4;
+            _context2.next = 4;
             return getAlipayBillReceipt({
               alipayBillReceiptDetailId: id
             });
           case 4:
-            res = _context.sent;
+            res = _context2.sent;
             data = res.data;
             if (data) {
               setUrl(data);
@@ -98,12 +129,12 @@ var OperatePreview = function OperatePreview(_ref3) {
             }
           case 7:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee);
+      }, _callee2);
     }));
     return function queryUrl(_x2) {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   useEffect(function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/services-components",
-  "version": "1.11.0-beta.0",
+  "version": "1.11.0-beta.1",
   "module": "dist/esm/index.js",
   "typings": "dist/esm/index.d.ts",
   "files": [
@@ -41,7 +41,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a06a4661a58540951bb7a5dbcdb15ac224a192b4",
+  "gitHead": "bdbf44ae6d5cffb6ddb90e3757b91e777a39dd21",
   "gitHooks": {
     "pre-commit": "lint-staged"
   }