@lingxiteam/ebe-utils 0.5.10 → 0.6.1

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

@@ -0,0 +1,43 @@
+import React, { useMemo } from 'react';
+import LevelView from '@lingxiteam/antd-mobile-plus/es/LevelView';
+import { LevelViewType } from '@lingxiteam/antd-mobile-plus/es/LevelView/PropsType';
+import { LingxiForwardRef } from '@lingxiteam/types';
+
+interface LevelViewStyle extends React.CSSProperties {
+  _component: any;
+}
+export interface MyLevelViewProps extends LevelViewType {
+  style: LevelViewStyle;
+  visible: boolean;
+}
+// 枚举定义， ’-‘ 前为dsl所配置样式名称，‘-’后面为组件内部实际所需的样式名称
+const enmu = {
+  titleStyle: ['titleColor-color', 'titleStyle-style', 'titleSize-fontSize'],
+  contentStyle: ['selectBackgroundColor-selectBackground', 'selectColor-selectColor', 'fontSize-fontSize', 'selectStyle-style'],
+  btnStyle: ['btnStyle-style'],
+};
+const MyLevelView = LingxiForwardRef<any, MyLevelViewProps>((props, ref) => {
+  const { visible, style } = props;
+  const styleProps = useMemo(() => {
+    const myStyle = {} as any;
+    Object.keys(enmu).forEach((key) => {
+      let obj: any = {};
+      // @ts-ignore
+      enmu[key].forEach((i: string) => {
+        const objMap = i.split('-');
+        // @ts-ignore
+        const objValue = style[objMap[0]];
+        const objKey = objMap[1];
+        if (!objValue) return;
+        objKey === 'style' ? obj = { ...obj, ...objValue } : obj[objKey] = objValue;
+      });
+      myStyle[key] = obj;
+    });
+    return myStyle;
+  }, [style]);
+  return visible ? <LevelView {...props} {...styleProps} /> : <></>;
+});
+
+MyLevelView.displayName = 'LevelView';
+
+export default MyLevelView;

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

@@ -1,42 +1,13 @@
-import { LevelView, LevelViewType } from '@lingxiteam/antd-mobile-plus';
+import React, { useImperativeHandle } from 'react';
 import { LingxiForwardRef } from '@lingxiteam/types';
-import React, { useMemo } from 'react';
+import LevelViewLoader from './loader';
 
-interface LevelViewStyle extends React.CSSProperties {
-  _component: any;
-}
-export interface MyLevelViewProps extends LevelViewType {
-  style: LevelViewStyle;
-  visible: boolean;
-}
-// 枚举定义， ’-‘ 前为dsl所配置样式名称，‘-’后面为组件内部实际所需的样式名称
-const enmu = {
-  titleStyle: ['titleColor-color', 'titleStyle-style', 'titleSize-fontSize'],
-  contentStyle: ['selectBackgroundColor-selectBackground', 'selectColor-selectColor', 'fontSize-fontSize', 'selectStyle-style'],
-  btnStyle: ['btnStyle-style'],
-};
-const MyLevelView = LingxiForwardRef<any, MyLevelViewProps>((props, ref) => {
-  const { visible, style } = props;
-  const styleProps = useMemo(() => {
-    const myStyle = {} as any;
-    Object.keys(enmu).forEach(key => {
-      let obj: any = {};
-      // @ts-ignore
-      enmu[key].forEach((i: string) => {
-        const objMap = i.split('-');
-        // @ts-ignore
-        const objValue = style[objMap[0]];
-        const objKey = objMap[1];
-        if (!objValue) return;
-        objKey === 'style' ? (obj = { ...obj, ...objValue }) : (obj[objKey] = objValue);
-      });
-      myStyle[key] = obj;
-    });
-    return myStyle;
-  }, [style]);
-  return visible ? <LevelView {...props} {...styleProps} /> : <></>;
+const LevelView = LingxiForwardRef<unknown, any>((props, ref) => {
+  useImperativeHandle(ref, () => ({
+    // 这里暴漏部分指令方法
+  }));
+  
+  return <LevelViewLoader {...props} />;
 });
 
-MyLevelView.displayName = 'LevelView';
-
-export default MyLevelView;
+export default LevelView;

package/lib/h5public/src/components/factory/src/LevelView/loader.tsx

@@ -0,0 +1,9 @@
+import Loadable from 'react-loadable';
+import { LoadingComponennt } from '../utils/LoaderHelper';
+
+const LoadableLXRadarChart = Loadable({
+  loader: async () => (await import(/* webpackChunkName: 'factory-LevelView' */ './LevelView')) as unknown as React.ComponentType<any>,
+  loading: LoadingComponennt,
+});
+
+export default LoadableLXRadarChart;

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

@@ -1,10 +1,11 @@
+import React, { useMemo, useEffect } from 'react';
 import Line from '@lingxiteam/charts/es/Line';
-import { LingXiFC } from '@lingxiteam/types';
-import React, { useEffect, useMemo } from 'react';
+import { useJsonToParse } from '../utils/hooks/useJsonToParse';
 import useAsyncState from '../utils/hooks/useAsyncState';
 import useHiddenStyle from '../utils/hooks/useHiddenStyle';
-import { useJsonToParse } from '../utils/hooks/useJsonToParse';
 import { MyLineProps } from './PropsType';
+import { LingXiFC } from '@lingxiteam/types';
+
 
 const MyLine: LingXiFC<MyLineProps> = (props, ref) => {
   const { visible = true, getEngineApis, $$componentItem, className, style, refData, ...restProps } = props;
@@ -37,7 +38,7 @@ const MyLine: LingXiFC<MyLineProps> = (props, ref) => {
           [state.y]: y,
         };
       }),
-    [JSON.stringify(data)]
+    [JSON.stringify(data)],
   );
 
   const xStyle = useMemo(() => {
@@ -55,9 +56,18 @@ const MyLine: LingXiFC<MyLineProps> = (props, ref) => {
     }
   }, [refData]);
 
+
   return (
     <div style={finalStyle} className={className}>
-      <Line {...restProps} x={state.x} y={state.y} canvasSize={{ width, height }} data={dataSource} xStyle={xStyle} yStyle={yStyle} />
+      <Line
+        {...restProps}
+        x={state.x}
+        y={state.y}
+        canvasSize={{ width, height }}
+        data={dataSource}
+        xStyle={xStyle}
+        yStyle={yStyle}
+      />
     </div>
   );
 };

package/lib/h5public/src/components/factory/src/Line/PropsType.ts

@@ -6,5 +6,5 @@ export interface MyLineProps extends LineProps {
   y: any;
   style?: any;
   className: string;
-  refData?: { data: any; x: any; y: any };
+  refData?: { data: any, x: any, y: any };
 }

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

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

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

@@ -1,11 +1,18 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Chart, Geometry, Legend, px2hd } from '@alitajs/f2';
+import _ from 'lodash';
+import {
+  Chart,
+  Geometry,
+  Legend,
+  px2hd,
+} from '@alitajs/f2';
 import Axis from '@lingxiteam/charts/es/components/Axis';
-import { LingXiFC } from '@lingxiteam/types';
-import useHiddenStyle from '../utils/hooks/useHiddenStyle';
 import { useJsonToParse } from '../utils/hooks/useJsonToParse';
+import useHiddenStyle from '../utils/hooks/useHiddenStyle';
 import { ColumnProps } from './PropsType';
+import { LingXiFC } from '@lingxiteam/types';
+
 
 const LineColumn: LingXiFC<ColumnProps> = (props, ref) => {
   const {
@@ -33,7 +40,7 @@ const LineColumn: LingXiFC<ColumnProps> = (props, ref) => {
   const dataSource = parseData.map((i: any) => {
     if (i.constructor === Object) {
       const newObj = {} as any;
-      Object.keys(i).forEach(key => {
+      Object.keys(i).forEach((key) => {
         newObj[key] = i[key];
         if (!isNaN(parseInt(i[key], 10))) {
           newObj[key] = parseInt(i[key], 10);
@@ -56,6 +63,7 @@ const LineColumn: LingXiFC<ColumnProps> = (props, ref) => {
       setData(refData);
     }
   }, [refData]);
+  
 
   const chartRef = useRef<any>();
   // 柱状配置
@@ -102,24 +110,22 @@ const LineColumn: LingXiFC<ColumnProps> = (props, ref) => {
     labelOffset: px2hd(30),
   };
 
-  const legendItems = [
-    {
-      name: nameLineY,
-      marker: {
-        symbol: 'square',
-        fill: colorsArray[1] || '#FACC14',
-        radius: px2hd(8),
-      },
+
+  const legendItems = [{
+    name: nameLineY,
+    marker: {
+      symbol: 'square',
+      fill: colorsArray[1] || '#FACC14',
+      radius: px2hd(8),
     },
-    {
-      name: nameColumnY,
-      marker: {
-        symbol: 'circle',
-        fill: colorsArray[0] || '#5687FB',
-        radius: px2hd(8),
-      },
+  }, {
+    name: nameColumnY,
+    marker: {
+      symbol: 'circle',
+      fill: colorsArray[0] || '#5687FB',
+      radius: px2hd(8),
     },
-  ];
+  }];
 
   const LegendProps = {
     custom: true,
@@ -163,15 +169,33 @@ const LineColumn: LingXiFC<ColumnProps> = (props, ref) => {
           {...LegendProps}
         />
         {/** @ts-ignore */}
-        <Axis field={lineY} {...YAxisConfig} />
+        <Axis
+          field={lineY}
+          {...YAxisConfig}
+        />
         {/** @ts-ignore */}
-        <Axis field={columnY} {...YAxisConfig} />
+        <Axis
+          field={columnY}
+          {...YAxisConfig}
+        />
         {/** @ts-ignore */}
-        <Axis field={x} {...XAxisConfig} />
+        <Axis
+          field={x}
+          {...XAxisConfig}
+        />
+
+
+        <Geometry
+          {...mGeometryPropsInterval}
+        />
+        <Geometry
+          {...mGeometryPropsPoint}
+        />
+        <Geometry
+          {...mGeometryPropsArea}
+        />
+
 
-        <Geometry {...mGeometryPropsInterval} />
-        <Geometry {...mGeometryPropsPoint} />
-        <Geometry {...mGeometryPropsArea} />
       </Chart>
     </div>
   );

package/lib/h5public/src/components/factory/src/LineColumn/PropsType.ts

@@ -51,8 +51,8 @@ export interface ColumnProps {
   areaColor?: string;
 
   /**
-   * 是否展示
-   */
+  * 是否展示
+  */
   visible?: boolean;
   refData?: any[];
 }

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

@@ -1,5 +1,5 @@
+import React, { useState, useImperativeHandle } from 'react';
 import { LingxiForwardRef } from '@lingxiteam/types';
-import React, { useImperativeHandle, useState } from 'react';
 import LineColumnLoader from './loader';
 import { ColumnProps } from './PropsType';
 
@@ -11,9 +11,7 @@ const Line = LingxiForwardRef<unknown, ColumnProps>((props, ref) => {
     // 由于组件采用懒加载延迟执行组件，导致组件在未加载完成的时候已经执行了页面加载完成的生命周期，所以未来的指令方法不应放入懒加载中，避免页面加载完成时机无法调用指令。
     setChartData: (obj: any) => {
       const { data } = obj;
-      if (data) {
-        setRefData(data);
-      }
+      if (data) { setRefData(data); }
     },
   }));
 

package/lib/h5public/src/components/factory/src/LineColumn/loader.tsx

@@ -3,7 +3,7 @@ import { LoadingComponennt } from '../utils/LoaderHelper';
 
 const LineColumnLoader = Loadable({
   // eslint-disable-next-line func-call-spacing
-  loader: async () => (await import(/* webpackChunkName: 'factory-LineColumn' */ './LineColumn')) as unknown as React.ComponentType<any>,
+  loader: async () => (await import /* webpackChunkName: 'factory-LineColumn' */ ('./LineColumn')) as unknown as React.ComponentType<any>,
   loading: LoadingComponennt,
 });
 

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

@@ -0,0 +1,50 @@
+import React, { useRef, useMemo } from 'react';
+import LXPieChartPorps from './PropsType';
+import { LiquidfillChart } from '@lingxiteam/charts-common';
+import { LingXiFC } from '@lingxiteam/types';
+import useStyle from '../View/useStyle';
+import useHiddenStyle from '../utils/hooks/useHiddenStyle';
+import { useFuncExpExecute } from '../utils/hooks/useFuncExpExecute';
+
+const LXPieChart: LingXiFC<LXPieChartPorps> = (props, ref) => {
+  const { style, visible = true, className, backgroundType, getEngineApis, $$componentItem } = props;
+  const finalStyle = useHiddenStyle(visible, style);
+  const engineApis = getEngineApis?.();
+  const viewRef = useRef();
+  const {
+    sandBoxSafeRun,
+    getLocale,
+    getAppFileUrlByFileCode,
+  } = engineApis || {};
+  const imgSrc = useMemo(() => {
+    if (backgroundType?.image) {
+      return getAppFileUrlByFileCode(backgroundType?.image, { appId: $$componentItem.appId });
+    }
+    return undefined;
+  }, [backgroundType]);
+
+  const resultStyle = useStyle(
+    {
+      ...props,
+      src: imgSrc,
+    },
+    viewRef,
+  );
+
+  const funcExpExecute = useFuncExpExecute(sandBoxSafeRun as any, getLocale);
+
+  return (
+    <LiquidfillChart
+      style={{ ...resultStyle, ...finalStyle }}
+      className={className}
+      configProps={props}
+      isEditMode={false}
+      isMobile={false}
+      funcExpExecute={funcExpExecute}
+      sandBoxSafeRun={sandBoxSafeRun}
+      chartType="Liquidfill"
+    />
+  );
+};
+
+export default LXPieChart;

package/lib/h5public/src/components/factory/src/Liquidfill/PropsType.ts

@@ -0,0 +1,11 @@
+/* eslint-disable semi */
+import type { EngineApisType } from '@lingxiteam/types';
+import { LiquidfillProps } from '@lingxiteam/charts-common';
+
+export default interface LXLiquidfillProps extends LiquidfillProps {
+  visible?: boolean;
+  className?: string;
+  style?: React.CSSProperties; // 样式
+  getEngineApis?: () => EngineApisType;
+  backgroundType: any;
+}

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

@@ -0,0 +1,12 @@
+import React, { useImperativeHandle } from 'react';
+import { LingxiForwardRef } from '@lingxiteam/types';
+import LiquidfillLoader from './loader';
+import LiquidfillProps from './PropsType';
+
+const Liquidfill = LingxiForwardRef<unknown, LiquidfillProps>((props, ref) => {
+  useImperativeHandle(ref, () => ({ }));
+
+  return <LiquidfillLoader {...props} />;
+});
+
+export default Liquidfill;

package/lib/h5public/src/components/factory/src/Liquidfill/loader.tsx

@@ -0,0 +1,9 @@
+import Loadable from 'react-loadable';
+import { LoadingComponennt } from '../utils/LoaderHelper';
+
+const LoadableLiquidfill = Loadable({
+  loader: async () => (await import/* webpackChunkName: 'factory-Liquidfill' */('./Liquidfill')) as unknown as React.ComponentType<any>,
+  loading: LoadingComponennt,
+});
+
+export default LoadableLiquidfill;

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

@@ -0,0 +1,114 @@
+import { ErrorBlock } from 'antd-mobile-5';
+import LoadMoreListView from '@lingxiteam/antd-mobile-plus/es/LoadMoreListView';
+import type { LoadMoreListViewProps } from '@lingxiteam/antd-mobile-plus/es/LoadMoreListView/PropType';
+import React, { useMemo, useState } from 'react';
+import { AppForwardRef } from '../BasicComponents';
+import './index.less';
+
+export interface MyListViewProps extends LoadMoreListViewProps {
+  components: any[];
+  // loadMoreParams: any;
+  pageData: any;
+  // loadMoreRef: any;
+  [key: string]: any;
+  columnNum?: number;
+}
+
+const prefixCls = 'lcdp-loadmore';
+
+const LoadMore = AppForwardRef<MyListViewProps>((props, ref) => {
+  const {
+    height,
+    children,
+    alias,
+    components,
+    // loadMoreParams,
+    pageData,
+    // loadMoreRef,
+    requestFunc,
+    columnNum = 1,
+    ...otherProps
+  } = props;
+
+  const { MemoRenderer } = props.getEngineApis();
+  const { MemoLoopItem, renderer, getLoopItemExtraProps } = MemoRenderer;
+
+  const [listData, setListData] = useState<any[]>([]);
+  let aliasUser = {};
+  if (Array.isArray(alias) && alias.length > 0) {
+    const [ali] = alias;
+    aliasUser = ali;
+  }
+  const renderColumn = (columnData: any, i: any) => {
+    const renderProps = {
+      item: columnData,
+      i,
+      __render__: props.__render__,
+      renderer,
+      itemId: i,
+      compId: props.$$componentItem.uid,
+      ...getLoopItemExtraProps?.(columnData, i),
+    };
+    return (
+      <div className={`${prefixCls}-column`} key={i}>
+        <MemoLoopItem {...renderProps} />
+      </div>
+    );
+  };
+  const renderColumnPlaceholder = (key: number) => {
+    return <div className={`${prefixCls}-columnPlaceholder`} key={key} />;
+  };
+  const renderRow = (item: any, sectionID: any, rowId: any) => {
+    const rowID = parseInt(rowId, 10);
+    let realColumnNum = columnNum;
+    if (!(typeof realColumnNum === 'number' && realColumnNum > 0)) {
+      realColumnNum = 1;
+    }
+    if (rowID % realColumnNum > 0) return <></>;
+    const columns: any = [];
+    for (let i = 0; i < realColumnNum; i += 1) {
+      const columnData = listData[rowID + i];
+      if (columnData) {
+        columns.push(renderColumn(columnData, rowID + i));
+      } else {
+        columns.push(renderColumnPlaceholder(rowID + i));
+      }
+    }
+    return <div className={`${prefixCls}-row`} key={sectionID}>{columns}</div>;
+  };
+
+  const wrapperHeight = useMemo(() => {
+    return props.type === 'inhert' ? '100%' : undefined;
+  }, [props.type]);
+
+  const style = useMemo(() => {
+    const tStyle = props.style || {};
+    if (wrapperHeight) {
+      tStyle.height = wrapperHeight;
+    }
+    return tStyle;
+  }, [props.style, wrapperHeight]);
+
+  return (
+    <div className={`${prefixCls}-loadMore`} style={wrapperHeight ? { height: wrapperHeight } : {}}>
+      <LoadMoreListView
+        {...otherProps}
+
+        /* @ts-ignore */
+        // eslint-disable-next-line react/jsx-props-no-multi-spaces
+        type={props.type}
+        ref={ref}
+        requestFunc={requestFunc}
+        noData={<ErrorBlock status="empty" />}
+        style={style}
+        alias={aliasUser}
+        renderRow={renderRow}
+        onChange={(data: any) => {
+          setListData(data);
+        }}
+      />
+    </div>
+  );
+});
+
+export default LoadMore;

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

@@ -1,127 +1,19 @@
-import { LoadMoreListView, LoadMoreListViewProps } from '@lingxiteam/antd-mobile-plus';
-import { ErrorBlock } from 'antd-mobile-5';
-import React, { useImperativeHandle, useMemo, useRef, useState } from 'react';
-import { AppForwardRef } from '../BasicComponents';
-import './index.less';
-
-export interface MyListViewProps extends LoadMoreListViewProps {
-  components: any[];
-  // loadMoreParams: any;
-  pageData: any;
-  // loadMoreRef: any;
-  [key: string]: any;
-  columnNum?: number;
-}
-
-const prefixCls = 'lcdp-loadmore';
-
-const LoadMore = AppForwardRef<MyListViewProps>((props, ref) => {
-  const {
-    height,
-    children,
-    alias,
-    components,
-    // loadMoreParams,
-    pageData,
-    // loadMoreRef,
-    requestFunc,
-    columnNum = 1,
-    ...otherProps
-  } = props;
-
-  const { MemoRenderer } = props.getEngineApis();
-  const { MemoLoopItem, renderer, getLoopItemExtraProps } = MemoRenderer;
+import React, { useImperativeHandle, useRef } from 'react';
+import { LingxiForwardRef } from '@lingxiteam/types';
+import LoadMoreLoader from './loader';
 
+const LoadMore = LingxiForwardRef<unknown, any>((props, ref) => {
   const loadMoreParamsRef = useRef({});
   const loadMoreRef = useRef<any>(null);
-  const [listData, setListData] = useState<any[]>([]);
-  let aliasUser = {};
-  if (Array.isArray(alias) && alias.length > 0) {
-    const [ali] = alias;
-    aliasUser = ali;
-  }
-  const renderColumn = (columnData: any, i: any) => {
-    const renderProps = {
-      item: columnData,
-      i,
-      __render__: props.__render__,
-      renderer,
-      itemId: i,
-      compId: props.$$componentItem.uid,
-      ...getLoopItemExtraProps?.(columnData, i),
-    };
-    return (
-      <div className={`${prefixCls}-column`} key={i}>
-        <MemoLoopItem {...renderProps} />
-      </div>
-    );
-  };
-  const renderColumnPlaceholder = (key: number) => {
-    return <div className={`${prefixCls}-columnPlaceholder`} key={key} />;
-  };
-  const renderRow = (item: any, sectionID: any, rowId: any) => {
-    const rowID = parseInt(rowId, 10);
-    let realColumnNum = columnNum;
-    if (!(typeof realColumnNum === 'number' && realColumnNum > 0)) {
-      realColumnNum = 1;
-    }
-    if (rowID % realColumnNum > 0) return <></>;
-    const columns: any = [];
-    for (let i = 0; i < realColumnNum; i += 1) {
-      const columnData = listData[rowID + i];
-      if (columnData) {
-        columns.push(renderColumn(columnData, rowID + i));
-      } else {
-        columns.push(renderColumnPlaceholder(rowID + i));
-      }
-    }
-    return (
-      <div className={`${prefixCls}-row`} key={sectionID}>
-        {columns}
-      </div>
-    );
-  };
-
-  const wrapperHeight = useMemo(() => {
-    return props.type === 'inhert' ? '100%' : undefined;
-  }, [props.type]);
-
-  const style = useMemo(() => {
-    const tStyle = props.style || {};
-    if (wrapperHeight) {
-      tStyle.height = wrapperHeight;
-    }
-    return tStyle;
-  }, [props.style, wrapperHeight]);
 
   useImperativeHandle(ref, () => ({
+    // 这里暴漏部分指令方法
     refreshLoadMore: () => loadMoreRef?.current?.reloadDataSource(),
-    setLoadMoreParams: (params: any) => {
-      loadMoreParamsRef.current = params;
-    },
+    setLoadMoreParams: (params: any) => { loadMoreParamsRef.current = params; },
     getLoadMoreParams: () => loadMoreParamsRef.current,
   }));
-
-  return (
-    <div className={`${prefixCls}-loadMore`} style={wrapperHeight ? { height: wrapperHeight } : {}}>
-      <LoadMoreListView
-        {...otherProps}
-
-        /* @ts-ignore */
-        // eslint-disable-next-line react/jsx-props-no-multi-spaces
-        type={props.type}
-        ref={loadMoreRef}
-        requestFunc={requestFunc}
-        noData={<ErrorBlock status="empty" />}
-        style={style}
-        alias={aliasUser}
-        renderRow={renderRow}
-        onChange={(data: any) => {
-          setListData(data);
-        }}
-      />
-    </div>
-  );
+  
+  return <LoadMoreLoader {...props} ref={loadMoreRef} />;
 });
 
 export default LoadMore;

package/lib/h5public/src/components/factory/src/LoadMore/loader.tsx

@@ -0,0 +1,9 @@
+import Loadable from 'react-loadable';
+import { LoadingComponennt } from '../utils/LoaderHelper';
+
+const LoadableLXRadarChart = Loadable({
+  loader: async () => (await import(/* webpackChunkName: 'factory-LoadMore' */ './LoadMore')) as unknown as React.ComponentType<any>,
+  loading: LoadingComponennt,
+});
+
+export default LoadableLXRadarChart;