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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11,19 +11,44 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
11
11
  import React, { useEffect, useState, useRef } from "react";
12
12
  import { Button, message } from "antd";
13
13
  import { LoadingOutlined } from "@ant-design/icons";
14
- import PDF from "react-pdf-js";
14
+ import { usePdf } from "react-pdf-js";
15
15
  import copy from "copy-to-clipboard";
16
+ import html2canvas from "html2canvas";
17
+ import b64toBlob from "b64-to-blob";
16
18
  import { getAlipayBillReceipt } from "../../service/api";
17
19
  var Preview = function Preview(_ref) {
18
20
  var url = _ref.url;
19
- var onDocumentComplete = function onDocumentComplete() {
20
- console.log("文件加载完成");
21
+ var canvasEl = useRef(null);
22
+ var _usePdf = usePdf({
23
+ file: url,
24
+ page: 1,
25
+ scale: 1,
26
+ canvasEl: canvasEl
27
+ }),
28
+ _usePdf2 = _slicedToArray(_usePdf, 1),
29
+ loading = _usePdf2[0];
30
+ var copy = function copy() {
31
+ html2canvas(canvasEl === null || canvasEl === void 0 ? void 0 : canvasEl.current, {
32
+ useCORS: true
33
+ }).then(function (canvas) {
34
+ var imgUrl = canvas.toDataURL("image/png");
35
+ var str = imgUrl.replace(/data:image\/png;base64,/, "");
36
+ var file = b64toBlob(str, "image/png");
37
+ var clipboardItemInput = new window.ClipboardItem({
38
+ "image/png": file
39
+ });
40
+ window.navigator.clipboard.write([clipboardItemInput]);
41
+ message.success("复制成功");
42
+ });
21
43
  };
22
- return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PDF, {
23
- file: url,
24
- onDocumentComplete: onDocumentComplete,
25
- page: 1,
26
- scale: 1
44
+ return /*#__PURE__*/React.createElement("div", null, !loading && /*#__PURE__*/React.createElement(Button, {
45
+ type: "link",
46
+ onClick: copy,
47
+ style: {
48
+ display: "block"
49
+ }
50
+ }, "\u590D\u5236\u51ED\u8BC1"), /*#__PURE__*/React.createElement("canvas", {
51
+ ref: canvasEl
27
52
  }));
28
53
  };
29
54
  var CopyUrl = function CopyUrl(_ref2) {
@@ -95,7 +120,7 @@ var OperatePreview = function OperatePreview(_ref3) {
95
120
  }, []);
96
121
  return /*#__PURE__*/React.createElement("div", {
97
122
  style: {
98
- maxHeight: "420px",
123
+ maxHeight: "455px",
99
124
  overflowY: "hidden"
100
125
  }
101
126
  }, url ? showPdf ? /*#__PURE__*/React.createElement(Preview, {
@@ -1,3 +1,3 @@
1
1
  import { JstLogistics, JstItemSelect, JstSupply, JstSendGood, BasicInput, BasicAddress, BasicCascader, BasicCheckbox, BasicDataTime, BasicSelect, BasicRadio, BasicTextArea, BasicPicture, BasicMultSelect, BasicGrade, BasicRate, BasicFile, BasicPosting, SubForm, CommonDataTime, TradeId, ShopName, BuyerNick, ReceiverName, ReceiverMobile, ReceiverAddress, TradeDateTime, Logistics, ReturnLogistics, ActualPayment, ERemark, AliPay, ItemSelect, ItemId, ItemEnCode, SystemOrderNo, Ordinary, ThirdItemSelect, FlowStatusSelect, FlowMarkSelect, FlowTag, Payment, TemplateSelect, WorkOrderId, PlatForm, ShopInput, Submitter, PrevSubmitter, FlowCreator, Handler, CompletedUser, LogisticsInterception, LogisticsMoreInterception, LogisticsTrajectory, LogisticsMoreTrajectory, FlowWorkOrderId, BsGoods, BsExchange, BsReissue, BsReturn, BsSystemOrder, BsLogistics, StatusSelect, CommonSystemOrder, CommonMultiStatus, Calculation, NodeDeadLine, HandlerDeadLine, NodeStayDuration, WlnGoods, BsPosting, MsgStatus, NodeInput, FlowWorkOrderStatus, WdtGoods, WdtReturn, WdtExchange, CommonInput, PaymentVoucherCode, Label, WdtReissue, KmErpSendGood, AfterSalesOrderId } from "./index";
2
2
  import { PickOption } from "./type";
3
- export declare const factory: (type: string, options: PickOption) => BasicCascader | StatusSelect | BasicInput | BasicAddress | BasicCheckbox | BasicDataTime | BasicSelect | BasicRadio | BasicTextArea | BasicPicture | BasicMultSelect | BasicGrade | BasicRate | BasicFile | BasicPosting | SubForm | CommonDataTime | TradeId | ShopName | BuyerNick | ReceiverName | ReceiverMobile | ReceiverAddress | TradeDateTime | Logistics | ReturnLogistics | ActualPayment | ERemark | AliPay | ItemSelect | ItemId | ItemEnCode | SystemOrderNo | Ordinary | ThirdItemSelect | Payment | JstLogistics | JstItemSelect | JstSendGood | JstSupply | BsSystemOrder | BsGoods | BsExchange | BsReissue | BsReturn | BsLogistics | FlowStatusSelect | FlowMarkSelect | FlowTag | TemplateSelect | WorkOrderId | LogisticsInterception | LogisticsMoreInterception | LogisticsTrajectory | LogisticsMoreTrajectory | PlatForm | ShopInput | Submitter | PrevSubmitter | FlowCreator | Handler | CompletedUser | FlowWorkOrderId | Calculation | CommonSystemOrder | CommonMultiStatus | NodeDeadLine | HandlerDeadLine | NodeStayDuration | WlnGoods | BsPosting | NodeInput | FlowWorkOrderStatus | MsgStatus | WdtGoods | WdtReissue | WdtReturn | WdtExchange | CommonInput | PaymentVoucherCode | Label | KmErpSendGood | AfterSalesOrderId;
3
+ export declare const factory: (type: string, options: PickOption) => BasicCascader | BasicInput | BasicAddress | BasicCheckbox | BasicDataTime | BasicSelect | BasicRadio | BasicTextArea | BasicPicture | BasicMultSelect | BasicGrade | BasicRate | BasicFile | BasicPosting | SubForm | CommonDataTime | TradeId | ShopName | BuyerNick | ReceiverName | ReceiverMobile | ReceiverAddress | TradeDateTime | Logistics | ReturnLogistics | ActualPayment | ERemark | AliPay | ItemSelect | ItemId | ItemEnCode | SystemOrderNo | Ordinary | ThirdItemSelect | Payment | JstLogistics | JstItemSelect | JstSendGood | JstSupply | BsSystemOrder | BsGoods | BsExchange | BsReissue | BsReturn | BsLogistics | FlowStatusSelect | FlowMarkSelect | FlowTag | TemplateSelect | WorkOrderId | LogisticsInterception | LogisticsMoreInterception | LogisticsTrajectory | LogisticsMoreTrajectory | PlatForm | ShopInput | Submitter | PrevSubmitter | FlowCreator | Handler | CompletedUser | FlowWorkOrderId | StatusSelect | Calculation | CommonSystemOrder | CommonMultiStatus | NodeDeadLine | HandlerDeadLine | NodeStayDuration | WlnGoods | BsPosting | NodeInput | FlowWorkOrderStatus | MsgStatus | WdtGoods | WdtReissue | WdtReturn | WdtExchange | CommonInput | PaymentVoucherCode | Label | KmErpSendGood | AfterSalesOrderId;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kmkf-fe-packages/services-components",
3
- "version": "1.11.0-alpha.0",
3
+ "version": "1.11.0-beta.0",
4
4
  "module": "dist/esm/index.js",
5
5
  "typings": "dist/esm/index.d.ts",
6
6
  "files": [
@@ -21,8 +21,10 @@
21
21
  ]
22
22
  },
23
23
  "dependencies": {
24
- "@kmkf-fe-packages/basic-components": "1.11.0-alpha.0",
25
- "@kmkf-fe-packages/kmkf-utils": "1.11.0-alpha.0",
24
+ "@kmkf-fe-packages/basic-components": "1.11.0-beta.0",
25
+ "@kmkf-fe-packages/kmkf-utils": "1.11.0-beta.0",
26
+ "b64-to-blob": "^1.2.19",
27
+ "html2canvas": "^1.4.1",
26
28
  "react-pdf-js": "^5.1.0"
27
29
  },
28
30
  "devDependencies": {
@@ -39,7 +41,7 @@
39
41
  "publishConfig": {
40
42
  "access": "public"
41
43
  },
42
- "gitHead": "72a04da62ed02419fdf194f559aca975a6af27b9",
44
+ "gitHead": "a06a4661a58540951bb7a5dbcdb15ac224a192b4",
43
45
  "gitHooks": {
44
46
  "pre-commit": "lint-staged"
45
47
  }