@kmkf-fe-packages/kmkf-work-order-service-component 2.2.12 → 2.3.0-rc.1

package/dist/esm/FlowTemplateDetailV2/components/ActionList/index.d.ts

@@ -6,6 +6,8 @@ interface ActionListProps {
     nodeType: NodeType;
     handleAction: (s: string) => void;
     hasPreNode: boolean;
+    privilege?: string;
+    showShareButton: boolean;
 }
 declare const ActionList: (props: ActionListProps) => React.JSX.Element;
 export default ActionList;

package/dist/esm/FlowTemplateDetailV2/components/ActionList/index.js

@@ -2,18 +2,39 @@ import React, { useMemo } from 'react';
 import { Menu, Button, Space, Dropdown } from 'antd';
 import { DownOutlined } from '@ant-design/icons';
 import { FlowStatus, FlowType } from "../../../model/flowTemplateDetail/types";
+import { reverse } from 'lodash';
 import styles from "./index.module.less";
+// const getActionMap = (nodeStatus: FlowStatus, hasPreNode: boolean, flowType: FlowType) => {
+//   // 非开始节点看状态
+//   if (nodeStatus === FlowStatus.PROCESSING) {
+//     if (hasPreNode) return ['forward', 'save', 'submit', 'rejected', 'close', 'stop', 'share'];
+//     return flowType === FlowType.SINGLE_PAGE
+//       ? ['save', 'forward', 'close', 'stop', 'share', 'submit']
+//       : ['forward', 'save', 'submit', 'close', 'stop', 'share'];
+//   } else if (nodeStatus === FlowStatus.STOPPING) {
+//     return ['open', 'close', 'share'];
+//   } else if (
+//     [FlowStatus.CLOSE, FlowStatus.COMPLETED, FlowStatus.RETURNING, FlowStatus.FLOWING].includes(
+//       nodeStatus,
+//     )
+//   ) {
+//     return [];
+//   } else {
+//     return ['save', 'share', 'submit'];
+//   }
+// };
+
 var getActionMap = function getActionMap(nodeStatus, hasPreNode, flowType) {
   // 非开始节点看状态
   if (nodeStatus === FlowStatus.PROCESSING) {
-    if (hasPreNode) return ['forward', 'save', 'submit', 'rejected', 'close', 'stop'];
-    return flowType === FlowType.SINGLE_PAGE ? ['save', 'forward', 'close', 'stop', 'submit'] : ['forward', 'save', 'submit', 'close', 'stop'];
+    if (hasPreNode) return ['submit', 'save', 'share', 'forward', 'rejected', 'close', 'stop'];
+    return flowType === FlowType.SINGLE_PAGE ? ['save', 'forward', 'close', 'stop', 'share', 'submit'] : ['submit', 'save', 'share', 'forward', 'close', 'stop'];
   } else if (nodeStatus === FlowStatus.STOPPING) {
-    return ['open', 'close'];
+    return ['close', 'open', 'share'];
   } else if ([FlowStatus.CLOSE, FlowStatus.COMPLETED, FlowStatus.RETURNING, FlowStatus.FLOWING].includes(nodeStatus)) {
     return [];
   } else {
-    return ['save', 'submit'];
+    return ['submit', 'save', 'share'];
   }
 };
 var buttonMap = function buttonMap(flowType) {
@@ -26,6 +47,10 @@ var buttonMap = function buttonMap(flowType) {
       label: flowType === FlowType.SINGLE_PAGE ? '完结' : '提交',
       type: 'primary'
     },
+    share: {
+      label: '分享',
+      type: 'default'
+    },
     forward: {
       label: '转交',
       type: 'default'
@@ -49,14 +74,31 @@ var buttonMap = function buttonMap(flowType) {
   };
 };
 var ActionList = function ActionList(props) {
-  var _buttonList$slice;
+  var _ref;
   var _props$flowStatus = props.flowStatus,
     flowStatus = _props$flowStatus === void 0 ? FlowStatus.NON_START : _props$flowStatus,
     hasPreNode = props.hasPreNode,
     _props$flowType = props.flowType,
     flowType = _props$flowType === void 0 ? FlowType.SINGLE_PAGE : _props$flowType,
-    handleAction = props.handleAction;
-  var buttonList = getActionMap(flowStatus, hasPreNode, flowType);
+    handleAction = props.handleAction,
+    _props$privilege = props.privilege,
+    privilege = _props$privilege === void 0 ? '' : _props$privilege,
+    _props$showShareButto = props.showShareButton,
+    showShareButton = _props$showShareButto === void 0 ? false : _props$showShareButto;
+  var buttonList = useMemo(function () {
+    var button = getActionMap(flowStatus, hasPreNode, flowType);
+    //如果是没有按钮权限 ｜｜ 分享过来的 则不显示分享按钮
+    if (!showShareButton || privilege) {
+      button = button.filter(function (item) {
+        return item !== 'share';
+      });
+    }
+    //分享新建的只显示提交按钮
+    if (privilege === 'created') {
+      return ['submit'];
+    }
+    return button;
+  }, [flowStatus, hasPreNode, flowType, privilege, showShareButton]);
   var sliceLen = useMemo(function () {
     return flowType === FlowType.SINGLE_PAGE ? 1 : 3;
   }, [flowType]);
@@ -86,7 +128,7 @@ var ActionList = function ActionList(props) {
     onClick: function onClick(e) {
       return e.preventDefault();
     }
-  }, /*#__PURE__*/React.createElement(Space, null, "\u66F4\u591A", /*#__PURE__*/React.createElement(DownOutlined, null)))), (_buttonList$slice = buttonList.slice(0, sliceLen)) === null || _buttonList$slice === void 0 ? void 0 : _buttonList$slice.map(function (button, index) {
+  }, /*#__PURE__*/React.createElement(Space, null, "\u66F4\u591A", /*#__PURE__*/React.createElement(DownOutlined, null)))), (_ref = reverse(buttonList.slice(0, sliceLen)) || []) === null || _ref === void 0 ? void 0 : _ref.map(function (button, index) {
     var _buttonMap$button, _buttonMap$button2, _buttonMap$button3, _buttonMap$button4;
     return /*#__PURE__*/React.createElement(Button, {
       key: "button".concat(index),

package/dist/esm/FlowTemplateDetailV2/components/Header/index.js

@@ -8,6 +8,8 @@ import React, { useState } from 'react';
 import { Button, Spin, Tooltip, Typography, Space, Modal, Table } from 'antd';
 import moment from 'moment';
 import { useRequest } from 'ahooks';
+import { useSelector } from "../../context/useSelector";
+import { selectPrivilege } from "../../store/selector";
 import { queryFlowFail } from "../../../model/flowTemplateDetail/api";
 import { NODE_TYPE } from "../../../common/constant";
 import styles from "./index.module.less";
@@ -64,6 +66,7 @@ var Header = function Header(props) {
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
+  var privilege = useSelector(selectPrivilege);
   var _useRequest = useRequest(function () {
       return queryFlowFail({
         flowTemplateKeys: [flowTemplateKey],
@@ -110,7 +113,7 @@ var Header = function Header(props) {
     onClick: handleRestartAutoTask,
     "data-spm-click": "\u91CD\u8BD5",
     "data-spm-param": "\u91CD\u8BD5"
-  }, "\u91CD\u8BD5")), showWithdraw && /*#__PURE__*/React.createElement(Button, {
+  }, "\u91CD\u8BD5")), showWithdraw && !['created', 'edit'].includes(privilege) && /*#__PURE__*/React.createElement(Button, {
     type: "link",
     onClick: handleWithdraw,
     "data-spm-click": "\u64A4\u56DE",
@@ -120,7 +123,7 @@ var Header = function Header(props) {
     onClick: handleSave,
     "data-spm-click": "\u786E\u8BA4\u4FEE\u6539",
     "data-spm-param": "\u786E\u8BA4\u4FEE\u6539"
-  }, "\u786E\u8BA4\u4FEE\u6539") : /*#__PURE__*/React.createElement(Button, {
+  }, "\u786E\u8BA4\u4FEE\u6539") : !['created', 'edit'].includes(privilege) && /*#__PURE__*/React.createElement(Button, {
     type: "link",
     onClick: handleEdit,
     "data-spm-click": "\u4FEE\u6539",

package/dist/esm/FlowTemplateDetailV2/components/ShareLinkModal/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ShareLinkModal: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>;
+export default ShareLinkModal;

package/dist/esm/FlowTemplateDetailV2/components/ShareLinkModal/index.js

@@ -0,0 +1,221 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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, { useState, useImperativeHandle, forwardRef } from 'react';
+import { Modal, Button, message, Space, Typography } from 'antd';
+import { CopyToClipboard } from 'react-copy-to-clipboard';
+import { shortLink, createNodeLink, createLink } from "../../../model/flowTemplateDetail/api";
+import QRCode from 'qrcode.react';
+import styles from "./index.module.less";
+var Text = Typography.Text;
+var ShareLinkModal = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = useState({
+      title: 'PC流程创建链接分享设置',
+      name: '',
+      mongoId: '',
+      url: '',
+      shortUrl: '',
+      platform: ''
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    info = _useState4[0],
+    setInfo = _useState4[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    url = _useState6[0],
+    setUrl = _useState6[1];
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    shortUrl = _useState8[0],
+    setShortUrl = _useState8[1];
+  var _useState9 = useState(''),
+    _useState10 = _slicedToArray(_useState9, 2),
+    showType = _useState10[0],
+    setShowType = _useState10[1];
+  useImperativeHandle(ref, function () {
+    return {
+      open: function open(info) {
+        initHandle(info);
+      }
+    };
+  }, []);
+  var initHandle = function initHandle(info) {
+    setInfo(info);
+    setShowType((info === null || info === void 0 ? void 0 : info.showType) || 'all');
+    if (info.type === 'edit' && info.companyKey && info.flowTemplateKey && info.flowWorkOrderId) {
+      createNodeLink({
+        companyKey: info.companyKey,
+        flowTemplateKey: info.flowTemplateKey,
+        flowWorkOrderId: info.flowWorkOrderId,
+        flowNodeId: info.flowNodeId
+      }).then(function (res) {
+        var _res$data, _res$data2;
+        if (res.data) {
+          setVisible(true);
+        }
+        setUrl((_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.link);
+        setShortUrl((_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : _res$data2.shortShareLink);
+      });
+      return;
+    }
+    if (info.type === 'create' && info.companyKey && info.flowTemplateKey) {
+      createLink({
+        companyKey: info.companyKey,
+        flowTemplateKey: info.flowTemplateKey
+      }).then(function (res) {
+        var _res$data3, _res$data4;
+        if (res.data) {
+          setVisible(true);
+        }
+        setUrl((_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : _res$data3.link);
+        setShortUrl((_res$data4 = res.data) === null || _res$data4 === void 0 ? void 0 : _res$data4.shortShareLink);
+      });
+      return;
+    }
+    setVisible(true);
+    if (info.url) {
+      var regex = /^(https?:\/\/)/;
+      var formatUrl = info.url.match(regex) ? info.url : "".concat(window.location.protocol, "//").concat(info.url);
+      setUrl(formatUrl);
+    }
+    if ((info === null || info === void 0 ? void 0 : info.showType) !== 'shortUrl') return;
+    if (info.shortUrl) {
+      setShortUrl(info.shortUrl);
+    } else if (info.mongoId && info.url) {
+      shortLink({
+        mongoId: info.mongoId,
+        longUrl: info.url
+      }).then(function (res) {
+        setShortUrl(res.data);
+      });
+    }
+  };
+  var onCancel = function onCancel() {
+    setUrl('');
+    setShortUrl('');
+    setVisible(false);
+  };
+  var handleDownload = function handleDownload(id) {
+    var canvasImg = document.getElementById(id); // 获取canvas类型的二维码
+    var a = document.createElement('a');
+    a.download = (info === null || info === void 0 ? void 0 : info.name) || '数据分享二维码';
+    a.href = canvasImg.toDataURL('image/png');
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+  };
+  return /*#__PURE__*/React.createElement(Modal, {
+    title: ['url', 'shortUrl'].includes(showType) ? '链接信息' : info === null || info === void 0 ? void 0 : info.title,
+    width: 600,
+    visible: visible,
+    onCancel: onCancel,
+    footer: null
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.shareUl
+  }, ['url', 'all'].includes(showType) && !!url && /*#__PURE__*/React.createElement("li", {
+    className: styles.shareLi
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.shareName
+  }, "\u5E38\u7528\u94FE\u63A5\uFF1A"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(CopyToClipboard, {
+    text: url,
+    onCopy: function onCopy() {
+      message.success('已复制');
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "primary"
+  }, "\u590D\u5236")), info.platform === 'pc' && /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: function onClick() {
+      window.open(url);
+    }
+  }, "\u6253\u5F00"))), /*#__PURE__*/React.createElement(Text, null, url))), ['shortUrl', 'all'].includes(showType) && !!shortUrl && /*#__PURE__*/React.createElement("li", {
+    className: styles.shareLi
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.shareName
+  }, "\u77ED\u94FE\u63A5\uFF1A"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(CopyToClipboard, {
+    text: shortUrl,
+    onCopy: function onCopy() {
+      message.success('已复制');
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "primary"
+  }, "\u590D\u5236")), info.platform === 'pc' && /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    onClick: function onClick() {
+      window.open("https://".concat(shortUrl));
+    }
+  }, "\u6253\u5F00"))), /*#__PURE__*/React.createElement(Text, null, shortUrl))), /*#__PURE__*/React.createElement("li", {
+    className: styles.shareLi
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.shareName
+  }, "\u4E8C\u7EF4\u7801\uFF1A"), /*#__PURE__*/React.createElement("div", {
+    className: styles.shareCodeBox
+  }, ['url', 'all'].includes(showType) && !!url && /*#__PURE__*/React.createElement("div", {
+    className: styles.codeOutBox
+  }, /*#__PURE__*/React.createElement("p", null, "\u5E38\u7528\u94FE\u63A5"), info.platform === 'pc' && /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    className: styles.codeBtn,
+    onClick: function onClick() {
+      return handleDownload('urlCode');
+    }
+  }, "\u4E0B\u8F7D\u4E8C\u7EF4\u7801"), /*#__PURE__*/React.createElement("div", {
+    className: styles.qrcodeBox
+  }, /*#__PURE__*/React.createElement(QRCode, {
+    id: "urlCode",
+    value: url,
+    size: 110,
+    fgColor: "#000000"
+  }))), ['shortUrl', 'all'].includes(showType) && !!shortUrl && /*#__PURE__*/React.createElement("div", {
+    className: styles.codeOutBox
+  }, /*#__PURE__*/React.createElement("p", null, "\u77ED\u94FE\u63A5"), info.platform === 'pc' && /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    className: styles.codeBtn,
+    onClick: function onClick() {
+      return handleDownload('shortUrlCode');
+    }
+  }, "\u4E0B\u8F7D\u4E8C\u7EF4\u7801"), /*#__PURE__*/React.createElement("div", {
+    className: styles.qrcodeBox
+  }, /*#__PURE__*/React.createElement(QRCode, {
+    id: "shortUrlCode",
+    value: shortUrl,
+    size: 110,
+    fgColor: "#000000"
+  })))))));
+});
+export default ShareLinkModal;
+// const ShareUl = styled.ul`
+//   .share-li {
+//     display: flex;
+//     padding: 8px 0;
+//     .share-name {
+//       min-width: 100px;
+//       text-align: right;
+//     }
+//   }
+// `;
+// const CodeBox = styled.div`
+//   display: flex;
+//   align-items: center;
+//   .codeOutBox {
+//     display: flex;
+//     flex-direction: column;
+//     align-items: center;
+//     margin-right: 60px;
+//   }
+//   .codeBtn {
+//     margin: 12px 0;
+//   }
+//   .shareCodeBox {
+//     padding: 10px;
+//     background-color: #f2f3f5;
+//     border: 1px solid #f2f3f5;
+//     border-radius: 4px;
+//   }
+// `;

package/dist/esm/FlowTemplateDetailV2/components/ShareLinkModal/index.module.less

@@ -0,0 +1,29 @@
+.shareUl {
+  .shareLi {
+    display: flex;
+    padding: 8px 0;
+    .shareName {
+      min-width: 100px;
+      text-align: right;
+    }
+  }
+}
+.shareCodeBox {
+  display: flex;
+  align-items: center;
+  .codeOutBox {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-right: 60px;
+  }
+  .codeBtn {
+    margin: 12px 0;
+  }
+  .qrcodeBox {
+    padding: 10px;
+    background-color: #f2f3f5;
+    border: 1px solid #f2f3f5;
+    border-radius: 4px;
+  }
+}