@lingxiteam/ebe-utils 0.2.4 → 0.2.6

package/lib/pcpublic/src/components/pcfactory/src/Table/utils/index.ts

@@ -12,7 +12,7 @@ export type SingleRowInfo = {
 // 获取分组名称，为空的向下补全
 const findGroupName = (groupList: string[], startIndex: number) => {
   const list = groupList.slice(startIndex);
-  return list.find((g) => !!g) || '';
+  return list.find(g => !!g) || '';
 };
 export const handleMultiLevelHeader = (leftTree: any, column: any) => {
   const { fixed = '' } = column;
@@ -37,11 +37,7 @@ export const handleMultiLevelHeader = (leftTree: any, column: any) => {
   if (Array.isArray(group) && groupLen > 0) {
     // 标记右树从哪个节点开始至最后一个都为空(undefined/null/'')
     let groupEmptyStartIndex = groupLen - 1;
-    while (
-      typeof group[groupEmptyStartIndex] === 'undefined' ||
-      group[groupEmptyStartIndex] === null ||
-      group[groupEmptyStartIndex] === ''
-    ) {
+    while (typeof group[groupEmptyStartIndex] === 'undefined' || group[groupEmptyStartIndex] === null || group[groupEmptyStartIndex] === '') {
       // 当分组数据遍历完成 或 下一个已经不为空时，退出循环
       if (groupEmptyStartIndex - 1 < 0 || group[groupEmptyStartIndex - 1]) {
         break;
@@ -61,10 +57,7 @@ export const handleMultiLevelHeader = (leftTree: any, column: any) => {
     // 从第一层开始，最后一层会接入列信息
     while (rightLevel <= groupLen) {
       // 从当前层到最后一层都为空时：直接接入列信息，并退出循环
-      if (
-        rightLevel === groupEmptyStartIndex + 1 &&
-        !group[groupEmptyStartIndex]
-      ) {
+      if (rightLevel === groupEmptyStartIndex + 1 && !group[groupEmptyStartIndex]) {
         // 将列数据放入最后一层分组最后一个节点的children，即再加最后一层
         tempRightTree.children = [column];
         // 记录最最后一层
@@ -106,8 +99,7 @@ export const handleMultiLevelHeader = (leftTree: any, column: any) => {
       leftLevel += 1;
       const leftTreeCurrLevelLastChildren = leftTreeCurrLevelLast.children;
       // 取左树当前层的最后一个
-      leftTreeCurrLevelLast =
-        leftTreeCurrLevelLastChildren[leftTreeCurrLevelLastChildren.length - 1];
+      leftTreeCurrLevelLast = leftTreeCurrLevelLastChildren[leftTreeCurrLevelLastChildren.length - 1];
       leftTreeLevelMap[leftLevel] = leftTreeCurrLevelLast;
     }
 
@@ -120,11 +112,7 @@ export const handleMultiLevelHeader = (leftTree: any, column: any) => {
           leftTreeLast.children = [];
         }
         leftTreeLast.children.push(...(current?.children || []));
-      } else if (
-        current &&
-        current?.title === leftTreeLast?.title &&
-        current?.fixed === leftTreeLast?.fixed
-      ) {
+      } else if (current && current?.title === leftTreeLast?.title && current?.fixed === leftTreeLast?.fixed) {
         current.colSpanStart = leftTreeLast?.colSpanStart || leftTreeLast;
         const colSpan = current?.colSpanStart?.colSpan || 1;
         current.colSpanStart.colSpan = colSpan + 1;
@@ -145,10 +133,10 @@ export const handleMergeHeader = <
     className?: string;
     children?: T[];
     colSpan?: number;
-  },
+  }
 >(
-  columns?: Array<T>,
-) => {
+    columns?: Array<T>
+  ) => {
   const getRowSpan = (col: T) => {
     let span = 1;
     const newCol = { ...col };
@@ -156,12 +144,7 @@ export const handleMergeHeader = <
     while (current !== null) {
       if (current?.children?.length === 1) {
         const next: T = current.children?.[0];
-        if (
-          next.title === col?.title &&
-          col?.title &&
-          next.className !== hiddenHeaderCellClass &&
-          col?.colSpan === next?.colSpan
-        ) {
+        if (next.title === col?.title && col?.title && next.className !== hiddenHeaderCellClass && col?.colSpan === next?.colSpan) {
           // 分组名一致，上下合并
           span += 1;
           next.className = hiddenHeaderCellClass;
@@ -179,7 +162,7 @@ export const handleMergeHeader = <
     };
   };
   const recursive = (cols: T[]) => {
-    return cols.map((col) => {
+    return cols.map(col => {
       if (col?.title) {
         const { rowSpan } = getRowSpan(col);
         if (rowSpan > 1) {
@@ -199,35 +182,21 @@ export const handleMergeHeader = <
   return recursive(columns || []);
 };
 
-export const handleExpandColumn = ({
-  expandComponents,
-  expandIconPositionRef,
-  expandIconPosition,
-  columns,
-}: any) => {
+export const handleExpandColumn = ({ expandComponents, expandIconPositionRef, expandIconPosition, columns }: any) => {
   // 有设置扩展内容 且 存在行展开图标位置配置
-  if (
-    Array.isArray(expandComponents) &&
-    expandComponents.length &&
-    expandIconPositionRef
-  ) {
+  if (Array.isArray(expandComponents) && expandComponents.length && expandIconPositionRef) {
     // 找到行展开图标位置 基准列的索引（有可能也是分组）
-    const refColIndex = columns?.findIndex(
-      (c: { dataIndex: string | string[]; [key: string]: any }) => {
-        if (c.dataIndex) {
-          return (
-            `${c.dataIndex || ''}` ===
-            `${expandIconPositionRef?.dataIndex || ''}`
-          );
-        }
+    const refColIndex = columns?.findIndex((c: { dataIndex: string | string[]; [key: string]: any }) => {
+      if (c.dataIndex) {
+        return `${c.dataIndex || ''}` === `${expandIconPositionRef?.dataIndex || ''}`;
+      }
 
-        if (c.title) {
-          return c.title === expandIconPositionRef?.title;
-        }
+      if (c.title) {
+        return c.title === expandIconPositionRef?.title;
+      }
 
-        return false;
-      },
-    );
+      return false;
+    });
 
     // 说明存在基准列，则进一步定位左右侧
     if (refColIndex !== -1) {
@@ -282,7 +251,7 @@ export const handleRecursiveParseColumns = (
         fontSize?: string;
       };
     };
-  },
+  }
 ) => {
   const colChildList: any[] = [];
   let colIdMap: { [id: string]: any } = {};
@@ -303,10 +272,7 @@ export const handleRecursiveParseColumns = (
         } = handleRecursiveParseColumns(col.children, rowIndex + 1, styleInfo);
         newCol.children = childColumns;
         colChildList.push(...childCols);
-        const dataColsStr = childCols.reduce(
-          (p, n) => (p ? `${p}&${n.id}` : `${n.id}`),
-          '',
-        );
+        const dataColsStr = childCols.reduce((p, n) => (p ? `${p}&${n.id}` : `${n.id}`), '');
         const id = `group-${rowIndex}-${dataColsStr}`;
         col.id = id;
         newCol.id = id;
@@ -319,10 +285,7 @@ export const handleRecursiveParseColumns = (
         colChildList.push(col);
       }
       if (styleInfo) {
-        const style =
-          styleInfo?.colorType === 'single'
-            ? styleInfo?.singleColorSetting
-            : styleInfo?.customColorSetting?.[newCol?.id];
+        const style = styleInfo?.colorType === 'single' ? styleInfo?.singleColorSetting : styleInfo?.customColorSetting?.[newCol?.id];
         col.style = style;
         newCol.style = style;
         // 给分组头部传递props
@@ -365,25 +328,17 @@ export const compareFn = (a: any, b: any) => {
     }
     if (prevNegative === nextNegative) {
       // 两数间最长的小数位长度
-      const expandedLen =
-        prevDecimal.length > nextDecimal?.length
-          ? prevDecimal.length - 1
-          : nextDecimal.length - 1;
+      const expandedLen = prevDecimal.length > nextDecimal?.length ? prevDecimal.length - 1 : nextDecimal.length - 1;
       const expand = (decimal: string, len: number) => {
         // 小数部分内容
         const num = decimal.indexOf('.') === 0 ? decimal.slice(1) : decimal;
         // 长度不一的小数进行补位
-        const zero =
-          len - num.length > 0 ? new Array(len - num.length).fill('0') : [];
+        const zero = len - num.length > 0 ? new Array(len - num.length).fill('0') : [];
         return `${num}${zero.join('')}`;
       };
       // 小数时两个数字同时扩大
-      const prevStr = prevDecimal
-        ? prev.replace(prevDecimal, expand(prevDecimal, expandedLen))
-        : prev;
-      const nextStr = nextDecimal
-        ? next.replace(nextDecimal, expand(nextDecimal, expandedLen))
-        : next;
+      const prevStr = prevDecimal ? prev.replace(prevDecimal, expand(prevDecimal, expandedLen)) : prev;
+      const nextStr = nextDecimal ? next.replace(nextDecimal, expand(nextDecimal, expandedLen)) : next;
       if (prevNegative && nextNegative) {
         // 负数，调换位置
         prev = nextStr;
@@ -401,17 +356,14 @@ export const compareFn = (a: any, b: any) => {
   return prev.localeCompare(next);
 };
 
-export function recursionDataSource<
-  T extends Record<string, any>,
-  U extends T = T,
->(
+export function recursionDataSource<T extends Record<string, any>, U extends T = T>(
   dataSource: T[],
   parseNodeFn?: (node: T, parentPath?: U[]) => U | void,
   childrenKey: string = 'children',
-  parentPath: U[] = [],
+  parentPath: U[] = []
 ) {
   if (!Array.isArray(dataSource)) return dataSource;
-  return dataSource.map((d) => {
+  return dataSource.map(d => {
     let data: Record<string, any> = {
       ...d,
     };
@@ -423,12 +375,7 @@ export function recursionDataSource<
       }
     }
     if (Array.isArray(data[childrenKey]) && data[childrenKey].length) {
-      data[childrenKey] = recursionDataSource(
-        data[childrenKey],
-        parseNodeFn,
-        childrenKey,
-        [...parentPath, data as U],
-      );
+      data[childrenKey] = recursionDataSource(data[childrenKey], parseNodeFn, childrenKey, [...parentPath, data as U]);
     }
 
     return data;
@@ -443,8 +390,7 @@ export const getFullCheckedKeySet = <T extends {}>(params: {
   disabledMap: Record<string | number, boolean>;
   checked?: boolean;
 }) => {
-  const { maxLevel, levelEntries, currentCheckedKey, checked, disabledMap } =
-    params;
+  const { maxLevel, levelEntries, currentCheckedKey, checked, disabledMap } = params;
   // key格式做弱等类型判断
   const checkedLooseMap = currentCheckedKey.reduce((p, n) => {
     p[n] = n;
@@ -454,31 +400,22 @@ export const getFullCheckedKeySet = <T extends {}>(params: {
   // 从下往上收集选中的父节点
   for (let level = maxLevel; level >= 0; level -= 1) {
     const levelList = levelEntries.get(level);
-    levelList?.forEach((node) => {
+    levelList?.forEach(node => {
       let allChecked = true;
       const parent = node.__parent__;
-      if (
-        parent &&
-        (disabledMap[parent?.__key__] || visitedKey.has(parent.__key__))
-      )
+      if (parent && (disabledMap[parent?.__key__] || visitedKey.has(parent.__key__))) {
         return;
+      }
       if (disabledMap[node?.__key__]) return;
-      const siblings = parent?.__children__?.filter(
-        (c) => !disabledMap[c.__key__],
-      );
-      siblings?.forEach((child) => {
+      const siblings = parent?.__children__?.filter(c => !disabledMap[c.__key__]);
+      siblings?.forEach(child => {
         // 子节点都选中，父节点也要选中
         if (allChecked && !checkedLooseMap[child.__key__]) {
           allChecked = false;
         }
       });
       // 反选子节点时去除之前勾选的父节点
-      if (
-        !checked &&
-        parent &&
-        !allChecked &&
-        checkedLooseMap[parent.__key__]
-      ) {
+      if (!checked && parent && !allChecked && checkedLooseMap[parent.__key__]) {
         delete checkedLooseMap[parent.__key__];
         visitedKey.add(parent?.__key__);
       }
@@ -494,7 +431,7 @@ export const getFullCheckedKeySet = <T extends {}>(params: {
     Object.keys(checkedLooseMap).reduce((p, n) => {
       p.push(checkedLooseMap[n]);
       return p;
-    }, [] as (string | number)[]),
+    }, [] as (string | number)[])
   );
 };
 
@@ -511,5 +448,4 @@ export const getFormItemFieldName = ({
   rowData: any;
   rowId?: string | number;
   dataIndex: string | string[];
-}) =>
-  `${compId}_${currentRowKey}_${rowData[currentRowKey] || rowId}_${dataIndex}`;
+}) => `${compId}_${currentRowKey}_${rowData[currentRowKey] || rowId}_${dataIndex}`;

package/lib/pcpublic/src/components/pcfactory/src/Table/utils/indexedDBHelper.ts

@@ -13,16 +13,11 @@ const DBNAME = 'TABLE_CUSTOM';
 const isIE = !!((window as any).ActiveXObject || 'ActiveXObject' in window);
 
 const getOrSaveData = (actionData: DataProps) => {
-  return new Promise((resolve) => {
-    const pagePatch =
-      window.location.hash?.match(PATTERN)?.[0]?.replace(/^#\//, '') || '';
+  return new Promise(resolve => {
+    const pagePatch = window.location.hash?.match(PATTERN)?.[0]?.replace(/^#\//, '') || '';
     const pageKey = `${actionData.appId}_${pagePatch}_${actionData.userId}`;
     //  兼容浏览器
-    const indexedDB =
-      window.indexedDB ||
-      (window as any).mozIndexedDB ||
-      (window as any).webkitIndexedDB ||
-      (window as any).msIndexedDB;
+    const indexedDB = window.indexedDB || (window as any).mozIndexedDB || (window as any).webkitIndexedDB || (window as any).msIndexedDB;
 
     if (indexedDB) {
       let version = new Date().getTime();
@@ -67,7 +62,7 @@ const getOrSaveData = (actionData: DataProps) => {
         }
       };
       // 数据库打开失败的回调
-      request.onerror = (event) => {
+      request.onerror = event => {
         console.log('indexedDB数据库打开报错:', event);
         resolve({});
       };
@@ -82,9 +77,7 @@ const getOrSaveData = (actionData: DataProps) => {
       };
     } else {
       // 不支持indexDB,就用localStorage存储
-      const allData: any = JSON.parse(
-        window.localStorage.getItem(DBNAME) || '{}',
-      );
+      const allData: any = JSON.parse(window.localStorage.getItem(DBNAME) || '{}');
       if (actionData.save) {
         // 超过100个就删掉一些
         let allKeys = Object.keys(allData);

package/lib/pcpublic/src/components/pcfactory/src/Tabs/index.tsx

@@ -4,9 +4,7 @@ import type { TabsProps } from 'antd/es/tabs';
 import classnames from 'classnames';
 import React, { useEffect, useImperativeHandle, useRef, useState } from 'react';
 import { basicStatusTransfer } from '../utils';
-import ChannelContainer, {
-  ChannelContainerOptions,
-} from '../utils/ChannelContainer';
+import ChannelContainer, { ChannelContainerOptions } from '../utils/ChannelContainer';
 
 /**
  * 修改原因：
@@ -21,17 +19,7 @@ export interface MyTabsProps extends TabsProps {
 const { TabPane } = Tabs;
 
 const MyTabs = LingxiForwardRef<any, MyTabsProps>((props, ref) => {
-  const {
-    value,
-    visible = true,
-    children,
-    onChange,
-    defaultActiveKey,
-    style,
-    getEngineApis,
-    className,
-    ...restProps
-  } = props;
+  const { value, visible = true, children, onChange, defaultActiveKey, style, getEngineApis, className, ...restProps } = props;
 
   const childKeys = useRef<string[]>([]);
 
@@ -39,9 +27,7 @@ const MyTabs = LingxiForwardRef<any, MyTabsProps>((props, ref) => {
 
   const [activeKey, setActiveKey] = useState(() => props.defaultActiveKey);
   const memoActiveKeys = useRef<string[]>([]).current;
-  const hiddenTabsKeyMap = useRef<
-    Record<string, { visible: string; index: number; key: string }>
-  >({}).current; // 隐藏的tabs
+  const hiddenTabsKeyMap = useRef<Record<string, { visible: string; index: number; key: string }>>({}).current; // 隐藏的tabs
   // 缓存下来key 标识当前TabPanel已经渲染
   if (activeKey && !memoActiveKeys.includes(activeKey)) {
     memoActiveKeys.push(activeKey);
@@ -94,15 +80,8 @@ const MyTabs = LingxiForwardRef<any, MyTabsProps>((props, ref) => {
 
   useEffect(() => {
     // 如果页面渲染完成的时候activeKey不存在，那么默认设置第一个
-    if (
-      (activeKey &&
-        !memoActiveKeys.includes(activeKey) &&
-        !hiddenTabsKeyMap[activeKey]) ||
-      !activeKey
-    ) {
-      const fistKey = Object.values(hiddenTabsKeyMap).filter(
-        (i) => i.index === 0,
-      );
+    if ((activeKey && !memoActiveKeys.includes(activeKey) && !hiddenTabsKeyMap[activeKey]) || !activeKey) {
+      const fistKey = Object.values(hiddenTabsKeyMap).filter(i => i.index === 0);
       setActiveKey(fistKey?.[0].key);
     }
   }, []);
@@ -129,11 +108,7 @@ const MyTabs = LingxiForwardRef<any, MyTabsProps>((props, ref) => {
           Object.assign(c.props.schema.style, { padding });
         }
 
-        const {
-          visible = true,
-          forceRender = false,
-          ...extendProps
-        } = getProps(c);
+        const { visible = true, forceRender = false, ...extendProps } = getProps(c);
 
         hiddenTabsKeyMap[key] = {
           visible,
@@ -143,13 +118,7 @@ const MyTabs = LingxiForwardRef<any, MyTabsProps>((props, ref) => {
 
         return (
           // tab={c?.props.schema?.props?.tab || c?.props?.tab} 兼容转源码
-          <TabPane
-            forceRender
-            {...(c?.props.schema?.props || {})}
-            key={key}
-            tab={c?.props.schema?.props?.tab || c?.props?.tab}
-            {...extendProps}
-          >
+          <TabPane forceRender {...(c?.props.schema?.props || {})} key={key} tab={c?.props.schema?.props?.tab || c?.props?.tab} {...extendProps}>
             <ChannelContainer.Item
               extendProps={{
                 // TabPane是否应该渲染子节点
@@ -175,13 +144,14 @@ const MyTabs = LingxiForwardRef<any, MyTabsProps>((props, ref) => {
   return (
     <div className={classnames('ued-tabs-wrap', className)}>
       <ChannelContainer>
-        {(options) => (
+        {options => (
           <Tabs
             activeKey={activeKey}
             defaultActiveKey={defaultActiveKey}
             {...restProps}
             style={restStyle}
-            onChange={(activeKey) => {
+            popupClassName="ued-tabs-more-dropdown"
+            onChange={activeKey => {
               if (onChange) {
                 onChange(activeKey);
               }
@@ -190,7 +160,7 @@ const MyTabs = LingxiForwardRef<any, MyTabsProps>((props, ref) => {
             renderTabBar={(props, DefaultTabBar) => {
               return (
                 <DefaultTabBar {...props}>
-                  {(node) => {
+                  {node => {
                     if (node.key && !hiddenTabsKeyMap[node.key]?.visible) {
                       return <React.Fragment key={node.key} />;
                     }

package/lib/pcpublic/src/components/pcfactory/src/Tag/index.tsx

@@ -23,10 +23,7 @@ const MyTag = LingxiForwardRef<any, MyTagProps>((props, ref) => {
         <Tag
           {...restProps}
           color={restProps?.tagType?.color || restProps.color}
-          className={classnames(
-            restProps.className,
-            restProps?.tagType?.classname,
-          )}
+          className={classnames(restProps.className, restProps?.tagType?.classname)}
         >
           {title}
         </Tag>

package/lib/pcpublic/src/components/pcfactory/src/Text/index.tsx

@@ -47,6 +47,7 @@ const Text = LingxiForwardRef<any, MyTextProps>((props, ref) => {
     content,
     onDoubleClick,
     onClick,
+    getEngineApis,
     ...restProps
   } = props;
 
@@ -63,48 +64,31 @@ const Text = LingxiForwardRef<any, MyTextProps>((props, ref) => {
    * attrNbrInfo 静态数据的值，预处理的上报随后返回
    */
 
+  const engineApis = getEngineApis?.() || {};
+
   const { customs, attrNbrInfo } = textReg || {};
-  const getRegStr = (str: string) =>
-    /^\/.+\/.*/g.test(str) ? str.replace(/^\//, '').replace(/\/$/g, '') : str;
+  const getRegStr = (str: string) => (/^\/.+\/.*/g.test(str) ? str.replace(/^\//, '').replace(/\/$/g, '') : str);
 
-  const getRegMap = (
-    array: string[],
-    originKey: any,
-    targetKey: any,
-  ): [Record<string, any>, string[]] => {
+  const getRegMap = (array: string[], originKey: any, targetKey: any): [Record<string, any>, string[]] => {
     const regExpMap: any = {};
-    const regExpSort = [...array].sort(
-      (a: any, b: any) =>
-        String(b[originKey]).length - String(a[originKey]).length,
-    );
-    regExpSort.forEach((c) => {
+    const regExpSort = [...array].sort((a: any, b: any) => String(b[originKey]).length - String(a[originKey]).length);
+    regExpSort.forEach(c => {
       regExpMap[getRegStr(c[originKey])] = c[targetKey];
     });
-    return [regExpMap, regExpSort.map((c) => c[originKey])];
+    return [regExpMap, regExpSort.map(c => c[originKey])];
   };
 
   const getRegMapItem = (map: any, item: string) => {
-    const key = Object.keys(map).find((c) => new RegExp(c).test(item)) || '';
+    const key = Object.keys(map).find(c => new RegExp(c).test(item)) || '';
     return map[key];
   };
 
-  const getFinalStr = (
-    array: string[],
-    originKey: string,
-    targetKey: string,
-  ) => {
-    const [customRegMap, customRegSort] = getRegMap(
-      array,
-      originKey,
-      targetKey,
-    );
+  const getFinalStr = (array: string[], originKey: string, targetKey: string) => {
+    const [customRegMap, customRegSort] = getRegMap(array, originKey, targetKey);
     const reStr = `(${customRegSort.join('|')})`;
     const newReg = new RegExp(reStr, 'g');
     const pcontent = typeof content === 'string' ? content : '';
-    return pcontent.replace(
-      newReg,
-      (it) => customRegMap[it] || getRegMapItem(customRegMap, it),
-    );
+    return pcontent.replace(newReg, it => customRegMap[it] || getRegMapItem(customRegMap, it));
   };
   const Ele: any = useMemo(() => {
     const _tag = textType?.toLowerCase();
@@ -134,26 +118,27 @@ const Text = LingxiForwardRef<any, MyTextProps>((props, ref) => {
       'span',
     ];
     if (!htmlTextTag.includes(_tag)) {
-      console.warn(
-        `文本控件：文本类型(${_tag})为非文本标签，将使用div进行展示`,
-      );
+      console.warn(`文本控件：文本类型(${_tag})为非文本标签，将使用div进行展示`);
       return 'div';
     }
     return _tag;
   }, [textType]);
   const showContent = useMemo(() => {
+    let finallyContent = content;
+
     if (textReg) {
       if (Array.isArray(attrNbrInfo) && attrNbrInfo.length) {
-        return attrNbrInfo?.length
-          ? getFinalStr(attrNbrInfo, 'value', 'label')
-          : content;
-      }
-      if (Array.isArray(customs) && customs.length) {
-        return getFinalStr(customs, 'text', 'translation');
+        finallyContent = attrNbrInfo?.length ? getFinalStr(attrNbrInfo, 'value', 'label') : content;
+      } else if (Array.isArray(customs) && customs.length) {
+        finallyContent = getFinalStr(customs, 'text', 'translation');
       }
     }
-    return content;
-  }, [content, attrNbrInfo]);
+    if (showHtml && engineApis.securityWithHtmlResource) {
+      // 如果是html，处理html里资源请求地址进行加密或加签
+      finallyContent = engineApis.securityWithHtmlResource(finallyContent);
+    }
+    return finallyContent;
+  }, [content, attrNbrInfo, showHtml]);
 
   // eslint-disable-next-line no-nested-ternary
   return visible ? (
@@ -163,6 +148,7 @@ const Text = LingxiForwardRef<any, MyTextProps>((props, ref) => {
           wordBreak: 'break-word',
           minHeight: '20px',
           whiteSpace: 'pre-wrap',
+          display: 'inline-block',
           ...style,
         }}
         dangerouslySetInnerHTML={{ __html: showContent }}
@@ -176,6 +162,7 @@ const Text = LingxiForwardRef<any, MyTextProps>((props, ref) => {
           wordBreak: 'break-word',
           minHeight: '20px',
           whiteSpace: 'pre-wrap',
+          display: 'inline-block',
           ...style,
         }}
         data-compid={(props as any)?.['data-compid']}

package/lib/pcpublic/src/components/pcfactory/src/TextArea/ForIETextArea.tsx

@@ -8,17 +8,16 @@ const ForIETextArea = (props: any) => {
   // 由于不是很明白的原因，TextArea在经过React cloneELement劫持事件后，会导致在IE浏览器下的特定中文输入法异常
   // 异常形式是，只要在JSX层面上传onChange/onInput事件进去，IE那边就会导致输入法输入乱飞
   // 改用原生的事件代替
-  const { value, className, onChange, onInput, allowClear, ...restProps } =
-    props;
+  const { value, className, onChange, onInput, allowClear, ...restProps } = props;
   const tRef = React.useRef<any>();
   const subRef = React.useRef<any>({ now_value: '' });
   const [compValue, setCompValue] = useState<any>();
 
   const dSet = React.useCallback(
-    debounce((_value) => {
+    debounce(_value => {
       setCompValue(_value);
     }, 100),
-    [],
+    []
   );
 
   useEffect(() => {
@@ -82,15 +81,7 @@ const ForIETextArea = (props: any) => {
     };
   }, []);
   // eslint-disable-next-line react/no-unknown-property
-  return (
-    <textarea
-      resize="vertical"
-      className={`${antPrefix}-input ${className}`}
-      value={compValue}
-      ref={tRef}
-      {...restProps}
-    />
-  );
+  return <textarea resize="vertical" className={`${antPrefix}-input ${className}`} value={compValue} ref={tRef} {...restProps} />;
 };
 
 export default ForIETextArea;