@lingxiteam/ebe-utils 0.2.4 → 0.2.5

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

@@ -21,149 +21,143 @@ export interface SignatureRef {
   value?: () => any;
   clearValue?: () => void;
 }
-const MySignature = LingxiForwardRef<SignatureRef, SignatureProps>(
-  (props, ref) => {
-    const uploadResultRef = React.useRef<any>();
-    const {
-      onChange,
-      fileName = 'file',
-      headers,
-      resAliaKeys,
-      credentials,
-      uploadType,
-      style,
-      visible = true,
-      columns,
-      getEngineApis,
-      className,
-      $$componentItem,
-      type = 'image/png',
-      encoderOptions = 0.92,
-      clear,
-      footerNode,
-      ...restProps
-    } = props;
-    const { api = '', _source, _serviceId } = columns || {};
-    // @ts-ignore
-    const { contentBackground, contentBorderRadius, ...resStyle } = style || {};
-    const { http, downFieldPrefix, getLocale, getAppFileUrlById } =
-      getEngineApis() || {};
-    const hiddenStyle = useHiddenStyle(visible);
-    let canvasRef = useRef<React.MutableRefObject<null>>(null);
+const MySignature = LingxiForwardRef<SignatureRef, SignatureProps>((props, ref) => {
+  const uploadResultRef = React.useRef<any>();
+  const {
+    onChange,
+    fileName = 'file',
+    headers,
+    resAliaKeys,
+    credentials,
+    uploadType,
+    style,
+    visible = true,
+    columns,
+    getEngineApis,
+    className,
+    $$componentItem,
+    type = 'image/png',
+    encoderOptions = 0.92,
+    clear,
+    footerNode,
+    ...restProps
+  } = props;
+  const { api = '', _source, _serviceId } = columns || {};
+  // @ts-ignore
+  const { contentBackground, contentBorderRadius, ...resStyle } = style || {};
+  const { http, downFieldPrefix, getLocale, getAppFileUrlById } = getEngineApis() || {};
+  const hiddenStyle = useHiddenStyle(visible);
+  let canvasRef = useRef<React.MutableRefObject<null>>(null);
 
-    const getCanvasRef = (ref: React.MutableRefObject<null>) => {
-      canvasRef = ref;
-    };
-    useEffect(() => {
-      if (!uploadResultRef.current) {
-        const extendData: any = {};
-        if (_source === 'std') {
-          extendData['ORCHESTRATION.appId'] = $$componentItem?.appId;
-          extendData['ORCHESTRATION.serviceVersionId'] = _serviceId;
-        }
-        uploadResultRef.current = new UploadHandle({
-          request: http,
-          alias: resAliaKeys,
-          filePrefix: downFieldPrefix(),
-          fileName,
-          getLocale,
-          url: api,
-          headers,
-          onChange: (v) => {
-            if (onChange) {
-              onChange(v);
-            }
-          },
-          credentials: credentials === true ? 'include' : 'same-origin',
-          extendUploadData: extendData,
-          getAppFileUrlById,
-        });
+  const getCanvasRef = (ref: React.MutableRefObject<null>) => {
+    canvasRef = ref;
+  };
+  useEffect(() => {
+    if (!uploadResultRef.current) {
+      const extendData: any = {};
+      if (_source === 'std') {
+        extendData['ORCHESTRATION.appId'] = $$componentItem?.appId;
+        extendData['ORCHESTRATION.serviceVersionId'] = _serviceId;
       }
-    }, []);
-    useEffect(() => {
-      if (uploadResultRef?.current) {
-        uploadResultRef.current.setLocale(getLocale);
+      uploadResultRef.current = new UploadHandle({
+        request: http,
+        alias: resAliaKeys,
+        filePrefix: downFieldPrefix(),
+        fileName,
+        getLocale,
+        url: api,
+        headers,
+        onChange: v => {
+          if (onChange) {
+            onChange(v);
+          }
+        },
+        credentials: credentials === true ? 'include' : 'same-origin',
+        extendUploadData: extendData,
+        getAppFileUrlById,
+      });
+    }
+  }, []);
+  useEffect(() => {
+    if (uploadResultRef?.current) {
+      uploadResultRef.current.setLocale(getLocale);
+    }
+  }, [getLocale]);
+  const getSigin = (dataURI: string) => {
+    if (uploadType === 'base64StringType') {
+      // 不做图片上传，将图片base64数据返回
+      if (onChange) {
+        onChange(dataURI);
       }
-    }, [getLocale]);
-    const getSigin = (dataURI: string) => {
-      if (uploadType === 'base64StringType') {
-        // 不做图片上传，将图片base64数据返回
-        if (onChange) {
-          onChange(dataURI);
-        }
-      } else {
-        uploadResultRef.current.setProps({
-          file: dataURLtoFile(dataURI, 'png'),
-          hooks: {
-            uploadAfter: () => {
-              Toast.show({
-                content: getLocale('Upload.success'),
-                icon: 'success',
-              });
-            },
-            uploadError: () => {
-              Toast.show({
-                content: getLocale('Upload.failed'),
-                icon: 'fail',
-              });
-            },
+    } else {
+      uploadResultRef.current.setProps({
+        file: dataURLtoFile(dataURI, 'png'),
+        hooks: {
+          uploadAfter: () => {
+            Toast.show({
+              content: getLocale('Upload.success'),
+              icon: 'success',
+            });
           },
-        });
-        uploadResultRef.current.sendRequest();
-      }
-    };
+          uploadError: () => {
+            Toast.show({
+              content: getLocale('Upload.failed'),
+              icon: 'fail',
+            });
+          },
+        },
+      });
+      uploadResultRef.current.sendRequest();
+    }
+  };
 
-    useImperativeHandle(ref, () => ({
-      get value() {
-        if (uploadType === 'base64StringType') {
-          if (canvasRef) {
-            return (canvasRef as any).canvas.drawing.toDataURL(
-              type,
-              encoderOptions,
-            );
-          }
-          return uploadResultRef?.current?.value?.();
-        }
-        return uploadResultRef?.current?.value?.();
-      },
-      clearValue() {
+  useImperativeHandle(ref, () => ({
+    get value() {
+      if (uploadType === 'base64StringType') {
         if (canvasRef) {
-          (canvasRef as any).clear();
-          clear && clear();
+          return (canvasRef as any).canvas.drawing.toDataURL(type, encoderOptions);
         }
-      },
-    }));
-
-    const renderFooterNode = () => {
-      if (footerNode === true) {
-        return <></>;
+        return uploadResultRef?.current?.value?.();
+      }
+      return uploadResultRef?.current?.value?.();
+    },
+    clearValue() {
+      if (canvasRef) {
+        (canvasRef as any).clear();
+        clear && clear();
       }
-      // 使用内部的footerNode
-      return undefined;
-    };
-    return (
-      <Signature
-        {...restProps}
-        style={{
-          width: `${style?.width ? style.width : '100%'}`,
-          height: `${style?.height ? style.height : '100%'}`,
-          ...resStyle,
-          ...hiddenStyle,
-        }}
-        footerNode={renderFooterNode()}
-        className={className}
-        contentBackground={contentBackground}
-        contentBorderRadius={contentBorderRadius}
-        getSigin={getSigin}
-        getCanvasRef={getCanvasRef}
-        clear={clear}
-        type={type}
-        encoderOptions={encoderOptions}
-        okText={getLocale('confirm')}
-        clearText={getLocale('clearText')}
-      />
-    );
-  },
-);
+    },
+  }));
+
+  const renderFooterNode = () => {
+    if (footerNode === true) {
+      return <></>;
+    }
+    // 使用内部的footerNode
+    return undefined;
+  };
+  return (
+    <Signature
+      {...restProps}
+      style={{
+        width: `${style?.width ? style.width : '100%'}`,
+        height: `${style?.height ? style.height : '100%'}`,
+        ...resStyle,
+        ...hiddenStyle,
+      }}
+      footerNode={renderFooterNode()}
+      className={className}
+      contentBackground={contentBackground}
+      contentBorderRadius={contentBorderRadius}
+      getSigin={getSigin}
+      getCanvasRef={getCanvasRef}
+      clear={clear}
+      type={type}
+      encoderOptions={encoderOptions}
+      okText={getLocale('confirm')}
+      clearText={getLocale('clearText')}
+    />
+  );
+});
 
 export default MySignature;

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

@@ -3,6 +3,7 @@ import React from 'react';
 import { AppForwardRef } from '../BasicComponents';
 
 export interface MySingleProgressPros {
+
   /**
    * @description 总的数量
    */

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

@@ -2,10 +2,8 @@ import { LingxiForwardRef } from '@lingxiteam/types';
 import SingleProgressLoader from './loader';
 import type { MySingleProgressPros } from './SingleProgress';
 
-const SingleProgress = LingxiForwardRef<unknown, MySingleProgressPros>(
-  (props, ref) => {
-    return <SingleProgressLoader {...props} {...(props.value || {})} />;
-  },
-);
+const SingleProgress = LingxiForwardRef<unknown, MySingleProgressPros>((props, ref) => {
+  return <SingleProgressLoader {...props} {...(props.value || {})} />;
+});
 
 export default SingleProgress;

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

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

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

@@ -8,16 +8,7 @@ import { MySmallColumnarProps } from './PropsType';
 
 const SmallColumnar: LingXiFC<MySmallColumnarProps> = (props, ref) => {
   // number=5 为了兼容旧数据
-  const {
-    visible = true,
-    showScrollBar,
-    number = 5,
-    $$componentItem,
-    getEngineApis,
-    style,
-    refData,
-    ...restProps
-  } = props;
+  const { visible = true, showScrollBar, number = 5, $$componentItem, getEngineApis, style, refData, ...restProps } = props;
   const finalStyle = useHiddenStyle(visible, style);
   const [{ data: myData = [], x, y }, setState] = useAsyncState({
     data: props.data,

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

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

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

@@ -7,21 +7,9 @@ import { useJsonToParse } from '../utils/hooks/useJsonToParse';
 import { MyStackColumnProps } from './PropsType';
 
 const MyStackColumn: LingXiFC<MyStackColumnProps> = (props, ref) => {
-  const {
-    colors: iColors,
-    visible,
-    $$componentItem,
-    getEngineApis,
-    style,
-    className,
-    refData,
-    ...restProps
-  } = props;
+  const { colors: iColors, visible, $$componentItem, getEngineApis, style, className, refData, ...restProps } = props;
   const finalStyle = useHiddenStyle(visible, style);
-  const [
-    { data: myData = [], legendParams: myLegendParams = [], x },
-    setState,
-  ] = useAsyncState({
+  const [{ data: myData = [], legendParams: myLegendParams = [], x }, setState] = useAsyncState({
     data: props.data,
     legendParams: props.legendParams,
     x: props.x,
@@ -35,7 +23,7 @@ const MyStackColumn: LingXiFC<MyStackColumnProps> = (props, ref) => {
       data.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);
@@ -45,7 +33,7 @@ const MyStackColumn: LingXiFC<MyStackColumnProps> = (props, ref) => {
         }
         return i;
       }),
-    [JSON.stringify(data)],
+    [JSON.stringify(data)]
   );
 
   const { xFontSize, xColor, yFontSize, yColor } = props?.style;

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

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

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

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

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

@@ -17,6 +17,7 @@ export interface MyStarProps extends RateProps {
   style: any;
   fieldProps: string;
   title: string;
+  labelNumber?: number;
 }
 
 export interface ImperativeProps {
@@ -33,6 +34,8 @@ const MyStar = LingxiForwardRef<ImperativeProps, MyStarProps>((props, ref) => {
     style = {},
     defaultValue,
     getEngineApis,
+    labelNumber,
+    title,
     ...restProps
   } = props;
   const {
@@ -82,7 +85,7 @@ const MyStar = LingxiForwardRef<ImperativeProps, MyStarProps>((props, ref) => {
   const coverStyle = useMemo(() => {
     const target = {};
 
-    Object.keys(ctmCoverStyle).forEach((key) => {
+    Object.keys(ctmCoverStyle).forEach(key => {
       // @ts-ignore
       const themeVar = ctmCoverStyle[key];
       if (style[key]) {
@@ -93,12 +96,20 @@ const MyStar = LingxiForwardRef<ImperativeProps, MyStarProps>((props, ref) => {
 
     return target;
   }, [style, ctmCoverStyle]);
-
+  // 兼容旧版本，如果标题没有，那么标题占比不占比
+  const tempLabelNumber = useMemo(() => {
+    if (labelNumber !== undefined) return labelNumber;
+    // 如果没有标题默认不占比
+    if (!title) return 0;
+    return labelNumber;
+  }, []);
   return (
     <FormItem>
       <DFormWrapper visible={visible} getEngineApis={getEngineApis}>
         <DformRate
           {...restProps}
+          labelNumber={tempLabelNumber}
+          title={title}
           onChange={onInputChange}
           required={required}
           disabled={disabled}

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

@@ -19,25 +19,14 @@ export interface TabBarProps extends PropsType {
   renderIcon: (p: Record<string, any>) => React.ReactNode;
 }
 
-const TabBar: FC<TabBarProps> = (props) => {
-  const {
-    underlineType = 'default',
-    underlineWidth,
-    onGoToTab = () => {},
-    style,
-    tabBarPosition,
-    renderIcon,
-    ...restProps
-  } = props;
+const TabBar: FC<TabBarProps> = props => {
+  const { underlineType = 'default', underlineWidth, onGoToTab = () => {}, style, tabBarPosition, renderIcon, ...restProps } = props;
   const { refs, setRefs } = useRefs();
   const tabBarRef = useRef<any>(null);
-  const [active, setActive] = React.useState(
-    +(props.activeTab || props.initialPage || 0),
-  );
+  const [active, setActive] = React.useState(+(props.activeTab || props.initialPage || 0));
   const getStyle = (width: number, defaultStyle: React.CSSProperties) => {
     const style = defaultStyle;
-    const tabbarSize =
-      tabBarRef.current?.layout?.getBoundingClientRect?.() || {};
+    const tabbarSize = tabBarRef.current?.layout?.getBoundingClientRect?.() || {};
     // 下划线居中
     if (tabBarPosition === 'left' || tabBarPosition === 'right') {
       const barSize = tabbarSize.height / props.tabs.length;
@@ -52,9 +41,7 @@ const TabBar: FC<TabBarProps> = (props) => {
     return style;
   };
 
-  const getUnderlineStyle = (
-    defaultStyle: React.CSSProperties,
-  ): React.CSSProperties => {
+  const getUnderlineStyle = (defaultStyle: React.CSSProperties): React.CSSProperties => {
     const style = defaultStyle;
     if (underlineType === 'default') {
       return defaultStyle;
@@ -64,15 +51,8 @@ const TabBar: FC<TabBarProps> = (props) => {
     }
 
     if (refs.length > active) {
-      const { width, height }: DOMRect = (
-        refs[active]?.ref as HTMLDivElement
-      )?.getBoundingClientRect();
-      return getStyle(
-        tabBarPosition === 'left' || tabBarPosition === 'right'
-          ? height
-          : width,
-        style,
-      );
+      const { width, height }: DOMRect = (refs[active]?.ref as HTMLDivElement)?.getBoundingClientRect();
+      return getStyle(tabBarPosition === 'left' || tabBarPosition === 'right' ? height : width, style);
     }
     return style;
   };
@@ -90,13 +70,13 @@ const TabBar: FC<TabBarProps> = (props) => {
       tabBarPosition={tabBarPosition}
       ref={tabBarRef}
       goToTab={goToTab}
-      renderTab={(tabProps) => {
+      renderTab={tabProps => {
         if (!tabProps.id) return null;
         const { icon = {} } = tabProps;
         return (
           <span
             className={`${prefixCls}-tabBarWrapper`}
-            ref={(ref) => {
+            ref={ref => {
               if (ref) {
                 setRefs(`tabbar_${tabProps.id}`, ref);
               }

package/lib/h5public/src/components/factory/src/StaticTabs/Tabs/PropsType.tsx

@@ -1,6 +1,7 @@
 import { Models, PropsType } from 'rmc-tabs';
 
 interface TabsProps extends PropsType {
+
   /** render for replace the tab of tabbar. */
   renderTab?: (tab: Models.TabData) => React.ReactNode;
 }

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

@@ -1,9 +1,5 @@
 import React from 'react';
-import {
-  DefaultTabBar as RMCDefaultTabBar,
-  TabBarPropsType,
-  Tabs as RMCTabs,
-} from 'rmc-tabs';
+import { DefaultTabBar as RMCDefaultTabBar, TabBarPropsType, Tabs as RMCTabs } from 'rmc-tabs';
 import './index.less';
 import TabsProps from './PropsType';