@cloudbase/weda-ui 3.4.2 → 3.4.3

package/dist/web/components/flow/components/FlowUserSelect/index.css

@@ -0,0 +1,119 @@
+.flow-user-select-mobile {
+  height: calc(100% - 3.71429rem);
+}
+.flow-user-select-mobile .page-info__wrapper-mobile {
+  position: relative;
+  height: 100%;
+  background: #f2f2f2;
+}
+.flow-user-select-mobile .page-info__wrapper-mobile .wedatea2td-table {
+  height: calc(100% - 14.28571rem) !important;
+}
+.flow-user-select-mobile
+  .page-info__wrapper-mobile
+  .wedatea2td-table
+  .wedatea2td-table__body {
+  max-height: calc(100% - 3.57143rem) !important;
+}
+.flow-user-select-mobile .page-info__wrapper-mobile footer.selected-info {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 6.42857rem;
+  padding: 0.85714rem 1.14286rem 0 1.42857rem;
+  box-sizing: border-box;
+  background: #fff;
+}
+.flow-user-select-mobile
+  .page-info__wrapper-mobile
+  footer.selected-info
+  .selected-info__left
+  .selected-count {
+  font-size: 1rem;
+  color: #2473f2;
+}
+.flow-user-select-mobile
+  .page-info__wrapper-mobile
+  footer.selected-info
+  .selected-info__left
+  .selected-people {
+  font-size: 0.85714rem;
+  color: #c2c2c2;
+  max-width: 14.28571rem;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.flow-user-select-mobile
+  .page-info__wrapper-mobile
+  footer.selected-info
+  .selected-info__left
+  .collapse-spread {
+  display: inline-block;
+  margin-left: 1.14286rem;
+  width: 0.57143rem;
+  height: 0.57143rem;
+  border: none;
+  border-top: 0.14286rem solid #2473f2;
+  border-right: 0.14286rem solid #2473f2;
+  transform: rotate(-45deg);
+  vertical-align: middle;
+}
+.flow-user-select-mobile
+  .page-info__wrapper-mobile
+  footer.selected-info
+  .submit-btn {
+  width: 6.71429rem;
+  height: 2.85714rem;
+  border-radius: 0.28571rem;
+  background: #2473f2;
+}
+.flow-user-select-mobile .page-info__wrapper-mobile .loading-dom__wrapper {
+  height: calc(100% - 10.71429rem);
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  background: #fff;
+}
+.SelectPersonOrg-popup .selected-title {
+  position: sticky;
+  top: 0;
+  padding: 0 1.42857rem;
+  height: 2.85714rem;
+  line-height: 2.85714rem;
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 0.07143rem solid #dcdee6;
+}
+.SelectPersonOrg-popup .selected-title .tea-btn {
+  font-size: 1.14286rem;
+}
+.SelectPersonOrg-popup .selected-title .tea-btn--text {
+  color: #666;
+}
+.SelectPersonOrg-popup .selected-title .tea-btn--link {
+  color: #006eff;
+}
+.SelectPersonOrg-popup .selected-title span {
+  font-size: 1rem;
+}
+.SelectPersonOrg-popup .selected-person {
+  height: calc(100% - 2.92857rem);
+  padding: 0 1.42857rem;
+  overflow-y: auto;
+}
+.SelectPersonOrg-popup .selected-person .tea-justify-grid {
+  height: 2.85714rem;
+  line-height: 2.85714rem;
+  border-bottom: 0.07143rem solid #dcdee6;
+}
+.SelectPersonOrg-popup
+  .selected-person
+  .tea-justify-grid
+  .selected-person__name {
+  font-size: 1rem;
+}
+
+/*# sourceURL=webpack://./src/web/components/flow/components/FlowUserSelect/index.css */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9mbG93L2NvbXBvbmVudHMvRmxvd1VzZXJTZWxlY3QvaW5kZXguY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsK0JBQStCO0FBQ2pDO0FBQ0E7RUFDRSxrQkFBa0I7RUFDbEIsWUFBWTtFQUNaLG1CQUFtQjtBQUNyQjtBQUNBO0VBQ0UsMkNBQTJDO0FBQzdDO0FBQ0E7Ozs7RUFJRSw4Q0FBOEM7QUFDaEQ7QUFDQTtFQUNFLGtCQUFrQjtFQUNsQixTQUFTO0VBQ1QsT0FBTztFQUNQLFFBQVE7RUFDUixrQkFBa0I7RUFDbEIsMkNBQTJDO0VBQzNDLHNCQUFzQjtFQUN0QixnQkFBZ0I7QUFDbEI7QUFDQTs7Ozs7RUFLRSxlQUFlO0VBQ2YsY0FBYztBQUNoQjtBQUNBOzs7OztFQUtFLHFCQUFxQjtFQUNyQixjQUFjO0VBQ2Qsc0JBQXNCO0VBQ3RCLHVCQUF1QjtFQUN2QixnQkFBZ0I7RUFDaEIsbUJBQW1CO0FBQ3JCO0FBQ0E7Ozs7O0VBS0UscUJBQXFCO0VBQ3JCLHVCQUF1QjtFQUN2QixpQkFBaUI7RUFDakIsa0JBQWtCO0VBQ2xCLFlBQVk7RUFDWixvQ0FBb0M7RUFDcEMsc0NBQXNDO0VBQ3RDLHlCQUF5QjtFQUN6QixzQkFBc0I7QUFDeEI7QUFDQTs7OztFQUlFLGlCQUFpQjtFQUNqQixrQkFBa0I7RUFDbEIseUJBQXlCO0VBQ3pCLG1CQUFtQjtBQUNyQjtBQUNBO0VBQ0UsZ0NBQWdDO0VBQ2hDLGFBQWE7RUFDYiw2QkFBNkI7RUFDN0IsbUJBQW1CO0VBQ25CLGdCQUFnQjtBQUNsQjtBQUNBO0VBQ0UsZ0JBQWdCO0VBQ2hCLE1BQU07RUFDTixxQkFBcUI7RUFDckIsa0JBQWtCO0VBQ2xCLHVCQUF1QjtFQUN2QixhQUFhO0VBQ2IsOEJBQThCO0VBQzlCLHVDQUF1QztBQUN6QztBQUNBO0VBQ0UscUJBQXFCO0FBQ3ZCO0FBQ0E7RUFDRSxXQUFXO0FBQ2I7QUFDQTtFQUNFLGNBQWM7QUFDaEI7QUFDQTtFQUNFLGVBQWU7QUFDakI7QUFDQTtFQUNFLCtCQUErQjtFQUMvQixxQkFBcUI7RUFDckIsZ0JBQWdCO0FBQ2xCO0FBQ0E7RUFDRSxrQkFBa0I7RUFDbEIsdUJBQXVCO0VBQ3ZCLHVDQUF1QztBQUN6QztBQUNBOzs7O0VBSUUsZUFBZTtBQUNqQiIsInNvdXJjZXNDb250ZW50IjpbIi5mbG93LXVzZXItc2VsZWN0LW1vYmlsZSB7XG4gIGhlaWdodDogY2FsYygxMDAlIC0gMy43MTQyOXJlbSk7XG59XG4uZmxvdy11c2VyLXNlbGVjdC1tb2JpbGUgLnBhZ2UtaW5mb19fd3JhcHBlci1tb2JpbGUge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZDogI2YyZjJmMjtcbn1cbi5mbG93LXVzZXItc2VsZWN0LW1vYmlsZSAucGFnZS1pbmZvX193cmFwcGVyLW1vYmlsZSAud2VkYXRlYTJ0ZC10YWJsZSB7XG4gIGhlaWdodDogY2FsYygxMDAlIC0gMTQuMjg1NzFyZW0pICFpbXBvcnRhbnQ7XG59XG4uZmxvdy11c2VyLXNlbGVjdC1tb2JpbGVcbiAgLnBhZ2UtaW5mb19fd3JhcHBlci1tb2JpbGVcbiAgLndlZGF0ZWEydGQtdGFibGVcbiAgLndlZGF0ZWEydGQtdGFibGVfX2JvZHkge1xuICBtYXgtaGVpZ2h0OiBjYWxjKDEwMCUgLSAzLjU3MTQzcmVtKSAhaW1wb3J0YW50O1xufVxuLmZsb3ctdXNlci1zZWxlY3QtbW9iaWxlIC5wYWdlLWluZm9fX3dyYXBwZXItbW9iaWxlIGZvb3Rlci5zZWxlY3RlZC1pbmZvIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBib3R0b206IDA7XG4gIGxlZnQ6IDA7XG4gIHJpZ2h0OiAwO1xuICBoZWlnaHQ6IDYuNDI4NTdyZW07XG4gIHBhZGRpbmc6IDAuODU3MTRyZW0gMS4xNDI4NnJlbSAwIDEuNDI4NTdyZW07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJhY2tncm91bmQ6ICNmZmY7XG59XG4uZmxvdy11c2VyLXNlbGVjdC1tb2JpbGVcbiAgLnBhZ2UtaW5mb19fd3JhcHBlci1tb2JpbGVcbiAgZm9vdGVyLnNlbGVjdGVkLWluZm9cbiAgLnNlbGVjdGVkLWluZm9fX2xlZnRcbiAgLnNlbGVjdGVkLWNvdW50IHtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBjb2xvcjogIzI0NzNmMjtcbn1cbi5mbG93LXVzZXItc2VsZWN0LW1vYmlsZVxuICAucGFnZS1pbmZvX193cmFwcGVyLW1vYmlsZVxuICBmb290ZXIuc2VsZWN0ZWQtaW5mb1xuICAuc2VsZWN0ZWQtaW5mb19fbGVmdFxuICAuc2VsZWN0ZWQtcGVvcGxlIHtcbiAgZm9udC1zaXplOiAwLjg1NzE0cmVtO1xuICBjb2xvcjogI2MyYzJjMjtcbiAgbWF4LXdpZHRoOiAxNC4yODU3MXJlbTtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG59XG4uZmxvdy11c2VyLXNlbGVjdC1tb2JpbGVcbiAgLnBhZ2UtaW5mb19fd3JhcHBlci1tb2JpbGVcbiAgZm9vdGVyLnNlbGVjdGVkLWluZm9cbiAgLnNlbGVjdGVkLWluZm9fX2xlZnRcbiAgLmNvbGxhcHNlLXNwcmVhZCB7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgbWFyZ2luLWxlZnQ6IDEuMTQyODZyZW07XG4gIHdpZHRoOiAwLjU3MTQzcmVtO1xuICBoZWlnaHQ6IDAuNTcxNDNyZW07XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXRvcDogMC4xNDI4NnJlbSBzb2xpZCAjMjQ3M2YyO1xuICBib3JkZXItcmlnaHQ6IDAuMTQyODZyZW0gc29saWQgIzI0NzNmMjtcbiAgdHJhbnNmb3JtOiByb3RhdGUoLTQ1ZGVnKTtcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbn1cbi5mbG93LXVzZXItc2VsZWN0LW1vYmlsZVxuICAucGFnZS1pbmZvX193cmFwcGVyLW1vYmlsZVxuICBmb290ZXIuc2VsZWN0ZWQtaW5mb1xuICAuc3VibWl0LWJ0biB7XG4gIHdpZHRoOiA2LjcxNDI5cmVtO1xuICBoZWlnaHQ6IDIuODU3MTRyZW07XG4gIGJvcmRlci1yYWRpdXM6IDAuMjg1NzFyZW07XG4gIGJhY2tncm91bmQ6ICMyNDczZjI7XG59XG4uZmxvdy11c2VyLXNlbGVjdC1tb2JpbGUgLnBhZ2UtaW5mb19fd3JhcHBlci1tb2JpbGUgLmxvYWRpbmctZG9tX193cmFwcGVyIHtcbiAgaGVpZ2h0OiBjYWxjKDEwMCUgLSAxMC43MTQyOXJlbSk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kOiAjZmZmO1xufVxuLlNlbGVjdFBlcnNvbk9yZy1wb3B1cCAuc2VsZWN0ZWQtdGl0bGUge1xuICBwb3NpdGlvbjogc3RpY2t5O1xuICB0b3A6IDA7XG4gIHBhZGRpbmc6IDAgMS40Mjg1N3JlbTtcbiAgaGVpZ2h0OiAyLjg1NzE0cmVtO1xuICBsaW5lLWhlaWdodDogMi44NTcxNHJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBib3JkZXItYm90dG9tOiAwLjA3MTQzcmVtIHNvbGlkICNkY2RlZTY7XG59XG4uU2VsZWN0UGVyc29uT3JnLXBvcHVwIC5zZWxlY3RlZC10aXRsZSAudGVhLWJ0biB7XG4gIGZvbnQtc2l6ZTogMS4xNDI4NnJlbTtcbn1cbi5TZWxlY3RQZXJzb25PcmctcG9wdXAgLnNlbGVjdGVkLXRpdGxlIC50ZWEtYnRuLS10ZXh0IHtcbiAgY29sb3I6ICM2NjY7XG59XG4uU2VsZWN0UGVyc29uT3JnLXBvcHVwIC5zZWxlY3RlZC10aXRsZSAudGVhLWJ0bi0tbGluayB7XG4gIGNvbG9yOiAjMDA2ZWZmO1xufVxuLlNlbGVjdFBlcnNvbk9yZy1wb3B1cCAuc2VsZWN0ZWQtdGl0bGUgc3BhbiB7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbn1cbi5TZWxlY3RQZXJzb25PcmctcG9wdXAgLnNlbGVjdGVkLXBlcnNvbiB7XG4gIGhlaWdodDogY2FsYygxMDAlIC0gMi45Mjg1N3JlbSk7XG4gIHBhZGRpbmc6IDAgMS40Mjg1N3JlbTtcbiAgb3ZlcmZsb3cteTogYXV0bztcbn1cbi5TZWxlY3RQZXJzb25PcmctcG9wdXAgLnNlbGVjdGVkLXBlcnNvbiAudGVhLWp1c3RpZnktZ3JpZCB7XG4gIGhlaWdodDogMi44NTcxNHJlbTtcbiAgbGluZS1oZWlnaHQ6IDIuODU3MTRyZW07XG4gIGJvcmRlci1ib3R0b206IDAuMDcxNDNyZW0gc29saWQgI2RjZGVlNjtcbn1cbi5TZWxlY3RQZXJzb25PcmctcG9wdXBcbiAgLnNlbGVjdGVkLXBlcnNvblxuICAudGVhLWp1c3RpZnktZ3JpZFxuICAuc2VsZWN0ZWQtcGVyc29uX19uYW1lIHtcbiAgZm9udC1zaXplOiAxcmVtO1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */

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

@@ -0,0 +1,115 @@
+/* eslint-disable no-param-reassign */
+import React, { useState, useEffect, useMemo } from 'react';
+import { Justify, Button, Icon } from 'tea-component';
+import { Popup } from 'react-vant';
+import { safeJsonParse } from '../../../../utils/tool';
+import { WedaUserTransfer } from '../WedaUserTransfer';
+import './index.css';
+export const FlowUserSelect = (props) => {
+    const { visible, approveField, mode, close } = props;
+    const [selected, setSelected] = useState([]);
+    const [selectedUser, setSelectedUser] = useState([]);
+    const [collapse, setCollapseStatus] = useState(true);
+    useEffect(() => {
+        document.title = '选择人员';
+        const selectedAvatar = sessionStorage.getItem('selected');
+        selectedAvatar && setSelected(safeJsonParse(selectedAvatar || '[]'));
+    }, []);
+    const selectedLen = useMemo(() => selected.length, [selected]);
+    const removeId = (id) => {
+        setSelected(selected.filter((item) => item !== id));
+        setSelectedUser(selectedUser.filter((item) => (item === null || item === void 0 ? void 0 : item.UserId) !== id));
+    };
+    const handleHighLightSelected = (selected, flowData) => {
+        let v = '';
+        const { opinionUserMap, approveInfo } = flowData;
+        selected.forEach((id) => {
+            const user = selectedUser.find((user) => (user === null || user === void 0 ? void 0 : user.UserId) === id) || {};
+            const name = `@${user === null || user === void 0 ? void 0 : user.Name}`;
+            v = `${v + name} `;
+            if (!opinionUserMap[id]) {
+                opinionUserMap[id] = name;
+            }
+        });
+        flowData.approveInfo = approveInfo + v;
+        flowData.opinionUserMap = { ...opinionUserMap };
+    };
+    const saveSelect = () => {
+        var _a;
+        const flowData = (_a = safeJsonParse(sessionStorage.getItem('FlowActionsMobile'))) !== null && _a !== void 0 ? _a : {};
+        if (approveField === 'assigneeIds') {
+            flowData.assigneeIds = selected;
+            sessionStorage.setItem('hasSignSubmit', 'hasSignSubmit');
+        }
+        else if (approveField === 'highLightApprovers') {
+            handleHighLightSelected(selected, flowData);
+        }
+        else {
+            flowData[approveField] = selected;
+        }
+        sessionStorage.setItem('FlowActionsMobile', JSON.stringify(flowData));
+        sessionStorage.setItem(approveField, JSON.stringify(selectedUser));
+        // history.go(-1);
+        close === null || close === void 0 ? void 0 : close();
+    };
+    const onWedaUserSelectChange = ({ keys, rows }) => {
+        setSelected(keys);
+        setSelectedUser(rows);
+    };
+    useEffect(() => {
+        let lastTouchEnd = 0;
+        const touchstartFn = (event) => {
+            if (event.touches.length > 1) {
+                event.preventDefault();
+            }
+        };
+        const touchendFn = (event) => {
+            const now = new Date().getTime();
+            if (now - lastTouchEnd <= 300) {
+                event.preventDefault();
+            }
+            lastTouchEnd = now;
+        };
+        const gesturestartFn = (event) => {
+            event.preventDefault();
+        };
+        document.addEventListener('touchstart', touchstartFn);
+        document.addEventListener('touchend', touchendFn, false);
+        // 阻止双指放大
+        document.addEventListener('gesturestart', gesturestartFn);
+        return () => {
+            document.removeEventListener('touchstart', touchstartFn);
+            document.removeEventListener('touchend', touchendFn);
+            document.removeEventListener('gesturestart', gesturestartFn);
+        };
+    }, []);
+    return (React.createElement(Popup, { visible: visible, position: "bottom", className: "flow-user-select-mobile" },
+        React.createElement("section", { className: "page-info__wrapper-mobile" },
+            React.createElement(WedaUserTransfer, { multiple: mode === 'multiple', isMobile: true, onSelectedChange: onWedaUserSelectChange, value: selected, className: "flow-user-select-mobile-table" }),
+            React.createElement("footer", { className: "selected-info" },
+                React.createElement(Justify, { left: React.createElement("div", { className: "selected-info__left" },
+                        React.createElement("p", { className: "selected-count", onClick: () => setCollapseStatus(false) },
+                            React.createElement("span", { style: { display: 'inline-block' } },
+                                "\u5DF2\u9009\uFF1A",
+                                selectedLen,
+                                "\u4EBA"),
+                            React.createElement("span", { className: "collapse-spread" })),
+                        React.createElement("p", { className: "selected-people" }, selectedUser.map((item) => item === null || item === void 0 ? void 0 : item.Name).join(','))), right: React.createElement(React.Fragment, null,
+                        React.createElement(Button, { className: "submit-btn", type: "primary", onClick: saveSelect },
+                            "\u786E\u8BA4(",
+                            selectedLen,
+                            ")"),
+                        React.createElement(Button, { type: "link", onClick: () => {
+                                close === null || close === void 0 ? void 0 : close();
+                            } }, "\u5173\u95ED")) })),
+            React.createElement(Popup, { className: "SelectPersonOrg-popup", visible: !collapse, position: "bottom", style: { height: '440px' } },
+                React.createElement(React.Fragment, null,
+                    React.createElement("p", { className: "selected-title" },
+                        React.createElement(Button, { type: "text", onClick: () => setCollapseStatus(true) }, "\u53D6\u6D88"),
+                        React.createElement("span", null,
+                            "\u5DF2\u9009\uFF1A",
+                            selectedLen,
+                            "\u4EBA"),
+                        React.createElement(Button, { type: "link", onClick: saveSelect }, "\u5B8C\u6210")),
+                    React.createElement("div", { className: "selected-person" }, selectedUser.map((item) => (React.createElement(Justify, { key: item === null || item === void 0 ? void 0 : item.UserId, left: React.createElement("span", { className: "selected-person__name" }, item === null || item === void 0 ? void 0 : item.Name), right: React.createElement(Icon, { onClick: () => removeId(item === null || item === void 0 ? void 0 : item.UserId), type: "dismiss" }) })))))))));
+};

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { safeJsonParse } from '../../../../utils/tool';
+export const HighLightComment = ({ details }) => {
+    const text = (details === null || details === void 0 ? void 0 : details.operationComment) || '';
+    let dom = '';
+    const positionMap = (details === null || details === void 0 ? void 0 : details.highlightPositionList) || '{}';
+    const obj = safeJsonParse(positionMap);
+    let startIndex = 0;
+    const arr = Object.entries(obj);
+    if (arr.length === 0) {
+        return text;
+    }
+    for (const [start, end] of arr) {
+        const name = text.substring(Number(start) + 1, end);
+        const domTemp = (React.createElement(React.Fragment, null,
+            text.substring(startIndex, Number(start)),
+            React.createElement("span", { style: { color: '#2473F2' } },
+                "@",
+                name)));
+        dom = (React.createElement(React.Fragment, null,
+            dom,
+            domTemp));
+        startIndex = end;
+    }
+    if (startIndex < text.length) {
+        dom = (React.createElement(React.Fragment, null,
+            dom,
+            text.substring(startIndex, text.length)));
+    }
+    return React.createElement("span", null, dom);
+};

package/dist/web/components/flow/components/HighlightTextarea/index.css

@@ -0,0 +1,45 @@
+.highlight-textarea-content {
+  display: inline-block;
+  width: 100%;
+}
+.highlight-textarea {
+  position: relative;
+  height: 7.14286rem;
+  border: 0.07143rem solid #dcdee6;
+  text-align: left;
+  overflow: scroll;
+  display: inline-block;
+  width: 99%;
+  margin-bottom: -0.35714rem;
+}
+.highlight-textarea .public-DraftEditorPlaceholder-root {
+  display: none;
+}
+.highlight-textarea .DraftEditor-root {
+  position: absolute;
+  width: 100%;
+  z-index: 1;
+}
+.highlight-textarea .DraftEditor-root .DraftEditor-editorContainer {
+  padding: 0.35714rem;
+  height: 6em;
+}
+.highlight-textarea
+  .DraftEditor-root
+  .DraftEditor-editorContainer
+  .public-DraftEditor-content {
+  height: 100%;
+}
+.highlight-textarea .DraftEditor-root .DraftEditor-editorContainer mark {
+  color: #888888;
+  background: transparent;
+}
+.highlight-textarea .highlight-textarea-placeholder {
+  position: absolute;
+  z-index: 0;
+  margin: 0.35714rem;
+  color: #999999;
+}
+
+/*# sourceURL=webpack://./src/web/components/flow/components/HighlightTextarea/index.css */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9mbG93L2NvbXBvbmVudHMvSGlnaGxpZ2h0VGV4dGFyZWEvaW5kZXguY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UscUJBQXFCO0VBQ3JCLFdBQVc7QUFDYjtBQUNBO0VBQ0Usa0JBQWtCO0VBQ2xCLGtCQUFrQjtFQUNsQixnQ0FBZ0M7RUFDaEMsZ0JBQWdCO0VBQ2hCLGdCQUFnQjtFQUNoQixxQkFBcUI7RUFDckIsVUFBVTtFQUNWLDBCQUEwQjtBQUM1QjtBQUNBO0VBQ0UsYUFBYTtBQUNmO0FBQ0E7RUFDRSxrQkFBa0I7RUFDbEIsV0FBVztFQUNYLFVBQVU7QUFDWjtBQUNBO0VBQ0UsbUJBQW1CO0VBQ25CLFdBQVc7QUFDYjtBQUNBOzs7O0VBSUUsWUFBWTtBQUNkO0FBQ0E7RUFDRSxjQUFjO0VBQ2QsdUJBQXVCO0FBQ3pCO0FBQ0E7RUFDRSxrQkFBa0I7RUFDbEIsVUFBVTtFQUNWLGtCQUFrQjtFQUNsQixjQUFjO0FBQ2hCIiwic291cmNlc0NvbnRlbnQiOlsiLmhpZ2hsaWdodC10ZXh0YXJlYS1jb250ZW50IHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogMTAwJTtcbn1cbi5oaWdobGlnaHQtdGV4dGFyZWEge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGhlaWdodDogNy4xNDI4NnJlbTtcbiAgYm9yZGVyOiAwLjA3MTQzcmVtIHNvbGlkICNkY2RlZTY7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIG92ZXJmbG93OiBzY3JvbGw7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgd2lkdGg6IDk5JTtcbiAgbWFyZ2luLWJvdHRvbTogLTAuMzU3MTRyZW07XG59XG4uaGlnaGxpZ2h0LXRleHRhcmVhIC5wdWJsaWMtRHJhZnRFZGl0b3JQbGFjZWhvbGRlci1yb290IHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi5oaWdobGlnaHQtdGV4dGFyZWEgLkRyYWZ0RWRpdG9yLXJvb3Qge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxMDAlO1xuICB6LWluZGV4OiAxO1xufVxuLmhpZ2hsaWdodC10ZXh0YXJlYSAuRHJhZnRFZGl0b3Itcm9vdCAuRHJhZnRFZGl0b3ItZWRpdG9yQ29udGFpbmVyIHtcbiAgcGFkZGluZzogMC4zNTcxNHJlbTtcbiAgaGVpZ2h0OiA2ZW07XG59XG4uaGlnaGxpZ2h0LXRleHRhcmVhXG4gIC5EcmFmdEVkaXRvci1yb290XG4gIC5EcmFmdEVkaXRvci1lZGl0b3JDb250YWluZXJcbiAgLnB1YmxpYy1EcmFmdEVkaXRvci1jb250ZW50IHtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuLmhpZ2hsaWdodC10ZXh0YXJlYSAuRHJhZnRFZGl0b3Itcm9vdCAuRHJhZnRFZGl0b3ItZWRpdG9yQ29udGFpbmVyIG1hcmsge1xuICBjb2xvcjogIzg4ODg4ODtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG59XG4uaGlnaGxpZ2h0LXRleHRhcmVhIC5oaWdobGlnaHQtdGV4dGFyZWEtcGxhY2Vob2xkZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6IDA7XG4gIG1hcmdpbjogMC4zNTcxNHJlbTtcbiAgY29sb3I6ICM5OTk5OTk7XG59XG4iXSwic291cmNlUm9vdCI6IiJ9 */

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

@@ -0,0 +1,131 @@
+import React, { useState, useEffect, useRef } from 'react';
+import HighlightWithinTextarea from 'react-highlight-within-textarea';
+import { UserSelectModel } from '../UserSelectModel';
+import './index.css';
+export const HighlightTextarea = ({ size = 'pc', placeholder = '请输入', value, onChange, opinionUserMap, setOpinionUserMap, setHighlightPositionMap, }) => {
+    const [selectPersonModalShow, setSelectPersonModalShow] = useState(false);
+    const range = useRef();
+    const [placeholderVisible, setPlaceholderVisible] = useState(!value);
+    const [highlightPositions, setHighlightPositions] = useState([]);
+    const [copyMsg, setCopyMsg] = useState('');
+    useEffect(() => {
+        if (!value) {
+            setPlaceholderVisible(true);
+            setOpinionUserMap({});
+            return;
+        }
+        setPlaceholderVisible(false);
+        const { res: highlightPositions, obj: highlightPositionObj } = checkHighLight(value);
+        setHighlightPositions([...highlightPositions]);
+        setHighlightPositionMap({ ...highlightPositionObj });
+        const newOpinionUserMap = {};
+        // value每次change后需要再次检查opinionUserMap
+        for (const [id, name] of Object.entries(opinionUserMap)) {
+            if (value.indexOf(name) !== -1) {
+                newOpinionUserMap[id] = name;
+            }
+        }
+        setOpinionUserMap(newOpinionUserMap);
+    }, [value]);
+    const checkHighLight = (text) => {
+        const highlightList = Object.values(opinionUserMap);
+        const len = highlightList.length;
+        let v = text;
+        let res = [];
+        // 回显时使用，必须顺序排列
+        let obj = {};
+        for (let i = 0; i < len; i++) {
+            const indexof = v.indexOf(highlightList[i]);
+            const itemLen = highlightList[i].length;
+            if (indexof !== -1) {
+                const endIndex = indexof + itemLen;
+                res.push([indexof, endIndex]);
+                obj[indexof] = endIndex;
+                const fillText = new Array(itemLen).fill(' ').join(''); // 空格填充
+                v = v.substring(0, indexof) + fillText + v.substring(endIndex);
+            }
+        }
+        if (res.length > 0 && v.includes('@')) {
+            // 继续检查剩下文本，是否存在重复@
+            const { res: arr, obj: objCopy } = checkHighLight(v);
+            res = res.concat(arr);
+            obj = { ...obj, ...objCopy };
+        }
+        return { res, obj };
+    };
+    const changeValue = (addValue) => {
+        var _a;
+        const r = range.current;
+        (_a = r === null || r === void 0 ? void 0 : r.insertNode) === null || _a === void 0 ? void 0 : _a.call(r, document.createTextNode(addValue));
+        onChange(`${value}${addValue}`);
+    };
+    const getRange = () => {
+        // 弹起人员选择弹框
+        setSelectPersonModalShow(true);
+        // 获取光标选区位置
+        const s = window.getSelection();
+        const r = s.getRangeAt(0);
+        range.current = r;
+    };
+    const countAtSignal = (value) => {
+        let count1 = 0;
+        let count2 = 0;
+        for (const v of value) {
+            if (v === '@') {
+                count1 += 1;
+            }
+        }
+        for (const v of copyMsg) {
+            if (v === '@') {
+                count2 += 1;
+            }
+        }
+        return count1 === count2;
+    };
+    return (React.createElement("div", { className: "highlight-textarea-content" },
+        React.createElement("div", { className: "highlight-textarea", onKeyUp: (e) => {
+                if (size === 'pc' &&
+                    e.shiftKey &&
+                    (e.key === '@' || e.keyCode === 50)) {
+                    getRange();
+                    return;
+                }
+                if (size === 'pc' && e.keyCode === 50) {
+                    // 判断当下value值是否存在2
+                    if (!countAtSignal(value)) {
+                        getRange();
+                    }
+                }
+                // eslint-disable-next-line rulesdir/no-timer
+                setTimeout(() => setCopyMsg(value), 300);
+            }, onFocus: () => {
+                setPlaceholderVisible(false);
+            }, onBlur: () => {
+                if (!value) {
+                    setPlaceholderVisible(true);
+                }
+            } },
+            React.createElement(HighlightWithinTextarea, { value: value, onChange: (value) => {
+                    onChange(value);
+                }, highlight: highlightPositions }),
+            placeholderVisible && (React.createElement("div", { className: "highlight-textarea-placeholder" }, placeholder))),
+        React.createElement(UserSelectModel, { visible: selectPersonModalShow, placeholder: "\u8BF7\u9009\u62E9\u901A\u77E5\u4EBA\u5458", onClose: () => {
+                setSelectPersonModalShow(false);
+            }, onChange: (val) => {
+                let v = '';
+                const newOpinionUserMap = { ...opinionUserMap };
+                (val || []).forEach((item, index) => {
+                    const name = `@${item.text}`;
+                    v = `${v + item.text} `;
+                    if (index < val.length - 1) {
+                        v = `${v}@`;
+                    }
+                    if (!opinionUserMap[item.value]) {
+                        newOpinionUserMap[item.value] = name;
+                    }
+                });
+                setOpinionUserMap({ ...newOpinionUserMap });
+                changeValue(v || ' ');
+                setSelectPersonModalShow(false);
+            }, value: [] })));
+};

package/dist/web/components/flow/components/UserSelectModel/UserSelect.js

@@ -0,0 +1,71 @@
+import React, { useEffect, useRef } from 'react';
+import UserTreeSelect from '../../../form/userOrgSelect';
+export function UserSelect(props) {
+    const { multiple = true, isMobile = false, placeholder, visible = false, onClose, } = props;
+    useEffect(() => {
+        const onBodyClick = (e) => {
+            const element = e.target;
+            if (element.closest('.wedatea2td-icon-close') ||
+                element.closest('.wedatea2td-btn--weak')) {
+                onClose === null || onClose === void 0 ? void 0 : onClose();
+            }
+        };
+        const evtOptions = { passive: true, capture: true };
+        document.addEventListener('click', onBodyClick, evtOptions);
+        return () => {
+            document.removeEventListener('click', onBodyClick, evtOptions);
+        };
+    }, []);
+    const { userSelectRef } = usePcUserSelectRef(visible);
+    const onTreeSelectChange = (value) => {
+        var _a, _b;
+        const selectedData = multiple ? value.data : [value.data];
+        const userList = selectedData === null || selectedData === void 0 ? void 0 : selectedData.map((user) => ({
+            text: (user === null || user === void 0 ? void 0 : user.userName) || (user === null || user === void 0 ? void 0 : user.content) || '-',
+            value: user.userId,
+        }));
+        (_a = props === null || props === void 0 ? void 0 : props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, userList || []);
+        (_b = props === null || props === void 0 ? void 0 : props.originOnChange) === null || _b === void 0 ? void 0 : _b.call(props, value);
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+    };
+    const commonProps = {
+        labelVisible: false,
+        decorator: null,
+        multiple,
+        size: 'auto-width',
+        defaultValue: props.value || [],
+        events: {
+            change: onTreeSelectChange,
+        },
+        placeholder,
+        style: {
+            display: 'none',
+        },
+    };
+    const mobileProps = {
+        modelType: 'model',
+        showType: 'h5',
+        dropDownStyle: { width: '190px' },
+        modelOpen: visible,
+    };
+    const pcProps = {
+        showType: 'pc',
+        outerRef: userSelectRef,
+        onClose,
+    };
+    const selectProps = { ...commonProps, ...(isMobile ? mobileProps : pcProps) };
+    return React.createElement(UserTreeSelect, { ...selectProps });
+}
+/**
+ * 针对Pc改版后的选人组件设置的自定义hook
+ */
+function usePcUserSelectRef(visible) {
+    const userSelectRef = useRef();
+    useEffect(() => {
+        var _a, _b, _c;
+        if (visible) {
+            (_c = (_b = (_a = userSelectRef.current) === null || _a === void 0 ? void 0 : _a.methods) === null || _b === void 0 ? void 0 : _b.open) === null || _c === void 0 ? void 0 : _c.call(_b);
+        }
+    }, [visible]);
+    return { userSelectRef };
+}

package/dist/web/components/flow/components/UserSelectModel/UserSelectMobile.css

@@ -0,0 +1,11 @@
+.flow-user-select-mobile {
+  height: calc(100% - 3.71429rem);
+}
+.flow-user-select-mobile .page-info__wrapper-mobile {
+  position: relative;
+  height: 100%;
+  background: #f2f2f2;
+}
+
+/*# sourceURL=webpack://./src/web/components/flow/components/UserSelectModel/UserSelectMobile.css */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9mbG93L2NvbXBvbmVudHMvVXNlclNlbGVjdE1vZGVsL1VzZXJTZWxlY3RNb2JpbGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsK0JBQStCO0FBQ2pDO0FBQ0E7RUFDRSxrQkFBa0I7RUFDbEIsWUFBWTtFQUNaLG1CQUFtQjtBQUNyQiIsInNvdXJjZXNDb250ZW50IjpbIi5mbG93LXVzZXItc2VsZWN0LW1vYmlsZSB7XG4gIGhlaWdodDogY2FsYygxMDAlIC0gMy43MTQyOXJlbSk7XG59XG4uZmxvdy11c2VyLXNlbGVjdC1tb2JpbGUgLnBhZ2UtaW5mb19fd3JhcHBlci1tb2JpbGUge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZDogI2YyZjJmMjtcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */

package/dist/web/components/flow/components/UserSelectModel/UserSelectMobile.js

@@ -0,0 +1,83 @@
+import React, { useState, useEffect } from 'react';
+import { safeJsonParse } from '../../../../utils/tool';
+import { UserSelect } from './UserSelect';
+import './UserSelectMobile.css';
+export const UserSelectMobile = (props) => {
+    const { visible, approveField, mode, close, values } = props;
+    const [selected, setSelected] = useState(values);
+    useEffect(() => {
+        const selectedAvatar = sessionStorage.getItem('selected');
+        selectedAvatar && setSelected(safeJsonParse(selectedAvatar));
+    }, []);
+    const handleHighLightSelected = (selectedIds, selectedUser, flowData) => {
+        let v = '';
+        const { opinionUserMap, approveInfo } = flowData;
+        selectedIds.forEach((id) => {
+            const user = selectedUser.find((user) => (user === null || user === void 0 ? void 0 : user.UserId) === id) || {};
+            const name = `@${user === null || user === void 0 ? void 0 : user.Name}`;
+            v = `${v + name} `;
+            if (!opinionUserMap[id]) {
+                opinionUserMap[id] = name;
+            }
+        });
+        flowData.approveInfo = approveInfo + v;
+        flowData.opinionUserMap = { ...opinionUserMap };
+    };
+    const saveSelect = (selectedIds, selectedUser) => {
+        var _a;
+        const flowData = (_a = safeJsonParse(sessionStorage.getItem('FlowActionsMobile'))) !== null && _a !== void 0 ? _a : {};
+        if (approveField === 'assigneeIds') {
+            flowData.assigneeIds = selectedIds;
+            sessionStorage.setItem('hasSignSubmit', 'hasSignSubmit');
+        }
+        else if (approveField === 'highLightApprovers') {
+            handleHighLightSelected(selectedIds, selectedUser, flowData);
+        }
+        else {
+            flowData[approveField] = selectedIds;
+        }
+        sessionStorage.setItem('FlowActionsMobile', JSON.stringify(flowData));
+        sessionStorage.setItem(approveField, JSON.stringify(selectedUser));
+        close === null || close === void 0 ? void 0 : close();
+    };
+    const onUserSelectChange = (rows) => {
+        var _a;
+        const isMultiple = mode === 'multiple';
+        const ids = isMultiple ? rows.value : [rows.value];
+        const users = (_a = rows.data) === null || _a === void 0 ? void 0 : _a.map((user) => ({
+            Name: user.content,
+            UserId: user.id,
+        }));
+        saveSelect(ids, users);
+    };
+    useEffect(() => {
+        let lastTouchEnd = 0;
+        const touchstartFn = (event) => {
+            if (event.touches.length > 1) {
+                event.preventDefault();
+            }
+        };
+        const touchendFn = (event) => {
+            const now = new Date().getTime();
+            if (now - lastTouchEnd <= 300) {
+                event.preventDefault();
+            }
+            lastTouchEnd = now;
+        };
+        const gesturestartFn = (event) => {
+            event.preventDefault();
+        };
+        document.addEventListener('touchstart', touchstartFn);
+        document.addEventListener('touchend', touchendFn, false);
+        // 阻止双指放大
+        document.addEventListener('gesturestart', gesturestartFn);
+        return () => {
+            document.removeEventListener('touchstart', touchstartFn);
+            document.removeEventListener('touchend', touchendFn);
+            document.removeEventListener('gesturestart', gesturestartFn);
+        };
+    }, []);
+    return visible ? (React.createElement(UserSelect, { visible: true, isMobile: true, multiple: mode === 'multiple', value: selected, originOnChange: onUserSelectChange, onClose: () => {
+            close === null || close === void 0 ? void 0 : close();
+        } })) : null;
+};

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { WedaUserTransfer } from '../WedaUserTransfer';
+import { FlowUserSelect } from '../FlowUserSelect';
+import { UserSelect } from './UserSelect';
+import { UserSelectMobile } from './UserSelectMobile';
+const useOld = false;
+export function UserSelectModel(props) {
+    if (props.mobileModel) {
+        if (useOld) {
+            return React.createElement(FlowUserSelect, { ...props });
+        }
+        return React.createElement(UserSelectMobile, { ...props });
+    }
+    if (useOld) {
+        return React.createElement(WedaUserTransfer, { ...props, setOptions: props === null || props === void 0 ? void 0 : props.onChange });
+    }
+    return React.createElement(UserSelect, { ...props });
+}

package/dist/web/components/flow/components/WedaUserTransfer/index.css

@@ -0,0 +1,6 @@
+.weda-workbench__flow-user-search {
+  background-color: #fff !important;
+}
+
+/*# sourceURL=webpack://./src/web/components/flow/components/WedaUserTransfer/index.css */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9mbG93L2NvbXBvbmVudHMvV2VkYVVzZXJUcmFuc2Zlci9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxpQ0FBaUM7QUFDbkMiLCJzb3VyY2VzQ29udGVudCI6WyIud2VkYS13b3JrYmVuY2hfX2Zsb3ctdXNlci1zZWFyY2gge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmICFpbXBvcnRhbnQ7XG59XG4iXSwic291cmNlUm9vdCI6IiJ9 */