@kmkf-fe-packages/services-components 1.11.0-alpha.0 → 1.11.0-beta.1
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,24 +11,80 @@ 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
|
|
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
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
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 copyHandle = /*#__PURE__*/function () {
|
|
31
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
32
|
+
var _yield$navigator$perm, state;
|
|
33
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
34
|
+
while (1) switch (_context.prev = _context.next) {
|
|
35
|
+
case 0:
|
|
36
|
+
_context.prev = 0;
|
|
37
|
+
_context.next = 3;
|
|
38
|
+
return navigator.permissions.query({
|
|
39
|
+
name: "clipboard-write"
|
|
40
|
+
});
|
|
41
|
+
case 3:
|
|
42
|
+
_yield$navigator$perm = _context.sent;
|
|
43
|
+
state = _yield$navigator$perm.state;
|
|
44
|
+
if (state == "granted") {
|
|
45
|
+
html2canvas(canvasEl === null || canvasEl === void 0 ? void 0 : canvasEl.current, {
|
|
46
|
+
useCORS: true
|
|
47
|
+
}).then(function (canvas) {
|
|
48
|
+
var imgUrl = canvas.toDataURL("image/png");
|
|
49
|
+
var str = imgUrl.replace(/data:image\/png;base64,/, "");
|
|
50
|
+
var file = b64toBlob(str, "image/png");
|
|
51
|
+
var clipboardItemInput = new window.ClipboardItem({
|
|
52
|
+
"image/png": file
|
|
53
|
+
});
|
|
54
|
+
window.navigator.clipboard.write([clipboardItemInput]);
|
|
55
|
+
message.success("复制图片成功");
|
|
56
|
+
});
|
|
57
|
+
} else {
|
|
58
|
+
copy(url);
|
|
59
|
+
message.success("复制图片链接成功");
|
|
60
|
+
}
|
|
61
|
+
_context.next = 12;
|
|
62
|
+
break;
|
|
63
|
+
case 8:
|
|
64
|
+
_context.prev = 8;
|
|
65
|
+
_context.t0 = _context["catch"](0);
|
|
66
|
+
copy(url);
|
|
67
|
+
message.success("复制图片链接成功");
|
|
68
|
+
case 12:
|
|
69
|
+
case "end":
|
|
70
|
+
return _context.stop();
|
|
71
|
+
}
|
|
72
|
+
}, _callee, null, [[0, 8]]);
|
|
73
|
+
}));
|
|
74
|
+
return function copyHandle() {
|
|
75
|
+
return _ref2.apply(this, arguments);
|
|
76
|
+
};
|
|
77
|
+
}();
|
|
78
|
+
return /*#__PURE__*/React.createElement("div", null, !loading && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
|
|
79
|
+
type: "link",
|
|
80
|
+
onClick: copyHandle
|
|
81
|
+
}, "\u590D\u5236\u51ED\u8BC1")), /*#__PURE__*/React.createElement("canvas", {
|
|
82
|
+
ref: canvasEl
|
|
27
83
|
}));
|
|
28
84
|
};
|
|
29
|
-
var CopyUrl = function CopyUrl(
|
|
30
|
-
var url =
|
|
31
|
-
id =
|
|
85
|
+
var CopyUrl = function CopyUrl(_ref3) {
|
|
86
|
+
var url = _ref3.url,
|
|
87
|
+
id = _ref3.id;
|
|
32
88
|
var handleCopy = function handleCopy() {
|
|
33
89
|
copy(url);
|
|
34
90
|
message.success("链接复制成功，请在浏览器中打开预览");
|
|
@@ -40,32 +96,32 @@ var CopyUrl = function CopyUrl(_ref2) {
|
|
|
40
96
|
onClick: handleCopy
|
|
41
97
|
}, " ", "\u590D\u5236\u5730\u5740", " "));
|
|
42
98
|
};
|
|
43
|
-
var OperatePreview = function OperatePreview(
|
|
44
|
-
var id =
|
|
45
|
-
showPdf =
|
|
99
|
+
var OperatePreview = function OperatePreview(_ref4) {
|
|
100
|
+
var id = _ref4.id,
|
|
101
|
+
showPdf = _ref4.showPdf;
|
|
46
102
|
var _useState = useState(""),
|
|
47
103
|
_useState2 = _slicedToArray(_useState, 2),
|
|
48
104
|
url = _useState2[0],
|
|
49
105
|
setUrl = _useState2[1];
|
|
50
106
|
var intervalRef = useRef();
|
|
51
107
|
var queryUrl = /*#__PURE__*/function () {
|
|
52
|
-
var
|
|
108
|
+
var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(id) {
|
|
53
109
|
var res, data;
|
|
54
|
-
return _regeneratorRuntime().wrap(function
|
|
55
|
-
while (1) switch (
|
|
110
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
111
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
56
112
|
case 0:
|
|
57
113
|
if (id) {
|
|
58
|
-
|
|
114
|
+
_context2.next = 2;
|
|
59
115
|
break;
|
|
60
116
|
}
|
|
61
|
-
return
|
|
117
|
+
return _context2.abrupt("return");
|
|
62
118
|
case 2:
|
|
63
|
-
|
|
119
|
+
_context2.next = 4;
|
|
64
120
|
return getAlipayBillReceipt({
|
|
65
121
|
alipayBillReceiptDetailId: id
|
|
66
122
|
});
|
|
67
123
|
case 4:
|
|
68
|
-
res =
|
|
124
|
+
res = _context2.sent;
|
|
69
125
|
data = res.data;
|
|
70
126
|
if (data) {
|
|
71
127
|
setUrl(data);
|
|
@@ -73,12 +129,12 @@ var OperatePreview = function OperatePreview(_ref3) {
|
|
|
73
129
|
}
|
|
74
130
|
case 7:
|
|
75
131
|
case "end":
|
|
76
|
-
return
|
|
132
|
+
return _context2.stop();
|
|
77
133
|
}
|
|
78
|
-
},
|
|
134
|
+
}, _callee2);
|
|
79
135
|
}));
|
|
80
136
|
return function queryUrl(_x2) {
|
|
81
|
-
return
|
|
137
|
+
return _ref5.apply(this, arguments);
|
|
82
138
|
};
|
|
83
139
|
}();
|
|
84
140
|
useEffect(function () {
|
|
@@ -95,7 +151,7 @@ var OperatePreview = function OperatePreview(_ref3) {
|
|
|
95
151
|
}, []);
|
|
96
152
|
return /*#__PURE__*/React.createElement("div", {
|
|
97
153
|
style: {
|
|
98
|
-
maxHeight: "
|
|
154
|
+
maxHeight: "455px",
|
|
99
155
|
overflowY: "hidden"
|
|
100
156
|
}
|
|
101
157
|
}, url ? showPdf ? /*#__PURE__*/React.createElement(Preview, {
|
package/dist/esm/factory.d.ts
CHANGED
|
@@ -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 |
|
|
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-
|
|
3
|
+
"version": "1.11.0-beta.1",
|
|
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-
|
|
25
|
-
"@kmkf-fe-packages/kmkf-utils": "1.11.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": "
|
|
44
|
+
"gitHead": "bdbf44ae6d5cffb6ddb90e3757b91e777a39dd21",
|
|
43
45
|
"gitHooks": {
|
|
44
46
|
"pre-commit": "lint-staged"
|
|
45
47
|
}
|