@lingxiteam/ebe-utils 0.5.11 → 0.6.2

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

@@ -1,7 +1,7 @@
+import React, { useState, useEffect, useRef, useImperativeHandle } from 'react';
 import { LingxiForwardRef } from '@lingxiteam/types';
-import React, { useEffect, useImperativeHandle, useRef, useState } from 'react';
-import { useDeepCompareEffect } from '../utils/ahooks';
 import useStyle from '../View/useStyle';
+import { useDeepCompareEffect } from '../utils/ahooks';
 
 export interface MyLoopprops extends React.HTMLProps<HTMLDivElement> {
   visible: boolean;
@@ -38,6 +38,7 @@ const Loop = LingxiForwardRef<any, MyLoopprops>((props, ref) => {
 
   const [imgSrc, setImgSrc] = useState();
 
+
   useImperativeHandle(ref, () => ({
     setDataSource: (data: any[]) => {
       if (Array.isArray(data)) {
@@ -64,7 +65,7 @@ const Loop = LingxiForwardRef<any, MyLoopprops>((props, ref) => {
       ...props,
       src: imgSrc,
     },
-    viewRef
+    viewRef,
   );
 
   if (!visible) {
@@ -86,7 +87,9 @@ const Loop = LingxiForwardRef<any, MyLoopprops>((props, ref) => {
           compId: props.$$componentItem.uid,
           ...getLoopItemExtraProps?.(item, i),
         };
-        return <MemoLoopItem {...renderProps} />;
+        return (
+          <MemoLoopItem {...renderProps} />
+        );
       })}
     </div>
   );

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

@@ -1,10 +1,10 @@
-import MultipleProgress from '@lingxiteam/charts/es/MultipleProgress';
-import { LingXiFC } from '@lingxiteam/types';
 import React, { useEffect } from 'react';
+import MultipleProgress from '@lingxiteam/charts/es/MultipleProgress';
+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 { MyMultipleProgressProps, ProgressProps } from './PropsType';
+import { LingXiFC } from '@lingxiteam/types';
 
 const MyMultipleProgress: LingXiFC<MyMultipleProgressProps> = (props, ref) => {
   const { style = {}, $$componentItem, visible, getEngineApis, className, refData, ...restProps } = props;
@@ -26,7 +26,10 @@ const MyMultipleProgress: LingXiFC<MyMultipleProgressProps> = (props, ref) => {
 
   return (
     <div style={finalStyle} className={className}>
-      <MultipleProgress {...restProps} data={iData} />
+      <MultipleProgress
+        {...restProps}
+        data={iData}
+      />
     </div>
   );
 };

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

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

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

@@ -0,0 +1,58 @@
+import NoticeBarPlus from '@lingxiteam/antd-mobile-plus/es/NoticeBarPlus';
+import { NoticeBarProps } from '@lingxiteam/antd-mobile-plus/es/NoticeBarPlus/PropsType';
+import { LingxiForwardRef } from '@lingxiteam/types';
+import React, { useRef, useState, useEffect } from 'react';
+import useStyle from '../View/useStyle';
+import './NoticeBarPlusED/index.less';
+
+export interface MyNoticeBarPlusProps extends NoticeBarProps {
+  backgroundType?: any
+  srcType?: 'fileCode' | 'src';
+  fileCode?: string;
+  errorSrc: string;
+  clsasName?: string;
+}
+
+const MyNoticeBarPlus = LingxiForwardRef<any, MyNoticeBarPlusProps>((props, ref) => {
+  const { backgroundType = {}, srcType, src, fileCode, errorSrc, getEngineApis, clsasName, ...restProps } = props;
+  const NoticeBarPlusRef = useRef<HTMLDivElement>(null);
+  const [imgSrc, setImgSrc] = useState('');
+  const [error, setError] = useState('');
+  const [icon, setIcon] = useState('');
+  const engineApis = getEngineApis();
+  const viewRef = useRef<HTMLDivElement>();
+  const style = useStyle(
+    {
+      ...props,
+      src: imgSrc,
+    } as any,
+    viewRef,
+  ) as any;
+  useEffect(() => {
+    if (errorSrc) {
+      setError(engineApis.getAppFileUrlByFileCode(errorSrc));
+    }
+  }, [errorSrc]);
+
+  useEffect(() => {
+    if (backgroundType.image) {
+      setImgSrc(engineApis.getAppFileUrlByFileCode(backgroundType.image));
+    }
+  }, [backgroundType]);
+
+  useEffect(() => {
+    if (srcType === 'fileCode' && fileCode) {
+      setIcon(engineApis.getAppFileUrlByFileCode(fileCode));
+    } else if (srcType === 'src' && src) {
+      setIcon(src);
+    }
+  }, [fileCode, src, srcType]);
+
+  return (
+    <div className={`use-app-noticebarplus lcdp-h5-notice-bar-plus ${clsasName}`} ref={NoticeBarPlusRef}>
+      <NoticeBarPlus {...restProps} style={style} src={icon} errorSrc={error} imgStyle={style.imgStyle} extraText={restProps.extraText ?? engineApis.getLocale('more')} />
+    </div>
+  );
+});
+
+export default MyNoticeBarPlus;

package/lib/h5public/src/components/factory/src/NoticeBarPlus/NoticeBarPlusED/index.less

@@ -0,0 +1,6 @@
+
+.lcdp-h5-notice-bar-plus {
+  .adm-swiper-item {
+    display: flex;
+  }
+}

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

@@ -1,63 +1,13 @@
-import { NoticeBarPlus, NoticeBarProps } from '@lingxiteam/antd-mobile-plus';
+import React, { useImperativeHandle } from 'react';
 import { LingxiForwardRef } from '@lingxiteam/types';
-import React, { useEffect, useRef, useState } from 'react';
-import useStyle from '../View/useStyle';
-
-export interface MyNoticeBarPlusProps extends NoticeBarProps {
-  backgroundType?: any;
-  srcType?: 'fileCode' | 'src';
-  fileCode?: string;
-  errorSrc: string;
-  clsasName?: string;
-}
-
-const MyNoticeBarPlus = LingxiForwardRef<any, MyNoticeBarPlusProps>((props, ref) => {
-  const { backgroundType = {}, srcType, src, fileCode, errorSrc, getEngineApis, clsasName, ...restProps } = props;
-  const NoticeBarPlusRef = useRef<HTMLDivElement>(null);
-  const [imgSrc, setImgSrc] = useState('');
-  const [error, setError] = useState('');
-  const [icon, setIcon] = useState('');
-  const engineApis = getEngineApis();
-  const viewRef = useRef<HTMLDivElement>();
-  const style = useStyle(
-    {
-      ...props,
-      src: imgSrc,
-    } as any,
-    viewRef
-  ) as any;
-  useEffect(() => {
-    if (errorSrc) {
-      setError(engineApis.getAppFileUrlByFileCode(errorSrc));
-    }
-  }, [errorSrc]);
-
-  useEffect(() => {
-    if (backgroundType.image) {
-      setImgSrc(engineApis.getAppFileUrlByFileCode(backgroundType.image));
-    }
-  }, [backgroundType]);
-
-  useEffect(() => {
-    if (srcType === 'fileCode' && fileCode) {
-      setIcon(engineApis.getAppFileUrlByFileCode(fileCode));
-    } else if (srcType === 'src' && src) {
-      setIcon(src);
-    }
-  }, [fileCode, src, srcType]);
-
-  return (
-    <div className={`use-app-noticebarplus ${clsasName}`} ref={NoticeBarPlusRef}>
-      <NoticeBarPlus
-        {...restProps}
-        style={style}
-        src={icon}
-        errorSrc={error}
-        imgStyle={style.imgStyle}
-        extraText={restProps.extraText ?? engineApis.getLocale('more')}
-      />
-    </div>
-  );
+import NoticeBarPlusLoader from './loader';
+
+const NoticeBarPlus = LingxiForwardRef<unknown, any>((props, ref) => {
+  useImperativeHandle(ref, () => ({
+    // 这里暴漏部分指令方法，后续有需要可以补充
+  }));
+  
+  return <NoticeBarPlusLoader {...props} />;
 });
 
-export default MyNoticeBarPlus;
+export default NoticeBarPlus;

package/lib/h5public/src/components/factory/src/NoticeBarPlus/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-NoticeBarPlus' */ './NoticeBarPlus')) as unknown as React.ComponentType<any>,
+  loading: LoadingComponennt,
+});
+
+export default LoadableLXRadarChart;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import Notification from '@lingxiteam/antd-mobile-plus/es/Notification';
+import { NotificationType } from '@lingxiteam/antd-mobile-plus/es/Notification/PropsType';
+import { LingxiForwardRef } from '@lingxiteam/types';
+import useHiddenStyle from '../utils/hooks/useHiddenStyle';
+
+export interface MyNotificationProp extends NotificationType {
+  visible: boolean;
+}
+const MyNotification = LingxiForwardRef<any, MyNotificationProp>((props, ref) => {
+  const { visible, style, title, dataSource, className } = props;
+  const displayStyle = useHiddenStyle(visible, style);
+  
+  return <Notification title={title} dataSource={dataSource} style={displayStyle} className={className} />;
+});
+
+MyNotification.displayName = 'Notification';
+
+export default MyNotification;

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

@@ -1,18 +1,13 @@
-import React from 'react';
-import { Notification, NotificationType } from '@lingxiteam/antd-mobile-plus';
+import React, { useImperativeHandle } from 'react';
 import { LingxiForwardRef } from '@lingxiteam/types';
-import useHiddenStyle from '../utils/hooks/useHiddenStyle';
-
-export interface MyNotificationProp extends NotificationType {
-  visible: boolean;
-}
-const MyNotification = LingxiForwardRef<any, MyNotificationProp>((props, ref) => {
-  const { visible, style, title, dataSource, className } = props;
-  const displayStyle = useHiddenStyle(visible, style);
-
-  return <Notification title={title} dataSource={dataSource} style={displayStyle} className={className} />;
+import NotificationLoader from './loader';
+
+const Notification = LingxiForwardRef<unknown, any>((props, ref) => {
+  useImperativeHandle(ref, () => ({
+    // 这里暴漏部分指令方法，后续有需要可以补充
+  }));
+  
+  return <NotificationLoader {...props} />;
 });
 
-MyNotification.displayName = 'Notification';
-
-export default MyNotification;
+export default Notification;

package/lib/h5public/src/components/factory/src/Notification/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-Notification' */ './Notification')) as unknown as React.ComponentType<any>,
+  loading: LoadingComponennt,
+});
+
+export default LoadableLXRadarChart;

package/lib/h5public/src/components/factory/src/Picker/InnerPicker.tsx

@@ -1,19 +1,29 @@
-import React, { useCallback, useEffect, useImperativeHandle, useState } from 'react';
-import { LingxiForwardRef } from '@lingxiteam/types';
 import Picker from 'antd-mobile-5/es/components/picker';
+import React, { useCallback, useEffect, useImperativeHandle, useState } from 'react';
 import { useListenToggleBoolean } from '../utils/hooks/useToggleBoolean';
+import { LingxiForwardRef } from '@lingxiteam/types';
 
 export interface PickerProps {
-  visible: boolean;
-  onPopViewCancel?: () => void;
+  visible: boolean,
+  onPopViewCancel?: ()=> void;
   onChange?: (e: any, e2: any) => void;
   data: Record<string, any>[];
   title: string;
   style: Record<string, any>;
   closeOnMaskClick: boolean;
+
 }
 const MyPicker = LingxiForwardRef<any, PickerProps>((props, ref) => {
-  const { onChange = () => {}, visible = false, onPopViewCancel, getEngineApis, title, style, closeOnMaskClick = true, className } = props;
+  const {
+    onChange = () => {},
+    visible = false,
+    onPopViewCancel,
+    getEngineApis,
+    title,
+    style,
+    closeOnMaskClick = true,
+    className,
+  } = props;
   const [data, setData] = useState<any>([]);
   const [show, setShow] = useListenToggleBoolean(visible);
   const { getLocale } = getEngineApis?.() || {};
@@ -41,7 +51,10 @@ const MyPicker = LingxiForwardRef<any, PickerProps>((props, ref) => {
     onClose();
   };
 
-  const getItem = useCallback(val => data?.find((item: any) => item.value === val), [data]);
+  const getItem = useCallback(
+    (val) => data?.find((item: any) => item.value === val),
+    [data],
+  );
 
   const onOk = (v: string | any[]) => {
     onClose();

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { LingxiForwardRef } from '@lingxiteam/types';
-import DformCustom from '../DformCustom';
 import InnerPicker, { PickerProps } from './InnerPicker';
+import DformCustom from '../DformCustom';
 
 const Picker = LingxiForwardRef<any, PickerProps>((props, ref) => {
   return (

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import ProcessTrack from '@lingxiteam/antd-mobile-plus/es/ProcessTrack';
+import { ProTrackProps } from '@lingxiteam/antd-mobile-plus/es/ProcessTrack/PropsType';
+import { LingxiForwardRef } from '@lingxiteam/types';
+import useHiddenStyle from '../utils/hooks/useHiddenStyle';
+
+export interface MyProcessTrackProps extends ProTrackProps {
+  visible: boolean;
+  style: React.CSSProperties
+}
+const MyProcessTrack = LingxiForwardRef<any, MyProcessTrackProps>((props, ref) => {
+  const { visible = true, style, className, empty, getEngineApis, ...restProps } = props;
+
+  const { getLocale } = getEngineApis();
+
+  const displayStyle = useHiddenStyle(visible);
+
+  return (
+    <div
+      style={{
+        ...style,
+        ...displayStyle,
+      }}
+      className={className}
+    >
+      <ProcessTrack {...restProps} empty={empty ?? getLocale('ProcessTrack.empty')} />
+    </div>
+  );
+});
+
+MyProcessTrack.displayName = 'ProcessTrack';
+
+export default MyProcessTrack;

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

@@ -1,32 +1,13 @@
-import { ProcessTrack, ProTrackProps } from '@lingxiteam/antd-mobile-plus';
+import React, { useImperativeHandle } from 'react';
 import { LingxiForwardRef } from '@lingxiteam/types';
-import React from 'react';
-import useHiddenStyle from '../utils/hooks/useHiddenStyle';
-
-export interface MyProcessTrackProps extends ProTrackProps {
-  visible: boolean;
-  style: React.CSSProperties;
-}
-const MyProcessTrack = LingxiForwardRef<any, MyProcessTrackProps>((props, ref) => {
-  const { visible = true, style, className, empty, getEngineApis, ...restProps } = props;
-
-  const { getLocale } = getEngineApis();
-
-  const displayStyle = useHiddenStyle(visible);
-
-  return (
-    <div
-      style={{
-        ...style,
-        ...displayStyle,
-      }}
-      className={className}
-    >
-      <ProcessTrack {...restProps} empty={empty ?? getLocale('ProcessTrack.empty')} />
-    </div>
-  );
+import ProcessTrackLoader from './loader';
+
+const ProcessTrack = LingxiForwardRef<unknown, any>((props, ref) => {
+  useImperativeHandle(ref, () => ({
+    // 这里暴漏部分指令方法，后续有需要可以补充
+  }));
+  
+  return <ProcessTrackLoader {...props} />;
 });
 
-MyProcessTrack.displayName = 'ProcessTrack';
-
-export default MyProcessTrack;
+export default ProcessTrack;

package/lib/h5public/src/components/factory/src/ProcessTrack/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-ProcessTrack' */ './ProcessTrack')) as unknown as React.ComponentType<any>,
+  loading: LoadingComponennt,
+});
+
+export default LoadableLXRadarChart;