@cloudbase/weda-ui 3.4.4 → 3.4.6

package/dist/web/components/wd-link/wd-link.js

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import React, { forwardRef, useImperativeHandle } from 'react';
 import classNames from '../../utils/classnames';
 import { emptyObject } from '../../utils/constant';
 import { useConfig } from '../../utils/config-context';
 import { usePlatform } from '../../utils/platform';
 import { WdIcon } from '../index';
-export const WdLink = ({ content, url, isOpenInNewWindow, params, iconType, iconSource = 'inner', icon, iconSrc, iconPosition = 'before', disabled, enableSlot = true, contentSlot, events = emptyObject, className, style, id, ...props }) => {
+export const WdLink = forwardRef(function WdLink({ content, url, isOpenInNewWindow, params, iconType, iconSource = 'inner', icon, iconSrc, iconPosition = 'before', disabled, enableSlot = true, contentSlot, events = emptyObject, className, style, id, ...props }, ref) {
     const platform = usePlatform();
     // 样式
     const { classPrefix } = useConfig();
@@ -47,13 +47,21 @@ export const WdLink = ({ content, url, isOpenInNewWindow, params, iconType, icon
         });
         return icon || iconSrc ? (React.createElement(WdIcon, { className: iconCls, size: 'sm', name: icon, src: iconSrc, type: iconSource })) : null;
     };
+    // Widget API，挂载组件只读属性和组件方法
+    useImperativeHandle(ref, () => {
+        return {
+            content,
+            url,
+            disabled,
+        };
+    }, [content, url, disabled]);
     return (React.createElement("a", { style: style, className: classNames(classes, className), target: isOpenInNewWindow ? '_blank' : '_self', href: href, id: id, onClick: onClick, rel: "noopener noreferrer", ...props },
         enableSlot && contentSlot && (React.createElement("div", { className: `${classPrefix}-link__slot` }, contentSlot)),
         React.createElement("span", { className: `${classPrefix}-link__wrap` },
             iconPosition === 'before' && iconType === 'text-with-icon' && React.createElement(Icon, null),
             iconType === 'icon-only' ? (React.createElement(Icon, null)) : (React.createElement("span", { className: `${classPrefix}-link__text` }, content)),
             iconPosition === 'after' && iconType === 'text-with-icon' && React.createElement(Icon, null))));
-};
+});
 function processUrl(url, params) {
     url = url === null || url === void 0 ? void 0 : url.trim();
     // URL 构造函数不支持 '//xxx.com' 的格式

package/dist/web/components/wd-text/wd-text.js

@@ -1,11 +1,11 @@
-import * as React from 'react';
+import React, { forwardRef, useImperativeHandle } from 'react';
 import classNames from '../../utils/classnames';
 import { useConfig } from '../../utils/config-context';
 import { textToString, usePlatform } from '../../utils/platform';
 import { convertLegacyProps } from './convert-legacy-props';
 import { convertLegacyEnum } from '../../utils/tool';
 import { WD_TEXT_LEVEL, WD_TEXT_MAX_LINES } from '../../../enum';
-export const WdText = ({ className, style, id, level: _level = 'body-default', text, overflow, maxLines: _maxLines, space, tips, userSelect, events, contenteditable, onInput, onBlur, ...props }) => {
+export const WdText = forwardRef(function WdText({ className, style, id, level: _level = 'body-default', text, overflow, maxLines: _maxLines, space, tips, userSelect, events, contenteditable, onInput, onBlur, ...props }, ref) {
     const platform = usePlatform();
     // 兼容旧版组件的属性值
     let level = convertLegacyProps('level', String(_level)) || _level;
@@ -58,6 +58,18 @@ export const WdText = ({ className, style, id, level: _level = 'body-default', t
             return acc;
         }, {});
     }, [props]);
+    // Widget API，挂载组件只读属性和组件方法
+    useImperativeHandle(ref, () => {
+        return {
+            text,
+            level,
+            overflow,
+            maxLines,
+            space,
+            userSelect,
+            tips,
+        };
+    }, [text, level, overflow, maxLines, space, userSelect, tips]);
     switch (level) {
         case 'title-1':
             return (React.createElement("h1", { className: classNames(classes, className), style: inlineStyle, id: id, 
@@ -88,4 +100,4 @@ export const WdText = ({ className, style, id, level: _level = 'body-default', t
                 //@ts-expect-error contentEditable type def sucks
                 contentEditable: contenteditable, onInput: onInput, onBlur: onBlur, title: tips ? textToString(text) : '', onClick: (e) => events.tap({}, { originEvent: e }), ...propsStartWithOn }, textToString(text)));
     }
-};
+});

package/dist/web/utils/hooks/use-cloud-id-temp-url.js

@@ -1,10 +1,15 @@
 import useSWR from 'swr';
 import { getTempFileURL } from '../tcb';
+import { isCloudFileID, transFileCloudidToName } from '../platform';
 export function useTempUrl(cloudId) {
+    const isCloudId = isCloudFileID(cloudId);
     const prefix = 'tcb:cloud-id:temp-url';
-    const key = `${prefix}:${cloudId}`;
+    // https格式不走cloudId处理逻辑
+    const key = isCloudId
+        ? `${prefix}:${transFileCloudidToName(cloudId)}`
+        : cloudId;
     return useSWR(key, async () => {
-        if (!(cloudId === null || cloudId === void 0 ? void 0 : cloudId.startsWith('cloud://'))) {
+        if (!isCloudId) {
             return cloudId;
         }
         const tempUrl = await getTempFileURL(cloudId);

package/dist/web/utils/platform.js

@@ -152,7 +152,7 @@ export const isWXIDE = () => /wechatideplugin/i.test(navigator.userAgent);
 export const resolveStaticResourceUrl = (path) => {
     var _a, _b;
     try {
-        // eslint-disable-next-line no-unsafe-optional-chaining
+        // eslint-disable-next-line no-unsafe-optional-chaining, prettier/prettier
         const resourceUrl = (_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.__internal__) === null || _b === void 0 ? void 0 : _b.resolveStaticResourceUrl(path);
         return resourceUrl;
     }
@@ -222,7 +222,6 @@ export const getWhereList = (where) => {
                         if (val === '' ||
                             val === undefined ||
                             Object.prototype.toString.call(val) === '[object Object]') {
-                            console.error(`${item2 === null || item2 === void 0 ? void 0 : item2.key}筛选值为：${val},不符合查询条件，请检查绑定变量值是否正确`);
                             return;
                         }
                         if ('_begin_with' === rel) {
@@ -349,3 +348,11 @@ export const getUserInfo = () => {
 export const isSupportLoading = () => {
     return 'loading' in HTMLImageElement.prototype;
 };
+/**
+ * 判断web是否被小程序嵌套
+ */
+export const isWebInMiniprogram = () => {
+    var ua = navigator.userAgent.toLowerCase();
+    return ((ua.match(/micromessenger/i) && ua.match(/miniprogram/i)) ||
+        window['__wxjs_environment'] === 'miniprogram');
+};

package/dist/web/utils/tool.js

@@ -107,3 +107,14 @@ export const getFieldsTypeName = (fields) => {
         return item;
     });
 };
+/**
+ * 从 props 中取出 on 开头的
+ */
+export const filterPropsWithOn = (props) => {
+    return Object.keys(props).reduce((acc, cur) => {
+        if (cur.startsWith('on')) {
+            acc[cur] = props[cur];
+        }
+        return acc;
+    }, {});
+};

package/dist/web/utils/widget-api/index.js

@@ -7,6 +7,9 @@ export function getParentForm($node) {
         if (cur.parent) {
             cur = cur.parent;
         }
+        else {
+            cur = cur.getOwnerWidget();
+        }
     }
     return cur;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.4.4",
+  "version": "3.4.6",
   "main": "./dist/index.js",
   "module": "./dist/index",
   "miniprogram": "mpdist",
@@ -61,7 +61,7 @@
   "license": "MIT",
   "description": "腾讯云微搭低代码组件库模板",
   "dependencies": {
-    "@antv/g6": "3.8.5",
+    "@antv/g6": "^4.8.5",
     "@loadable/component": "^5.15.2",
     "@react-hookz/web": "^14.2.2",
     "@sinclair/typebox": "^0.25.3",
@@ -83,9 +83,9 @@
     "react-error-boundary": "^3.1.4",
     "react-highlight-within-textarea": "3.1.1",
     "react-infinite-scroll-component": "6.1.0",
-    "react-vant": "3.0.0-rc.7",
+    "react-transition-group": "^4.4.5",
     "spark-md5": "^3.0.2",
-    "swr": "^1.3.0",
+    "swr": "^2.0.3",
     "tdesign-icons-react": "0.0.8",
     "tea-component": "^2.7.8",
     "uuid": "8.3.2",
@@ -103,6 +103,8 @@
     "@babel/preset-typescript": "^7.18.6",
     "@cloudbase/cals": "^0.5.1-beta.8",
     "@cloudbase/lowcode-cli": "^0.18.3",
+    "@cloudbase/weda-client": "^0.2.45",
+    "@cloudbase/weda-cloud-sdk": "^1.0.26",
     "@commitlint/cli": "^16.0.2",
     "@commitlint/config-conventional": "^17.0.0",
     "@craco/craco": "^7.0.0-alpha.7",
@@ -167,7 +169,7 @@
     "jest-preview": "^0.2.6",
     "json-schema-to-ts": "^2.5.5",
     "make-fetch-happen": "^11.0.1",
-    "miniprogram-simulate": "^1.5.7",
+    "miniprogram-simulate": "^1.5.8",
     "mkdirp": "^1.0.4",
     "mochawesome": "^7.1.3",
     "mochawesome-merge": "^4.2.1",

package/dist/configs/components/auth.json

@@ -1,17 +0,0 @@
-{
-    "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
-    "data": {
-        "properties": {}
-    },
-    "events": [],
-    "meta": {
-        "name": "Auth",
-        "title": "登录",
-        "description": "登录组件",
-        "icon": "./auth.svg",
-        "category": "开放能力",
-        "categoryOrder": 1,
-        "componentOrder": 1,
-        "visible": []
-    }
-}

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

@@ -1,116 +0,0 @@
-.flow-user-select-mobile {
-  height: calc(100% - 52px);
-}
-.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% - 200px) !important;
-}
-.flow-user-select-mobile
-  .page-info__wrapper-mobile
-  .wedatea2td-table
-  .wedatea2td-table__body {
-  max-height: calc(100% - 50px) !important;
-}
-.flow-user-select-mobile .page-info__wrapper-mobile footer.selected-info {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  height: 90px;
-  padding: 12px 16px 0 20px;
-  box-sizing: border-box;
-  background: #fff;
-}
-.flow-user-select-mobile
-  .page-info__wrapper-mobile
-  footer.selected-info
-  .selected-info__left
-  .selected-count {
-  font-size: 14px;
-  color: #2473f2;
-}
-.flow-user-select-mobile
-  .page-info__wrapper-mobile
-  footer.selected-info
-  .selected-info__left
-  .selected-people {
-  font-size: 12px;
-  color: #c2c2c2;
-  max-width: 200px;
-  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: 16px;
-  width: 8px;
-  height: 8px;
-  border: none;
-  border-top: 2px solid #2473f2;
-  border-right: 2px solid #2473f2;
-  transform: rotate(-45deg);
-  vertical-align: middle;
-}
-.flow-user-select-mobile
-  .page-info__wrapper-mobile
-  footer.selected-info
-  .submit-btn {
-  width: 94px;
-  height: 40px;
-  border-radius: 4px;
-  background: #2473f2;
-}
-.flow-user-select-mobile .page-info__wrapper-mobile .loading-dom__wrapper {
-  height: calc(100% - 150px);
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-  background: #fff;
-}
-.SelectPersonOrg-popup .selected-title {
-  position: sticky;
-  top: 0;
-  padding: 0 20px;
-  height: 40px;
-  line-height: 40px;
-  display: flex;
-  justify-content: space-between;
-  border-bottom: 1px solid #dcdee6;
-}
-.SelectPersonOrg-popup .selected-title .tea-btn {
-  font-size: 16px;
-}
-.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: 14px;
-}
-.SelectPersonOrg-popup .selected-person {
-  height: calc(100% - 41px);
-  padding: 0 20px;
-  overflow-y: auto;
-}
-.SelectPersonOrg-popup .selected-person .tea-justify-grid {
-  height: 40px;
-  line-height: 40px;
-  border-bottom: 1px solid #dcdee6;
-}
-.SelectPersonOrg-popup
-  .selected-person
-  .tea-justify-grid
-  .selected-person__name {
-  font-size: 14px;
-}

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

@@ -1,115 +0,0 @@
-/* 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/HighlightTextarea/index.css

@@ -1,42 +0,0 @@
-.highlight-textarea-content {
-  display: inline-block;
-  width: 100%;
-}
-.highlight-textarea {
-  position: relative;
-  height: 100px;
-  border: 1px solid #dcdee6;
-  text-align: left;
-  overflow: scroll;
-  display: inline-block;
-  width: 99%;
-  margin-bottom: -5px;
-}
-.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: 5px;
-  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: 5px;
-  color: #999999;
-}

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

@@ -1,131 +0,0 @@
-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: [] })));
-};