@lingxiteam/ebe-utils 0.2.3 → 0.2.5

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

@@ -1,11 +1,7 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
 import { Radio as AntdRadio } from 'antd';
 import React, { useEffect, useState } from 'react';
-import {
-  FormFields,
-  getFieldsProps,
-  useCommonImperativeHandle,
-} from '../utils';
+import { FormFields, getFieldsProps, useCommonImperativeHandle } from '../utils';
 import renderReadOnly from '../utils/renderReadOnly';
 
 export interface RadioProps {
@@ -80,11 +76,7 @@ const typeFn: any = {
  * @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)) {
@@ -145,24 +137,19 @@ const Radio = LingxiForwardRef<any, RadioProps>((props, ref) => {
     ...restProps
   } = props;
   const [dataSource, setDataSource] = useState<any[]>([]);
-  const { formFieldsRef, disabled, readOnly, required, finalRules } =
-    useCommonImperativeHandle(ref, props, {
-      clearValue: undefined,
-      // 清空选项
-      clearOptions() {
-        setDataSource([]);
-      },
-      setDataWithLabelAndValue(data: any) {
-        setLKey(data.labelKey);
-        setVKey(data.valueKey);
-        const newData = handleDataSource(
-          data.dataSource,
-          data.valueKey,
-          data.labelKey,
-        );
-        setDataSource(newData);
-      },
-    });
+  const { formFieldsRef, disabled, readOnly, required, finalRules } = useCommonImperativeHandle(ref, props, {
+    clearValue: undefined,
+    // 清空选项
+    clearOptions() {
+      setDataSource([]);
+    },
+    setDataWithLabelAndValue(data: any) {
+      setLKey(data.labelKey);
+      setVKey(data.valueKey);
+      const newData = handleDataSource(data.dataSource, data.valueKey, data.labelKey);
+      setDataSource(newData);
+    },
+  });
 
   const [lKey, setLKey] = useState(labelKey);
   const [vKey, setVKey] = useState(valueKey);
@@ -181,10 +168,8 @@ const Radio = LingxiForwardRef<any, RadioProps>((props, ref) => {
 
   // 处理列表数据
   useEffect(() => {
-    const newData = Array.isArray(newDataSoure)
-      ? handleDataSource(newDataSoure, vKey, lKey)
-      : [];
-    const valueArray = newData.map((it) => it?.value);
+    const newData = Array.isArray(newDataSoure) ? handleDataSource(newDataSoure, vKey, lKey) : [];
+    const valueArray = newData.map(it => it?.value);
     const targetDefault: { value: string; label: string }[] = [];
     // 自定义数据中若存在和预置数据中相同的value ，则取自定义数据
     if (defaultOptions && defaultOptions.length) {
@@ -227,26 +212,19 @@ const Radio = LingxiForwardRef<any, RadioProps>((props, ref) => {
         {...restProps}
         value={value}
         defaultValue={defaultValue}
-        onChange={(e) => {
+        onChange={e => {
           if (onChange) {
             onChange(e);
           }
         }}
       >
-        {(dataSource || []).map((c) => (
+        {(dataSource || []).map(c => (
           <Opt
             value={transformValueType(c.value, value)}
             key={c.value}
-            disabled={
-              rangeLimit &&
-              rangeLimit.length > 0 &&
-              !rangeLimit.includes(+c.value)
-            }
+            disabled={rangeLimit && rangeLimit.length > 0 && !rangeLimit.includes(+c.value)}
             style={{
-              marginRight:
-                radioType === 'Radio.Button' && optionMarginRight
-                  ? optionMarginRight
-                  : '',
+              marginRight: radioType === 'Radio.Button' && optionMarginRight ? optionMarginRight : '',
             }}
           >
             {c.label}

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

@@ -3,11 +3,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 {
-  FormFields,
-  getFieldsProps,
-  useCommonImperativeHandle,
-} from '../utils';
+import { FormFields, getFieldsProps, useCommonImperativeHandle } from '../utils';
 import { useLocale } from '../utils/hooks/useLocale';
 
 export interface MyRateProps {
@@ -57,13 +53,7 @@ interface BaseRatePropsType {
 const rateCls = 'ued-rateContainer';
 
 const BaseRate = (props: BaseRatePropsType) => {
-  const {
-    value: originValue,
-    tooltips,
-    onChange,
-    tooltipType = 'custom',
-    ...restProps
-  } = props;
+  const { value: originValue, tooltips, onChange, tooltipType = 'custom', ...restProps } = props;
 
   const value = useMemo(() => {
     return Number(originValue);
@@ -83,9 +73,7 @@ const BaseRate = (props: BaseRatePropsType) => {
       // 没有tooltipType代表存量数据，按照自定义展示，向上取整
       case 'custom':
       default:
-        return value && tooltips && tooltips.length > value - 1
-          ? tooltips[Math.ceil(+value) - 1]
-          : '';
+        return value && tooltips && tooltips.length > value - 1 ? tooltips[Math.ceil(+value) - 1] : '';
     }
   }, [value, tooltips, tooltipType]);
   const myTooltips = useMemo(() => {
@@ -101,12 +89,7 @@ const BaseRate = (props: BaseRatePropsType) => {
   }, [tooltips, tooltipType, restProps.count]);
   return (
     <div className={rateCls}>
-      <AntdRate
-        {...restProps}
-        tooltips={myTooltips}
-        value={value}
-        onChange={(val) => onStarChange(val)}
-      />
+      <AntdRate {...restProps} tooltips={myTooltips} value={value} onChange={val => onStarChange(val)} />
       <span className={`${rateCls}-rateText`}>{rendeRrightTool()}</span>
     </div>
   );
@@ -150,8 +133,7 @@ const Rate = LingxiForwardRef<any, MyRateProps>((props, ref) => {
 
   const { getLocale, lang } = useLocale(getEngineApis());
 
-  const { disabled, required, readOnly, formFieldsRef } =
-    useCommonImperativeHandle(ref, props);
+  const { disabled, required, readOnly, formFieldsRef } = useCommonImperativeHandle(ref, props);
 
   const finalRules = useMemo(
     () => [
@@ -160,7 +142,7 @@ const Rate = LingxiForwardRef<any, MyRateProps>((props, ref) => {
         message: getLocale?.('notEmpty', { name }),
       },
     ],
-    [required, name, lang],
+    [required, name, lang]
   );
 
   return (
@@ -172,7 +154,7 @@ const Rate = LingxiForwardRef<any, MyRateProps>((props, ref) => {
       disabled={disabled}
       readOnly={readOnly}
       rules={finalRules}
-      handleFormValue={(val) => {
+      handleFormValue={val => {
         if (val !== undefined) {
           return Number(val);
         }

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

@@ -50,12 +50,7 @@ function arrayToJSON(arr: any[], val: any, obj: any) {
   let temp = result;
   for (const key in arr) {
     let len = 0;
-    if (
-      arr.some(
-        (i) =>
-          ['LineChart', 'BarChart', 'PieChart', 'RadarChart'].indexOf(i) > -1,
-      )
-    ) {
+    if (arr.some(i => ['LineChart', 'BarChart', 'PieChart', 'RadarChart'].indexOf(i) > -1)) {
       if (Number.isNaN(Number(arr[1]))) {
         len = 1;
       } else {
@@ -118,28 +113,14 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
 
   const [dataSource, setDataSource] = useListenProps(props.dataSource);
 
-  const seriesAttr = Object.keys(props).filter((i) => i.indexOf('series') > -1);
-  const pieSeriesAttr = Object.keys(props).filter(
-    (i) => i.indexOf('pieSeries') > -1,
-  );
-  const titleAttr = Object.keys(props).filter(
-    (i) => i.indexOf('chartTitle') > -1,
-  );
-  const legendAttr = Object.keys(props).filter(
-    (i) => i.indexOf('chartsLegend') > -1,
-  );
-  const xAxisAttr = Object.keys(props).filter(
-    (i) => i.indexOf('chartXAxis') > -1,
-  );
-  const yAxisAttr = Object.keys(props).filter(
-    (i) => i.indexOf('chartYAxis') > -1,
-  );
-  const gridAttr = Object.keys(props).filter(
-    (i) => i.indexOf('chartGrid') > -1,
-  );
-  const tooltipAttr = Object.keys(props).filter(
-    (i) => i.indexOf('chartTooltip') > -1,
-  );
+  const seriesAttr = Object.keys(props).filter(i => i.indexOf('series') > -1);
+  const pieSeriesAttr = Object.keys(props).filter(i => i.indexOf('pieSeries') > -1);
+  const titleAttr = Object.keys(props).filter(i => i.indexOf('chartTitle') > -1);
+  const legendAttr = Object.keys(props).filter(i => i.indexOf('chartsLegend') > -1);
+  const xAxisAttr = Object.keys(props).filter(i => i.indexOf('chartXAxis') > -1);
+  const yAxisAttr = Object.keys(props).filter(i => i.indexOf('chartYAxis') > -1);
+  const gridAttr = Object.keys(props).filter(i => i.indexOf('chartGrid') > -1);
+  const tooltipAttr = Object.keys(props).filter(i => i.indexOf('chartTooltip') > -1);
   const finalStyle = useHiddenStyle(visible, style);
   const chartRef = useRef<HTMLDivElement>(null);
   const chartNode = useRef<echarts.EChartsType>();
@@ -166,22 +147,11 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
     }
     if (['bar', 'line'].includes(type)) {
       if (isDataMap) {
-        xAxislength = dataMapColumns
-          .map((i) => i.keyVal)
-          ?.filter((j) => j.indexOf('x') > -1)?.length;
-        yAxislength = dataMapColumns
-          .map((i) => i.keyVal)
-          ?.filter((j) => j !== 'key' && j.indexOf('y') > -1)?.length;
+        xAxislength = dataMapColumns.map(i => i.keyVal)?.filter(j => j.indexOf('x') > -1)?.length;
+        yAxislength = dataMapColumns.map(i => i.keyVal)?.filter(j => j !== 'key' && j.indexOf('y') > -1)?.length;
       } else {
-        xAxislength = Array.isArray(chartData)
-          ? Object.keys(chartData[0] || {})?.filter((i) => i.indexOf('x') > -1)
-              ?.length
-          : 1;
-        yAxislength = Array.isArray(chartData)
-          ? Object.keys(chartData[0] || {})?.filter(
-              (i) => i !== 'key' && i.indexOf('y') > -1,
-            )?.length
-          : 1;
+        xAxislength = Array.isArray(chartData) ? Object.keys(chartData[0] || {})?.filter(i => i.indexOf('x') > -1)?.length : 1;
+        yAxislength = Array.isArray(chartData) ? Object.keys(chartData[0] || {})?.filter(i => i !== 'key' && i.indexOf('y') > -1)?.length : 1;
       }
       return {
         datasource: Array.isArray(chartData) ? chartData : [],
@@ -190,20 +160,12 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
       };
     }
     return { datasource: chartData, xAxislen: 1, yAxislen: 1 };
-  }, [
-    data,
-    dataSource,
-    chartDataSource,
-    relateDataType,
-    type,
-    dataMapColumns,
-    isDataMap,
-  ]);
+  }, [data, dataSource, chartDataSource, relateDataType, type, dataMapColumns, isDataMap]);
 
   const transferDataMap: { name?: any; value?: any; x?: any } = useMemo(() => {
     let obj = {};
     if (isDataMap) {
-      dataMapColumns.forEach((item) => {
+      dataMapColumns.forEach(item => {
         obj = {
           ...obj,
           [item.keyVal]: item.attrVal,
@@ -246,9 +208,7 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
       // const xItem0=getNestObj(xAxisAttr.filter((attr) => attr.indexOf(`chartXAxis0`) > -1));
       // const len=xItem0.type === 'value'?yAxislen:xAxislen;
       for (let i = 0; i < yAxisNum; i += 1) {
-        const xAxisItem = xAxisAttr.filter(
-          (attr) => attr.indexOf(`chartXAxis${i}`) > -1,
-        );
+        const xAxisItem = xAxisAttr.filter(attr => attr.indexOf(`chartXAxis${i}`) > -1);
         let obj: { type?: string; data?: any[] } = {
           type: 'category',
           ...getNestObj(xAxisItem),
@@ -264,18 +224,13 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
               ...obj,
               data:
                 datasource?.map((j: Record<string, any>) =>
-                  i < 1
-                    ? j[transferDataMap.x || 'x']
-                    : j[(transferDataMap as any)[`x${i}`] || `x${i}`],
+                  i < 1 ? j[transferDataMap.x || 'x'] : j[(transferDataMap as any)[`x${i}`] || `x${i}`]
                 ) || [],
             };
           } else {
             obj = {
               ...obj,
-              data:
-                datasource?.map((j: Record<string, any>) =>
-                  i < 1 ? j.x : j[`x${i}`],
-                ) || [],
+              data: datasource?.map((j: Record<string, any>) => (i < 1 ? j.x : j[`x${i}`])) || [],
             };
           }
         }
@@ -292,9 +247,7 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
       // const yItem0=getNestObj(yAxisAttr.filter((attr) => attr.indexOf(`chartYAxis0`) > -1));
       // const len=yItem0.type === 'category'?xAxislen:yAxislen;
       for (let i = 0; i < yAxisNum; i += 1) {
-        const yAxisItem = yAxisAttr.filter(
-          (attr) => attr.indexOf(`chartYAxis${i}`) > -1,
-        );
+        const yAxisItem = yAxisAttr.filter(attr => attr.indexOf(`chartYAxis${i}`) > -1);
         let obj: {
           type?: string;
           axisLabel?: { formatter?: string };
@@ -323,18 +276,13 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
               ...obj,
               data:
                 datasource?.map((j: Record<string, any>) =>
-                  i < 1
-                    ? j[transferDataMap.x || 'x']
-                    : j[(transferDataMap as any)[`x${i}`] || `x${i}`],
+                  i < 1 ? j[transferDataMap.x || 'x'] : j[(transferDataMap as any)[`x${i}`] || `x${i}`]
                 ) || [],
             };
           } else {
             obj = {
               ...obj,
-              data:
-                datasource?.map((j: { x: any }) =>
-                  i < 1 ? j.x : (j as any)[`x${i}`],
-                ) || [],
+              data: datasource?.map((j: { x: any }) => (i < 1 ? j.x : (j as any)[`x${i}`])) || [],
             };
           }
         } else if (+i === +yAxislen) {
@@ -354,9 +302,7 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
       trigger?: string;
     } = getNestObj(tooltipAttr);
     if (obj.position) {
-      obj.position = Array.isArray(obj.position)
-        ? obj.position
-        : obj.position?.split(',') || undefined;
+      obj.position = Array.isArray(obj.position) ? obj.position : obj.position?.split(',') || undefined;
     } else {
       obj.position = undefined;
     }
@@ -373,10 +319,10 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
           let item = {};
           if (type === 'pie') {
             const xval = isDataMap ? transferDataMap.name : 'name';
-            item = newdata.find((i) => i[xval] === params?.name);
+            item = newdata.find(i => i[xval] === params?.name);
           } else {
             const xval = isDataMap ? transferDataMap.x : 'x';
-            item = newdata.find((i) => i[xval] === params?.name);
+            item = newdata.find(i => i[xval] === params?.name);
           }
           formatter = sandBoxSafeRun(`(${obj.formatter})`);
           if (typeof formatter === 'function') {
@@ -451,19 +397,14 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
       if (['bar', 'line'].includes(type)) {
         const series = [];
         for (let i = 0; i < yAxislen; i += 1) {
-          const seriesItem = seriesAttr.filter(
-            (attr) => attr.indexOf(`series${i}`) > -1,
-          );
+          const seriesItem = seriesAttr.filter(attr => attr.indexOf(`series${i}`) > -1);
           let obj: SeriesMap = getNestObj(seriesItem);
           obj = {
             type,
             ...obj,
             data:
               datasource?.map((j: Record<string, any>) => {
-                if (
-                  Object.prototype.toString.call(chartColor) ===
-                  '[object Object]'
-                ) {
+                if (Object.prototype.toString.call(chartColor) === '[object Object]') {
                   if (chartColor.targetVal) {
                     const itemStyle = sandBoxSafeRun(chartColor.targetVal, {
                       charItem: j,
@@ -476,10 +417,7 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
                         },
                       };
                     }
-                    if (
-                      Object.prototype.toString.call(itemStyle) ===
-                      '[object Object]'
-                    ) {
+                    if (Object.prototype.toString.call(itemStyle) === '[object Object]') {
                       return {
                         value: j[`y${i}`],
                         itemStyle,
@@ -493,10 +431,7 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
           if (isDataMap) {
             obj.data =
               datasource?.map((j: Record<string, any>) => {
-                if (
-                  Object.prototype.toString.call(chartColor) ===
-                  '[object Object]'
-                ) {
+                if (Object.prototype.toString.call(chartColor) === '[object Object]') {
                   if (chartColor.targetVal) {
                     const itemStyle = sandBoxSafeRun(chartColor.targetVal, {
                       charItem: j,
@@ -509,10 +444,7 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
                         },
                       };
                     }
-                    if (
-                      Object.prototype.toString.call(itemStyle) ===
-                      '[object Object]'
-                    ) {
+                    if (Object.prototype.toString.call(itemStyle) === '[object Object]') {
                       return {
                         value: j[(transferDataMap as any)[`y${i}`] || `y${i}`],
                         itemStyle,
@@ -523,11 +455,7 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
                 return j[(transferDataMap as any)[`y${i}`] || `y${i}`];
               }) || [];
           }
-          if (
-            obj.areaStyle?.showColor &&
-            obj.areaStyle?.color0 &&
-            obj.areaStyle?.color1
-          ) {
+          if (obj.areaStyle?.showColor && obj.areaStyle?.color0 && obj.areaStyle?.color1) {
             obj = {
               ...obj,
               areaStyle: {
@@ -568,20 +496,12 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
             const newdata = [...datasource];
             let item: any = {};
             const xval = isDataMap ? transferDataMap.x : 'x';
-            obj.label.formatter = function (params: {
-              name: string;
-              value: string;
-            }) {
-              item = newdata.find((i) => i[xval] === params.name);
-              return item[`percent${i}`]
-                ? `${item[`percent${i}`]}%`
-                : `${params.value}%`;
+            obj.label.formatter = function (params: { name: string; value: string }) {
+              item = newdata.find(i => i[xval] === params.name);
+              return item[`percent${i}`] ? `${item[`percent${i}`]}%` : `${params.value}%`;
             };
           } else if (obj.label?.formatter === 'labvalue') {
-            obj.label.formatter = function (param: {
-              name: string;
-              value: string;
-            }) {
+            obj.label.formatter = function (param: { name: string; value: string }) {
               return `${param.name}：${param.value}`;
             };
           }
@@ -597,7 +517,7 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
         let obj: SeriesMap = { type: 'pie' };
         let newDataSource = [...datasource];
         if (isDataMap) {
-          newDataSource = newDataSource.map((item) => ({
+          newDataSource = newDataSource.map(item => ({
             name: item[transferDataMap.name || 'name'],
             value: item[transferDataMap.value || 'value'],
           }));
@@ -607,12 +527,8 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
           ...getNestObj(pieSeriesAttr),
           data: newDataSource || [],
         };
-        obj.radius = Array.isArray(obj.radius)
-          ? obj.radius
-          : obj.radius?.split(',') || [0, '75%'];
-        obj.center = Array.isArray(obj.center)
-          ? obj.center
-          : obj.center?.split(',') || ['50%', '50%'];
+        obj.radius = Array.isArray(obj.radius) ? obj.radius : obj.radius?.split(',') || [0, '75%'];
+        obj.center = Array.isArray(obj.center) ? obj.center : obj.center?.split(',') || ['50%', '50%'];
         if (obj.label?.formatter === 'value') {
           obj.label.formatter = function (param: { value: any }) {
             return param.value;
@@ -622,10 +538,7 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
         } else if (obj.label?.formatter === 'percent') {
           obj.label.formatter = '{d}%';
         } else if (obj.label?.formatter === 'labvalue') {
-          obj.label.formatter = function (param: {
-            name: string;
-            value: string;
-          }) {
+          obj.label.formatter = function (param: { name: string; value: string }) {
             return `${param.name} ${param.value}`;
           };
         } else if (obj.label?.formatter === 'labpercent') {
@@ -652,10 +565,7 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
         ...chartTooltip,
       },
     };
-    if (
-      chartColor &&
-      Object.prototype.toString.call(chartColor) !== '[object Object]'
-    ) {
+    if (chartColor && Object.prototype.toString.call(chartColor) !== '[object Object]') {
       finalOption = {
         ...finalOption,
         color: Array.isArray(chartColor) ? chartColor : chartColor.split(','),
@@ -663,17 +573,7 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
     } else {
       finalOption = {
         ...finalOption,
-        color: [
-          '#5470c6',
-          '#91cc75',
-          '#fac858',
-          '#ee6666',
-          '#73c0de',
-          '#3ba272',
-          '#fc8452',
-          '#9a60b4',
-          '#ea7ccc',
-        ],
+        color: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'],
       };
     }
     return finalOption;
@@ -718,14 +618,7 @@ const ReactECharts: LingXiFC<MyReactEChartsProps> = (props, ref) => {
     };
   }, []);
 
-  return (
-    <div
-      data-compid={(props as any)?.['data-compid']}
-      ref={chartRef}
-      style={finalStyle}
-      className={className}
-    />
-  );
+  return <div data-compid={(props as any)?.['data-compid']} ref={chartRef} style={finalStyle} className={className} />;
 };
 
 export default ReactECharts;

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

@@ -3,24 +3,18 @@ import { useImperativeHandle, useState } from 'react';
 import ReactEChartsLoader from './loader';
 import { MyReactEChartsProps } from './PropsType';
 
-const ReactECharts = LingxiForwardRef<unknown, MyReactEChartsProps>(
-  (props, ref) => {
-    const [chartDataSource, setChartDataSource] = useState<any[]>();
+const ReactECharts = LingxiForwardRef<unknown, MyReactEChartsProps>((props, ref) => {
+  const [chartDataSource, setChartDataSource] = useState<any[]>();
 
-    useImperativeHandle(ref, () => ({
-      // 这里暴漏部分指令方法
-      // 由于组件采用懒加载延迟执行组件，导致组件在未加载完成的时候已经执行了页面加载完成的生命周期，所以未来的指令方法不应放入懒加载中，避免页面加载完成时机无法调用指令。
-      setTableData: (tableData: {
-        dataSource: any[];
-        total: any;
-        current: any;
-      }) => {
-        setChartDataSource(tableData?.dataSource || []);
-      },
-    }));
+  useImperativeHandle(ref, () => ({
+    // 这里暴漏部分指令方法
+    // 由于组件采用懒加载延迟执行组件，导致组件在未加载完成的时候已经执行了页面加载完成的生命周期，所以未来的指令方法不应放入懒加载中，避免页面加载完成时机无法调用指令。
+    setTableData: (tableData: { dataSource: any[]; total: any; current: any }) => {
+      setChartDataSource(tableData?.dataSource || []);
+    },
+  }));
 
-    return <ReactEChartsLoader {...props} refDataReload={chartDataSource} />;
-  },
-);
+  return <ReactEChartsLoader {...props} refDataReload={chartDataSource} />;
+});
 
 export default ReactECharts;

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

@@ -2,10 +2,7 @@ import Loadable from 'react-loadable';
 import { LoadingComponennt } from '../utils/LoaderHelper';
 
 const ReactChartsLoader = Loadable({
-  loader: async () =>
-    (await import(
-      /* webpackChunkName: 'pcFactory-ReactECharts' */ './ReactECharts'
-    )) as unknown as React.ComponentType<any>,
+  loader: async () => (await import(/* webpackChunkName: 'pcFactory-ReactECharts' */ './ReactECharts')) as unknown as React.ComponentType<any>,
   loading: LoadingComponennt,
 });
 

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

@@ -8,7 +8,7 @@ export interface FishRenderProps {
   engineType: 'editor' | 'engine';
 }
 
-const FishRender: LingXiFC<FishRenderProps> = (props) => {
+const FishRender: LingXiFC<FishRenderProps> = props => {
   const { customProps, getEngineApis, engineType, ...restProps } = props;
   const { getLocale = () => 'Fish远程组件加载失败' } = getEngineApis?.() || {};
   return (
@@ -18,12 +18,7 @@ const FishRender: LingXiFC<FishRenderProps> = (props) => {
       moduleProps={customProps}
       onError={console.log}
       loading={() => <Spin />}
-      fallback={() => (
-        <Empty
-          description={getLocale?.('RemoteComponent.fail')}
-          image={Empty.PRESENTED_IMAGE_SIMPLE}
-        />
-      )}
+      fallback={() => <Empty description={getLocale?.('RemoteComponent.fail')} image={Empty.PRESENTED_IMAGE_SIMPLE} />}
     />
   );
 };

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

@@ -23,9 +23,8 @@ export interface MyRemoteComponentProps {
 }
 
 // const prefixCls = 'remoteComponent';
-const RemoteComponent: LingXiFC<MyRemoteComponentProps> = (props) => {
-  const { url, customProps, getEngineApis, name, fieldName, ...restProps } =
-    props;
+const RemoteComponent: LingXiFC<MyRemoteComponentProps> = props => {
+  const { url, customProps, getEngineApis, name, fieldName, ...restProps } = props;
 
   const engineApis = getEngineApis?.() || {};
 
@@ -44,12 +43,7 @@ const RemoteComponent: LingXiFC<MyRemoteComponentProps> = (props) => {
     if (err) {
       console.warn('自定义组件报错:', err);
     }
-    return (
-      <Empty
-        description={engineApis?.getLocale?.('RemoteComponent.fail')}
-        image={Empty.PRESENTED_IMAGE_SIMPLE}
-      />
-    );
+    return <Empty description={engineApis?.getLocale?.('RemoteComponent.fail')} image={Empty.PRESENTED_IMAGE_SIMPLE} />;
   }
   return (
     <Component

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

@@ -8,7 +8,7 @@ export interface VueRenderProps {
   engineType: 'editor' | 'engine';
 }
 
-const VueRender: LingXiFC<VueRenderProps> = (props) => {
+const VueRender: LingXiFC<VueRenderProps> = props => {
   const { url, customProps, engineType, getEngineApis, ...restProps } = props;
   const { getLocale = () => 'Fish远程组件加载失败' } = getEngineApis?.() || {};
   return (
@@ -19,12 +19,7 @@ const VueRender: LingXiFC<VueRenderProps> = (props) => {
       moduleProps={customProps}
       onError={console.log}
       loading={() => <Spin />}
-      fallback={() => (
-        <Empty
-          description={getLocale?.('RemoteComponent.fail')}
-          image={Empty.PRESENTED_IMAGE_SIMPLE}
-        />
-      )}
+      fallback={() => <Empty description={getLocale?.('RemoteComponent.fail')} image={Empty.PRESENTED_IMAGE_SIMPLE} />}
     />
   );
 };