@cloudbase/weda-ui 3.4.1 → 3.4.3

package/dist/web/components/flow/modules/process/ProcessMobile.js

@@ -0,0 +1,81 @@
+import React from 'react';
+import moment from 'moment';
+import { Text, Status, LoadingTip, Card } from 'tea-component';
+import { HighLightComment, FlowModuleText, getModuleTextProps, getModuleContentStyle, } from '../../components';
+import { STATUS } from '../../constants';
+import { getStatusStr, showTwoUserList } from './utils';
+const ApproveProcessMobile = (props) => {
+    const { commonFlowData, flowLocalProps, ide, loading } = props;
+    const flowModelContentStyle = getModuleContentStyle(ide);
+    const { steps } = commonFlowData;
+    const { safeJsonParse } = flowLocalProps;
+    const renderContent = () => {
+        if (loading) {
+            return React.createElement(LoadingTip, null);
+        }
+        if ((steps === null || steps === void 0 ? void 0 : steps.length) === 0) {
+            return React.createElement(Status, { icon: "blank", size: "l", title: "\u6682\u65E0\u6D41\u8F6C\u8BB0\u5F55", ...props });
+        }
+        if ((steps === null || steps === void 0 ? void 0 : steps.length) > 0) {
+            return (React.createElement("div", { className: "page-process__progress process-progress--mb" },
+                React.createElement("div", { className: "approval-progress approval-progress-mb" }, (steps || []).map((item, index) => {
+                    var _a, _b, _c, _d, _e, _f;
+                    const details = item.contentInfo;
+                    return (React.createElement("div", { className: "approval-progress__item", key: `${index}_${item === null || item === void 0 ? void 0 : item.name}` },
+                        React.createElement("div", { className: `approval-progress__dot ${!item.status ? '' : item.status}` }),
+                        React.createElement("div", { className: "approval-progress__content", style: { width: 'calc(100% - 26px)' } },
+                            React.createElement("div", { className: "approval-progress__row tea-mb-2n" },
+                                item.status === STATUS.DROP ? (React.createElement("div", { className: "approval-progress__dept", style: {
+                                        color: 'rgb(231, 87, 87)',
+                                        ...flowModelContentStyle,
+                                    } }, item.result)) : (React.createElement("div", { className: "approval-progress__dept", style: flowModelContentStyle }, item.name)),
+                                ![STATUS.START, STATUS.END, STATUS.CC].includes(item.status) && getStatusStr(item.status)),
+                            React.createElement("div", { className: "approval-progress__row tea-mb-1n" },
+                                ![STATUS.CC].includes(item.status) && (React.createElement(Text, { theme: "weak", className: "tea-mr-4n", style: {
+                                        maxWidth: 'calc(100% - 120px)',
+                                        wordBreak: 'break-all',
+                                        ...flowModelContentStyle,
+                                    } },
+                                    item.status === STATUS.START ? '发起人' : '审批人',
+                                    "\uFF1A",
+                                    showTwoUserList(item.operaName, item.approvalStrategy))),
+                                details.createTime && (React.createElement(Text, { theme: "weak", className: "approval-progress__date" }, moment(details.createTime).format('YYYY-MM-DD HH:mm:ss')))),
+                            item.status === STATUS.CC && (React.createElement("div", { className: "approval-progress__row  approval-progress__row--start tea-mb-1n" },
+                                React.createElement(Text, { theme: "weak", style: { maxWidth: 200 }, overflow: true, tooltip: true },
+                                    "\u6284\u9001\uFF1A", (_b = (_a = details.ccUserInfos) === null || _a === void 0 ? void 0 : _a.map((i) => i.name)) === null || _b === void 0 ? void 0 :
+                                    _b.join('、')))),
+                            details.ccUsers && (React.createElement(Text, { theme: "weak", style: { maxWidth: 200 }, overflow: true, tooltip: true },
+                                "\u6284\u9001\uFF1A", (_c = Object.values(details.ccUsers)) === null || _c === void 0 ? void 0 :
+                                _c.join('、'))),
+                            item.status === STATUS.TRANS && (React.createElement("div", { className: "approval-progress__row  approval-progress__row--start tea-mb-1n" },
+                                React.createElement(Text, { theme: "weak" },
+                                    "\u56DE\u9000\u5230\u6307\u5B9A\u8282\u70B9\uFF1A",
+                                    (details === null || details === void 0 ? void 0 : details.operation)
+                                        ? (_d = safeJsonParse(details === null || details === void 0 ? void 0 : details.operation)[1]) === null || _d === void 0 ? void 0 : _d.name
+                                        : ''))),
+                            !!details.operationComment && (React.createElement("div", { className: "approval-progress__row  approval-progress__row--start tea-mb-1n" },
+                                React.createElement(Text, { theme: "weak" },
+                                    "\u5BA1\u6279\u610F\u89C1\uFF1A",
+                                    React.createElement(HighLightComment, { details: details })))),
+                            React.createElement("div", { className: "approval-progress__row", style: {
+                                    flexDirection: 'column',
+                                    alignItems: 'flex-start',
+                                } },
+                                item.status === 'countersign' && (React.createElement(Text, { theme: "weak", className: "approval-progress__advice-item" },
+                                    React.createElement("i", { className: "apa-icon apa-icon-label tea-mr-2n" }),
+                                    "\u52A0\u7B7E\uFF1A",
+                                    (details === null || details === void 0 ? void 0 : details.operation)
+                                        ? safeJsonParse(details.operation)
+                                            .map((i) => i.name)
+                                            .join('，')
+                                        : '')),
+                                details.isCC && (React.createElement(Text, { theme: "weak", className: "approval-progress__advice-item" },
+                                    React.createElement("i", { className: "apa-icon apa-icon-trans tea-mr-2n" }),
+                                    "\u6284\u9001\uFF1A", (_f = (_e = details.ccUserInfos) === null || _e === void 0 ? void 0 : _e.map((i) => i.name)) === null || _f === void 0 ? void 0 :
+                                    _f.join('、')))))));
+                }))));
+        }
+    };
+    return (React.createElement(Card.Body, { className: "page-process__progress-card", title: React.createElement(FlowModuleText.Title, { ...getModuleTextProps(ide) }) }, renderContent()));
+};
+export default ApproveProcessMobile;

package/dist/web/components/flow/modules/process/index.css

@@ -0,0 +1,188 @@
+.page-process__progress-card .wedatea2td-card__title {
+  margin-bottom: 0.42857rem;
+}
+.page-process__progress .approval-progress__row {
+  display: flex;
+  -webkit-align-items: center;
+  align-items: center;
+  font-size: 0.85714rem !important;
+}
+.page-process__progress .approval-progress__row--start {
+  -webkit-align-items: flex-start;
+  align-items: flex-start;
+}
+.page-process__progress .approval-progress {
+  padding-top: 0.28571rem;
+}
+.page-process__progress .approval-progress .approval-progress__item {
+  padding-bottom: 1.14286rem;
+  position: relative;
+  display: flex;
+}
+.page-process__progress .approval-progress .approval-progress__item:before {
+  border-left: 0.07143rem dashed rgba(36, 115, 242, 0.3);
+  width: 0.07143rem;
+  height: calc(100% - 1.28571rem);
+  position: absolute;
+  top: 1.57143rem;
+  left: 0.5rem;
+  content: '';
+}
+.page-process__progress .approval-progress .approval-progress__item:last-child {
+  padding-bottom: 0;
+}
+.page-process__progress
+  .approval-progress
+  .approval-progress__item:last-child:before {
+  display: none;
+}
+.page-process__progress .approval-progress .approval-progress__dot {
+  width: 1rem;
+  height: 1rem;
+  background: rgba(36, 115, 242, 0.15);
+  -webkit-flex: none;
+  flex: none;
+  position: relative;
+  border-radius: 50%;
+  margin-right: 1.42857rem;
+  margin-top: 0.42857rem;
+}
+.page-process__progress .approval-progress .approval-progress__dot:before {
+  content: '';
+  width: 0.57143rem;
+  height: 0.57143rem;
+  position: absolute;
+  border-radius: 50%;
+  background: #2473f2;
+  left: 0.21429rem;
+  top: 0.21429rem;
+}
+.page-process__progress .approval-progress .approval-progress__dot.pending {
+  background: rgba(162, 172, 189, 0.15);
+}
+.page-process__progress
+  .approval-progress
+  .approval-progress__dot.pending:before {
+  background: #a2acbd;
+}
+.page-process__progress .approval-progress .approval-progress__dot.end {
+  background: rgba(162, 172, 189, 0.15);
+}
+.page-process__progress .approval-progress .approval-progress__dot.end:before {
+  background: #666;
+}
+.page-process__progress .approval-progress .approval-progress__dot.start {
+  background: rgba(36, 115, 242, 0.15);
+}
+.page-process__progress
+  .approval-progress
+  .approval-progress__dot.start:before {
+  background: #09bf5b;
+}
+.page-process__progress .approval-progress .approval-progress__content {
+  -webkit-flex: 1;
+  flex: 1;
+}
+.page-process__progress .approval-progress .approval-progress__dept,
+.page-process__progress .approval-progress .approval-progress__user {
+  font-size: 1rem;
+  line-height: 1.71429rem;
+  min-width: 7.85714rem;
+  max-width: 32.14286rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  margin-right: 0.57143rem;
+  cursor: pointer;
+}
+.page-process__progress .approval-progress .approval-progress__date {
+  margin-right: 0.57143rem;
+  min-width: 7.85714rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  -webkit-flex: none;
+  flex: none;
+}
+.page-process__progress .approval-progress .approval-progress__user {
+  width: auto;
+}
+.page-process__progress .approval-progress__status {
+  min-width: 5.14286rem;
+  padding: 0 0.85714rem;
+  text-align: center;
+  line-height: 1.71429rem;
+  margin-left: 0.85714rem;
+  margin-top: 0 !important;
+}
+.page-process__progress .approval-progress .approval-progress__advice-item {
+  margin-bottom: 0.57143rem;
+}
+.page-process__progress.process-progress--mb
+  .approval-progress.approval-progress-mb {
+  padding-top: 0.57143rem;
+}
+.page-process__progress.process-progress--mb
+  .approval-progress.approval-progress-mb
+  .approval-progress__dept {
+  width: auto;
+  -webkit-flex: 1;
+  flex: 1;
+  white-space: break-spaces;
+}
+.page-process__progress.process-progress--mb
+  .approval-progress.approval-progress-mb
+  .approval-progress__advice-item {
+  margin-bottom: 0.28571rem;
+}
+.page-process__progress.process-progress--mb
+  .approval-progress.approval-progress-mb
+  .approval-progress__status.tea-tag {
+  min-width: 4rem;
+  padding: 0 0.57143rem;
+  line-height: 1.42857rem;
+}
+.page-process__progress.process-progress--mb
+  .approval-progress.approval-progress-mb
+  .approval-progress__dot {
+  margin-right: 0.85714rem;
+}
+.cp-mobile-dialog.approval-progress__more--dialog
+  .approval-progress__more--btns {
+  padding: 0 1.42857rem 1rem;
+  position: relative;
+}
+.cp-mobile-dialog.approval-progress__more--dialog
+  .approval-progress__more--btns:after {
+  content: '';
+  height: 1em;
+  width: 100%;
+  background: #f7f7fa;
+  position: absolute;
+  left: 0;
+}
+.cp-mobile-dialog.approval-progress__more--dialog
+  .approval-progress__more--btn {
+  text-align: center;
+  padding: 0.57143rem;
+  cursor: pointer;
+}
+.cp-mobile-dialog.approval-progress__more--dialog
+  .approval-progress__more--btn
+  + .approval-progress__more--btn {
+  border-top: 0.07143rem solid #e5e8ed;
+}
+.cp-mobile-dialog.approval-progress__more--dialog
+  .approval-progress__more--footer {
+  padding: 1.14286rem 1.42857rem;
+  text-align: center;
+  font-size: 1rem;
+  cursor: pointer;
+}
+.cp-mobile-dialog.approval-progress__callback--dialog .apa-m-overlay__tit {
+  font-size: 1rem;
+  color: #666;
+}
+
+/*# sourceURL=webpack://./src/web/components/flow/modules/process/index.css */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9mbG93L21vZHVsZXMvcHJvY2Vzcy9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSx5QkFBeUI7QUFDM0I7QUFDQTtFQUNFLGFBQWE7RUFDYiwyQkFBMkI7RUFDM0IsbUJBQW1CO0VBQ25CLGdDQUFnQztBQUNsQztBQUNBO0VBQ0UsK0JBQStCO0VBQy9CLHVCQUF1QjtBQUN6QjtBQUNBO0VBQ0UsdUJBQXVCO0FBQ3pCO0FBQ0E7RUFDRSwwQkFBMEI7RUFDMUIsa0JBQWtCO0VBQ2xCLGFBQWE7QUFDZjtBQUNBO0VBQ0Usc0RBQXNEO0VBQ3RELGlCQUFpQjtFQUNqQiwrQkFBK0I7RUFDL0Isa0JBQWtCO0VBQ2xCLGVBQWU7RUFDZixZQUFZO0VBQ1osV0FBVztBQUNiO0FBQ0E7RUFDRSxpQkFBaUI7QUFDbkI7QUFDQTs7O0VBR0UsYUFBYTtBQUNmO0FBQ0E7RUFDRSxXQUFXO0VBQ1gsWUFBWTtFQUNaLG9DQUFvQztFQUNwQyxrQkFBa0I7RUFDbEIsVUFBVTtFQUNWLGtCQUFrQjtFQUNsQixrQkFBa0I7RUFDbEIsd0JBQXdCO0VBQ3hCLHNCQUFzQjtBQUN4QjtBQUNBO0VBQ0UsV0FBVztFQUNYLGlCQUFpQjtFQUNqQixrQkFBa0I7RUFDbEIsa0JBQWtCO0VBQ2xCLGtCQUFrQjtFQUNsQixtQkFBbUI7RUFDbkIsZ0JBQWdCO0VBQ2hCLGVBQWU7QUFDakI7QUFDQTtFQUNFLHFDQUFxQztBQUN2QztBQUNBOzs7RUFHRSxtQkFBbUI7QUFDckI7QUFDQTtFQUNFLHFDQUFxQztBQUN2QztBQUNBO0VBQ0UsZ0JBQWdCO0FBQ2xCO0FBQ0E7RUFDRSxvQ0FBb0M7QUFDdEM7QUFDQTs7O0VBR0UsbUJBQW1CO0FBQ3JCO0FBQ0E7RUFDRSxlQUFlO0VBQ2YsT0FBTztBQUNUO0FBQ0E7O0VBRUUsZUFBZTtFQUNmLHVCQUF1QjtFQUN2QixxQkFBcUI7RUFDckIsc0JBQXNCO0VBQ3RCLGdCQUFnQjtFQUNoQixtQkFBbUI7RUFDbkIsdUJBQXVCO0VBQ3ZCLHdCQUF3QjtFQUN4QixlQUFlO0FBQ2pCO0FBQ0E7RUFDRSx3QkFBd0I7RUFDeEIscUJBQXFCO0VBQ3JCLGdCQUFnQjtFQUNoQixtQkFBbUI7RUFDbkIsdUJBQXVCO0VBQ3ZCLGtCQUFrQjtFQUNsQixVQUFVO0FBQ1o7QUFDQTtFQUNFLFdBQVc7QUFDYjtBQUNBO0VBQ0UscUJBQXFCO0VBQ3JCLHFCQUFxQjtFQUNyQixrQkFBa0I7RUFDbEIsdUJBQXVCO0VBQ3ZCLHVCQUF1QjtFQUN2Qix3QkFBd0I7QUFDMUI7QUFDQTtFQUNFLHlCQUF5QjtBQUMzQjtBQUNBOztFQUVFLHVCQUF1QjtBQUN6QjtBQUNBOzs7RUFHRSxXQUFXO0VBQ1gsZUFBZTtFQUNmLE9BQU87RUFDUCx5QkFBeUI7QUFDM0I7QUFDQTs7O0VBR0UseUJBQXlCO0FBQzNCO0FBQ0E7OztFQUdFLGVBQWU7RUFDZixxQkFBcUI7RUFDckIsdUJBQXVCO0FBQ3pCO0FBQ0E7OztFQUdFLHdCQUF3QjtBQUMxQjtBQUNBOztFQUVFLDBCQUEwQjtFQUMxQixrQkFBa0I7QUFDcEI7QUFDQTs7RUFFRSxXQUFXO0VBQ1gsV0FBVztFQUNYLFdBQVc7RUFDWCxtQkFBbUI7RUFDbkIsa0JBQWtCO0VBQ2xCLE9BQU87QUFDVDtBQUNBOztFQUVFLGtCQUFrQjtFQUNsQixtQkFBbUI7RUFDbkIsZUFBZTtBQUNqQjtBQUNBOzs7RUFHRSxvQ0FBb0M7QUFDdEM7QUFDQTs7RUFFRSw4QkFBOEI7RUFDOUIsa0JBQWtCO0VBQ2xCLGVBQWU7RUFDZixlQUFlO0FBQ2pCO0FBQ0E7RUFDRSxlQUFlO0VBQ2YsV0FBVztBQUNiIiwic291cmNlc0NvbnRlbnQiOlsiLnBhZ2UtcHJvY2Vzc19fcHJvZ3Jlc3MtY2FyZCAud2VkYXRlYTJ0ZC1jYXJkX190aXRsZSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNDI4NTdyZW07XG59XG4ucGFnZS1wcm9jZXNzX19wcm9ncmVzcyAuYXBwcm92YWwtcHJvZ3Jlc3NfX3JvdyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIC13ZWJraXQtYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZm9udC1zaXplOiAwLjg1NzE0cmVtICFpbXBvcnRhbnQ7XG59XG4ucGFnZS1wcm9jZXNzX19wcm9ncmVzcyAuYXBwcm92YWwtcHJvZ3Jlc3NfX3Jvdy0tc3RhcnQge1xuICAtd2Via2l0LWFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbn1cbi5wYWdlLXByb2Nlc3NfX3Byb2dyZXNzIC5hcHByb3ZhbC1wcm9ncmVzcyB7XG4gIHBhZGRpbmctdG9wOiAwLjI4NTcxcmVtO1xufVxuLnBhZ2UtcHJvY2Vzc19fcHJvZ3Jlc3MgLmFwcHJvdmFsLXByb2dyZXNzIC5hcHByb3ZhbC1wcm9ncmVzc19faXRlbSB7XG4gIHBhZGRpbmctYm90dG9tOiAxLjE0Mjg2cmVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4ucGFnZS1wcm9jZXNzX19wcm9ncmVzcyAuYXBwcm92YWwtcHJvZ3Jlc3MgLmFwcHJvdmFsLXByb2dyZXNzX19pdGVtOmJlZm9yZSB7XG4gIGJvcmRlci1sZWZ0OiAwLjA3MTQzcmVtIGRhc2hlZCByZ2JhKDM2LCAxMTUsIDI0MiwgMC4zKTtcbiAgd2lkdGg6IDAuMDcxNDNyZW07XG4gIGhlaWdodDogY2FsYygxMDAlIC0gMS4yODU3MXJlbSk7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxLjU3MTQzcmVtO1xuICBsZWZ0OiAwLjVyZW07XG4gIGNvbnRlbnQ6ICcnO1xufVxuLnBhZ2UtcHJvY2Vzc19fcHJvZ3Jlc3MgLmFwcHJvdmFsLXByb2dyZXNzIC5hcHByb3ZhbC1wcm9ncmVzc19faXRlbTpsYXN0LWNoaWxkIHtcbiAgcGFkZGluZy1ib3R0b206IDA7XG59XG4ucGFnZS1wcm9jZXNzX19wcm9ncmVzc1xuICAuYXBwcm92YWwtcHJvZ3Jlc3NcbiAgLmFwcHJvdmFsLXByb2dyZXNzX19pdGVtOmxhc3QtY2hpbGQ6YmVmb3JlIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi5wYWdlLXByb2Nlc3NfX3Byb2dyZXNzIC5hcHByb3ZhbC1wcm9ncmVzcyAuYXBwcm92YWwtcHJvZ3Jlc3NfX2RvdCB7XG4gIHdpZHRoOiAxcmVtO1xuICBoZWlnaHQ6IDFyZW07XG4gIGJhY2tncm91bmQ6IHJnYmEoMzYsIDExNSwgMjQyLCAwLjE1KTtcbiAgLXdlYmtpdC1mbGV4OiBub25lO1xuICBmbGV4OiBub25lO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgbWFyZ2luLXJpZ2h0OiAxLjQyODU3cmVtO1xuICBtYXJnaW4tdG9wOiAwLjQyODU3cmVtO1xufVxuLnBhZ2UtcHJvY2Vzc19fcHJvZ3Jlc3MgLmFwcHJvdmFsLXByb2dyZXNzIC5hcHByb3ZhbC1wcm9ncmVzc19fZG90OmJlZm9yZSB7XG4gIGNvbnRlbnQ6ICcnO1xuICB3aWR0aDogMC41NzE0M3JlbTtcbiAgaGVpZ2h0OiAwLjU3MTQzcmVtO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYmFja2dyb3VuZDogIzI0NzNmMjtcbiAgbGVmdDogMC4yMTQyOXJlbTtcbiAgdG9wOiAwLjIxNDI5cmVtO1xufVxuLnBhZ2UtcHJvY2Vzc19fcHJvZ3Jlc3MgLmFwcHJvdmFsLXByb2dyZXNzIC5hcHByb3ZhbC1wcm9ncmVzc19fZG90LnBlbmRpbmcge1xuICBiYWNrZ3JvdW5kOiByZ2JhKDE2MiwgMTcyLCAxODksIDAuMTUpO1xufVxuLnBhZ2UtcHJvY2Vzc19fcHJvZ3Jlc3NcbiAgLmFwcHJvdmFsLXByb2dyZXNzXG4gIC5hcHByb3ZhbC1wcm9ncmVzc19fZG90LnBlbmRpbmc6YmVmb3JlIHtcbiAgYmFja2dyb3VuZDogI2EyYWNiZDtcbn1cbi5wYWdlLXByb2Nlc3NfX3Byb2dyZXNzIC5hcHByb3ZhbC1wcm9ncmVzcyAuYXBwcm92YWwtcHJvZ3Jlc3NfX2RvdC5lbmQge1xuICBiYWNrZ3JvdW5kOiByZ2JhKDE2MiwgMTcyLCAxODksIDAuMTUpO1xufVxuLnBhZ2UtcHJvY2Vzc19fcHJvZ3Jlc3MgLmFwcHJvdmFsLXByb2dyZXNzIC5hcHByb3ZhbC1wcm9ncmVzc19fZG90LmVuZDpiZWZvcmUge1xuICBiYWNrZ3JvdW5kOiAjNjY2O1xufVxuLnBhZ2UtcHJvY2Vzc19fcHJvZ3Jlc3MgLmFwcHJvdmFsLXByb2dyZXNzIC5hcHByb3ZhbC1wcm9ncmVzc19fZG90LnN0YXJ0IHtcbiAgYmFja2dyb3VuZDogcmdiYSgzNiwgMTE1LCAyNDIsIDAuMTUpO1xufVxuLnBhZ2UtcHJvY2Vzc19fcHJvZ3Jlc3NcbiAgLmFwcHJvdmFsLXByb2dyZXNzXG4gIC5hcHByb3ZhbC1wcm9ncmVzc19fZG90LnN0YXJ0OmJlZm9yZSB7XG4gIGJhY2tncm91bmQ6ICMwOWJmNWI7XG59XG4ucGFnZS1wcm9jZXNzX19wcm9ncmVzcyAuYXBwcm92YWwtcHJvZ3Jlc3MgLmFwcHJvdmFsLXByb2dyZXNzX19jb250ZW50IHtcbiAgLXdlYmtpdC1mbGV4OiAxO1xuICBmbGV4OiAxO1xufVxuLnBhZ2UtcHJvY2Vzc19fcHJvZ3Jlc3MgLmFwcHJvdmFsLXByb2dyZXNzIC5hcHByb3ZhbC1wcm9ncmVzc19fZGVwdCxcbi5wYWdlLXByb2Nlc3NfX3Byb2dyZXNzIC5hcHByb3ZhbC1wcm9ncmVzcyAuYXBwcm92YWwtcHJvZ3Jlc3NfX3VzZXIge1xuICBmb250LXNpemU6IDFyZW07XG4gIGxpbmUtaGVpZ2h0OiAxLjcxNDI5cmVtO1xuICBtaW4td2lkdGg6IDcuODU3MTRyZW07XG4gIG1heC13aWR0aDogMzIuMTQyODZyZW07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBtYXJnaW4tcmlnaHQ6IDAuNTcxNDNyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5wYWdlLXByb2Nlc3NfX3Byb2dyZXNzIC5hcHByb3ZhbC1wcm9ncmVzcyAuYXBwcm92YWwtcHJvZ3Jlc3NfX2RhdGUge1xuICBtYXJnaW4tcmlnaHQ6IDAuNTcxNDNyZW07XG4gIG1pbi13aWR0aDogNy44NTcxNHJlbTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIC13ZWJraXQtZmxleDogbm9uZTtcbiAgZmxleDogbm9uZTtcbn1cbi5wYWdlLXByb2Nlc3NfX3Byb2dyZXNzIC5hcHByb3ZhbC1wcm9ncmVzcyAuYXBwcm92YWwtcHJvZ3Jlc3NfX3VzZXIge1xuICB3aWR0aDogYXV0bztcbn1cbi5wYWdlLXByb2Nlc3NfX3Byb2dyZXNzIC5hcHByb3ZhbC1wcm9ncmVzc19fc3RhdHVzIHtcbiAgbWluLXdpZHRoOiA1LjE0Mjg2cmVtO1xuICBwYWRkaW5nOiAwIDAuODU3MTRyZW07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgbGluZS1oZWlnaHQ6IDEuNzE0MjlyZW07XG4gIG1hcmdpbi1sZWZ0OiAwLjg1NzE0cmVtO1xuICBtYXJnaW4tdG9wOiAwICFpbXBvcnRhbnQ7XG59XG4ucGFnZS1wcm9jZXNzX19wcm9ncmVzcyAuYXBwcm92YWwtcHJvZ3Jlc3MgLmFwcHJvdmFsLXByb2dyZXNzX19hZHZpY2UtaXRlbSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNTcxNDNyZW07XG59XG4ucGFnZS1wcm9jZXNzX19wcm9ncmVzcy5wcm9jZXNzLXByb2dyZXNzLS1tYlxuICAuYXBwcm92YWwtcHJvZ3Jlc3MuYXBwcm92YWwtcHJvZ3Jlc3MtbWIge1xuICBwYWRkaW5nLXRvcDogMC41NzE0M3JlbTtcbn1cbi5wYWdlLXByb2Nlc3NfX3Byb2dyZXNzLnByb2Nlc3MtcHJvZ3Jlc3MtLW1iXG4gIC5hcHByb3ZhbC1wcm9ncmVzcy5hcHByb3ZhbC1wcm9ncmVzcy1tYlxuICAuYXBwcm92YWwtcHJvZ3Jlc3NfX2RlcHQge1xuICB3aWR0aDogYXV0bztcbiAgLXdlYmtpdC1mbGV4OiAxO1xuICBmbGV4OiAxO1xuICB3aGl0ZS1zcGFjZTogYnJlYWstc3BhY2VzO1xufVxuLnBhZ2UtcHJvY2Vzc19fcHJvZ3Jlc3MucHJvY2Vzcy1wcm9ncmVzcy0tbWJcbiAgLmFwcHJvdmFsLXByb2dyZXNzLmFwcHJvdmFsLXByb2dyZXNzLW1iXG4gIC5hcHByb3ZhbC1wcm9ncmVzc19fYWR2aWNlLWl0ZW0ge1xuICBtYXJnaW4tYm90dG9tOiAwLjI4NTcxcmVtO1xufVxuLnBhZ2UtcHJvY2Vzc19fcHJvZ3Jlc3MucHJvY2Vzcy1wcm9ncmVzcy0tbWJcbiAgLmFwcHJvdmFsLXByb2dyZXNzLmFwcHJvdmFsLXByb2dyZXNzLW1iXG4gIC5hcHByb3ZhbC1wcm9ncmVzc19fc3RhdHVzLnRlYS10YWcge1xuICBtaW4td2lkdGg6IDRyZW07XG4gIHBhZGRpbmc6IDAgMC41NzE0M3JlbTtcbiAgbGluZS1oZWlnaHQ6IDEuNDI4NTdyZW07XG59XG4ucGFnZS1wcm9jZXNzX19wcm9ncmVzcy5wcm9jZXNzLXByb2dyZXNzLS1tYlxuICAuYXBwcm92YWwtcHJvZ3Jlc3MuYXBwcm92YWwtcHJvZ3Jlc3MtbWJcbiAgLmFwcHJvdmFsLXByb2dyZXNzX19kb3Qge1xuICBtYXJnaW4tcmlnaHQ6IDAuODU3MTRyZW07XG59XG4uY3AtbW9iaWxlLWRpYWxvZy5hcHByb3ZhbC1wcm9ncmVzc19fbW9yZS0tZGlhbG9nXG4gIC5hcHByb3ZhbC1wcm9ncmVzc19fbW9yZS0tYnRucyB7XG4gIHBhZGRpbmc6IDAgMS40Mjg1N3JlbSAxcmVtO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uY3AtbW9iaWxlLWRpYWxvZy5hcHByb3ZhbC1wcm9ncmVzc19fbW9yZS0tZGlhbG9nXG4gIC5hcHByb3ZhbC1wcm9ncmVzc19fbW9yZS0tYnRuczphZnRlciB7XG4gIGNvbnRlbnQ6ICcnO1xuICBoZWlnaHQ6IDFlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQ6ICNmN2Y3ZmE7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbn1cbi5jcC1tb2JpbGUtZGlhbG9nLmFwcHJvdmFsLXByb2dyZXNzX19tb3JlLS1kaWFsb2dcbiAgLmFwcHJvdmFsLXByb2dyZXNzX19tb3JlLS1idG4ge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuNTcxNDNyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5jcC1tb2JpbGUtZGlhbG9nLmFwcHJvdmFsLXByb2dyZXNzX19tb3JlLS1kaWFsb2dcbiAgLmFwcHJvdmFsLXByb2dyZXNzX19tb3JlLS1idG5cbiAgKyAuYXBwcm92YWwtcHJvZ3Jlc3NfX21vcmUtLWJ0biB7XG4gIGJvcmRlci10b3A6IDAuMDcxNDNyZW0gc29saWQgI2U1ZThlZDtcbn1cbi5jcC1tb2JpbGUtZGlhbG9nLmFwcHJvdmFsLXByb2dyZXNzX19tb3JlLS1kaWFsb2dcbiAgLmFwcHJvdmFsLXByb2dyZXNzX19tb3JlLS1mb290ZXIge1xuICBwYWRkaW5nOiAxLjE0Mjg2cmVtIDEuNDI4NTdyZW07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4uY3AtbW9iaWxlLWRpYWxvZy5hcHByb3ZhbC1wcm9ncmVzc19fY2FsbGJhY2stLWRpYWxvZyAuYXBhLW0tb3ZlcmxheV9fdGl0IHtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBjb2xvcjogIzY2Njtcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */

package/dist/web/components/flow/modules/process/index.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { createModuleFrame } from '../../frame';
+import ApproveProcess from './Process';
+import ApproveProcessMobile from './ProcessMobile';
+import './index.css';
+const ModelFlowProcess = (props) => {
+    const { flowLocalProps } = props;
+    const { isH5, isNarrowElement } = flowLocalProps;
+    if (isH5 || isNarrowElement) {
+        return React.createElement(ApproveProcessMobile, { ...props });
+    }
+    return React.createElement(ApproveProcess, { ...props });
+};
+export default createModuleFrame(ModelFlowProcess, 'flow-process');

package/dist/web/components/flow/modules/process/utils/index.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Tag, Bubble } from 'tea-component';
+import { STATUS_TEXT } from '../../../constants';
+export const getStatusStr = (status) => {
+    const { theme, text } = (STATUS_TEXT === null || STATUS_TEXT === void 0 ? void 0 : STATUS_TEXT[status]) || {};
+    if (text) {
+        return (React.createElement(Tag, { className: "approval-progress__status", theme: theme }, text));
+    }
+    return null;
+};
+export const showTwoUserList = (operatorName, approvalStrategy) => {
+    if (typeof operatorName === 'string') {
+        return operatorName || '-';
+    }
+    if (Array.isArray(operatorName)) {
+        const names = operatorName.filter((name) => name);
+        if (!names.length) {
+            return '-';
+        }
+        if (names.length < 2) {
+            return names[0];
+        }
+        return (React.createElement(Bubble, { arrowPointAtCenter: true, placement: "top-end", content: names.join('、') }, names === null || names === void 0 ? void 0 :
+            names.slice(0, 2).join('、'),
+            React.createElement("span", null,
+                "\u7B49",
+                React.createElement("span", { style: { color: '#2473f2' } },
+                    names.length,
+                    "\u4EBA"),
+                approvalStrategy === '1' ? '任签' : '加签')));
+    }
+};

package/dist/web/components/flow/services/flow.js

@@ -0,0 +1,111 @@
+import { toTransKeyCase } from './utils';
+import { chartMockData, pageDetailMockData, processMockData, instanceMockData, } from './ideData';
+// 获取批办过程接口
+export const fetchInstanceOperation = async (params, { callWedaApi, isWedaIde }) => {
+    if (isWedaIde) {
+        return toTransKeyCase(processMockData, 'toLowerCase');
+    }
+    if (!(params === null || params === void 0 ? void 0 : params.instanceId)) {
+        return;
+    }
+    const result = await callWedaApi({
+        action: 'GetInstanceOperation',
+        data: toTransKeyCase(params, 'toUpperCase'),
+    });
+    return toTransKeyCase(result, 'toLowerCase');
+};
+/**
+ * 获取流程实例运行图（新版）
+ * @param {instanceId: string} params
+ */
+export const fetchProcessInfoList = async (params, { isWedaIde, callWedaApi }) => {
+    if (isWedaIde) {
+        return toTransKeyCase(chartMockData, 'toLowerCase');
+    }
+    const result = await callWedaApi({
+        action: 'GetProcessCanvasInfo',
+        data: toTransKeyCase(params, 'toUpperCase'),
+    });
+    return toTransKeyCase(result, 'toLowerCase');
+};
+/**
+ * 获取流程信息
+ * @param {instanceId: string} params
+ */
+export const fetchProcess = async (params, { isWedaIde, callWedaApi }) => {
+    if (isWedaIde) {
+        return toTransKeyCase(instanceMockData, 'toLowerCase');
+    }
+    const result = await callWedaApi({
+        action: 'DescribeProcessInstance',
+        data: toTransKeyCase(params, 'toUpperCase'),
+    });
+    return toTransKeyCase(result, 'toLowerCase');
+};
+// 获取流程信息详情
+export async function getApprovalPageDetail(params, { isWedaIde, callWedaApi }) {
+    if (isWedaIde) {
+        return toTransKeyCase(pageDetailMockData, 'toLowerCase');
+    }
+    const result = await callWedaApi({
+        action: 'GetApprovalPageDetail',
+        data: toTransKeyCase(params, 'toUpperCase'),
+    });
+    return toTransKeyCase(result, 'toLowerCase');
+}
+//  撤销流程接口
+export const revokeFlow = async (params, { callWedaApi }) => {
+    const result = await callWedaApi({
+        action: 'Revoke',
+        data: toTransKeyCase(params, 'toUpperCase'),
+    });
+    return toTransKeyCase(result, 'toLowerCase');
+};
+// 获取回退节点列表
+export const fetchBackNodeList = async (params, { callWedaApi }) => {
+    const result = await callWedaApi({
+        action: 'GetPreElementList',
+        data: toTransKeyCase(params, 'toUpperCase'),
+    });
+    return toTransKeyCase(result, 'toLowerCase');
+};
+// 回退流程接口
+export const rollBackFlow = async (params, { callWedaApi }) => {
+    const result = await callWedaApi({
+        action: 'RollBack',
+        data: toTransKeyCase(params, 'toUpperCase'),
+    });
+    return toTransKeyCase(result, 'toLowerCase');
+};
+// 审批流页面提交
+export const postApprovalFlow = async (params, { callWedaApi }) => {
+    const result = await callWedaApi({
+        action: 'CompleteTask',
+        data: toTransKeyCase(params, 'toUpperCase', 'variableInfos'),
+    });
+    return toTransKeyCase(result, 'toLowerCase');
+};
+// 审批流页面会签
+export const postApprovalSign = async (params, { callWedaApi }) => {
+    const result = await callWedaApi({
+        action: 'AddCounterSignAssignee',
+        data: toTransKeyCase(params, 'toUpperCase'),
+    });
+    return toTransKeyCase(result, 'toLowerCase');
+};
+// 审批人列表提交
+export const postFlowTaskList = async (params, { callWedaApi }) => {
+    const result = await callWedaApi({
+        action: 'SubmitFlowTaskList',
+        data: toTransKeyCase(params, 'toUpperCase'),
+    });
+    return toTransKeyCase(result, 'toLowerCase');
+};
+// 流程催办
+export const postPressTask = async (params, { callWedaApi }) => {
+    const result = await callWedaApi({
+        action: 'PressTask',
+        data: toTransKeyCase(params, 'toUpperCase'),
+    });
+    return toTransKeyCase(result, 'toLowerCase');
+};

package/dist/web/components/flow/services/ideData/chart.js

@@ -0,0 +1,88 @@
+export const chartMockData = {
+    Nodes: [
+        {
+            visited: true,
+            Id: 2,
+            ElementId: 'approvalNode1656317642548',
+            Name: '经理审批',
+            DataType: 17,
+            Status: 1,
+            Conf: [
+                {
+                    Name: '张三',
+                    Status: 2,
+                    OpTime: 1656502417000,
+                    Comment: '',
+                    AttachmentInfo: '[]',
+                    NewProcessors: 'true',
+                },
+            ],
+        },
+        {
+            visited: true,
+            Id: 3,
+            ElementId: 'approvalNode1656317679079',
+            Name: '总监审批',
+            DataType: 17,
+            Status: 3,
+            Conf: [
+                { Name: '王五', Status: 0, OpTime: 0 },
+                { Name: '李四', Status: 0, OpTime: 0 },
+            ],
+        },
+        {
+            visited: true,
+            Id: 4,
+            ElementId: 'approvalNode1656317682440',
+            Name: '人事审批',
+            DataType: 17,
+            Status: 2,
+        },
+        {
+            visited: true,
+            Id: 1,
+            ElementId: 'startNode',
+            Name: '开始',
+            DataType: 1,
+            Status: 1,
+        },
+        {
+            visited: true,
+            Id: 5,
+            ElementId: 'endNode',
+            Name: '结束',
+            DataType: 13,
+            Status: 2,
+        },
+    ],
+    Edges: [
+        {
+            Label: '同意',
+            Type: 2,
+            Source: 'approvalNode1656317679079',
+            Target: 'approvalNode1656317682440',
+            Status: 2,
+        },
+        {
+            Label: '同意c',
+            Type: 2,
+            Source: 'approvalNode1656317682440',
+            Target: 'endNode',
+            Status: 2,
+        },
+        {
+            Label: '同意',
+            Type: 2,
+            Source: 'approvalNode1656317642548',
+            Target: 'approvalNode1656317679079',
+            Status: 2,
+        },
+        {
+            Label: '',
+            Type: 2,
+            Source: 'startNode',
+            Target: 'approvalNode1656317642548',
+            Status: 2,
+        },
+    ],
+};

package/dist/web/components/flow/services/ideData/index.js

@@ -0,0 +1,5 @@
+import { chartMockData } from './chart';
+import { instanceMockData } from './instance';
+import { pageDetailMockData } from './pageDetail';
+import { processMockData } from './process';
+export { chartMockData, processMockData, instanceMockData, pageDetailMockData };

package/dist/web/components/flow/services/ideData/instance.js

@@ -0,0 +1,23 @@
+export const instanceMockData = {
+    InstanceId: '1540637032124833793',
+    Name: 'kong123提交的hongqi_var',
+    Description: '',
+    StartedBy: 'kong123',
+    CurrentApprover: '1538836331989536769',
+    StartTime: 1656151467000,
+    IsCompleted: false,
+    StartAppCode: '1',
+    StartAppName: '',
+    CurrentNodeId: 'approvalNode1655879748434',
+    CurrentNodeName: '审批节点',
+    CurrentNodeType: 17,
+    TaskId: '1540637033316016132',
+    FlowCode: '1540158815012335618',
+    FlowVersion: '10.0',
+    Flag: 0,
+    CanApprove: true,
+    CanDelete: true,
+    TenantZoneId: '',
+    OperationName: '[{"branchName":"同意","branchType":1,"edgeId":"approvalNode1655879748434_to_updateRecord1656037357881"},{"branchName":"拒绝","branchType":2,"edgeId":""}]',
+    UserTaskType: 1,
+};

package/dist/web/components/flow/services/ideData/pageDetail.js

@@ -0,0 +1,41 @@
+export const pageDetailMockData = {
+    PageUrl: '',
+    VariableInfos: {
+        ObjectListMap: [],
+        ObjectMap: [],
+    },
+    AppCode: '1',
+    Show: true,
+    ShowSubmitApp: false,
+    ShowCarbonCopy: true,
+    ShowTurnToPerson: true,
+    ShowAddAssignee: true,
+    ShowRollBack: true,
+    OutEntityCodes: [],
+    Buttons: {
+        1: '同意',
+        2: '拒绝',
+    },
+    DataSourceInputParams: [
+        {
+            recordId: '0a4ec1f962b6ddaa0c9312965714b19e',
+            entityCode: 'hongqi_x2spbdq',
+            flag: true,
+            paramCode: '165587975739916917',
+            scope: 'GLOBAL',
+            name: 'startNodeoutputKey#165587975739916917',
+            fieldValueMap: {
+                owner: '1538836331989536769',
+                createdAt: 1656151466297,
+                createBy: '1538836331989536769',
+                test: 'trigger-two_usertask',
+                updateBy: '1538836331989536769',
+                _id: '0a4ec1f962b6ddaa0c9312965714b19e',
+                age: 10,
+                updatedAt: 1656151466297,
+            },
+            appCode: 1,
+            fieldType: 'OBJECT',
+        },
+    ],
+};

package/dist/web/components/flow/services/ideData/process.js

@@ -0,0 +1,27 @@
+export const processMockData = {
+    ElementInfos: [
+        {
+            Id: '1542109022301507586',
+            Name: '经理审批',
+            OperaName: ['张三'],
+            Result: 'true',
+            ContentInfo: {
+                Action: 2,
+                AttachmentInfo: '[]',
+                OperationComment: '',
+                CreateTime: 1656502417000,
+                OpinionUserMap: {},
+                HighlightPositionList: '{}',
+            },
+        },
+        {
+            Name: '总监审批',
+            OperaName: ['王五', '李四'],
+            Result: '待审批',
+            ApprovalStrategy: '1',
+            ContentInfo: {
+                CreateTime: 1656502417000,
+            },
+        },
+    ],
+};

package/dist/web/components/flow/services/index.js

@@ -0,0 +1,2 @@
+export * from './user';
+export * from './flow';

package/dist/web/components/flow/services/user.js

@@ -0,0 +1,23 @@
+export const getWedaUserList = async (params, { callWedaApi, IS_WEDA_IDE }) => {
+    if (IS_WEDA_IDE) {
+        return [];
+    }
+    const result = await callWedaApi({
+        action: 'DescribeWedaUserList',
+        data: {
+            UserType: 'internalUser',
+            ...params,
+        },
+    });
+    return result;
+};
+export const getUserQuery = async (params, { callWedaApi, IS_WEDA_IDE }) => {
+    if (IS_WEDA_IDE) {
+        return [];
+    }
+    const result = await callWedaApi({
+        action: 'SearchUser',
+        data: params,
+    });
+    return result;
+};