@lingxiteam/ebe-utils 0.2.3 → 0.2.5

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

@@ -1,12 +1,7 @@
 import { LingxiForwardRef } from '@lingxiteam/types';
 import { Badge } from 'antd-mobile-5';
 import classNames from 'classnames';
-import React, {
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useState,
-} from 'react';
+import React, { useEffect, useImperativeHandle, useMemo, useState } from 'react';
 import { StickyHeader } from '../BasicComponents';
 import { useSyncState } from '../common/hooks';
 import Icon from '../Icon';
@@ -72,9 +67,7 @@ const StaticTabs = LingxiForwardRef<any, StaticTabsProps>((props, ref) => {
     return undefined;
   };
 
-  const [page, setPage] = useSyncState<number | string>(
-    props.page || initialPage(myInitialPage) || 0,
-  );
+  const [page, setPage] = useSyncState<number | string>(props.page || initialPage(myInitialPage) || 0);
   const hiddenStyle = useHiddenStyle(visible);
 
   // 修复函数中使用数据源无法刷新的bug
@@ -150,10 +143,7 @@ const StaticTabs = LingxiForwardRef<any, StaticTabsProps>((props, ref) => {
           return mTabs.push({
             ...other,
             title: (
-              <Badge
-                content={content}
-                style={{ '--top': '20%', '--right': '-20%' }}
-              >
+              <Badge content={content} style={{ '--top': '20%', '--right': '-20%' }}>
                 {title}
               </Badge>
             ),
@@ -164,10 +154,7 @@ const StaticTabs = LingxiForwardRef<any, StaticTabsProps>((props, ref) => {
       }
     });
 
-    if (
-      (mTabs.length < tabBarPage && props.tabBarPosition === 'left') ||
-      props.tabBarPosition === 'right'
-    ) {
+    if ((mTabs.length < tabBarPage && props.tabBarPosition === 'left') || props.tabBarPosition === 'right') {
       /**
        * 因为 rmc-tabs 的源码设置了tabBar子项高度或宽度是根据数据源长度，将每个tab均等分，若希望实现非均等分的tabBar子项，需要引入虚拟tabBar
        * 虚拟tabBar数量,根据设置的一屏展示tabBar数量，若大于数据源长度，说明希望展示的每一个tab不可均等分，需要插入虚拟tab
@@ -186,9 +173,7 @@ const StaticTabs = LingxiForwardRef<any, StaticTabsProps>((props, ref) => {
   })();
 
   const tabchildren = useMemo(() => {
-    const newChildren = Array.isArray(props.children)
-      ? [...(props.children || [])]
-      : [props.children];
+    const newChildren = Array.isArray(props.children) ? [...(props.children || [])] : [props.children];
     const temTabchildren: any = [];
     tabs?.forEach((v: any, index: number) => {
       const { isShow = true } = v;
@@ -270,22 +255,17 @@ const StaticTabs = LingxiForwardRef<any, StaticTabsProps>((props, ref) => {
             style={
               isOpenSticky
                 ? {
-                    ...style,
-                    zIndex: 1,
-                  }
+                  ...style,
+                  zIndex: 1,
+                }
                 : {}
             }
           >
             <TabBar
               {...p}
               realTablength={renderTabs?.length}
-              page={
-                props.tabBarPosition === 'left' ||
-                props.tabBarPosition === 'right'
-                  ? tabBarPage
-                  : 5
-              }
-              onGoToTab={(index) => {
+              page={props.tabBarPosition === 'left' || props.tabBarPosition === 'right' ? tabBarPage : 5}
+              onGoToTab={index => {
                 // if (index + 1 > props?.tabs?.length) return;
                 if (page !== index) {
                   setPage(index);
@@ -298,9 +278,7 @@ const StaticTabs = LingxiForwardRef<any, StaticTabsProps>((props, ref) => {
               underlineType={underlineType}
               underlineWidth={underlineWidth}
               // @ts-ignore
-              renderIcon={(iconProps) => (
-                <Icon {...iconProps} getEngineApis={props.getEngineApis} />
-              )}
+              renderIcon={iconProps => <Icon {...iconProps} getEngineApis={props.getEngineApis} />}
             />
           </div>
         )}
@@ -334,7 +312,7 @@ const StaticTabs = LingxiForwardRef<any, StaticTabsProps>((props, ref) => {
               }
             }
           }}
-          renderTabBar={(p) => renderTabBar(p)}
+          renderTabBar={p => renderTabBar(p)}
         />
       </div>
     );

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

@@ -1,13 +1,6 @@
 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}
-    >
+    <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
       <g id="CheckCircle" clipPath="url(#clip0_2704_29331)">
         <g id="Vector">
           <path d="M15.0061 6.4502H13.9592C13.7315 6.4502 13.515 6.55957 13.3811 6.74707L9.87214 11.6131L8.28286 9.40778C8.14893 9.22252 7.93464 9.11091 7.70473 9.11091H6.65786C6.51277 9.11091 6.42795 9.27609 6.51277 9.39439L9.29402 13.2515C9.35972 13.3432 9.44634 13.418 9.54668 13.4695C9.64703 13.5211 9.75822 13.5479 9.87103 13.5479C9.98384 13.5479 10.095 13.5211 10.1954 13.4695C10.2957 13.418 10.3823 13.3432 10.448 13.2515L15.1489 6.73368C15.236 6.61537 15.1512 6.4502 15.0061 6.4502Z" />
@@ -16,12 +9,7 @@ export default (props: any) => {
       </g>
       <defs>
         <clipPath id="clip0_2704_29331">
-          <rect
-            width="20"
-            height="20"
-            fill="white"
-            transform="translate(0.832031)"
-          />
+          <rect width="20" height="20" fill="white" transform="translate(0.832031)" />
         </clipPath>
       </defs>
     </svg>

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

@@ -1,12 +1,6 @@
 export default (props: any) => {
   return (
-    <svg
-      height="20"
-      viewBox="0 0 21 20"
-      width="21"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
+    <svg height="20" viewBox="0 0 21 20" width="21" xmlns="http://www.w3.org/2000/svg" {...props}>
       <path d="m10.5 0c-2.82737.074349-5.18227 1.05169-7.0647 2.93203-1.88244 1.88034-2.860868 4.24004-2.9353 7.07907.074432 2.8243 1.05286 5.1765 2.9353 7.0569 1.88243 1.8803 4.23733 2.8577 7.0647 2.932 2.8422-.0743 5.2046-1.0517 7.087-2.932 1.8824-1.8804 2.8534-4.2326 2.913-7.0569-.0596-2.83903-1.0306-5.19873-2.913-7.07907s-4.2448-2.857681-7.087-2.93203zm0 18.6846c-2.45534-.0744-4.5015-.9254-6.13847-2.5532-1.63698-1.6276-2.48519-3.6677-2.54463-6.1203.05957-2.46742.90778-4.51501 2.54463-6.14274 1.63684-1.6276 3.683-2.47865 6.13847-2.55313 2.4553.07435 4.5014.9254 6.1383 2.55313 1.637 1.6276 2.4852 3.67519 2.5448 6.14274-.0596 2.4526-.9078 4.4927-2.5448 6.1203-1.6369 1.6278-3.683 2.4788-6.1383 2.5532zm-7.67847-8.6735c0 1.3825.33853 2.6571 1.01558 3.8239.67706 1.1669 1.61828 2.0996 2.82365 2.7982 1.20538.6986 2.48513 1.0479 3.83924 1.0479 1.3541 0 2.6339-.3493 3.8392-1.0479 1.2054-.6986 2.1466-1.6313 2.8237-2.7982.677-1.167 1.0156-2.4454 1.0156-3.8352 0-1.38984-.3386-2.66822-1.0156-3.83515-.6771-1.1668-1.6183-2.09955-2.8237-2.79824-1.2053-.6987-2.4851-1.04805-3.8392-1.04805-1.35411 0-2.63386.34935-3.83924 1.04805-1.20537.69869-2.14659 1.63144-2.82365 2.79824-.67705 1.16693-1.01558 2.44902-1.01558 3.84625z" />
     </svg>
   );

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

@@ -8,9 +8,7 @@ import { useListenToggleBoolean } from '../utils/hooks/useToggleBoolean';
 import { CheckCircle, Vector } from './constant';
 import './index.less';
 
-const getDefaultIconSetting = (
-  getEngineApis: EngineBaseProps['getEngineApis'],
-) => {
+const getDefaultIconSetting = (getEngineApis: EngineBaseProps['getEngineApis']) => {
   const { getLocale } = getEngineApis();
   return [
     {
@@ -102,14 +100,10 @@ const StepProcess = LingxiForwardRef<any, MyStepProcessProps>((props, ref) => {
     // 步骤条有两个数据来源：数据源绑定与自定义数据设置，优先级：数据源绑定 > 自定义数据设置
     if (Array.isArray(dataSource)) {
       setData(dataSource);
-      setCurrent(
-        dataSource.findIndex((i) => i[statusAlias] === 'process') || 0,
-      );
+      setCurrent(dataSource.findIndex(i => i[statusAlias] === 'process') || 0);
     } else {
       console.warn('步骤条未绑定数据源，将采用自定义设置的步骤进行展示');
-      setCurrent(
-        iconItems?.findIndex((i) => i[statusAlias] === 'process') || 0,
-      );
+      setCurrent(iconItems?.findIndex(i => i[statusAlias] === 'process') || 0);
       setData(iconItems || []);
     }
   }, [JSON.stringify(dataSource), JSON.stringify(iconItems)]);
@@ -140,12 +134,10 @@ const StepProcess = LingxiForwardRef<any, MyStepProcessProps>((props, ref) => {
       options: {
         step: string;
         status: 'wait' | 'process' | 'finish' | 'error';
-      }[],
+      }[]
     ) {
       const newData = data.map((i, index) => {
-        const item = options.find(
-          (j) => j.step === i[idAlias] || +j.step === index,
-        );
+        const item = options.find(j => j.step === i[idAlias] || +j.step === index);
         if (item && item.status) {
           i[statusAlias] = item.status;
         }
@@ -160,12 +152,8 @@ const StepProcess = LingxiForwardRef<any, MyStepProcessProps>((props, ref) => {
    * @param item
    */
   const renderDefaultIcon = (item: any) => {
-    const iconItem = iconSetting.find(
-      (i: any) => i.value === item[statusAlias],
-    );
-    const currentColor = iconItem?.isUsePrimary
-      ? undefined
-      : item.color || iconItem?.color;
+    const iconItem = iconSetting.find((i: any) => i.value === item[statusAlias]);
+    const currentColor = iconItem?.isUsePrimary ? undefined : item.color || iconItem?.color;
     const style = {
       fontSize: size === 'normal' ? '18px' : '16px',
       color: currentColor,
@@ -184,10 +172,7 @@ const StepProcess = LingxiForwardRef<any, MyStepProcessProps>((props, ref) => {
     }
     return (
       <>
-        <Icon
-          style={style}
-          component={item[statusAlias] === 'finish' ? CheckCircle : Vector}
-        />
+        <Icon style={style} component={item[statusAlias] === 'finish' ? CheckCircle : Vector} />
       </>
     );
   };
@@ -200,12 +185,8 @@ const StepProcess = LingxiForwardRef<any, MyStepProcessProps>((props, ref) => {
    */
   const renderStepIcon = (item: any, index: number) => {
     const iconValue = item[iconAlias];
-    const iconItem = iconSetting.find(
-      (i: any) => i.value === item[statusAlias],
-    );
-    const currentColor = iconItem?.isUsePrimary
-      ? undefined
-      : item.color || iconItem?.color;
+    const iconItem = iconSetting.find((i: any) => i.value === item[statusAlias]);
+    const currentColor = iconItem?.isUsePrimary ? undefined : item.color || iconItem?.color;
     switch (stepStyle) {
       case 'number':
         return (
@@ -226,11 +207,7 @@ const StepProcess = LingxiForwardRef<any, MyStepProcessProps>((props, ref) => {
         );
       case 'icon':
         // 如果数据没有图标内容，返回默认的图标配置
-        if (
-          !iconValue ||
-          iconValue.isIconFont === false ||
-          Object.keys(iconValue || {}).length === 0
-        ) {
+        if (!iconValue || iconValue.isIconFont === false || Object.keys(iconValue || {}).length === 0) {
           return renderDefaultIcon(item);
         }
         // eslint-disable-next-line no-case-declarations
@@ -243,13 +220,13 @@ const StepProcess = LingxiForwardRef<any, MyStepProcessProps>((props, ref) => {
           item[iconAlias] = {
             iconFile: iconValue.startsWith('http')
               ? {
-                  fileHttp: iconValue,
-                  fileSubType: 'ICON_IMAGE',
-                }
+                fileHttp: iconValue,
+                fileSubType: 'ICON_IMAGE',
+              }
               : {
-                  fileCode: iconValue,
-                  fileSubType: 'ICON_IMAGE',
-                },
+                fileCode: iconValue,
+                fileSubType: 'ICON_IMAGE',
+              },
           };
         }
         // 否则为自定义配置的
@@ -312,10 +289,7 @@ const StepProcess = LingxiForwardRef<any, MyStepProcessProps>((props, ref) => {
   /**
    * 步骤切换
    */
-  const onCurrentChange = (
-    index: number,
-    dataSource: MyStepProcessProps['dataSource'] = data,
-  ) => {
+  const onCurrentChange = (index: number, dataSource: MyStepProcessProps['dataSource'] = data) => {
     setCurrent(index);
     const newData = dataSource.map((item, i) => {
       if (i === index) {
@@ -358,18 +332,14 @@ const StepProcess = LingxiForwardRef<any, MyStepProcessProps>((props, ref) => {
               {renderStepIcon(cur, curIndex)}
             </div>
           }
-        />,
+        />
       );
       // 点状且设置导航型要加入 ‘>’ 图标
-      if (
-        props.stepType === 'navigation' &&
-        stepStyle !== 'dot' &&
-        curIndex !== data.length - 1
-      ) {
+      if (props.stepType === 'navigation' && stepStyle !== 'dot' && curIndex !== data.length - 1) {
         acc.push(
           <div className={`${prefixCls}-arrow`}>
             <Icon type="right" />
-          </div>,
+          </div>
         );
       }
       return acc;
@@ -385,17 +355,11 @@ const StepProcess = LingxiForwardRef<any, MyStepProcessProps>((props, ref) => {
       <div
         className={classNames({
           [`${prefixCls}-stepProcess`]: true,
-          [`${prefixCls}-stepProcess-vertical`]:
-            direction === 'vertical' && props.stepType !== 'navigation', // 垂直样式
-          [`${prefixCls}-stepProcess-navigate`]:
-            props.stepType === 'navigation' && stepStyle !== 'dot', // 导航样式
+          [`${prefixCls}-stepProcess-vertical`]: direction === 'vertical' && props.stepType !== 'navigation', // 垂直样式
+          [`${prefixCls}-stepProcess-navigate`]: props.stepType === 'navigation' && stepStyle !== 'dot', // 导航样式
         })}
       >
-        <Steps
-          current={current}
-          direction={props.stepType === 'navigation' ? 'horizontal' : direction}
-          className={`${prefixCls}-start-content`}
-        >
+        <Steps current={current} direction={props.stepType === 'navigation' ? 'horizontal' : direction} className={`${prefixCls}-start-content`}>
           {renderSteps()}
         </Steps>
       </div>

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

@@ -11,7 +11,7 @@ export interface MyStepItemProps {
 }
 
 const prefixCls = 'lcdp-stepprocess';
-const StepItem: React.FC<MyStepItemProps> = (props) => {
+const StepItem: React.FC<MyStepItemProps> = props => {
   const { index, label, color } = props;
   const active = useMemo(() => {
     const i = props.active ? Number(props.active) : 0;
@@ -21,11 +21,7 @@ const StepItem: React.FC<MyStepItemProps> = (props) => {
   return (
     <div className={classnames(`${prefixCls}-item`)}>
       <div>
-        <div
-          className={`${prefixCls}-dot`}
-          style={index <= active ? { color } : { color: '#E5E5E5' }}
-          onClick={props.onClick}
-        />
+        <div className={`${prefixCls}-dot`} style={index <= active ? { color } : { color: '#E5E5E5' }} onClick={props.onClick} />
         <div
           className={classnames(`${prefixCls}-line`, {
             [`${prefixCls}-noneRight`]: index === active,

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

@@ -125,15 +125,7 @@ const StepProcess = LingxiForwardRef<any, MyStepProcessProps>((props, ref) => {
   }
   return (
     <div style={{ ...style, overflowY: 'auto' }}>
-      <div
-        className={
-          direction && direction === 'vertical'
-            ? `${prefixCls}-vertical`
-            : `${prefixCls}-stepProcess`
-        }
-      >
-        {renderStep()}
-      </div>
+      <div className={direction && direction === 'vertical' ? `${prefixCls}-vertical` : `${prefixCls}-stepProcess`}>{renderStep()}</div>
     </div>
   );
 });

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

@@ -10,7 +10,7 @@ export interface VStepItemProps {
 }
 
 const prefixCls = 'lcdp-stepprocess-vertical-item';
-const VStepItem: React.FC<VStepItemProps> = (props) => {
+const VStepItem: React.FC<VStepItemProps> = props => {
   const { index = 0, label, color, onClick } = props;
   const active = useMemo(() => {
     const i = props.active ? Number(props.active) : 0;
@@ -19,16 +19,9 @@ const VStepItem: React.FC<VStepItemProps> = (props) => {
 
   return (
     <div className={`${prefixCls}`}>
-      <div
-        className={`${prefixCls}-indicator`}
-        style={index < active ? { color } : { color: '#E5E5E5' }}
-      >
+      <div className={`${prefixCls}-indicator`} style={index < active ? { color } : { color: '#E5E5E5' }}>
         <div className={`${prefixCls}-icon-container`}>
-          <span
-            className={`${prefixCls}-icon-dot`}
-            style={index <= active ? { color } : { color: '#E5E5E5' }}
-            onClick={onClick}
-          />
+          <span className={`${prefixCls}-icon-dot`} style={index <= active ? { color } : { color: '#E5E5E5' }} onClick={onClick} />
         </div>
       </div>
       <div className={`${prefixCls}-content`}>

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

@@ -3,40 +3,31 @@ import { useImperativeHandle, useRef, useState } from 'react';
 import StepProcessLoader from './loader';
 import type { MyStepProcessProps } from './StepProcess';
 
-const StepProcess = LingxiForwardRef<unknown, MyStepProcessProps>(
-  (props, ref) => {
-    const progressRef = useRef<MyStepProcessProps>(null);
-    const [refData, setData] = useState<any[]>();
-    const [refDisabled, setDisabled] = useState(false);
+const StepProcess = LingxiForwardRef<unknown, MyStepProcessProps>((props, ref) => {
+  const progressRef = useRef<MyStepProcessProps>(null);
+  const [refData, setData] = useState<any[]>();
+  const [refDisabled, setDisabled] = useState(false);
 
-    useImperativeHandle(ref, () => ({
-      setValue: (options: any[]) => {
-        if (Array.isArray(options)) {
-          setData(options);
-        }
-      },
-      setDisabled: (v: boolean) => {
-        setDisabled(v);
-      },
-      get disabled() {
-        return progressRef.current?.disabled;
-      },
-      setStatus: (status: string) => {
-        setDisabled(`${status}` !== '1');
-      },
-      setEditor: (e: boolean) => {
-        setDisabled(false);
-      },
-    }));
-    return (
-      <StepProcessLoader
-        {...props}
-        refData={refData}
-        refDisabled={refDisabled}
-        ref={progressRef}
-      />
-    );
-  },
-);
+  useImperativeHandle(ref, () => ({
+    setValue: (options: any[]) => {
+      if (Array.isArray(options)) {
+        setData(options);
+      }
+    },
+    setDisabled: (v: boolean) => {
+      setDisabled(v);
+    },
+    get disabled() {
+      return progressRef.current?.disabled;
+    },
+    setStatus: (status: string) => {
+      setDisabled(`${status}` !== '1');
+    },
+    setEditor: (e: boolean) => {
+      setDisabled(false);
+    },
+  }));
+  return <StepProcessLoader {...props} refData={refData} refDisabled={refDisabled} ref={progressRef} />;
+});
 
 export default StepProcess;

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

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

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

@@ -1,15 +1,7 @@
 import { useEffect, useRef, useState } from 'react';
 
 const TabImage = (props: any) => {
-  const {
-    defaultIcon,
-    selectedIcon,
-    isSelected,
-    titleColor,
-    selectedTitleColor,
-    getAppFileUrlByFileCode,
-    ...restProps
-  } = props;
+  const { defaultIcon, selectedIcon, isSelected, titleColor, selectedTitleColor, getAppFileUrlByFileCode, ...restProps } = props;
   const [src, setSrc] = useState<any>();
   const myImage = useRef<any>({});
 
@@ -20,6 +12,13 @@ const TabImage = (props: any) => {
           const url = getAppFileUrlByFileCode(fileCode);
           const xhr = new XMLHttpRequest();
           xhr.open('GET', url, true);
+          // 添加自定义头部(在info.js写入)
+          const { lxRequestHeaders } = window as any;
+          if (lxRequestHeaders) {
+            Object.keys(lxRequestHeaders).forEach(header => {
+              xhr.setRequestHeader(header, lxRequestHeaders[header]); // 设置请求头参数
+            });
+          }
           xhr.responseType = 'blob'; // 设置接受类型
           xhr.timeout = 10000;
           xhr.onload = () => {
@@ -95,11 +94,7 @@ const TabImage = (props: any) => {
       {src?.type === 'img' && <img {...restProps} src={src.data} alt="" />}
       {/* eslint-disable-next-line react/no-danger */}
       {src?.type === 'svg' && (
-        <div
-          {...restProps}
-          dangerouslySetInnerHTML={{ __html: src.data }}
-          style={{ fill: `${isSelected ? selectedTitleColor : titleColor}` }}
-        />
+        <div {...restProps} dangerouslySetInnerHTML={{ __html: src.data }} style={{ fill: `${isSelected ? selectedTitleColor : titleColor}` }} />
       )}
     </>
   );

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

@@ -10,7 +10,7 @@ interface TabPageProps {
   lcdpParentRenderId: string;
 }
 
-const TabPage: FC<TabPageProps> = (props) => {
+const TabPage: FC<TabPageProps> = props => {
   const { paths, selectedPath, getEngineApis, lcdpParentRenderId } = props;
   const { PageView } = getEngineApis();
 
@@ -22,11 +22,11 @@ const TabPage: FC<TabPageProps> = (props) => {
             style={
               item.key === selectedPath
                 ? {
-                    display: 'block',
-                    width: '100%',
-                    height: '100%',
-                    background: '#e9ecf5',
-                  }
+                  display: 'block',
+                  width: '100%',
+                  height: '100%',
+                  background: '#e9ecf5',
+                }
                 : { display: 'none' }
             }
           >
@@ -42,11 +42,7 @@ const TabPage: FC<TabPageProps> = (props) => {
           appId={item.appId}
           pageViewCompState={{}}
           visible
-          style={
-            item.key === selectedPath
-              ? { display: 'block', width: '100%', height: '100%' }
-              : { display: 'none' }
-          }
+          style={item.key === selectedPath ? { display: 'block', width: '100%', height: '100%' } : { display: 'none' }}
           platform="h5"
           $$componentItem={{
             ...props.$$componentItem,

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

@@ -13,21 +13,9 @@ export interface MyTabBarEDProps {
 }
 
 const prefixCls = 'appTabBar';
-const MyTabBar: LingXiFC<MyTabBarEDProps> = (props) => {
-  const {
-    tabsData,
-    style,
-    onChange,
-    $$componentItem,
-    getEngineApis,
-    lcdpParentRenderId,
-  } = props;
-  const {
-    titleColor = '#999999',
-    selectedTitleColor = '#1677ff',
-    titleFontSize = '10',
-    tabBarBackground = '#ffffff',
-  } = style;
+const MyTabBar: LingXiFC<MyTabBarEDProps> = props => {
+  const { tabsData, style, onChange, $$componentItem, getEngineApis, lcdpParentRenderId } = props;
+  const { titleColor = '#999999', selectedTitleColor = '#1677ff', titleFontSize = '10', tabBarBackground = '#ffffff' } = style;
   const [pathName, setPathName] = useState<string>();
   const [tabs, setTabs] = useState<any>([]);
   const tabsValue = useRef(tabs);
@@ -66,11 +54,7 @@ const MyTabBar: LingXiFC<MyTabBarEDProps> = (props) => {
             </span>
           );
         }
-        return (
-          <span style={{ color: titleColor, fontSize: `${titleFontSize}px` }}>
-            {item.titleText}
-          </span>
-        );
+        return <span style={{ color: titleColor, fontSize: `${titleFontSize}px` }}>{item.titleText}</span>;
       };
       if (item.badgeData === 'point') {
         item.badge = { content: Badge.dot, style: { '--top': '15%' } };
@@ -83,14 +67,7 @@ const MyTabBar: LingXiFC<MyTabBarEDProps> = (props) => {
   }, [tabsData]);
 
   const tabComs = useMemo(() => {
-    return tabs.map((item: any) => (
-      <TabBar.Item
-        key={item.key}
-        icon={item.icon}
-        title={item.title}
-        badge={item.badge}
-      />
-    ));
+    return tabs.map((item: any) => <TabBar.Item key={item.key} icon={item.icon} title={item.title} badge={item.badge} />);
   }, [tabs]);
 
   return (
@@ -104,10 +81,7 @@ const MyTabBar: LingXiFC<MyTabBarEDProps> = (props) => {
           lcdpParentRenderId={lcdpParentRenderId}
         />
       </div>
-      <div
-        className="my-apptabbar-bottom"
-        style={{ background: tabBarBackground }}
-      >
+      <div className="my-apptabbar-bottom" style={{ background: tabBarBackground }}>
         <TabBar
           safeArea
           activeKey={pathName}

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

@@ -13,13 +13,7 @@ export interface MyTableProps extends Omit<TableType, 'dataSource'> {
 }
 
 const MyTable = LingxiForwardRef<any, MyTableProps>((props, ref) => {
-  const {
-    style,
-    getValueAction,
-    $$componentItem,
-    getEngineApis,
-    ...restProps
-  } = props;
+  const { style, getValueAction, $$componentItem, getEngineApis, ...restProps } = props;
 
   const {
     service: { commonFetch },
@@ -31,13 +25,7 @@ const MyTable = LingxiForwardRef<any, MyTableProps>((props, ref) => {
     dataSource: props.dataSource,
     isBindData: props.isBindData ?? false,
   });
-  const {
-    titleBackground,
-    titleColor,
-    leftTitleColor,
-    leftBackground,
-    ...restStyle
-  } = style;
+  const { titleBackground, titleColor, leftTitleColor, leftBackground, ...restStyle } = style;
   const firstLeftStyle: any = {};
   const [remotedataColumns, setRemoteDataColumns] = useState<any>([]);
   const [remoteDataSource, setRemoteDataSource] = useState<any>([]);
@@ -74,11 +62,7 @@ const MyTable = LingxiForwardRef<any, MyTableProps>((props, ref) => {
       params.serviceVersionId = selectedService.serviceVersionId || '';
       params.version = selectedService.versionCode || '1.0';
 
-      getTableData(
-        selectedService.serviceMethod,
-        selectedService.api,
-        params,
-      ).then((res: any) => {
+      getTableData(selectedService.serviceMethod, selectedService.api, params).then((res: any) => {
         if (typeof res === 'object') {
           const columnData = res[dataColumnsKey] || [];
           const columnDataCopy: any[] = [];