@lingxiteam/ebe-utils 0.3.22 → 0.3.24

package/lib/h5public/src/components/factory/src/Selector/LxSelector.tsx

@@ -3,7 +3,7 @@ import Field from '@lingxiteam/dform/es/components/Field';
 import { LingxiForwardRef } from '@lingxiteam/types';
 import { Selector, Toast } from 'antd-mobile-5';
 import { Rule } from 'rc-field-form/es/interface';
-import { useEffect, useMemo, useRef, useState } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { DFormWrapper } from '../BasicComponents';
 import { useFormItem } from '../utils/hooks/useFormItem';
 import useStyle from '../View/useStyle';

package/lib/h5public/src/components/factory/src/SideBar/index.tsx

@@ -1,7 +1,7 @@
+import React, { useCallback, useEffect, useImperativeHandle, useState } from 'react';
 import { LingxiForwardRef } from '@lingxiteam/types';
 import { SideBar } from 'antd-mobile-5';
 import classNames from 'classnames';
-import { useCallback, useEffect, useImperativeHandle, useState } from 'react';
 import './index.less';
 import { SideBarProps, SideBarTabsProps } from './PropsType';
 import TabPage from './TabPage';

package/lib/h5public/src/components/factory/src/SingleProgress/index.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { LingxiForwardRef } from '@lingxiteam/types';
 import SingleProgressLoader from './loader';
 import type { MySingleProgressPros } from './SingleProgress';

package/lib/h5public/src/components/factory/src/SmallColumnar/SmallColumnar.tsx

@@ -1,6 +1,6 @@
 import ZeroColumn from '@lingxiteam/charts/es/SmallColumnar/ZeroColumn';
 import { LingXiFC } from '@lingxiteam/types';
-import { useEffect, useMemo } from 'react';
+import React, { useEffect, useMemo } from 'react';
 import useAsyncState from '../utils/hooks/useAsyncState';
 import useHiddenStyle from '../utils/hooks/useHiddenStyle';
 import { useJsonToParse } from '../utils/hooks/useJsonToParse';

package/lib/h5public/src/components/factory/src/SmallColumnar/index.tsx

@@ -1,5 +1,5 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
-import { useImperativeHandle, useState } from 'react';
+import React, { useImperativeHandle, useState } from 'react';
 import SmallColumnarLoader from './loader';
 import { MySmallColumnarProps } from './PropsType';
 

package/lib/h5public/src/components/factory/src/StackColumn/StackColumn.tsx

@@ -1,6 +1,6 @@
 import StackColumn from '@lingxiteam/charts/es/StackColumn';
 import { LingXiFC } from '@lingxiteam/types';
-import { useEffect, useMemo } from 'react';
+import React, { useEffect, useMemo } from 'react';
 import useAsyncState from '../utils/hooks/useAsyncState';
 import useHiddenStyle from '../utils/hooks/useHiddenStyle';
 import { useJsonToParse } from '../utils/hooks/useJsonToParse';

package/lib/h5public/src/components/factory/src/StackColumn/index.tsx

@@ -1,5 +1,5 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
-import { useImperativeHandle, useState } from 'react';
+import React, { useImperativeHandle, useState } from 'react';
 import StackColumnLoader from './loader';
 import { MyStackColumnProps } from './PropsType';
 

package/lib/h5public/src/components/factory/src/StepBar/constant/checkcircle.tsx

@@ -1,3 +1,5 @@
+import React from 'react';
+
 export default (props: any) => {
   return (
     <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>

package/lib/h5public/src/components/factory/src/StepBar/constant/vector.tsx

@@ -1,3 +1,5 @@
+import React from 'react';
+
 export default (props: any) => {
   return (
     <svg height="20" viewBox="0 0 21 20" width="21" xmlns="http://www.w3.org/2000/svg" {...props}>

package/lib/h5public/src/components/factory/src/StepProcess/index.tsx

@@ -1,5 +1,5 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
-import { useImperativeHandle, useRef, useState } from 'react';
+import React, { useImperativeHandle, useRef, useState } from 'react';
 import StepProcessLoader from './loader';
 import type { MyStepProcessProps } from './StepProcess';
 

package/lib/h5public/src/components/factory/src/TabBar/TabImage/index.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 
 const TabImage = (props: any) => {
   const { defaultIcon, selectedIcon, isSelected, titleColor, selectedTitleColor, getAppFileUrlByFileCode, ...restProps } = props;

package/lib/h5public/src/components/factory/src/TabBar/TabPage/index.tsx

@@ -1,5 +1,5 @@
 import { EngineBaseProps } from '@lingxiteam/types';
-import { FC } from 'react';
+import React, { FC } from 'react';
 import '../index.less';
 
 interface TabPageProps {

package/lib/h5public/src/components/factory/src/TabBar/index.tsx

@@ -1,6 +1,6 @@
 import { Badge, TabBar } from '@lingxiteam/antd-mobile-plus';
 import { LingXiFC } from '@lingxiteam/types';
-import { useEffect, useMemo, useRef, useState } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import './index.less';
 import TabImage from './TabImage';
 import TabPage from './TabPage';

package/lib/h5public/src/components/factory/src/Table/index.tsx

@@ -1,6 +1,6 @@
 import { Table, TableType } from '@lingxiteam/antd-mobile-plus';
 import { LingxiForwardRef } from '@lingxiteam/types';
-import { useEffect, useImperativeHandle, useState } from 'react';
+import React, { useEffect, useImperativeHandle, useState } from 'react';
 import useAsyncState from '../utils/hooks/useAsyncState';
 
 export interface MyTableProps extends Omit<TableType, 'dataSource'> {

package/lib/h5public/src/components/factory/src/VerificationCode/index.tsx

@@ -1,8 +1,8 @@
+import React, { useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import DynamicForm from '@lingxiteam/dform';
 import Field from '@lingxiteam/dform/es/components/Field';
 import { LingxiForwardRef } from '@lingxiteam/types';
 import classNames from 'classnames';
-import { useContext, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import useAsyncState from '../utils/hooks/useAsyncState';
 import { useFormItem } from '../utils/hooks/useFormItem';
 import IconPlaceholder from './assets/placeholder.png';

package/lib/h5public/src/components/factory/src/VideoPlayer/ViewPlayer.tsx

@@ -1,5 +1,5 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
-import { useEffect, useMemo, useRef, useState } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import type { ReactPlayerProps } from 'react-player';
 import ReactPlayer from 'react-player';
 

package/lib/h5public/src/components/factory/src/VideoPlayer/index.tsx

@@ -1,5 +1,5 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
-import { useImperativeHandle } from 'react';
+import React, { useImperativeHandle } from 'react';
 import type { ReactPlayerProps } from 'react-player';
 import ViewPlayerLoader from './loader';
 

package/lib/h5public/src/components/factory/src/View/index.tsx

@@ -1,6 +1,6 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
 import { useThrottleFn } from 'ahooks';
-import { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import useHiddenStyle from '../utils/hooks/useHiddenStyle';
 import { withTransformProps } from '../utils/withTransformProps';
 import transformProps from './transformProps';

package/lib/h5public/src/components/factory/src/utils/LoaderHelper.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import Loadable from 'react-loadable';
 
 /**

package/lib/h5public/src/components/factory/src/utils/hooks/useCompState.tsx

@@ -1,4 +1,4 @@
-import { useMemo } from 'react';
+import React, { useMemo } from 'react';
 
 const renderHTML = (des: string) => {
   if (des) {

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

@@ -219,7 +219,7 @@ const MyCascader: React.FC<MyCascaderProps> = forwardRef((props, ref) => {
         let { isLeaf } = _item;
         if (isLeaf === undefined) {
           // children为非数组时且配置了展开事件时，视为需要异步加载
-            isLeaf = !Array.isArray(_children) && props.onClickOption ? false : _item.isLeaf;
+          isLeaf = !Array.isArray(_children) && props.onClickOption ? false : _item.isLeaf;
         }
 
         return {

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

@@ -1,5 +1,5 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
-import { useImperativeHandle } from 'react';
+import React, { useImperativeHandle } from 'react';
 import ChartLineProps from '../ChartLine/PropsType';
 import CharBarLoader from './loader';
 

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

@@ -1,6 +1,6 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
 import { Checkbox } from 'antd';
-import React, { useEffect, useLayoutEffect, useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useState, useLayoutEffect, useCallback } from 'react';
 import { FormFields, getFieldsProps } from '../utils';
 import useCommonImperative from '../utils/hooks/useCommonImperativeHandle';
 import { useLocale } from '../utils/hooks/useLocale';
@@ -55,6 +55,7 @@ export interface MyCheckboxGroupProps {
   tipHeight?: string; // 提示自定义的高度
 }
 
+
 /**
  * 处理数据
  * @param dataSource 数据源
@@ -62,7 +63,7 @@ export interface MyCheckboxGroupProps {
  * @param labelKey
  * @returns
  */
-export const handleDataSource = (dataSource: any[], valueKey?: string, labelKey?: string) => {
+export const handleDataSource = (dataSource: any[], valueKey?: string, labelKey?: string,) => {
   const valueKeys: any = [];
   const newDataSoure: any[] = [];
   if (Array.isArray(dataSource)) {
@@ -137,23 +138,46 @@ const CheckboxGroup = LingxiForwardRef<any, MyCheckboxGroupProps>((props, ref) =
   const [lKey, setLKey] = useState(labelKey);
   const [vKey, setVKey] = useState(valueKey);
 
-  const { margin: customMargin, display: customDisplay, visibility: customVisibility, ...restCusStyles } = customStyle;
+  const {
+    margin: customMargin,
+    display: customDisplay,
+    visibility: customVisibility,
+    ...restCusStyles
+  } = customStyle;
+
+  const getSelectedData = useCallback(() => {
+    if (Array.isArray(value) && value.length) {
+      const sltData = dataSource.filter((c: any) => value.includes(c[vKey]));
+      return sltData;
+    }
+    return [];
+  }, [value, dataSource, vKey]);
 
-  const { formFieldsRef, required, disabled, readOnly, finalRules, setExtendRules } = useCommonImperative(ref, props, {
+  const {
+    formFieldsRef,
+    required,
+    disabled,
+    readOnly,
+    finalRules,
+    setExtendRules,
+    
+  } = useCommonImperative(ref, props, {
     clearValue: [],
-    setDataWithLabelAndValue: (data: { dataSource: any[]; labelKey: string; valueKey: string }) => {
+    setDataWithLabelAndValue: (data: { dataSource: any[], labelKey: string; valueKey: string }) => {
       setLKey(data.labelKey);
       setVKey(data.valueKey);
       const newData = handleDataSource(data.dataSource, data.valueKey, data.labelKey);
       setDataSource(newData);
     },
+    getSelectedData,
     clearOptions: () => {
       setDataSource([]);
     },
   });
   const { getLocale, lang } = useLocale(engineApis);
 
-  const dfValue = defaultValue && typeof defaultValue === 'string' ? defaultValue.split(',') : undefined;
+  const dfValue =
+    defaultValue && typeof defaultValue === 'string' ? defaultValue.split(',') : undefined;
   // 处理列表数据
   useEffect(() => {
     let newData = Array.isArray(newDataSoure) ? handleDataSource(newDataSoure, vKey, lKey) : [];
@@ -174,18 +198,10 @@ const CheckboxGroup = LingxiForwardRef<any, MyCheckboxGroupProps>((props, ref) =
     const minMsg: any = [];
     const maxMsg: any = [];
     if (min) {
-      minMsg.push({
-        type: 'array',
-        min,
-        message: getLocale?.('CheckboxGroup.minRule', { min }),
-      });
+      minMsg.push({ type: 'array', min, message: getLocale?.('CheckboxGroup.minRule', { min }) });
     }
     if (max) {
-      maxMsg.push({
-        type: 'array',
-        max,
-        message: getLocale?.('CheckboxGroup.maxRule', { max }),
-      });
+      maxMsg.push({ type: 'array', max, message: getLocale?.('CheckboxGroup.maxRule', { max }) });
     }
     return [...minMsg, ...maxMsg];
   };
@@ -195,20 +211,21 @@ const CheckboxGroup = LingxiForwardRef<any, MyCheckboxGroupProps>((props, ref) =
     setExtendRules(extendRules, false);
   }, [min, max, lang]);
 
+
   // indeterminate: 已选但未全选，checkAll：全选/全不选，isAllDisabled：是否选项全部禁用
   const [indeterminate, checkAll, isAllDisabled] = useMemo(() => {
     const curValue = dataSource?.filter(c => (value || [])?.includes(c?.value))?.map(v => v?.value);
     const valLen = curValue?.length || 0;
     const dataLen = dataSource?.length || 0;
     const disableLen = dataSource?.filter(o => o?.disabled)?.length;
-    return [!!valLen && valLen < dataLen, !!dataLen && dataLen === valLen, !!dataLen && disableLen === dataLen];
+    return [(!!valLen && valLen < dataLen), !!dataLen && dataLen === valLen, !!dataLen && disableLen === dataLen];
   }, [value, checkedAll, dataSource]);
 
   const onCheckAllChange = (e: any) => {
     const { checked } = e.target;
     let newVal: any = [];
     if (checked) {
-      newVal = dataSource?.map((v: any) => v.value);
+      newVal = (dataSource)?.map((v: any) => v.value);
     }
     if (onChange) {
       onChange(newVal);
@@ -216,20 +233,15 @@ const CheckboxGroup = LingxiForwardRef<any, MyCheckboxGroupProps>((props, ref) =
   };
 
   const renderItem = () => {
-    const rProps = {
-      ...restProps,
-      style: restCusStyles,
-      defaultValue: dfValue,
-      disabled,
-    };
-    return checkedAll && dataSource?.length > 0 ? (
+    const rProps = { ...restProps, style: restCusStyles, defaultValue: dfValue, disabled };
+    return (checkedAll && dataSource?.length > 0) ? (
       <>
         <Checkbox
           className={classNameCheck}
           indeterminate={indeterminate}
           disabled={rProps?.disabled || isAllDisabled}
           checked={checkAll}
-          onChange={e => onCheckAllChange(e)}
+          onChange={(e) => onCheckAllChange(e)}
         >
           {checkAllText || getLocale?.('all')}
         </Checkbox>
@@ -238,7 +250,7 @@ const CheckboxGroup = LingxiForwardRef<any, MyCheckboxGroupProps>((props, ref) =
           value={value}
           options={dataSource}
           className={`ued-checkboxgroup-wrap ${className}`}
-          onChange={e => {
+          onChange={(e) => {
             if (onChange) {
               onChange(e);
             }
@@ -263,13 +275,13 @@ const CheckboxGroup = LingxiForwardRef<any, MyCheckboxGroupProps>((props, ref) =
   return (
     <FormFields
       {...getFieldsProps(props)}
-      handleFormValue={value => {
+      handleFormValue={(value) => {
         return value && typeof value === 'string' ? value.split(',') : value;
       }}
       readOnly={readOnly}
       disabled={disabled}
       required={required}
-      render={val => renderCommonList(val, dataSource)}
+      render={(val) => renderCommonList(val, dataSource)}
       rules={finalRules}
       defaultValue={dfValue}
       ref={formFieldsRef}

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

@@ -1,7 +1,7 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
 import { Collapse } from 'antd';
 import type { CollapsePanelProps } from 'antd/lib/collapse';
-import { useCallback, useEffect, useRef } from 'react';
+import React, { useCallback, useEffect, useRef } from 'react';
 import Header from '../Card/CardTitle';
 import CommIcon from '../Icon';
 import type { PrefixIconIconProps } from '../Icon/PropsType';

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

@@ -1,6 +1,6 @@
 import { DynamicDataFieldItem, DynamicDataType, LingxiForwardRef } from '@lingxiteam/types';
 import { Form, FormInstance, Spin } from 'antd';
-import { CSSProperties, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import React, { CSSProperties, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { DynamicDataContext, DynamicDataProvider } from '../utils';
 import { useDynamicDataContainer } from './useDynamicDataContainer';
 

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

@@ -1,7 +1,7 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
 import { Badge, Tabs, Tooltip } from 'antd';
 import classNames from 'classnames';
-import { useEffect, useImperativeHandle, useState } from 'react';
+import React, { useEffect, useImperativeHandle, useState } from 'react';
 import { useHiddenStyle } from '../utils';
 import CustomModule from '../utils/CustomModule';
 import { DynamicTabsProps, TabsItemProps } from './PropsType';

package/lib/pcpublic/src/components/pcfactory/src/FormGroup/TitleComp.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { EngineBaseProps, IEdCompBaseProps } from '@lingxiteam/types';
 import { FormGroupProps } from '.';
 import Icon from '../Icon';

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

@@ -2,7 +2,7 @@ import { CaretDownOutlined } from '@ant-design/icons';
 import { LingxiForwardRef } from '@lingxiteam/types';
 import { Collapse } from 'antd';
 import classNames from 'classnames';
-import { CSSProperties, useMemo, useState } from 'react';
+import React, { CSSProperties, useMemo, useState } from 'react';
 import { MyCardProps } from '../Card';
 import useExtendBtn from '../Card/useExtendBtn';
 import { FormChildren } from '../Form/Form';

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

@@ -1,5 +1,5 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
-import { useImperativeHandle, useRef, useState } from 'react';
+import React, { useImperativeHandle, useRef, useState } from 'react';
 import GanttLoader from './loader';
 
 const Gantt = LingxiForwardRef<unknown, any>((props, ref) => {

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

@@ -1,5 +1,5 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
-import { useImperativeHandle, useRef, useState } from 'react';
+import React, { useImperativeHandle, useRef, useState } from 'react';
 import SyncGridViewLoader from './loader';
 
 const SyncGridView = LingxiForwardRef<unknown, any>((props, ref) => {

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

@@ -1,7 +1,7 @@
 import { createFromIconfontCN } from '@ant-design/icons';
 import { Icon as LegacyIcon } from '@lingxiteam/icons';
 import classnames from 'classnames';
-import { useMemo } from 'react';
+import React, { useMemo } from 'react';
 import { useLocale } from '../../utils/hooks/useLocale';
 import { IconCfg, UseIconProps } from '../PropsType';
 

package/lib/pcpublic/src/components/pcfactory/src/Img/BasicImage/index.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 
 const MyImage = (props: any) => {
   const { defaultSrc, errorSrc, alt, getContainerStyle, imgDisplay, style, ...restProps } = props;

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

@@ -1,6 +1,6 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
 import { Menu } from 'antd';
-import { useEffect, useImperativeHandle, useMemo, useState } from 'react';
+import React, { useEffect, useImperativeHandle, useMemo, useState } from 'react';
 import Icon from '../Icon';
 import { useListenProps } from '../utils';
 import { useLocale } from '../utils/hooks/useLocale';

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

@@ -1,7 +1,7 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
 import { Progress } from 'antd';
 import classNames from 'classnames';
-import { useEffect, useMemo } from 'react';
+import React, { useEffect, useMemo } from 'react';
 import { useListenProps } from '../utils';
 import { useUpdateEffect } from '../utils/ahooks';
 

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

@@ -1,6 +1,6 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
 import QrCodeWithLogo from 'qr-code-with-logo';
-import { useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { isImgUrl, setRgbTo16 } from '../utils/common';
 import { logoSizeTrans } from './const';
 // @ts-ignore

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

@@ -1,5 +1,5 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
-import { useRef } from 'react';
+import React, { useRef } from 'react';
 import { filterHtmlNode, FormFields, getFieldsProps, useCommonImperativeHandle } from '../utils';
 import QuillEditorLoad from './loader';
 

package/lib/pcpublic/src/components/pcfactory/src/RadarChart/RadarECharts.tsx

@@ -13,7 +13,7 @@ import {
 import * as echarts from 'echarts/core';
 import { LabelLayout, UniversalTransition } from 'echarts/features';
 import { CanvasRenderer } from 'echarts/renderers';
-import { useEffect, useImperativeHandle, useLayoutEffect, useRef } from 'react';
+import React, { useEffect, useImperativeHandle, useLayoutEffect, useRef } from 'react';
 import { bind, clear } from 'size-sensor';
 import { useHiddenStyle } from '../utils';
 import { useRadarChartHook } from './RadarChartHook';

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

@@ -1,5 +1,5 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
-import { useImperativeHandle } from 'react';
+import React, { useImperativeHandle } from 'react';
 import RaderChartLoader from './loader';
 import type { MyRadarEChartsEDProps } from './RadarChartType';
 

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

@@ -2,7 +2,7 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
 import { Rate as AntdRate } from 'antd';
 import type { RateProps } from 'antd/lib/rate';
-import { useCallback, useMemo } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { FormFields, getFieldsProps, useCommonImperativeHandle } from '../utils';
 import { useLocale } from '../utils/hooks/useLocale';
 

package/lib/pcpublic/src/components/pcfactory/src/ReactECharts/ReactECharts.tsx

@@ -18,7 +18,7 @@ import {
 import * as echarts from 'echarts/core';
 import { LabelLayout, UniversalTransition } from 'echarts/features';
 import { CanvasRenderer } from 'echarts/renderers';
-import { useEffect, useLayoutEffect, useMemo, useRef } from 'react';
+import React, { useEffect, useLayoutEffect, useMemo, useRef } from 'react';
 import { bind, clear } from 'size-sensor';
 import { useHiddenStyle, useListenProps } from '../utils';
 import { MyReactEChartsProps } from './PropsType';

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

@@ -1,5 +1,5 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
-import { useImperativeHandle, useState } from 'react';
+import React, { useImperativeHandle, useState } from 'react';
 import ReactEChartsLoader from './loader';
 import { MyReactEChartsProps } from './PropsType';
 

package/lib/pcpublic/src/components/pcfactory/src/RemoteComponent/components/FishRender.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ReactLoadFish } from '@lingxiteam/load-framework';
 import { LingXiFC } from '@lingxiteam/types';
 import { Empty, Spin } from 'antd';

package/lib/pcpublic/src/components/pcfactory/src/RemoteComponent/components/ReactRender.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { LingXiFC } from '@lingxiteam/types';
 import { createRequires } from '@paciolan/remote-component/dist/createRequires';
 import { createUseRemoteComponent } from '@paciolan/remote-component/dist/hooks/useRemoteComponent';

package/lib/pcpublic/src/components/pcfactory/src/RemoteComponent/components/VueRender.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ReactLoadVue } from '@lingxiteam/load-framework';
 import { LingXiFC } from '@lingxiteam/types';
 import { Empty, Spin } from 'antd';

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

@@ -1,7 +1,7 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
 import { createRequires } from '@paciolan/remote-component/dist/createRequires';
 import { createUseRemoteComponent } from '@paciolan/remote-component/dist/hooks/useRemoteComponent';
-import { useImperativeHandle, useRef, useState } from 'react';
+import React, { useImperativeHandle, useRef, useState } from 'react';
 import { useListenProps } from '../utils';
 import { useDeepCompareEffect } from '../utils/ahooks';
 import { mergeGetter, RemoteComponentMap } from './constant';

package/lib/pcpublic/src/components/pcfactory/src/Select/selectUtils.ts

@@ -183,11 +183,11 @@ export const handleDataSource = (dataSource: any[], appendDataSoure?: any[] | Ob
       const value = v?.[valueKey || 'value'] || v?.key;
       if (value) {
         // TODO: 为什么 id 是数字就不行？？
-        valueKeys.push(value + '');
+        valueKeys.push(`${value}`);
         newDataSoure.push({
           ...v,
           label,
-          value: value + '',
+          value: `${value}`,
         });
       }
     });

package/lib/pcpublic/src/components/pcfactory/src/StdUpload/DownloadProgress/DownloadProgress.tsx

@@ -1,5 +1,5 @@
 import { Progress } from 'antd';
-import { forwardRef, useImperativeHandle, useState } from 'react';
+import React, { forwardRef, useImperativeHandle, useState } from 'react';
 
 const DownloadProgress = forwardRef((_, ref) => {
   const [percent, setPercent] = useState<number>(0);

package/lib/pcpublic/src/components/pcfactory/src/StdUpload/UploadItem.tsx

@@ -2,7 +2,7 @@ import { FileOutlined, LoadingOutlined, PaperClipOutlined } from '@ant-design/ic
 import { Progress, Spin } from 'antd';
 import { UploadFile } from 'antd/lib/upload/interface';
 import classNames from 'classnames';
-import { ReactElement, ReactNode } from 'react';
+import React, { ReactElement, ReactNode } from 'react';
 // import fileIcon from './assets/fileName.png';
 import defaultIcon from './assets/default.png';
 import pptIcon from './assets/ppt.png';

package/lib/pcpublic/src/components/pcfactory/src/Steps/constant/checkcircle.tsx

@@ -1,3 +1,5 @@
+import React from 'react';
+
 export default (props: any) => {
   return (
     <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>

package/lib/pcpublic/src/components/pcfactory/src/Steps/constant/vector.tsx

@@ -1,3 +1,5 @@
+import React from 'react';
+
 export default (props: any) => {
   return (
     <svg height="20" viewBox="0 0 21 20" width="21" xmlns="http://www.w3.org/2000/svg" {...props}>

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

@@ -2,7 +2,7 @@ import { Icon } from '@lingxiteam/icons';
 import { LingxiForwardRef } from '@lingxiteam/types';
 import { Steps } from 'antd';
 import classNames from 'classnames';
-import { useEffect, useImperativeHandle, useState } from 'react';
+import React, { useEffect, useImperativeHandle, useState } from 'react';
 import FactoryIcon from '../Icon';
 import { useListenProps } from '../utils';
 import { useLocale } from '../utils/hooks/useLocale';

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

@@ -1,6 +1,6 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
 import { Switch as AntdSwitch } from 'antd';
-import { useCallback, useMemo, useState } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import CommIcon from '../Icon';
 import { handleIsValidIconCfg } from '../Icon/hooks';
 import { FormFields, useCommonImperativeHandle, useForm } from '../utils';