@kmkf-fe-packages/services-components 2.0.54-beta.67 → 2.0.54-beta.69

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

@@ -39,7 +39,7 @@ export declare const BsGoodsTable: ({ list, showHeader, text, type, }: {
     type?: string | undefined;
 }) => React.JSX.Element;
 export declare const FileRender: ({ fileList, canDownload }: any) => React.JSX.Element;
-export declare const KmVideoRender: ({ fileList }: any) => React.JSX.Element;
+export declare const KmVideoRender: ({ fileList, canDownload }: any) => React.JSX.Element;
 export declare const BsSystemOrderTable: ({ value, type }: any) => React.JSX.Element;
 export declare const MsgContent: ({ horizontal, list, valueKey, failValue, options, }: any) => React.JSX.Element;
 export declare const AlipayBill: (props: any) => React.JSX.Element;

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

@@ -635,7 +635,9 @@ export var FileRender = function FileRender(_ref12) {
 };
 export var KmVideoRender = function KmVideoRender(_ref13) {
   var _ref13$fileList = _ref13.fileList,
-    fileList = _ref13$fileList === void 0 ? [] : _ref13$fileList;
+    fileList = _ref13$fileList === void 0 ? [] : _ref13$fileList,
+    _ref13$canDownload = _ref13.canDownload,
+    canDownload = _ref13$canDownload === void 0 ? false : _ref13$canDownload;
   var _useState13 = useState(false),
     _useState14 = _slicedToArray(_useState13, 2),
     visible = _useState14[0],
@@ -652,10 +654,15 @@ export var KmVideoRender = function KmVideoRender(_ref13) {
     _useState20 = _slicedToArray(_useState19, 2),
     fileName = _useState20[0],
     setFileName = _useState20[1];
+  var _useState21 = useState(false),
+    _useState22 = _slicedToArray(_useState21, 2),
+    downloading = _useState22[0],
+    setDownloading = _useState22[1];
   var handleCancel = function handleCancel() {
     setFileUrl("");
     setFileName("");
     setVisible(false);
+    setDownloading(false);
   };
   var onPreview = function onPreview(file) {
     var _file$kmVideoUrl;
@@ -670,6 +677,28 @@ export var KmVideoRender = function KmVideoRender(_ref13) {
       window.open(file === null || file === void 0 ? void 0 : file.kmVideoUrl);
     }
   };
+  var download = function download(url, name) {
+    if (url !== null && url !== void 0 && url.startsWith("https://erp-storage-video.oss-cn-beijing.aliyuncs.com")) {
+      window.open(url);
+      return;
+    }
+    setDownloading(true);
+    fetch(url).then(function (res) {
+      return res.blob();
+    }).then(function (blob) {
+      var a = document.createElement("a");
+      document.body.appendChild(a);
+      a.style.display = "none";
+      var url = window.URL.createObjectURL(blob);
+      a.href = url;
+      a.download = name;
+      a.click();
+      document.body.removeChild(a);
+      window.URL.revokeObjectURL(url);
+    }).finally(function () {
+      setDownloading(false);
+    });
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, fileList.map(function (item) {
     return /*#__PURE__*/React.createElement(Space, {
       align: "center"
@@ -694,7 +723,13 @@ export var KmVideoRender = function KmVideoRender(_ref13) {
     title: fileName,
     footer: null,
     onCancel: handleCancel
-  }, /*#__PURE__*/React.createElement(CopyToClipboard, {
+  }, canDownload ? /*#__PURE__*/React.createElement(Button, {
+    type: "link",
+    onClick: function onClick() {
+      return download(fileUrl, fileName);
+    },
+    loading: downloading
+  }, "\u4E0B\u8F7D") : /*#__PURE__*/React.createElement(CopyToClipboard, {
     text: fileUrl,
     onCopy: function onCopy() {
       message.success("复制成功");
@@ -840,18 +875,18 @@ export var MsgContent = function MsgContent(_ref15) {
 export var AlipayBill = function AlipayBill(props) {
   var value = props.value,
     platform = props.platform;
-  var _useState21 = useState(false),
-    _useState22 = _slicedToArray(_useState21, 2),
-    visible = _useState22[0],
-    setVisible = _useState22[1];
-  var _useState23 = useState(""),
+  var _useState23 = useState(false),
     _useState24 = _slicedToArray(_useState23, 2),
-    msg = _useState24[0],
-    setMsg = _useState24[1];
-  var _useState25 = useState(false),
+    visible = _useState24[0],
+    setVisible = _useState24[1];
+  var _useState25 = useState(""),
     _useState26 = _slicedToArray(_useState25, 2),
-    hasUrl = _useState26[0],
-    setHasUrl = _useState26[1];
+    msg = _useState26[0],
+    setMsg = _useState26[1];
+  var _useState27 = useState(false),
+    _useState28 = _slicedToArray(_useState27, 2),
+    hasUrl = _useState28[0],
+    setHasUrl = _useState28[1];
   var voucherHandle = /*#__PURE__*/function () {
     var _ref16 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {
       var params, res, data, msg;

package/dist/esm/components/KM/KmVideo/index.d.ts

@@ -14,6 +14,7 @@ declare class KmVideo implements ComponentInterface {
     effects: ComponentInterface["effects"];
     dataType: ComponentInterface["dataType"];
     constructor(options: PickOption);
+    renderPcTooltip: (value: any, record: Record) => any;
     renderPc: (value: any, record: Record) => any;
     renderLog: (r: Record) => any;
     getComponentValue: (r: Record) => any;

package/dist/esm/components/KM/KmVideo/index.js

@@ -11,6 +11,7 @@ import GetFormItem from "../../GetFormItem";
 import ItemView from "../../../commonComponents/ItemView";
 import { isNull } from "@kmkf-fe-packages/kmkf-utils";
 import { KmVideoRender } from "../../Common";
+import { PlatForm } from "../../../type";
 import { KmVideo as KmVideoComponent } from "@kmkf-fe-packages/basic-components";
 import { VideoCameraTwoTone } from "@ant-design/icons";
 import { Space } from "antd";
@@ -29,6 +30,32 @@ var KmVideo = /*#__PURE__*/_createClass(function KmVideo(options) {
   _defineProperty(this, "children", void 0);
   _defineProperty(this, "effects", void 0);
   _defineProperty(this, "dataType", void 0);
+  _defineProperty(this, "renderPcTooltip", function (value, record) {
+    var fileList = (record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_kmVideo")]) || [];
+    if (!fileList.length) {
+      return /*#__PURE__*/React.createElement("span", null, "--");
+    }
+    return fileList === null || fileList === void 0 ? void 0 : fileList.map(function (file) {
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          maxWidth: 500,
+          overflow: "hidden",
+          whiteSpace: "nowrap",
+          textOverflow: "ellipsis"
+        }
+      }, /*#__PURE__*/React.createElement(VideoCameraTwoTone, {
+        style: {
+          fontSize: 16
+        }
+      }), "\xA0", file.kmVideoType && "".concat(file.kmVideoType, " "), /*#__PURE__*/React.createElement("a", {
+        href: file.kmVideoUrl,
+        target: "_blank",
+        onClick: function onClick(e) {
+          e.stopPropagation();
+        }
+      }, file.kmVideoName || file.kmVideoUrl));
+    });
+  });
   _defineProperty(this, "renderPc", function (value, record) {
     var fileList = (record === null || record === void 0 ? void 0 : record["".concat(_this.id, "_kmVideo")]) || [];
     if (!fileList.length) {
@@ -61,16 +88,20 @@ var KmVideo = /*#__PURE__*/_createClass(function KmVideo(options) {
     return r === null || r === void 0 ? void 0 : r["".concat(_this.id, "_kmVideo")];
   });
   _defineProperty(this, "renderClient", function (record) {
+    var _this$effects;
+    var canDownload = ![PlatForm.KS, PlatForm.FXG, PlatForm.XIAOZHI].includes((_this$effects = _this.effects) === null || _this$effects === void 0 ? void 0 : _this$effects.env);
     return !isNull(record === null || record === void 0 ? void 0 : record["".concat(_this.id)]) ? /*#__PURE__*/React.createElement(ItemView, {
       id: _this.id,
       label: _this.name,
       value: /*#__PURE__*/React.createElement(KmVideoRender, {
-        fileList: record === null || record === void 0 ? void 0 : record["".concat(_this.id)]
+        fileList: record === null || record === void 0 ? void 0 : record["".concat(_this.id)],
+        canDownload: canDownload
       })
     }) : null;
   });
   _defineProperty(this, "editRender", function (p) {
-    var _this$componentConfig, _this$componentConfig2, _this$componentConfig3, _this$componentConfig4;
+    var _this$effects2, _this$componentConfig, _this$componentConfig2, _this$componentConfig3, _this$componentConfig4;
+    var canDownload = ![PlatForm.KS, PlatForm.FXG, PlatForm.XIAOZHI].includes((_this$effects2 = _this.effects) === null || _this$effects2 === void 0 ? void 0 : _this$effects2.env);
     return /*#__PURE__*/React.createElement(GetFormItem, {
       title: _this.name,
       name: _this.id,
@@ -82,6 +113,7 @@ var KmVideo = /*#__PURE__*/_createClass(function KmVideo(options) {
       component: /*#__PURE__*/React.createElement(KmVideoComponent, _extends({}, _this.componentConfig, {
         uniqueKey: _this.id,
         platform: p === null || p === void 0 ? void 0 : p.platform,
+        canDownload: canDownload,
         hostUrl: "https://kefu.kuaimai.com"
       }))
     });
@@ -91,7 +123,7 @@ var KmVideo = /*#__PURE__*/_createClass(function KmVideo(options) {
       prv.push(next.kmVideoType ? "".concat(next.kmVideoType, "\uFF1A").concat(next.kmVideoUrl) : next.kmVideoUrl);
       return prv;
     }, []);
-    return textArr === null || textArr === void 0 ? void 0 : textArr.join(",");
+    return textArr === null || textArr === void 0 ? void 0 : textArr.join("\n");
   });
   _defineProperty(this, "filterConfig", function () {
     return [];

package/dist/esm/factory.d.ts

@@ -1,3 +1,3 @@
 import { ReissueLogistics, JstItemSelect, JstSupply, JstSendGood, BasicInput, BasicAddress, BasicCascader, BasicCheckbox, BasicDataTime, BasicSelect, BasicRadio, BasicTextArea, BasicPicture, BasicPicturePro, 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, GyReissue, AfterSalesOrderId, BsE3Goods, PublicGoods, PublicReissueGoods, PublicExchange, GyGoods, BsE3Reissue, MemberLevel, GyReturn, AsyncSelect, WdtShopSelect, KmVideo } from "./index";
 import { PickOption } from "./type";
-export declare const factory: (type: string, options: PickOption) => BuyerNick | CommonSystemOrder | JstSendGood | KmVideo | MsgStatus | AsyncSelect | PublicReissueGoods | BasicInput | BasicAddress | BasicCascader | BasicCheckbox | BasicDataTime | BasicSelect | BasicRadio | BasicTextArea | BasicPicture | BasicPicturePro | BasicMultSelect | BasicGrade | BasicRate | BasicFile | BasicPosting | SubForm | CommonDataTime | TradeId | ShopName | ReceiverName | ReceiverMobile | ReceiverAddress | TradeDateTime | Logistics | ReturnLogistics | ActualPayment | ERemark | AliPay | ItemSelect | ItemId | ItemEnCode | SystemOrderNo | Ordinary | ThirdItemSelect | Payment | ReissueLogistics | JstItemSelect | JstSupply | BsSystemOrder | BsGoods | BsE3Goods | PublicGoods | PublicExchange | BsE3Reissue | BsExchange | BsReissue | BsReturn | BsLogistics | FlowStatusSelect | FlowMarkSelect | FlowTag | TemplateSelect | WorkOrderId | LogisticsInterception | LogisticsMoreInterception | LogisticsTrajectory | LogisticsMoreTrajectory | PlatForm | ShopInput | Submitter | PrevSubmitter | FlowCreator | Handler | CompletedUser | FlowWorkOrderId | StatusSelect | Calculation | CommonMultiStatus | NodeDeadLine | HandlerDeadLine | NodeStayDuration | WlnGoods | BsPosting | NodeInput | FlowWorkOrderStatus | WdtGoods | WdtReissue | WdtReturn | WdtExchange | WdtShopSelect | CommonInput | PaymentVoucherCode | Label | MemberLevel | AfterSalesOrderId | GyGoods | GyReissue | GyReturn;
+export declare const factory: (type: string, options: PickOption) => BuyerNick | ItemEnCode | JstSendGood | KmVideo | MsgStatus | AsyncSelect | PublicReissueGoods | ThirdItemSelect | BasicInput | BasicAddress | BasicCascader | BasicCheckbox | BasicDataTime | BasicSelect | BasicRadio | BasicTextArea | BasicPicture | BasicPicturePro | BasicMultSelect | BasicGrade | BasicRate | BasicFile | BasicPosting | SubForm | CommonDataTime | TradeId | ShopName | ReceiverName | ReceiverMobile | ReceiverAddress | TradeDateTime | Logistics | ReturnLogistics | ActualPayment | ERemark | AliPay | ItemSelect | ItemId | SystemOrderNo | Ordinary | Payment | ReissueLogistics | JstItemSelect | JstSupply | BsSystemOrder | BsGoods | BsE3Goods | PublicGoods | PublicExchange | BsE3Reissue | 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 | WdtGoods | WdtReissue | WdtReturn | WdtExchange | WdtShopSelect | CommonInput | PaymentVoucherCode | Label | MemberLevel | AfterSalesOrderId | GyGoods | GyReissue | GyReturn;

package/dist/esm/type.d.ts

@@ -253,6 +253,13 @@ export interface ComponentInterface {
      * @returns
      */
     renderPc: (value: unknown, record: Record) => JSX.Element | null | JSX.Element[] | string;
+    /**
+     * PC端渲染表格浮层，存在则根据renderPcTooltip渲染，不存在则根据renderPc渲染，主要依赖与第二个参数record
+     * @param value
+     * @param record
+     * @returns
+     */
+    renderPcTooltip?: (value: unknown, record: Record) => JSX.Element | null | JSX.Element[] | string;
     /**
      * 导出时渲染
      * @param p

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kmkf-fe-packages/services-components",
-  "version": "2.0.54-beta.67",
+  "version": "2.0.54-beta.69",
   "module": "dist/esm/index.js",
   "typings": "dist/esm/index.d.ts",
   "files": [
@@ -21,8 +21,8 @@
     ]
   },
   "dependencies": {
-    "@kmkf-fe-packages/basic-components": "2.0.54-beta.67",
-    "@kmkf-fe-packages/kmkf-utils": "2.0.54-beta.67",
+    "@kmkf-fe-packages/basic-components": "2.0.54-beta.68",
+    "@kmkf-fe-packages/kmkf-utils": "2.0.54-beta.68",
     "b64-to-blob": "^1.2.19",
     "html2canvas": "^1.4.1",
     "react-pdf-js": "^5.1.0"
@@ -41,7 +41,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f1dfe723fbe0b192aca04dcad94323cc87bfaa57",
+  "gitHead": "046a90c91d9cd6eba5b2b1fef26d9d72edcb733e",
   "gitHooks": {
     "pre-commit": "lint-staged"
   }