@kmkf-fe-packages/services-components 1.11.0 → 1.12.0

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

@@ -1,19 +1,19 @@
-import { ComponentInterface, PickOption, ColumnConfig, Record } from '../../type';
-import React from 'react';
+import { ComponentInterface, PickOption, ColumnConfig, Record } from "../../type";
+import React from "react";
 declare class BasicCascader implements ComponentInterface {
     name: string;
     id: string;
     sortField: string;
     type: string;
     rules: any[];
-    componentConfig: ComponentInterface['componentConfig'];
+    componentConfig: ComponentInterface["componentConfig"];
     isCombinationComponent: boolean;
     formField: string;
     canSort: boolean;
     children: ComponentInterface[];
-    dataType: ComponentInterface['dataType'];
-    format: ComponentInterface['format'];
-    options: ComponentInterface['options'];
+    dataType: ComponentInterface["dataType"];
+    format: ComponentInterface["format"];
+    options: ComponentInterface["options"];
     constructor(options: PickOption);
     /**
      * 通过值计算展示内容

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

@@ -6,13 +6,13 @@ 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 React from 'react';
-import { Cascader } from 'antd';
-import intersection from 'lodash/intersection';
+import React from "react";
+import { Cascader } from "antd";
+import intersection from "lodash/intersection";
 import GetFormItem from "../GetFormItem";
-import { findLabelBySelectValue, transMultSelectOptions, tree } from '@kmkf-fe-packages/kmkf-utils';
+import { findLabelBySelectValue, transMultSelectOptions, tree } from "@kmkf-fe-packages/kmkf-utils";
 import ItemView from "../../commonComponents/ItemView";
-import { isNull, filterFn as _filterFn } from '@kmkf-fe-packages/kmkf-utils';
+import { isNull, filterFn as _filterFn } from "@kmkf-fe-packages/kmkf-utils";
 import { SYMBOL } from "../../constant";
 var BasicCascader = /*#__PURE__*/_createClass(function BasicCascader(_options) {
   var _this = this,
@@ -35,7 +35,7 @@ var BasicCascader = /*#__PURE__*/_createClass(function BasicCascader(_options) {
     var _findLabelBySelectVal, _findLabelBySelectVal2, _this$componentConfig;
     return (_findLabelBySelectVal = findLabelBySelectValue(value, (_this$componentConfig = _this.componentConfig) === null || _this$componentConfig === void 0 ? void 0 : _this$componentConfig.options)) === null || _findLabelBySelectVal === void 0 ? void 0 : (_findLabelBySelectVal2 = _findLabelBySelectVal.map(function (i) {
       return i.label;
-    })) === null || _findLabelBySelectVal2 === void 0 ? void 0 : _findLabelBySelectVal2.join(',');
+    })) === null || _findLabelBySelectVal2 === void 0 ? void 0 : _findLabelBySelectVal2.join(",");
   });
   _defineProperty(this, "renderClient", function (record) {
     return !isNull(record === null || record === void 0 ? void 0 : record[_this.id]) ? /*#__PURE__*/React.createElement(ItemView, {
@@ -53,7 +53,7 @@ var BasicCascader = /*#__PURE__*/_createClass(function BasicCascader(_options) {
       return item.actived;
     }), ((_this$componentConfig2 = _this.componentConfig) === null || _this$componentConfig2 === void 0 ? void 0 : _this$componentConfig2.options) || [])) === null || _findLabelBySelectVal3 === void 0 ? void 0 : (_findLabelBySelectVal4 = _findLabelBySelectVal3.map(function (i) {
       return i.label;
-    })) === null || _findLabelBySelectVal4 === void 0 ? void 0 : _findLabelBySelectVal4.join(','));
+    })) === null || _findLabelBySelectVal4 === void 0 ? void 0 : _findLabelBySelectVal4.join(","));
   });
   _defineProperty(this, "renderLog", function (r) {
     if (isNull(r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_multSelect")])) return null;
@@ -65,13 +65,13 @@ var BasicCascader = /*#__PURE__*/_createClass(function BasicCascader(_options) {
   _defineProperty(this, "renderExport", function (value, record) {
     var _findLabelBySelectVal5, _findLabelBySelectVal6, _ref2, _this$componentConfig3;
     if ((record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_multSelect")]) === undefined) {
-      return '--';
+      return "--";
     }
     return (_findLabelBySelectVal5 = findLabelBySelectValue((_ref2 = (record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_multSelect")]) || []) === null || _ref2 === void 0 ? void 0 : _ref2.map(function (item) {
       return item.actived;
     }), ((_this$componentConfig3 = _this.componentConfig) === null || _this$componentConfig3 === void 0 ? void 0 : _this$componentConfig3.options) || [])) === null || _findLabelBySelectVal5 === void 0 ? void 0 : (_findLabelBySelectVal6 = _findLabelBySelectVal5.map(function (i) {
       return i.label;
-    })) === null || _findLabelBySelectVal6 === void 0 ? void 0 : _findLabelBySelectVal6.join(',');
+    })) === null || _findLabelBySelectVal6 === void 0 ? void 0 : _findLabelBySelectVal6.join(",");
   });
   _defineProperty(this, "editRender", function (p) {
     var _this$componentConfig4, _this$componentConfig5, _this$componentConfig6, _this$componentConfig7, _this$componentConfig8;
@@ -82,16 +82,17 @@ var BasicCascader = /*#__PURE__*/_createClass(function BasicCascader(_options) {
       hidden: p === null || p === void 0 ? void 0 : p.hidden,
       required: (_this$componentConfig4 = (_this$componentConfig5 = _this.componentConfig) === null || _this$componentConfig5 === void 0 ? void 0 : _this$componentConfig5.required) !== null && _this$componentConfig4 !== void 0 ? _this$componentConfig4 : false,
       display: p === null || p === void 0 ? void 0 : p.display,
-      tooltip: (_this$componentConfig6 = _this.componentConfig) !== null && _this$componentConfig6 !== void 0 && _this$componentConfig6.showTooltip ? (_this$componentConfig7 = _this.componentConfig) === null || _this$componentConfig7 === void 0 ? void 0 : _this$componentConfig7.tooltip : '',
+      tooltip: (_this$componentConfig6 = _this.componentConfig) !== null && _this$componentConfig6 !== void 0 && _this$componentConfig6.showTooltip ? (_this$componentConfig7 = _this.componentConfig) === null || _this$componentConfig7 === void 0 ? void 0 : _this$componentConfig7.tooltip : "",
       component: /*#__PURE__*/React.createElement(Cascader, _extends({}, _this.componentConfig, {
         placeholder: "\u8BF7\u8F93\u5165".concat(_this.name),
         options: transMultSelectOptions(((_this$componentConfig8 = _this.componentConfig) === null || _this$componentConfig8 === void 0 ? void 0 : _this$componentConfig8.options) || []),
         fieldNames: {
-          label: 'label',
-          value: 'actived',
-          children: 'children'
+          label: "label",
+          value: "actived",
+          children: "children"
         },
-        showSearch: true
+        showSearch: true,
+        onChange: p === null || p === void 0 ? void 0 : p.onChange
       }))
     });
   });
@@ -105,26 +106,26 @@ var BasicCascader = /*#__PURE__*/_createClass(function BasicCascader(_options) {
       // 过滤组件id
       name: item.name,
       // 过滤组件名称
-      filterComponentType: 'Cascader',
+      filterComponentType: "Cascader",
       props: {
         options: options,
         multiple: true,
-        maxTagCount: 'responsive',
+        maxTagCount: "responsive",
         fieldNames: {
-          label: 'label',
-          value: 'actived',
-          children: 'children'
+          label: "label",
+          value: "actived",
+          children: "children"
         }
       },
       filterFn: function filterFn(value) {
         return function (i) {
-          return intersection(value, _filterFn.filterTableListItemColumnValue(i, item.id, 'basicMultSelect')).length > 0;
+          return intersection(value, _filterFn.filterTableListItemColumnValue(i, item.id, "basicMultSelect")).length > 0;
         };
       },
       formatFilterValue: function formatFilterValue(val) {
         if ((val === null || val === void 0 ? void 0 : val.length) > 0) {
           return val.map(function (item) {
-            var node = tree.findNodeByValue(options, 'actived', item[item.length - 1]);
+            var node = tree.findNodeByValue(options, "actived", item[item.length - 1]);
             if (node) {
               var label = node.label,
                 actived = node.actived;
@@ -148,8 +149,8 @@ var BasicCascader = /*#__PURE__*/_createClass(function BasicCascader(_options) {
   this.children = [];
   this.isCombinationComponent = false;
   this.canSort = true;
-  this.dataType = 'array';
-  this.format = 'cascader';
+  this.dataType = "array";
+  this.format = "cascader";
   this.options = ((_this$componentConfig9 = this.componentConfig) === null || _this$componentConfig9 === void 0 ? void 0 : _this$componentConfig9.options) || [];
 }
 

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

@@ -11,24 +11,80 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useEffect, useState, useRef } from "react";
 import { Button, message } from "antd";
 import { LoadingOutlined } from "@ant-design/icons";
-import PDF from "react-pdf-js";
+import { usePdf } from "react-pdf-js";
 import copy from "copy-to-clipboard";
+import html2canvas from "html2canvas";
+import b64toBlob from "b64-to-blob";
 import { getAlipayBillReceipt } from "../../service/api";
 var Preview = function Preview(_ref) {
   var url = _ref.url;
-  var onDocumentComplete = function onDocumentComplete() {
-    console.log("文件加载完成");
-  };
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(PDF, {
-    file: url,
-    onDocumentComplete: onDocumentComplete,
-    page: 1,
-    scale: 1
+  var canvasEl = useRef(null);
+  var _usePdf = usePdf({
+      file: url,
+      page: 1,
+      scale: 1,
+      canvasEl: canvasEl
+    }),
+    _usePdf2 = _slicedToArray(_usePdf, 1),
+    loading = _usePdf2[0];
+  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: 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("链接复制成功，请在浏览器中打开预览");
@@ -40,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);
@@ -73,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 () {
@@ -95,7 +151,7 @@ var OperatePreview = function OperatePreview(_ref3) {
   }, []);
   return /*#__PURE__*/React.createElement("div", {
     style: {
-      maxHeight: "420px",
+      maxHeight: "455px",
       overflowY: "hidden"
     }
   }, url ? showPdf ? /*#__PURE__*/React.createElement(Preview, {

package/dist/esm/factory.d.ts

@@ -1,3 +1,3 @@
 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";
 import { PickOption } from "./type";
-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;
+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

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/services-components",
-  "version": "1.11.0",
+  "version": "1.12.0",
   "module": "dist/esm/index.js",
   "typings": "dist/esm/index.d.ts",
   "files": [
@@ -21,8 +21,10 @@
     ]
   },
   "dependencies": {
-    "@kmkf-fe-packages/basic-components": "1.11.0",
-    "@kmkf-fe-packages/kmkf-utils": "1.11.0",
+    "@kmkf-fe-packages/basic-components": "1.10.0",
+    "@kmkf-fe-packages/kmkf-utils": "1.10.0",
+    "b64-to-blob": "^1.2.19",
+    "html2canvas": "^1.4.1",
     "react-pdf-js": "^5.1.0"
   },
   "devDependencies": {
@@ -39,7 +41,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9c624c5410069e57085e281dbbc194346ac6bf42",
+  "gitHead": "487159f7c26b4c7c4fad564f62c8828931982005",
   "gitHooks": {
     "pre-commit": "lint-staged"
   }