@kmkf-fe-packages/services-components 1.8.2-beta.0 → 1.8.2-beta.3

package/dist/esm/components/PaymentVoucherCode/Preview.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 declare type OperatePreviewProps = {
     id: string;
+    showPdf: boolean;
 };
-declare const OperatePreview: ({ id }: OperatePreviewProps) => React.JSX.Element;
+declare const OperatePreview: ({ id, showPdf }: OperatePreviewProps) => React.JSX.Element;
 export default OperatePreview;

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

@@ -9,9 +9,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useState, useRef } from "react";
-import { Button } from 'antd';
-import { LoadingOutlined } from '@ant-design/icons';
+import { Button, message } from "antd";
+import { LoadingOutlined } from "@ant-design/icons";
 import PDF from "react-pdf-js";
+import copy from "copy-to-clipboard";
 import { getAlipayBillReceipt } from "../../service/api";
 var Preview = function Preview(_ref) {
   var url = _ref.url;
@@ -25,15 +26,30 @@ var Preview = function Preview(_ref) {
     scale: 1
   }));
 };
-var OperatePreview = function OperatePreview(_ref2) {
-  var id = _ref2.id;
+var CopyUrl = function CopyUrl(_ref2) {
+  var url = _ref2.url,
+    id = _ref2.id;
+  var handleCopy = function handleCopy() {
+    copy(url);
+    message.success("链接复制成功，请在浏览器中打开预览");
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    type: "link"
+  }, " ", id, " "), /*#__PURE__*/React.createElement(Button, {
+    type: "link",
+    onClick: handleCopy
+  }, " ", "\u590D\u5236\u5730\u5740", " "));
+};
+var OperatePreview = function OperatePreview(_ref3) {
+  var id = _ref3.id,
+    showPdf = _ref3.showPdf;
   var _useState = useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     url = _useState2[0],
     setUrl = _useState2[1];
   var intervalRef = useRef();
   var queryUrl = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(id) {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(id) {
       var res, data;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -62,7 +78,7 @@ var OperatePreview = function OperatePreview(_ref2) {
       }, _callee);
     }));
     return function queryUrl(_x2) {
-      return _ref3.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   useEffect(function () {
@@ -72,13 +88,21 @@ var OperatePreview = function OperatePreview(_ref2) {
     }, 5 * 1000);
     intervalRef.current = timer;
   }, [id]);
+  useEffect(function () {
+    return function () {
+      return clearInterval(intervalRef.current);
+    };
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     style: {
-      maxHeight: '420px',
-      overflowY: 'hidden'
+      maxHeight: "420px",
+      overflowY: "hidden"
     }
-  }, url ? /*#__PURE__*/React.createElement(Preview, {
+  }, url ? showPdf ? /*#__PURE__*/React.createElement(Preview, {
     url: url
+  }) : /*#__PURE__*/React.createElement(CopyUrl, {
+    url: url,
+    id: id
   }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
     type: "link"
   }, " ", id, " "), /*#__PURE__*/React.createElement(LoadingOutlined, null)));

package/dist/esm/components/PaymentVoucherCode/index.d.ts

@@ -15,6 +15,7 @@ declare class PaymentVoucherCode implements ComponentInterface {
     templateId?: string;
     workOrderUniqueKey?: string;
     effects: ComponentInterface["effects"];
+    platform: ComponentInterface["platform"];
     constructor(options: PickOption);
     renderPc: (value: any, record: Record) => React.JSX.Element | "--";
     renderLog: (r: Record) => React.JSX.Element | "--" | null;

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

@@ -6,6 +6,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { PlatForm } from "../../type";
 import React from "react";
 import { ApaasInput } from "@kmkf-fe-packages/basic-components";
 import GetFormItem from "../GetFormItem";
@@ -31,6 +32,7 @@ var PaymentVoucherCode = /*#__PURE__*/_createClass(function PaymentVoucherCode(o
   _defineProperty(this, "templateId", void 0);
   _defineProperty(this, "workOrderUniqueKey", void 0);
   _defineProperty(this, "effects", void 0);
+  _defineProperty(this, "platform", void 0);
   _defineProperty(this, "renderPc", function (value, record) {
     var _this$effects;
     if (isNull(record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_paymentVoucherCode")])) return "--";
@@ -59,7 +61,8 @@ var PaymentVoucherCode = /*#__PURE__*/_createClass(function PaymentVoucherCode(o
       id: _this.id,
       label: _this.name,
       value: /*#__PURE__*/React.createElement(OperatePreview, {
-        id: record === null || record === void 0 ? void 0 : record[_this.id]
+        id: record === null || record === void 0 ? void 0 : record[_this.id],
+        showPdf: _this.platform !== PlatForm.FXG
       })
     }) : null;
   });
@@ -104,5 +107,6 @@ var PaymentVoucherCode = /*#__PURE__*/_createClass(function PaymentVoucherCode(o
   this.children = [];
   this.dataType = "string";
   this.effects = options.effects;
+  this.platform = options.platform;
 });
 export default PaymentVoucherCode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/services-components",
-  "version": "1.8.2-beta.0",
+  "version": "1.8.2-beta.3",
   "module": "dist/esm/index.js",
   "typings": "dist/esm/index.d.ts",
   "files": [
@@ -22,7 +22,8 @@
   },
   "dependencies": {
     "@kmkf-fe-packages/basic-components": "1.8.2-beta.0",
-    "@kmkf-fe-packages/kmkf-utils": "1.8.2-beta.0"
+    "@kmkf-fe-packages/kmkf-utils": "1.8.2-beta.0",
+    "react-pdf-js": "^5.1.0"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^5.59.2",
@@ -38,7 +39,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "420eb11ba6ee37eee06c689684ed70e9e1de0343",
+  "gitHead": "6cac12c6f3db3929cc4d3397dc10bb50a319637e",
   "gitHooks": {
     "pre-commit": "lint-staged"
   }