@lingxiteam/ebe-utils 0.2.4 → 0.2.5

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

@@ -1,10 +1,6 @@
 import { Input } from 'antd';
 import React, { useEffect, useState } from 'react';
-import {
-  FormFields,
-  getFieldsProps,
-  useCommonImperativeHandle,
-} from '../utils';
+import { FormFields, getFieldsProps, useCommonImperativeHandle } from '../utils';
 import { useUpdateEffect } from '../utils/ahooks';
 import { checkNumber } from '../utils/common';
 import ForIETextArea from './ForIETextArea';
@@ -71,9 +67,7 @@ interface BaseTextAreaPropsType {
 const TEXTAREA_WRAPPER_CLASSNAME = 'ued-textarea-wrap';
 const WrapperTextArea: React.FC<WrapperTextAreaProps> = ({ children }) =>
   React.cloneElement(children, {
-    className: `${TEXTAREA_WRAPPER_CLASSNAME} ${
-      children.props.className || ''
-    }`,
+    className: `${TEXTAREA_WRAPPER_CLASSNAME} ${children.props.className || ''}`,
   });
 
 const { TextArea: AntdTextArea } = Input;
@@ -82,10 +76,7 @@ const BaseTextArea = (props: BaseTextAreaPropsType) => {
   const { maxLength, ...restProps } = props;
 
   // @ts-ignore
-  const WrapText =
-    window.ActiveXObject || 'ActiveXObject' in window
-      ? ForIETextArea
-      : AntdTextArea;
+  const WrapText = window.ActiveXObject || 'ActiveXObject' in window ? ForIETextArea : AntdTextArea;
   const [num, setNum] = useState(0);
 
   const handleOnInput = (e: React.FormEvent) => {
@@ -123,12 +114,7 @@ const BaseTextArea = (props: BaseTextAreaPropsType) => {
 
   useEffect(() => {
     if (props.defaultValue || props.value) {
-      setNum(
-        Math.min(
-          props?.value?.length || props?.defaultValue?.length || 0,
-          maxLength,
-        ),
-      );
+      setNum(Math.min(props?.value?.length || props?.defaultValue?.length || 0, maxLength));
     }
   }, []);
   useUpdateEffect(() => {
@@ -192,24 +178,13 @@ const TextArea = React.forwardRef<any, TextAreaProps>((props, ref) => {
     ...restProps
   } = props;
 
-  const {
-    disabled,
-    required,
-    formFieldsRef,
-    readOnly,
-    finalRules,
-    setExtendRules,
-  } = useCommonImperativeHandle(ref, props);
+  const { disabled, required, formFieldsRef, readOnly, finalRules, setExtendRules } = useCommonImperativeHandle(ref, props);
 
   useEffect(() => {
     let lengthRule;
     if (minLength === 0 && maxLength === 0) {
       lengthRule = undefined;
-    } else if (
-      checkNumber(minLength) &&
-      checkNumber(maxLength) &&
-      minLength < maxLength
-    ) {
+    } else if (checkNumber(minLength) && checkNumber(maxLength) && minLength < maxLength) {
       lengthRule = {
         pattern: new RegExp(`^[\\s\\S]{${minLength},${maxLength}}$`),
         message: `内容长度须大于等于${minLength}且小于等于${maxLength}`,
@@ -242,11 +217,7 @@ const TextArea = React.forwardRef<any, TextAreaProps>((props, ref) => {
       rules={finalRules}
       validateTrigger="onBlur"
     >
-      <BaseTextArea
-        maxLength={maxLength}
-        defaultValue={defaultValue}
-        {...restProps}
-      />
+      <BaseTextArea maxLength={maxLength} defaultValue={defaultValue} {...restProps} />
     </FormFields>
   );
 });

package/lib/pcpublic/src/components/pcfactory/src/TooltipView/TooltipViewED/index.tsx

@@ -1,7 +1,7 @@
 import { useToolTipView } from '../hooks';
 import { TooltiProps } from '../PropsType';
 
-const TooltipViewED: React.FC<TooltiProps> = (props) => {
+const TooltipViewED: React.FC<TooltiProps> = props => {
   const ToolTipViewComp = useToolTipView(props);
 
   return ToolTipViewComp;

package/lib/pcpublic/src/components/pcfactory/src/TooltipView/hooks/index.tsx

@@ -34,11 +34,7 @@ const useToolTipView = (props: UseTooltipProps) => {
                 mouseLeaveDelay={0.1}
                 overlayClassName={toolTipViewCls}
                 placement={tipPlacement}
-                overlayInnerStyle={
-                  tipSize === 'custom'
-                    ? { maxWidth: tipWidth, maxHeight: tipHeight }
-                    : {}
-                }
+                overlayInnerStyle={tipSize === 'custom' ? { maxWidth: tipWidth, maxHeight: tipHeight } : {}}
               >
                 <CommIcon
                   style={mode !== 'editor' ? { marginRight: '2px' } : {}}
@@ -60,11 +56,7 @@ const useToolTipView = (props: UseTooltipProps) => {
                 mouseLeaveDelay={0.1}
                 overlayClassName={toolTipViewCls}
                 placement={tipPlacement}
-                overlayInnerStyle={
-                  tipSize === 'custom'
-                    ? { maxWidth: tipWidth, maxHeight: tipHeight }
-                    : {}
-                }
+                overlayInnerStyle={tipSize === 'custom' ? { maxWidth: tipWidth, maxHeight: tipHeight } : {}}
               >
                 <CommIcon
                   style={mode !== 'editor' ? { marginLeft: '2px' } : {}}

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

@@ -1,7 +1,7 @@
 import { useToolTipView } from './hooks';
 import { TooltiProps } from './PropsType';
 
-const TooltipView: React.FC<TooltiProps> = (props) => {
+const TooltipView: React.FC<TooltiProps> = props => {
   const ToolTipViewComp = useToolTipView({
     ...props,
     mode: 'engine',

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

@@ -6,12 +6,7 @@ import { TableRowSelection } from 'antd/lib/table/interface';
 import { TransferDirection, TransferItem } from 'antd/lib/transfer';
 import { difference } from 'lodash';
 import React, { CSSProperties, useMemo, useRef, useState } from 'react';
-import {
-  FormFields,
-  getFieldsProps,
-  useCommonImperativeHandle,
-  useListenProps,
-} from '../utils';
+import { FormFields, getFieldsProps, useCommonImperativeHandle, useListenProps } from '../utils';
 import CustomModule from '../utils/CustomModule';
 import EmptyComp from '../utils/Empty';
 import { useFuncExpExecute } from '../utils/hooks/useFuncExpExecute';
@@ -23,20 +18,14 @@ export interface WrapperTransferProps {
 }
 const WrapperTransfer = ({ children, className }: WrapperTransferProps) =>
   React.cloneElement(children, {
-    className: `ued-transfer-wrap ${className} ${
-      children.props.className || ''
-    }`,
+    className: `ued-transfer-wrap ${className} ${children.props.className || ''}`,
   });
 
 const prefixCls = 'ued-transfer-wrap';
 export interface MyTransferProps extends FormItemProps {
   value?: any;
   visible?: boolean;
-  onTransferChange?: (
-    targetKeys: string[],
-    direction: TransferDirection,
-    moveKeys: string[],
-  ) => void;
+  onTransferChange?: (targetKeys: string[], direction: TransferDirection, moveKeys: string[]) => void;
   onValueRelease?: (e: any) => void;
   getCompPropMapState?: (id: string, type: string) => any;
   compId?: string;
@@ -84,6 +73,7 @@ export interface MyTransferProps extends FormItemProps {
   tipSize?: string; // 文字提示
   tipWidth?: string; // 提示自定义的宽度
   tipHeight?: string; // 提示自定义的高度
+  hideLeftSelected?: boolean; // 是否隐藏左侧已选数据
 }
 
 const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
@@ -128,23 +118,19 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
     tipWidth,
     tipHeight,
     getEngineApis,
+    hideLeftSelected = false,
     ...restProps
   } = props;
 
-  const { sandBoxSafeRun, sandBoxLoadModule, dataState } =
-    getEngineApis() || {};
+  const { sandBoxSafeRun, sandBoxLoadModule, dataState } = getEngineApis() || {};
 
   const { getLocale, lang } = useLocale(getEngineApis());
 
   const funcExpExecute = useFuncExpExecute(sandBoxSafeRun, getLocale);
 
   const [_dataSource, setDataSource] = useListenProps(props.dataSource);
-  const [transferLeftTitle, setTransferLeftTitle] = useListenProps(
-    props.transferLeftTitle,
-  );
-  const [transferRightTitle, setTransferRightTitle] = useListenProps(
-    props.transferRightTitle,
-  );
+  const [transferLeftTitle, setTransferLeftTitle] = useListenProps(props.transferLeftTitle);
+  const [transferRightTitle, setTransferRightTitle] = useListenProps(props.transferRightTitle);
 
   const dataSource = useMemo(() => {
     return _dataSource ?? [];
@@ -154,24 +140,23 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
     return value ?? [];
   }, [value]);
 
-  const { formFieldsRef, readOnly, required, disabled } =
-    useCommonImperativeHandle(ref, props, {
-      value: compValue,
-      clearValue: [],
-      setDataSource(_list: any[]) {
-        if (Array.isArray(_list)) {
-          setDataSource(_list);
-        }
-      },
-      // 设置右侧标题
-      setTransferRightTitle(_title: string) {
-        setTransferRightTitle(_title);
-      },
-      // 设置左侧
-      setTransferLeftTitle(_title: string) {
-        setTransferLeftTitle(_title);
-      },
-    });
+  const { formFieldsRef, readOnly, required, disabled } = useCommonImperativeHandle(ref, props, {
+    value: compValue,
+    clearValue: [],
+    setDataSource(_list: any[]) {
+      if (Array.isArray(_list)) {
+        setDataSource(_list);
+      }
+    },
+    // 设置右侧标题
+    setTransferRightTitle(_title: string) {
+      setTransferRightTitle(_title);
+    },
+    // 设置左侧
+    setTransferLeftTitle(_title: string) {
+      setTransferLeftTitle(_title);
+    },
+  });
 
   const [currentPage, setCurrentPage] = useState(props.current || 1); // 当前页码
   const [currentPageSize, setCurrentPageSize] = useState(props.pageSize); // 当前每页数量
@@ -202,7 +187,7 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
       try {
         const arr = JSON.parse(pageSizeOptions);
         if (Array.isArray(arr)) {
-          return arr.map((s) => String(s));
+          return arr.map(s => String(s));
         }
         return [];
       } catch (e) {
@@ -229,8 +214,7 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
         res.pageSizeOptions = parsedPageSizeOptions;
       }
       if (props?.showTotal) {
-        res.showTotal = (total: any) =>
-          getLocale?.('Pagination.showTotal', { tol: total });
+        res.showTotal = (total: any) => getLocale?.('Pagination.showTotal', { tol: total });
       }
       // if(props.onPageChange) {
       //   res.onChange = (pageNo: number, pageSize: number) => {
@@ -305,18 +289,14 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
     render: (item: any) => item[labelCode],
     filterOption: (val: any, item: any) => {
       // 开启了搜索并且配置了搜索事件，左侧不触发本地过滤
-      if (
-        props.showSearch &&
-        currentSearchDirection.current === 'left' &&
-        props.onSearch
-      ) {
+      if (props.showSearch && currentSearchDirection.current === 'left' && props.onSearch) {
         return true;
       }
       const isTable = displayStyle === 'table';
       if (isTable) {
         let flag = false;
         try {
-          columns?.forEach((col) => {
+          columns?.forEach(col => {
             // 原先写法indexof item[col.dataIndex]? 如果字段为null或者undefined，则返回void 0 === undefined，导致还是会进入该判断
             if (item[col.dataIndex] && item[col.dataIndex]?.indexOf(val) > -1) {
               flag = true;
@@ -331,17 +311,13 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
       return item?.[labelCode] && `${item?.[labelCode]}`.indexOf(val) > -1; // 同上的原因
     },
     rowKey: (record: any) => record[uid],
-    onChange: (
-      targetKeys: string[],
-      direction: TransferDirection,
-      moveKeys: string[],
-    ) => {
+    onChange: (targetKeys: string[], direction: TransferDirection, moveKeys: string[]) => {
       // if (direction === 'left') {
       //   removeRigthDataSource(moveKeys);
       // } else {
       //   getRigthData(targetKeys);
       // }
-      console.log('值变化了');
+      // console.log('值变化了');
       if (onTransferChange) {
         onTransferChange(targetKeys, direction, moveKeys);
       }
@@ -356,7 +332,7 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
   };
   const finalColumns = useMemo(() => {
     if (displayStyle === 'table') {
-      return columns?.map((col) => {
+      return columns?.map(col => {
         // 自定义渲染函数-
         if (col.jsx) {
           col.render = (text: any, row: any, index: any) => {
@@ -402,11 +378,7 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
               props: {},
             };
           };
-        } else if (
-          col.lineNum &&
-          typeof col.lineNum === 'number' &&
-          col.lineNum > 0
-        ) {
+        } else if (col.lineNum && typeof col.lineNum === 'number' && col.lineNum > 0) {
           // 自定义可以单行或者多行溢出
           const controllLineStyle = {
             WebkitLineClamp: col.lineNum,
@@ -414,10 +386,7 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
           return {
             ...col,
             render: (text: any) => (
-              <span
-                className="ued-control-line-number"
-                style={controllLineStyle}
-              >
+              <span className="ued-control-line-number" style={controllLineStyle}>
                 {text}
               </span>
             ),
@@ -436,9 +405,7 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
         return {
           ...item,
           key: item[uid],
-          children: generateData(
-            childrenColumnName ? item[childrenColumnName] : item.children,
-          ),
+          children: generateData(childrenColumnName ? item[childrenColumnName] : item.children),
         };
       });
     };
@@ -446,55 +413,39 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
     // 穿梭框数据
     const transferDataSource: any[] = [];
     function flatten(list: any[] = []) {
-      list.forEach((item) => {
+      list.forEach(item => {
         transferDataSource.push(item);
-        flatten(item.children);
+        flatten(item?.children);
       });
     }
     flatten(dataSource);
     return (
       <Transfer {...commonProps} dataSource={transferDataSource}>
-        {({
-          direction,
-          filteredItems,
-          disabled: listDisabled,
-          selectedKeys: listSelectedKeys,
-          onItemSelectAll,
-          onItemSelect,
-        }) => {
+        {({ direction, filteredItems, disabled: listDisabled, selectedKeys: listSelectedKeys, onItemSelectAll, onItemSelect }) => {
           const rowSelection: TableRowSelection<TransferItem> = {
             getCheckboxProps: (item: any) => {
               return {
-                disabled:
-                  listDisabled ||
-                  item.disabled ||
-                  (direction === 'left' && compValue.includes?.(item.key)),
+                disabled: listDisabled || item.disabled || (direction === 'left' && compValue.includes?.(item.key)),
               };
             },
             onSelectAll(selected, selectedRows) {
-              const treeSelectedKeys = selectedRows
-                .filter((item) => !item?.disabled)
-                .map(({ key }) => key);
+              const treeSelectedKeys = selectedRows.filter(item => !item?.disabled).map(({ key }) => key);
+              // 由于左侧列表保留了右侧选中数据compValue，点击全选时，需要过滤掉compValue内的值，否则会重复
               const diffKeys = selected
-                ? difference(treeSelectedKeys, listSelectedKeys)
+                ? difference(
+                  direction === 'left' && isTable ? treeSelectedKeys.filter(c => !compValue.includes?.(c)) : treeSelectedKeys,
+                  listSelectedKeys
+                )
                 : difference(listSelectedKeys, treeSelectedKeys);
               onItemSelectAll(diffKeys as string[], selected);
             },
             onSelect({ key }, selected) {
               onItemSelect(key as string, selected);
             },
-            selectedRowKeys:
-              direction === 'left'
-                ? [...listSelectedKeys, ...compValue]
-                : listSelectedKeys,
+            selectedRowKeys: direction === 'left' ? [...listSelectedKeys, ...compValue] : listSelectedKeys,
           };
           const tSize = size === 'large' ? 40 : 32;
-          const scrollY =
-            transferHeight -
-            40 -
-            44 -
-            (isTable ? tSize : 0) -
-            (props.showSearch ? 50 : 0);
+          const scrollY = transferHeight - 40 - 44 - (isTable ? tSize : 0) - (props.showSearch ? 50 : 0);
           const scroll: any = { y: scrollY };
           if (!props.page) {
             scroll.y += 40;
@@ -506,7 +457,7 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
             const filterTableData = (obj: any) => {
               if (obj) {
                 if (Array.isArray(obj)) {
-                  obj.forEach((item) => {
+                  obj.forEach(item => {
                     filterKeys.push(item.key);
                     filterTableData(item.children);
                   });
@@ -518,13 +469,9 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
             };
             if (searchVal.current) {
               const targetFilterData = generateData(filteredItems);
-              if (
-                targetFilterData &&
-                Array.isArray(targetFilterData) &&
-                targetFilterData.length
-              ) {
+              if (targetFilterData && Array.isArray(targetFilterData) && targetFilterData.length) {
                 // 如果搜索父级里面和子级含有相同的文字，会导致数据有问题，所以条件搜索的情况直接将数据按照一级展示
-                targetFilterData.forEach((item) => {
+                targetFilterData.forEach(item => {
                   if (!filterKeys.includes(item.key)) {
                     // 过滤会将子级也过滤进来 eg [{key:1,label:1,children:[{key:2,label:2},{key:3,label:3}]},{key:2,label:2}],需要将子级{key:2,label:2}过滤
                     currentDataSource.push(item);
@@ -532,6 +479,9 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
                   filterTableData(item);
                 });
               }
+            } else if (!isTable) {
+              // 增加基础样式下左侧选中数据不显示的逻辑
+              currentDataSource = generateData(transferDataSource.filter(item => !(hideLeftSelected && compValue.includes?.(item?.[uid]))));
             } else {
               currentDataSource = generateData([...dataSource]);
             }
@@ -541,7 +491,7 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
           if (direction === 'right') {
             currentDataSource = [...filteredItems];
             // 删除children字段, 由于原先字段默认值配置的是false，这里就保持一致
-            currentDataSource.forEach((row) => {
+            currentDataSource.forEach(row => {
               if (row[childrenColumnName || 'false']) {
                 delete row[childrenColumnName || 'false'];
               }
@@ -550,9 +500,7 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
           return (
             <Table
               locale={{
-                emptyText: (
-                  <EmptyComp dataState={dataState} getLocale={getLocale} />
-                ),
+                emptyText: <EmptyComp dataState={dataState} getLocale={getLocale} />,
               }}
               columns={finalColumns}
               dataSource={currentDataSource}
@@ -560,20 +508,14 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
               showHeader={isTable}
               rowSelection={rowSelection}
               className={!isTable ? `${prefixCls}-table-hideBorder` : ''}
-              childrenColumnName={childrenColumnName || 'false'}
+              childrenColumnName={isTable ? childrenColumnName || 'false' : 'false'}
               scroll={scroll}
               onRow={({ key, disabled: itemDisabled }: any) => ({
                 onClick: () => {
-                  if (
-                    itemDisabled ||
-                    listDisabled ||
-                    (direction === 'left' && compValue.includes(key))
-                  )
+                  if (itemDisabled || listDisabled || (direction === 'left' && compValue.includes(key))) {
                     return;
-                  onItemSelect(
-                    key as string,
-                    !listSelectedKeys.includes(key as string),
-                  );
+                  }
+                  onItemSelect(key as string, !listSelectedKeys.includes(key as string));
                 },
               })}
               size={size === 'large' ? 'middle' : 'small'}
@@ -587,10 +529,7 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
   // 展开 dataSource
   const renderTransferTree = () => {
     // 是否选中
-    const isChecked = (
-      selectedKeys: (string | number)[],
-      eventKey: string | number,
-    ) => selectedKeys.includes(eventKey);
+    const isChecked = (selectedKeys: (string | number)[], eventKey: string | number) => selectedKeys.includes(eventKey);
     // 格式化数据
     const generateData = (list: any[]): any[] => {
       return list?.map((item: any) => {
@@ -599,15 +538,13 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
           key: item[uid],
           title: item[labelCode],
           disabled: compValue?.includes(item[uid]),
-          children: generateData(
-            childrenColumnName ? item[childrenColumnName] : item.children,
-          ),
+          children: generateData(childrenColumnName ? item[childrenColumnName] : item.children),
         };
       });
     };
     const transferDataSource: any[] = [];
     function flatten(list: any[] = []) {
-      list.forEach((item) => {
+      list.forEach(item => {
         transferDataSource.push(item);
         flatten(item.children);
       });
@@ -623,7 +560,7 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
               // 将过滤的所有数据id存储，用于后面对比
               if (obj) {
                 if (Array.isArray(obj)) {
-                  obj.forEach((item) => {
+                  obj.forEach(item => {
                     targetKeysData.push(item.key);
                     flattenTreeData(item.children);
                   });
@@ -637,13 +574,9 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
             let curTreeData: any[] = [];
             if (searchVal.current) {
               const targetFilterData = generateData(filteredItems);
-              if (
-                targetFilterData &&
-                Array.isArray(targetFilterData) &&
-                targetFilterData.length
-              ) {
+              if (targetFilterData && Array.isArray(targetFilterData) && targetFilterData.length) {
                 // 如果搜索父级里面和子级含有相同的文字，会导致数据有问题，所以条件搜索的情况直接将数据按照一级展示
-                targetFilterData.forEach((item) => {
+                targetFilterData.forEach(item => {
                   if (!targetKeysData.includes(item.key)) {
                     // 过滤会将子级也过滤进来 eg [{key:1,label:1,children:[{key:2,label:2},{key:3,label:3}]},{key:2,label:2}],需要将子级{key:2,label:2}过滤
                     curTreeData.push(item);
@@ -697,14 +630,7 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
         break;
     }
     return resComp;
-  }, [
-    props,
-    compValue,
-    pagination,
-    dataSource,
-    transferLeftTitle,
-    transferRightTitle,
-  ]);
+  }, [props, compValue, pagination, dataSource, transferLeftTitle, transferRightTitle]);
 
   const finalRules = useMemo(() => {
     const rules: any[] = [
@@ -733,14 +659,12 @@ const MyTransfer = LingxiForwardRef<any, MyTransferProps>((props, ref) => {
     return rules;
   }, [required, min, name, max, lang]);
 
-  console.log(compValue, 'compValue===');
+  // console.log(compValue, 'compValue===');
 
   return (
     <FormFields
       {...getFieldsProps(props)}
-      wrapperClassName={`${prefixCls} ${prefixCls}-${
-        size === 'large' ? 'large' : 'small'
-      }`}
+      wrapperClassName={`${prefixCls} ${prefixCls}-${size === 'large' ? 'large' : 'small'}`}
       disabled={disabled}
       readOnly={readOnly}
       required={required}

package/lib/pcpublic/src/components/pcfactory/src/Tree/TreeNodeMenu/index.tsx

@@ -29,11 +29,8 @@ const List = (props: any) => {
         <ul className="tree-menu-list">
           {data?.map((d: any, i: any) => (
             <li
-              className={classNames(
-                'tree-menu-item',
-                child?.key === d.key && 'hover',
-              )}
-              onClick={(e) => {
+              className={classNames('tree-menu-item', child?.key === d.key && 'hover')}
+              onClick={e => {
                 e.stopPropagation();
                 if (typeof handleOnClick === 'function') {
                   const keys = keyList.split(',');
@@ -50,23 +47,16 @@ const List = (props: any) => {
             </li>
           ))}
         </ul>
-        {child?.childrenList?.length > 0 && (
-          <List
-            data={child?.childrenList}
-            keyList={`${keyList},${child?.key}`}
-            handleOnClick={handleOnClick}
-          />
-        )}
+        {child?.childrenList?.length > 0 && <List data={child?.childrenList} keyList={`${keyList},${child?.key}`} handleOnClick={handleOnClick} />}
       </>
     ),
-    [data, child, keyList],
+    [data, child, keyList]
   );
   return comp;
 };
 
 const TreeNodeMenu = (props: any) => {
-  const { children, menuData, visible, onVisibleChange, onClickMenuItem } =
-    props;
+  const { children, menuData, visible, onVisibleChange, onClickMenuItem } = props;
 
   const renderMenu = (arr: any) => (
     <div className="tree-menu-box">
@@ -74,11 +64,7 @@ const TreeNodeMenu = (props: any) => {
         data={arr}
         handleOnClick={(data: any, keys: any[]) => {
           if (typeof onClickMenuItem === 'function') {
-            onClickMenuItem(
-              data?.key,
-              { ...data, ...(data?.data || {}) },
-              keys,
-            );
+            onClickMenuItem(data?.key, { ...data, ...(data?.data || {}) }, keys);
           }
         }}
         keyList="first"