@cloudbase/weda-ui 3.4.2 → 3.4.3

package/dist/web/components/flow/modules/control/ApprovalDrawer.js

@@ -0,0 +1,178 @@
+import React, { useState, useEffect } from 'react';
+import { Drawer, Button, Form, Icon } from 'tea-component';
+import { HighlightTextarea, UserSelectModel } from '../../components';
+import { useControlContext } from './provider';
+import './ApprovalDrawer.css';
+const ExtraDOM = (props) => {
+    const { 
+    // fileList,
+    approveInfo, onChange, 
+    // appCode,
+    type, operationName, statusFlag, setStatusFlag, statusMessage, setStatusMessage, opinionUserMap, setOpinionUserMap, setHighlightPositionMap, } = props;
+    const approveInfoLabel = type === 'handle' ? `${operationName}意见` : '审批意见';
+    return (React.createElement(Form.Item, { label: approveInfoLabel, required: type === 'reject', status: statusFlag, message: statusMessage },
+        React.createElement(HighlightTextarea, { value: approveInfo, placeholder: `请输入您的${approveInfoLabel},可@通知他人`, opinionUserMap: opinionUserMap, setOpinionUserMap: setOpinionUserMap, setHighlightPositionMap: setHighlightPositionMap, onChange: (value) => {
+                onChange('approveInfo', value);
+                setStatusFlag('');
+                setStatusMessage(null);
+                if (type === 'reject' && !value.trim()) {
+                    setStatusFlag('error');
+                    setStatusMessage(`请输入${approveInfoLabel}`);
+                }
+                if (value.length > 500) {
+                    setStatusFlag('error');
+                    setStatusMessage(`${approveInfoLabel}长度不可超过500，请检查`);
+                }
+            } })));
+};
+const ApprovePerson = (props) => {
+    const { label, approvers, show, onChange } = props;
+    const removeItem = (index) => {
+        const approversAvatar = approvers.filter((item, idx) => idx !== index);
+        onChange(approversAvatar);
+    };
+    return (React.createElement(Form.Item, { label: label, className: "btn-wrapper__black person-btn__wrapper" },
+        React.createElement(Button, { onClick: show },
+            React.createElement("span", { style: { fontSize: '16px', lineHeight: '16px' } }, "+"),
+            " ",
+            '人员'),
+        approvers.length > 0
+            ? approvers.map(({ text }, index) => (React.createElement("div", { className: "person-item", key: `person-${index}` },
+                React.createElement("span", null, text),
+                React.createElement(Icon, { type: "dismiss", onClick: () => removeItem(index) }))))
+            : null));
+};
+export const ApprovalDrawer = (props) => {
+    var _a, _b, _c, _d, _e, _f;
+    const { pageInfo, flowDetail } = props;
+    const { handleType, approveDrawerVisible, submitLoading, onTriggerFlowEvent, onApproveDrawerVisibleChange, } = useControlContext();
+    const { startAppCode: appCode, currentNodeName: nodeName, operationName, currentApproverName, } = flowDetail || {};
+    const { buttons, showCarbonCopy } = pageInfo || {};
+    const [fileList, setFileList] = useState((_a = props.fileList) !== null && _a !== void 0 ? _a : []);
+    const [approveInfo, setApproveInfo] = useState((_b = props.approveInfo) !== null && _b !== void 0 ? _b : '');
+    const [opinionUserMap, setOpinionUserMap] = useState({});
+    const [highlightPositionMap, setHighlightPositionMap] = useState({});
+    const [approvers, setApprovers] = useState((_c = props.approvers) !== null && _c !== void 0 ? _c : []);
+    const [modalVisible, setModalVisible] = useState(false);
+    const [statusFlag, setStatusFlag] = useState('');
+    const [statusMessage, setStatusMessage] = useState(null);
+    const showModal = () => setModalVisible(true);
+    const hideModal = () => setModalVisible(false);
+    const stateMap = {
+        fileList: {
+            default: [],
+            fn: setFileList,
+        },
+        // addTag: {
+        //   default: false,
+        //   fn: setTagStatus,
+        // },
+        approveInfo: {
+            default: '',
+            fn: setApproveInfo,
+        },
+        approvers: {
+            default: [],
+            fn: setApprovers,
+        },
+        statusFlag: {
+            default: '',
+            fn: setStatusFlag,
+        },
+        statusMessage: {
+            default: null,
+            fn: setStatusMessage,
+        },
+    };
+    const approvalType = {
+        agree: {
+            title: `${(buttons === null || buttons === void 0 ? void 0 : buttons[1]) || '同意'}`,
+            dom: true,
+            personLabel: '抄送',
+        },
+        reject: {
+            title: `${(buttons === null || buttons === void 0 ? void 0 : buttons[2]) || '拒绝'}`,
+            dom: true,
+            personLabel: '抄送',
+        },
+        transfer: {
+            title: '转办',
+            dom: false,
+            personLabel: '转办',
+        },
+        handle: {
+            title: '处理',
+            dom: true,
+            personLabel: '处理',
+        },
+    };
+    useEffect(() => {
+        if (!approveDrawerVisible) {
+            Object.values(stateMap).forEach(({ default: defaultValue, fn }) => fn(defaultValue));
+        }
+        else {
+            // postUserInfo().then((res) => {
+            //   if (res?.data) {
+            //     setApprover(res?.data?.name);
+            //   }
+            // });
+        }
+    }, [approveDrawerVisible]);
+    const handleSubmit = () => {
+        var _a;
+        // const getIdReg = /^(\d+)&(?:user|group),(?:.+)$/;
+        if (submitLoading)
+            return;
+        const obj = {
+            operationComment: approveInfo,
+            opinionUserMap,
+            highlightPositionList: JSON.stringify(highlightPositionMap),
+            attachmentInfo: JSON.stringify(fileList),
+            ccUserIds: approvers.map((item) => item.value).join(','),
+            turnToUserId: (_a = approvers === null || approvers === void 0 ? void 0 : approvers[0]) === null || _a === void 0 ? void 0 : _a.value,
+        };
+        switch (handleType) {
+            case 'agree':
+                Reflect.deleteProperty(obj, 'turnToUserId');
+                break;
+            case 'reject':
+                Reflect.deleteProperty(obj, 'ccUserIds');
+                Reflect.deleteProperty(obj, 'turnToUserId');
+                break;
+            case 'transfer':
+                Reflect.deleteProperty(obj, 'ccUserIds');
+                break;
+        }
+        onTriggerFlowEvent(obj);
+    };
+    const onChange = (key, value) => {
+        stateMap[key].fn(value);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Drawer, { showMask: true, size: 'l', className: "approval-drawer drawer", outerClickClosable: false, visible: approveDrawerVisible, title: handleType === 'handle'
+                ? `${operationName}意见`
+                : `审批意见-${(_d = approvalType === null || approvalType === void 0 ? void 0 : approvalType[handleType]) === null || _d === void 0 ? void 0 : _d.title}`, onClose: onApproveDrawerVisibleChange, footer: React.createElement("div", { className: "btn-wrapper" },
+                React.createElement(Button, { className: "submit-btn", type: "primary", loading: submitLoading, onClick: () => {
+                        if (handleType === 'reject' && !approveInfo.trim()) {
+                            setStatusFlag('error');
+                            setStatusMessage('请输入审批意见');
+                            return;
+                        }
+                        if (approveInfo.length > 500) {
+                            setStatusFlag('error');
+                            setStatusMessage('审批意见长度不可超过500，请检查');
+                            return;
+                        }
+                        handleSubmit();
+                    } }, "\u63D0\u4EA4"),
+                React.createElement(Button, { onClick: onApproveDrawerVisibleChange }, "\u53D6\u6D88")) },
+            React.createElement(Form, { className: "approval-form__drawer" },
+                React.createElement(Form.Item, { label: '当前节点' },
+                    React.createElement("span", { className: "form-item__plain" }, nodeName)),
+                React.createElement(Form.Item, { label: handleType === 'handle' ? '处理人' : '审批人' },
+                    React.createElement("span", { className: "form-item__plain" }, currentApproverName || '--')),
+                ((_e = approvalType === null || approvalType === void 0 ? void 0 : approvalType[handleType]) === null || _e === void 0 ? void 0 : _e.dom) ? (React.createElement(ExtraDOM, { type: handleType, appCode: appCode, onChange: onChange, fileList: fileList, approveInfo: approveInfo, operationName: operationName, statusFlag: statusFlag, setStatusFlag: setStatusFlag, statusMessage: statusMessage, setStatusMessage: setStatusMessage, opinionUserMap: opinionUserMap, setOpinionUserMap: setOpinionUserMap, setHighlightPositionMap: setHighlightPositionMap })) : null,
+                handleType !== 'reject' &&
+                    (showCarbonCopy || handleType === 'transfer') ? (React.createElement(ApprovePerson, { approvers: approvers, label: (_f = approvalType === null || approvalType === void 0 ? void 0 : approvalType[handleType]) === null || _f === void 0 ? void 0 : _f.personLabel, show: showModal, onChange: (val) => onChange('approvers', val) })) : null)),
+        React.createElement(UserSelectModel, { visible: modalVisible, onChange: (val) => onChange('approvers', val), onClose: hideModal, value: approvers === null || approvers === void 0 ? void 0 : approvers.map((item) => item === null || item === void 0 ? void 0 : item.value) })));
+};

package/dist/web/components/flow/modules/control/ApprovalPopup.css

@@ -0,0 +1,118 @@
+.cp-vant-popup {
+  z-index: 998 !important;
+}
+.cp-vant-popup h3.popup-title {
+  padding: 1.42857rem 1.71429rem 0.85714rem;
+}
+.cp-vant-popup .rv-cell {
+  padding: 0.85714rem 1.71429rem;
+}
+.cp-vant-popup .rv-field + .rv-field {
+  margin-top: 0.85714rem;
+}
+.cp-vant-popup .rv-field__control {
+  color: #000;
+}
+.cp-vant-popup .rv-cell:not(:last-child)::after {
+  left: 1.71429rem;
+  right: 1.71429rem;
+  border-bottom: 0.07143rem solid #dcdee6;
+}
+.cp-vant-popup .apa-height-xl.wedatea2td-btn.success-btn {
+  padding: 0;
+  height: 2.85714rem;
+  line-height: 2.85714rem;
+  min-width: 10.85714rem;
+  position: absolute;
+  bottom: 2.14286rem;
+  left: 1.42857rem;
+  right: 1.42857rem;
+  width: calc(100% - 3.42857rem);
+}
+.cp-vant-popup .popup-content-wrapper {
+  height: calc(100% - 6.42857rem);
+  overflow: auto;
+}
+.cp-vant-popup h3.popup-title {
+  padding: 1.42857rem;
+  padding-bottom: 0.71429rem;
+  font-size: 1rem;
+}
+.cp-vant-popup .rv-cell {
+  padding-left: 1.42857rem;
+}
+.cp-vant-popup .upload-cell_wrapper .pant-cell__title {
+  display: flex;
+  justify-content: space-between;
+}
+.cp-vant-popup .label-execute__btn .rv-cell__value .rv-field__control-wrapper {
+  margin-right: 0.85714rem;
+  justify-content: flex-end;
+  color: #2473f2;
+}
+.cp-vant-popup
+  .label-execute__btn
+  .rv-cell__value
+  .rv-field__control-wrapper
+  .rv-field__children {
+  justify-content: flex-end;
+}
+.cp-vant-popup .label-execute__btn .btn-show-modal {
+  display: flex;
+  align-items: center;
+}
+.cp-vant-popup .label-execute__btn .apa-icon {
+  width: 1.14286rem;
+  height: 1.14286rem;
+  display: inline-block;
+  vertical-align: middle;
+  background-repeat: no-repeat;
+  background-position: inherit;
+  font-size: 0;
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+55S75p2/PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IueUu+advyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuWbvuaghy/mt7vliqAiPgogICAgICAgICAgICA8ZyBpZD0i57yW57uEIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik04LDIuNSBDOC4yNzYxNDIzNywyLjUgOC41LDIuNzIzODU3NjMgOC41LDMgTDguNSw3LjUgTDEzLDcuNSBDMTMuMjc2MTQyNCw3LjUgMTMuNSw3LjcyMzg1NzYzIDEzLjUsOCBDMTMuNSw4LjI3NjE0MjM3IDEzLjI3NjE0MjQsOC41IDEzLDguNSBMOC41LDguNSBMOC41LDEzIEM4LjUsMTMuMjc2MTQyNCA4LjI3NjE0MjM3LDEzLjUgOCwxMy41IEM3LjcyMzg1NzYzLDEzLjUgNy41LDEzLjI3NjE0MjQgNy41LDEzIEw3LjUsOC41IEwzLDguNSBDMi43MjM4NTc2Myw4LjUgMi41LDguMjc2MTQyMzcgMi41LDggQzIuNSw3LjcyMzg1NzYzIDIuNzIzODU3NjMsNy41IDMsNy41IEw3LjUsNy41IEw3LjUsMyBDNy41LDIuNzIzODU3NjMgNy43MjM4NTc2MywyLjUgOCwyLjUgWiIgaWQ9IuW9oueKtue7k+WQiCIgZmlsbD0iIzI0NzNGMiI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48L3JlY3Q+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
+}
+.pant-popup .success-btn {
+  position: absolute;
+  bottom: 2.14286rem;
+  left: 1.42857rem;
+  right: 1.42857rem;
+  width: calc(100% - 3.42857rem);
+}
+.highlightTextarea-cell_wrapper .rv-cell__title {
+  width: 100%;
+}
+.highlightTextarea-cell_wrapper
+  .highlightTextarea-mobile__wrapper
+  .highlight-textarea {
+  border: none;
+  color: #000;
+  margin-top: 0.35714rem;
+}
+.highlightTextarea-cell_wrapper .highlightTextarea-mobile__wrapper .extra-dom {
+  position: absolute;
+  right: 2.85714rem;
+  top: 1rem;
+  color: #006eff;
+  cursor: pointer;
+}
+.highlightTextarea-cell_wrapper .rv-cell__value {
+  display: none;
+}
+.rv-popup .person-item {
+  display: flex;
+  justify-content: space-between;
+  font-size: 0.85714rem;
+  background: rgba(220, 222, 230, 0.4);
+  padding: 0.28571rem 0.57143rem;
+  line-height: 1.42857rem;
+  margin: 0 1.71429rem;
+}
+.rv-popup .person-item .tea-icon {
+  margin-top: 0.28571rem;
+}
+.rv-popup .person-item + .person-item {
+  margin-top: 0.28571rem;
+}
+
+/*# sourceURL=webpack://./src/web/components/flow/modules/control/ApprovalPopup.css */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9mbG93L21vZHVsZXMvY29udHJvbC9BcHByb3ZhbFBvcHVwLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLHVCQUF1QjtBQUN6QjtBQUNBO0VBQ0UseUNBQXlDO0FBQzNDO0FBQ0E7RUFDRSw4QkFBOEI7QUFDaEM7QUFDQTtFQUNFLHNCQUFzQjtBQUN4QjtBQUNBO0VBQ0UsV0FBVztBQUNiO0FBQ0E7RUFDRSxnQkFBZ0I7RUFDaEIsaUJBQWlCO0VBQ2pCLHVDQUF1QztBQUN6QztBQUNBO0VBQ0UsVUFBVTtFQUNWLGtCQUFrQjtFQUNsQix1QkFBdUI7RUFDdkIsc0JBQXNCO0VBQ3RCLGtCQUFrQjtFQUNsQixrQkFBa0I7RUFDbEIsZ0JBQWdCO0VBQ2hCLGlCQUFpQjtFQUNqQiw4QkFBOEI7QUFDaEM7QUFDQTtFQUNFLCtCQUErQjtFQUMvQixjQUFjO0FBQ2hCO0FBQ0E7RUFDRSxtQkFBbUI7RUFDbkIsMEJBQTBCO0VBQzFCLGVBQWU7QUFDakI7QUFDQTtFQUNFLHdCQUF3QjtBQUMxQjtBQUNBO0VBQ0UsYUFBYTtFQUNiLDhCQUE4QjtBQUNoQztBQUNBO0VBQ0Usd0JBQXdCO0VBQ3hCLHlCQUF5QjtFQUN6QixjQUFjO0FBQ2hCO0FBQ0E7Ozs7O0VBS0UseUJBQXlCO0FBQzNCO0FBQ0E7RUFDRSxhQUFhO0VBQ2IsbUJBQW1CO0FBQ3JCO0FBQ0E7RUFDRSxpQkFBaUI7RUFDakIsa0JBQWtCO0VBQ2xCLHFCQUFxQjtFQUNyQixzQkFBc0I7RUFDdEIsNEJBQTRCO0VBQzVCLDRCQUE0QjtFQUM1QixZQUFZO0VBQ1oscTRDQUFxNEM7QUFDdjRDO0FBQ0E7RUFDRSxrQkFBa0I7RUFDbEIsa0JBQWtCO0VBQ2xCLGdCQUFnQjtFQUNoQixpQkFBaUI7RUFDakIsOEJBQThCO0FBQ2hDO0FBQ0E7RUFDRSxXQUFXO0FBQ2I7QUFDQTs7O0VBR0UsWUFBWTtFQUNaLFdBQVc7RUFDWCxzQkFBc0I7QUFDeEI7QUFDQTtFQUNFLGtCQUFrQjtFQUNsQixpQkFBaUI7RUFDakIsU0FBUztFQUNULGNBQWM7RUFDZCxlQUFlO0FBQ2pCO0FBQ0E7RUFDRSxhQUFhO0FBQ2Y7QUFDQTtFQUNFLGFBQWE7RUFDYiw4QkFBOEI7RUFDOUIscUJBQXFCO0VBQ3JCLG9DQUFvQztFQUNwQyw4QkFBOEI7RUFDOUIsdUJBQXVCO0VBQ3ZCLG9CQUFvQjtBQUN0QjtBQUNBO0VBQ0Usc0JBQXNCO0FBQ3hCO0FBQ0E7RUFDRSxzQkFBc0I7QUFDeEIiLCJzb3VyY2VzQ29udGVudCI6WyIuY3AtdmFudC1wb3B1cCB7XG4gIHotaW5kZXg6IDk5OCAhaW1wb3J0YW50O1xufVxuLmNwLXZhbnQtcG9wdXAgaDMucG9wdXAtdGl0bGUge1xuICBwYWRkaW5nOiAxLjQyODU3cmVtIDEuNzE0MjlyZW0gMC44NTcxNHJlbTtcbn1cbi5jcC12YW50LXBvcHVwIC5ydi1jZWxsIHtcbiAgcGFkZGluZzogMC44NTcxNHJlbSAxLjcxNDI5cmVtO1xufVxuLmNwLXZhbnQtcG9wdXAgLnJ2LWZpZWxkICsgLnJ2LWZpZWxkIHtcbiAgbWFyZ2luLXRvcDogMC44NTcxNHJlbTtcbn1cbi5jcC12YW50LXBvcHVwIC5ydi1maWVsZF9fY29udHJvbCB7XG4gIGNvbG9yOiAjMDAwO1xufVxuLmNwLXZhbnQtcG9wdXAgLnJ2LWNlbGw6bm90KDpsYXN0LWNoaWxkKTo6YWZ0ZXIge1xuICBsZWZ0OiAxLjcxNDI5cmVtO1xuICByaWdodDogMS43MTQyOXJlbTtcbiAgYm9yZGVyLWJvdHRvbTogMC4wNzE0M3JlbSBzb2xpZCAjZGNkZWU2O1xufVxuLmNwLXZhbnQtcG9wdXAgLmFwYS1oZWlnaHQteGwud2VkYXRlYTJ0ZC1idG4uc3VjY2Vzcy1idG4ge1xuICBwYWRkaW5nOiAwO1xuICBoZWlnaHQ6IDIuODU3MTRyZW07XG4gIGxpbmUtaGVpZ2h0OiAyLjg1NzE0cmVtO1xuICBtaW4td2lkdGg6IDEwLjg1NzE0cmVtO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJvdHRvbTogMi4xNDI4NnJlbTtcbiAgbGVmdDogMS40Mjg1N3JlbTtcbiAgcmlnaHQ6IDEuNDI4NTdyZW07XG4gIHdpZHRoOiBjYWxjKDEwMCUgLSAzLjQyODU3cmVtKTtcbn1cbi5jcC12YW50LXBvcHVwIC5wb3B1cC1jb250ZW50LXdyYXBwZXIge1xuICBoZWlnaHQ6IGNhbGMoMTAwJSAtIDYuNDI4NTdyZW0pO1xuICBvdmVyZmxvdzogYXV0bztcbn1cbi5jcC12YW50LXBvcHVwIGgzLnBvcHVwLXRpdGxlIHtcbiAgcGFkZGluZzogMS40Mjg1N3JlbTtcbiAgcGFkZGluZy1ib3R0b206IDAuNzE0MjlyZW07XG4gIGZvbnQtc2l6ZTogMXJlbTtcbn1cbi5jcC12YW50LXBvcHVwIC5ydi1jZWxsIHtcbiAgcGFkZGluZy1sZWZ0OiAxLjQyODU3cmVtO1xufVxuLmNwLXZhbnQtcG9wdXAgLnVwbG9hZC1jZWxsX3dyYXBwZXIgLnBhbnQtY2VsbF9fdGl0bGUge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG59XG4uY3AtdmFudC1wb3B1cCAubGFiZWwtZXhlY3V0ZV9fYnRuIC5ydi1jZWxsX192YWx1ZSAucnYtZmllbGRfX2NvbnRyb2wtd3JhcHBlciB7XG4gIG1hcmdpbi1yaWdodDogMC44NTcxNHJlbTtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgY29sb3I6ICMyNDczZjI7XG59XG4uY3AtdmFudC1wb3B1cFxuICAubGFiZWwtZXhlY3V0ZV9fYnRuXG4gIC5ydi1jZWxsX192YWx1ZVxuICAucnYtZmllbGRfX2NvbnRyb2wtd3JhcHBlclxuICAucnYtZmllbGRfX2NoaWxkcmVuIHtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbn1cbi5jcC12YW50LXBvcHVwIC5sYWJlbC1leGVjdXRlX19idG4gLmJ0bi1zaG93LW1vZGFsIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5jcC12YW50LXBvcHVwIC5sYWJlbC1leGVjdXRlX19idG4gLmFwYS1pY29uIHtcbiAgd2lkdGg6IDEuMTQyODZyZW07XG4gIGhlaWdodDogMS4xNDI4NnJlbTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xuICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBpbmhlcml0O1xuICBmb250LXNpemU6IDA7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBEOTRiV3dnZG1WeWMybHZiajBpTVM0d0lpQmxibU52WkdsdVp6MGlWVlJHTFRnaVB6NEtQSE4yWnlCM2FXUjBhRDBpTVRad2VDSWdhR1ZwWjJoMFBTSXhObkI0SWlCMmFXVjNRbTk0UFNJd0lEQWdNVFlnTVRZaUlIWmxjbk5wYjI0OUlqRXVNU0lnZUcxc2JuTTlJbWgwZEhBNkx5OTNkM2N1ZHpNdWIzSm5Mekl3TURBdmMzWm5JaUI0Yld4dWN6cDRiR2x1YXowaWFIUjBjRG92TDNkM2R5NTNNeTV2Y21jdk1UazVPUzk0YkdsdWF5SStDaUFnSUNBOElTMHRJRWRsYm1WeVlYUnZjam9nVTJ0bGRHTm9JRFU0SUNnNE5EWTJNeWtnTFNCb2RIUndjem92TDNOclpYUmphQzVqYjIwZ0xTMCtDaUFnSUNBOGRHbDBiR1UrNTVTNzVwMi9QQzkwYVhSc1pUNEtJQ0FnSUR4a1pYTmpQa055WldGMFpXUWdkMmwwYUNCVGEyVjBZMmd1UEM5a1pYTmpQZ29nSUNBZ1BHY2dhV1E5SXVlVXUrYWR2eUlnYzNSeWIydGxQU0p1YjI1bElpQnpkSEp2YTJVdGQybGtkR2c5SWpFaUlHWnBiR3c5SW01dmJtVWlJR1pwYkd3dGNuVnNaVDBpWlhabGJtOWtaQ0krQ2lBZ0lDQWdJQ0FnUEdjZ2FXUTlJdVdidnVhZ2h5L210N3ZsaXFBaVBnb2dJQ0FnSUNBZ0lDQWdJQ0E4WnlCcFpEMGk1N3lXNTd1RUlqNEtJQ0FnSUNBZ0lDQWdJQ0FnSUNBZ0lEeHdZWFJvSUdROUlrMDRMREl1TlNCRE9DNHlOell4TkRJek55d3lMalVnT0M0MUxESXVOekl6T0RVM05qTWdPQzQxTERNZ1REZ3VOU3czTGpVZ1RERXpMRGN1TlNCRE1UTXVNamMyTVRReU5DdzNMalVnTVRNdU5TdzNMamN5TXpnMU56WXpJREV6TGpVc09DQkRNVE11TlN3NExqSTNOakUwTWpNM0lERXpMakkzTmpFME1qUXNPQzQxSURFekxEZ3VOU0JNT0M0MUxEZ3VOU0JNT0M0MUxERXpJRU00TGpVc01UTXVNamMyTVRReU5DQTRMakkzTmpFME1qTTNMREV6TGpVZ09Dd3hNeTQxSUVNM0xqY3lNemcxTnpZekxERXpMalVnTnk0MUxERXpMakkzTmpFME1qUWdOeTQxTERFeklFdzNMalVzT0M0MUlFd3pMRGd1TlNCRE1pNDNNak00TlRjMk15dzRMalVnTWk0MUxEZ3VNamMyTVRReU16Y2dNaTQxTERnZ1F6SXVOU3czTGpjeU16ZzFOell6SURJdU56SXpPRFUzTmpNc055NDFJRE1zTnk0MUlFdzNMalVzTnk0MUlFdzNMalVzTXlCRE55NDFMREl1TnpJek9EVTNOak1nTnk0M01qTTROVGMyTXl3eUxqVWdPQ3d5TGpVZ1dpSWdhV1E5SXVXOW91ZUt0dWU3aytXUWlDSWdabWxzYkQwaUl6STBOek5HTWlJK1BDOXdZWFJvUGdvZ0lDQWdJQ0FnSUNBZ0lDQWdJQ0FnUEhKbFkzUWdhV1E5SXVlZnFlVzlvaUlnZUQwaU1DSWdlVDBpTUNJZ2QybGtkR2c5SWpFMklpQm9aV2xuYUhROUlqRTJJajQ4TDNKbFkzUStDaUFnSUNBZ0lDQWdJQ0FnSUR3dlp6NEtJQ0FnSUNBZ0lDQThMMmMrQ2lBZ0lDQThMMmMrQ2p3dmMzWm5QZz09KTtcbn1cbi5wYW50LXBvcHVwIC5zdWNjZXNzLWJ0biB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYm90dG9tOiAyLjE0Mjg2cmVtO1xuICBsZWZ0OiAxLjQyODU3cmVtO1xuICByaWdodDogMS40Mjg1N3JlbTtcbiAgd2lkdGg6IGNhbGMoMTAwJSAtIDMuNDI4NTdyZW0pO1xufVxuLmhpZ2hsaWdodFRleHRhcmVhLWNlbGxfd3JhcHBlciAucnYtY2VsbF9fdGl0bGUge1xuICB3aWR0aDogMTAwJTtcbn1cbi5oaWdobGlnaHRUZXh0YXJlYS1jZWxsX3dyYXBwZXJcbiAgLmhpZ2hsaWdodFRleHRhcmVhLW1vYmlsZV9fd3JhcHBlclxuICAuaGlnaGxpZ2h0LXRleHRhcmVhIHtcbiAgYm9yZGVyOiBub25lO1xuICBjb2xvcjogIzAwMDtcbiAgbWFyZ2luLXRvcDogMC4zNTcxNHJlbTtcbn1cbi5oaWdobGlnaHRUZXh0YXJlYS1jZWxsX3dyYXBwZXIgLmhpZ2hsaWdodFRleHRhcmVhLW1vYmlsZV9fd3JhcHBlciAuZXh0cmEtZG9tIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogMi44NTcxNHJlbTtcbiAgdG9wOiAxcmVtO1xuICBjb2xvcjogIzAwNmVmZjtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuLmhpZ2hsaWdodFRleHRhcmVhLWNlbGxfd3JhcHBlciAucnYtY2VsbF9fdmFsdWUge1xuICBkaXNwbGF5OiBub25lO1xufVxuLnJ2LXBvcHVwIC5wZXJzb24taXRlbSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgZm9udC1zaXplOiAwLjg1NzE0cmVtO1xuICBiYWNrZ3JvdW5kOiByZ2JhKDIyMCwgMjIyLCAyMzAsIDAuNCk7XG4gIHBhZGRpbmc6IDAuMjg1NzFyZW0gMC41NzE0M3JlbTtcbiAgbGluZS1oZWlnaHQ6IDEuNDI4NTdyZW07XG4gIG1hcmdpbjogMCAxLjcxNDI5cmVtO1xufVxuLnJ2LXBvcHVwIC5wZXJzb24taXRlbSAudGVhLWljb24ge1xuICBtYXJnaW4tdG9wOiAwLjI4NTcxcmVtO1xufVxuLnJ2LXBvcHVwIC5wZXJzb24taXRlbSArIC5wZXJzb24taXRlbSB7XG4gIG1hcmdpbi10b3A6IDAuMjg1NzFyZW07XG59XG4iXSwic291cmNlUm9vdCI6IiJ9 */

package/dist/web/components/flow/modules/control/ApprovalPopup.js

@@ -0,0 +1,237 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { Icon, Button } from 'tea-component';
+import { Popup, Field } from 'react-vant';
+import { HighlightTextarea } from '../../components';
+import { useControlContext } from './provider';
+import { ACTION_TYPE } from './constants';
+import './ApprovalPopup.css';
+const ExtraDOM = (props) => {
+    const { type, statusMessage, setStatusMessage, operationName, opinionUserMap, setOpinionUserMap, setHighlightPositionMap, prevFn, onUserSelectModelVisibleChange, onUserSelectModalInfoChange, safeJsonParse, userSelectModelVisible, } = props;
+    const [approveInfo, setApproveInfo] = useState('');
+    useEffect(() => {
+        if (!userSelectModelVisible) {
+            const popupData = sessionStorage.getItem('FlowActionsMobile');
+            if (popupData) {
+                const { approveInfo: localApproveInfo } = safeJsonParse(popupData);
+                setApproveInfo(localApproveInfo);
+            }
+        }
+    }, [userSelectModelVisible]);
+    const toSelectPerson = () => {
+        prevFn === null || prevFn === void 0 ? void 0 : prevFn(approveInfo);
+        onUserSelectModelVisibleChange();
+        onUserSelectModalInfoChange({
+            approveField: 'highLightApprovers',
+            mode: 'multiple',
+        });
+    };
+    const approveInfoLabel = type === 'handle' ? `${operationName}意见` : '审批意见';
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Field, { className: "highlightTextarea-cell_wrapper", label: React.createElement("div", { className: "highlightTextarea-mobile__wrapper" },
+                React.createElement("span", { className: "label" },
+                    type === 'reject' && React.createElement("span", { style: { color: '#ee0a24' } }, "*"),
+                    approveInfoLabel),
+                React.createElement("span", { onClick: toSelectPerson, className: "extra-dom" }, "@\u67D0\u4EBA"),
+                React.createElement(HighlightTextarea, { value: approveInfo || '', size: "mobile", placeholder: `请输入您的${approveInfoLabel},可@通知他人`, opinionUserMap: opinionUserMap, setOpinionUserMap: setOpinionUserMap, setHighlightPositionMap: setHighlightPositionMap, onChange: (value) => {
+                        setApproveInfo(value);
+                        setStatusMessage(null);
+                        if (type === 'reject' && !value.trim()) {
+                            setStatusMessage(`请输入${approveInfoLabel}`);
+                        }
+                        if (value.length > 500) {
+                            setStatusMessage(`${approveInfoLabel}长度不可超过500，请检查`);
+                        }
+                    } }),
+                statusMessage && (React.createElement("div", { className: "pant-field__error-message" }, statusMessage))), placeholder: "" })));
+};
+const ApprovePerson = (props) => {
+    const { label, onChange, approvers, prevFn, type, approveField = 'approvers', onUserSelectModelVisibleChange, onUserSelectModalInfoChange, safeJsonParse, } = props;
+    const getUserMap = () => {
+        var _a;
+        return (_a = safeJsonParse(sessionStorage.getItem('approvers'))) === null || _a === void 0 ? void 0 : _a.reduce((p, c) => {
+            // eslint-disable-next-line no-param-reassign
+            p[c === null || c === void 0 ? void 0 : c.UserId] = c === null || c === void 0 ? void 0 : c.Name;
+            return p;
+        }, {});
+    };
+    const toSelectPerson = () => {
+        prevFn === null || prevFn === void 0 ? void 0 : prevFn();
+        onUserSelectModelVisibleChange();
+        onUserSelectModalInfoChange({
+            approveField,
+            mode: [ACTION_TYPE.AGREE, ACTION_TYPE.TRANSFER].includes(type)
+                ? 'multiple'
+                : 'single',
+        });
+    };
+    const removeItem = (index) => {
+        const approversAvatar = approvers.filter((item, idx) => idx !== index);
+        onChange(approversAvatar);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Field, { label: React.createElement(React.Fragment, null,
+                React.createElement("span", { className: "label" }, label)), className: "label-execute__btn", name: "approvers", placeholder: "" },
+            React.createElement("span", { className: "btn-show-modal", onClick: toSelectPerson },
+                React.createElement("i", { className: "apa-icon apa-icon-plus-blue" }),
+                "\u4EBA\u5458")),
+        (approvers === null || approvers === void 0 ? void 0 : approvers.length) > 0
+            ? approvers === null || approvers === void 0 ? void 0 : approvers.map((item, index) => {
+                var _a;
+                return (React.createElement("div", { className: "person-item", key: `person-item_${index}` },
+                    React.createElement("span", null, ((_a = getUserMap()) === null || _a === void 0 ? void 0 : _a[item]) || item),
+                    React.createElement(Icon, { type: "dismiss", onClick: () => removeItem(index) })));
+            })
+            : null));
+};
+export const ApprovalPopup = (props) => {
+    var _a, _b, _c, _d, _e;
+    const { pageInfo, flowDetail, safeJsonParse } = props;
+    const { handleType, approveDrawerVisible, submitLoading, approver, approvers, fileList, opinionUserMap, highlightPositionMap, userSelectModelVisible, setFileList, setApprovers, setApprover, setOpinionUserMap, setHighlightPositionMap, onApproveDrawerVisibleChange, onUserSelectModelVisibleChange, onUserSelectModalInfoChange, onTriggerFlowEvent, } = useControlContext();
+    const { startAppCode: appCode, currentNodeName: nodeName, operationName, } = flowDetail || {};
+    const { buttons, showCarbonCopy } = pageInfo || {};
+    const [statusMessage, setStatusMessage] = useState('');
+    const approveInfoRef = useRef('');
+    const stateMap = {
+        fileList: {
+            default: [],
+            fn: setFileList,
+        },
+        approvers: {
+            default: [],
+            fn: setApprovers,
+        },
+        approver: {
+            default: '',
+            fn: setApprover,
+        },
+        statusMessage: {
+            default: '',
+            fn: setStatusMessage,
+        },
+    };
+    const approvalType = {
+        agree: {
+            title: `${(buttons === null || buttons === void 0 ? void 0 : buttons[1]) || '同意'}`,
+            dom: true,
+            personLabel: '抄送',
+        },
+        reject: {
+            title: `${(buttons === null || buttons === void 0 ? void 0 : buttons[2]) || '拒绝'}`,
+            dom: true,
+            personLabel: '抄送',
+        },
+        transfer: {
+            title: '转办',
+            dom: false,
+            personLabel: '转办',
+        },
+        handle: {
+            title: '处理',
+            dom: true,
+            personLabel: '抄送',
+        },
+    };
+    useEffect(() => {
+        if (!approveDrawerVisible) {
+            // resetValue?.();
+            Object.values(stateMap).forEach(({ default: defaultValue, fn }) => fn(defaultValue));
+        }
+        else if (!approver) {
+            if (!props.approver) {
+                // postUserInfo().then((res) => {
+                //   if (res?.data) {
+                //     setApprover(res?.data?.name);
+                //   }
+                // });
+            }
+            else {
+                Object.entries(stateMap).forEach(([key, value]) => value.fn(props[key]));
+            }
+        }
+    }, [approveDrawerVisible]);
+    useEffect(() => {
+        setApprovers(props.approvers);
+    }, [props.approvers]);
+    useEffect(() => {
+        setFileList(props.fileList);
+    }, [props.fileList]);
+    useEffect(() => {
+        var _a;
+        setOpinionUserMap((_a = props.opinionUserMap) !== null && _a !== void 0 ? _a : {});
+    }, [props.opinionUserMap]);
+    useEffect(() => {
+        var _a;
+        setHighlightPositionMap((_a = props.highlightPositionMap) !== null && _a !== void 0 ? _a : {});
+    }, [props.highlightPositionMap]);
+    const onChange = (key, value) => {
+        stateMap[key].fn(value);
+    };
+    const handleSubmit = () => {
+        var _a;
+        const obj = {
+            operationComment: approveInfoRef.current || '',
+            opinionUserMap,
+            highlightPositionList: JSON.stringify(highlightPositionMap),
+            attachmentInfo: JSON.stringify(fileList),
+            ccUserIds: approvers === null || approvers === void 0 ? void 0 : approvers.map((item) => item.value).join(','),
+            turnToUserId: (_a = approvers === null || approvers === void 0 ? void 0 : approvers[0]) === null || _a === void 0 ? void 0 : _a.value,
+        };
+        switch (handleType) {
+            case 'agree':
+                Reflect.deleteProperty(obj, 'turnToUserId');
+                break;
+            case 'reject':
+                Reflect.deleteProperty(obj, 'ccUserIds');
+                Reflect.deleteProperty(obj, 'turnToUserId');
+                break;
+            case 'transfer':
+                Reflect.deleteProperty(obj, 'ccUserIds');
+                break;
+        }
+        onTriggerFlowEvent(obj);
+    };
+    const dynamiticHeight = handleType === 'transfer' ? '500px' : '540px';
+    const saveTemp = (approveInfo) => {
+        approveInfoRef.current = approveInfo;
+        const temp = {
+            fileList,
+            approveInfo,
+            opinionUserMap,
+            highlightPositionMap,
+            approvers,
+            handleType,
+            approveDrawerVisible,
+            appCode,
+            // addApprovers,
+            // tagType,
+            // addTag,
+            nodeName,
+            approver,
+        };
+        sessionStorage.setItem('FlowActionsMobile', JSON.stringify(temp));
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Popup, { visible: approveDrawerVisible, position: "bottom", style: { height: dynamiticHeight }, onClose: onApproveDrawerVisibleChange, closeable: true, className: "cp-vant-popup", overlayStyle: { zIndex: 998 } },
+            React.createElement(React.Fragment, null,
+                React.createElement("div", { className: "popup-content-wrapper" },
+                    React.createElement("h3", { className: "popup-title" }, handleType === 'handle'
+                        ? `${operationName}意见`
+                        : `审批意见 - ${(_a = approvalType === null || approvalType === void 0 ? void 0 : approvalType[handleType]) === null || _a === void 0 ? void 0 : _a.title}`),
+                    React.createElement(Field, { value: nodeName, label: "\u5F53\u524D\u8282\u70B9", readOnly: true }),
+                    React.createElement(Field, { value: ((_c = (_b = window === null || window === void 0 ? void 0 : window._WedaHostConfig) === null || _b === void 0 ? void 0 : _b.wedaUser) === null || _c === void 0 ? void 0 : _c.name) || '', label: handleType === 'handle' ? '处理人' : '审批人', readOnly: true }),
+                    ((_d = approvalType === null || approvalType === void 0 ? void 0 : approvalType[handleType]) === null || _d === void 0 ? void 0 : _d.dom) && approveDrawerVisible ? (React.createElement(ExtraDOM, { type: handleType, appCode: appCode, onChange: onChange, fileList: fileList, operationName: operationName, statusMessage: statusMessage, setStatusMessage: setStatusMessage, opinionUserMap: opinionUserMap, setOpinionUserMap: setOpinionUserMap, setHighlightPositionMap: setHighlightPositionMap, prevFn: saveTemp, onUserSelectModelVisibleChange: onUserSelectModelVisibleChange, onUserSelectModalInfoChange: onUserSelectModalInfoChange, safeJsonParse: safeJsonParse, userSelectModelVisible: userSelectModelVisible })) : null,
+                    handleType !== 'reject' &&
+                        (showCarbonCopy || handleType === 'transfer') ? (React.createElement(ApprovePerson, { type: handleType, prevFn: saveTemp, approvers: approvers, label: (_e = approvalType === null || approvalType === void 0 ? void 0 : approvalType[handleType]) === null || _e === void 0 ? void 0 : _e.personLabel, onChange: (val) => onChange('approvers', val), onUserSelectModelVisibleChange: onUserSelectModelVisibleChange, onUserSelectModalInfoChange: onUserSelectModalInfoChange, safeJsonParse: safeJsonParse })) : null),
+                React.createElement(Button, { className: "success-btn apa-height-xl", type: "primary", loading: submitLoading, onClick: () => {
+                        var _a;
+                        if (handleType === 'reject' && !approveInfoRef.current.trim()) {
+                            setStatusMessage('请输入审批意见');
+                            return;
+                        }
+                        if (((_a = approveInfoRef.current) === null || _a === void 0 ? void 0 : _a.length) > 500) {
+                            setStatusMessage('审批意见长度不可超过500，请检查');
+                            return;
+                        }
+                        handleSubmit();
+                    } }, "\u63D0\u4EA4")))));
+};

package/dist/web/components/flow/modules/control/Control.css

@@ -0,0 +1,32 @@
+.page-process__progress__app-page {
+  height: auto;
+}
+.mf-progress-footer__app-page {
+  left: 16.64286rem;
+}
+.page-process__progress .mf-progress-footer {
+  overflow-x: auto;
+  background: #fff;
+  text-align: center;
+  padding: 1.42857rem;
+}
+.page-process__progress .mf-progress-footer .mf-progress-footer__btn-line {
+  position: relative;
+  margin-left: 1.71429rem;
+}
+.page-process__progress
+  .mf-progress-footer
+  .mf-progress-footer__btn-line:before {
+  border-left: 0.07143rem solid rgba(0, 0, 0, 0.25);
+  height: 2.14286rem;
+  content: '';
+  position: absolute;
+  top: 0.21429rem;
+  left: -0.92857rem;
+}
+.mf-progress-footer__btn-group {
+  display: inline-flex;
+}
+
+/*# sourceURL=webpack://./src/web/components/flow/modules/control/Control.css */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9mbG93L21vZHVsZXMvY29udHJvbC9Db250cm9sLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLFlBQVk7QUFDZDtBQUNBO0VBQ0UsaUJBQWlCO0FBQ25CO0FBQ0E7RUFDRSxnQkFBZ0I7RUFDaEIsZ0JBQWdCO0VBQ2hCLGtCQUFrQjtFQUNsQixtQkFBbUI7QUFDckI7QUFDQTtFQUNFLGtCQUFrQjtFQUNsQix1QkFBdUI7QUFDekI7QUFDQTs7O0VBR0UsaURBQWlEO0VBQ2pELGtCQUFrQjtFQUNsQixXQUFXO0VBQ1gsa0JBQWtCO0VBQ2xCLGVBQWU7RUFDZixpQkFBaUI7QUFDbkI7QUFDQTtFQUNFLG9CQUFvQjtBQUN0QiIsInNvdXJjZXNDb250ZW50IjpbIi5wYWdlLXByb2Nlc3NfX3Byb2dyZXNzX19hcHAtcGFnZSB7XG4gIGhlaWdodDogYXV0bztcbn1cbi5tZi1wcm9ncmVzcy1mb290ZXJfX2FwcC1wYWdlIHtcbiAgbGVmdDogMTYuNjQyODZyZW07XG59XG4ucGFnZS1wcm9jZXNzX19wcm9ncmVzcyAubWYtcHJvZ3Jlc3MtZm9vdGVyIHtcbiAgb3ZlcmZsb3cteDogYXV0bztcbiAgYmFja2dyb3VuZDogI2ZmZjtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBwYWRkaW5nOiAxLjQyODU3cmVtO1xufVxuLnBhZ2UtcHJvY2Vzc19fcHJvZ3Jlc3MgLm1mLXByb2dyZXNzLWZvb3RlciAubWYtcHJvZ3Jlc3MtZm9vdGVyX19idG4tbGluZSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLWxlZnQ6IDEuNzE0MjlyZW07XG59XG4ucGFnZS1wcm9jZXNzX19wcm9ncmVzc1xuICAubWYtcHJvZ3Jlc3MtZm9vdGVyXG4gIC5tZi1wcm9ncmVzcy1mb290ZXJfX2J0bi1saW5lOmJlZm9yZSB7XG4gIGJvcmRlci1sZWZ0OiAwLjA3MTQzcmVtIHNvbGlkIHJnYmEoMCwgMCwgMCwgMC4yNSk7XG4gIGhlaWdodDogMi4xNDI4NnJlbTtcbiAgY29udGVudDogJyc7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwLjIxNDI5cmVtO1xuICBsZWZ0OiAtMC45Mjg1N3JlbTtcbn1cbi5tZi1wcm9ncmVzcy1mb290ZXJfX2J0bi1ncm91cCB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */