@lingxiteam/ebe-utils 0.5.11 → 0.6.1

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

@@ -1,117 +1,18 @@
-import { Signature, SignatureType } from '@lingxiteam/antd-mobile-plus';
+import React, { useImperativeHandle, useRef } from 'react';
 import { LingxiForwardRef } from '@lingxiteam/types';
-import { Toast } from 'antd-mobile-5';
-import React, { useEffect, useImperativeHandle, useRef } from 'react';
-import { dataURLtoFile } from '../utils';
-import useHiddenStyle from '../utils/hooks/useHiddenStyle';
-import UploadHandle from '../utils/upload';
+import SignatureLoader from './loader';
 
-export interface SignatureProps extends SignatureType {
-  resAliaKeys?: any;
-  onChange: (e: any) => void;
-  fileName: string;
-  headers?: any;
-  credentials: boolean;
-  uploadType?: string;
-  visible: boolean;
-  columns: any;
-}
-
-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 Signature = LingxiForwardRef<unknown, any>((props, ref) => {
+  const { uploadType, type = 'image/png', encoderOptions = 0.92, clear } = props;
+  let canvasRef = useRef<HTMLCanvasElement>(null);
+  const uploadResultRef = useRef<any>(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,
-      });
-    }
-  }, []);
-  useEffect(() => {
-    if (uploadResultRef?.current) {
-      uploadResultRef.current.setLocale(getLocale);
-    }
-  }, [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',
-            });
-          },
-        },
-      });
-      uploadResultRef.current.sendRequest();
-    }
-  };
 
   useImperativeHandle(ref, () => ({
+    // 这里暴漏部分指令方法，后续有需要可以补充
     get value() {
       if (uploadType === 'base64StringType') {
         if (canvasRef) {
@@ -128,36 +29,13 @@ const MySignature = LingxiForwardRef<SignatureRef, SignatureProps>((props, ref)
       }
     },
   }));
-
-  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')}
-    />
-  );
+  
+  return <SignatureLoader
+    {...props}
+    ref={canvasRef}
+    uploadResultRef={uploadResultRef}
+    getCanvasRef={getCanvasRef}
+  />;
 });
 
-export default MySignature;
+export default Signature;

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

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

@@ -3,7 +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/PropsType.ts

@@ -3,9 +3,9 @@ export interface MySmallColumnarProps {
   visible?: boolean;
   showScrollBar?: boolean; // 是否显示滚动条
   style: any;
-  number?: any;
+  number?: any,
   data?: any;
   x: string;
   y: string;
-  refData?: { data?: any[]; x?: string; y?: string };
+  refData?: { data?: any[], x?: string, y?: string };
 }

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

@@ -1,10 +1,11 @@
+import React, { useMemo, useEffect } from 'react';
 import ZeroColumn from '@lingxiteam/charts/es/SmallColumnar/ZeroColumn';
-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 { MySmallColumnarProps } from './PropsType';
+import { LingXiFC } from '@lingxiteam/types';
+
 
 const SmallColumnar: LingXiFC<MySmallColumnarProps> = (props, ref) => {
   // number=5 为了兼容旧数据
@@ -37,31 +38,32 @@ const SmallColumnar: LingXiFC<MySmallColumnarProps> = (props, ref) => {
     }
   }, [refData]);
 
-  return (
-    <ZeroColumn
-      {...restProps}
-      style={finalStyle}
-      x={x}
-      y={y}
-      data={data}
-      xStyle={xStyle}
-      guideTextStyle={guideTextStyle}
-      showGuide
-      showToolTips
-      scrollBarConfig={{
-        // @ts-ignore
-        visible: showScrollBar,
-      }}
-      colDefs={{
+
+  return <ZeroColumn
+    {...restProps}
+    style={finalStyle}
+    x={x}
+    y={y}
+    data={data}
+    xStyle={xStyle}
+    guideTextStyle={guideTextStyle}
+    showGuide
+    showToolTips
+    scrollBarConfig={{
+      // @ts-ignore
+      visible: showScrollBar,
+    }}
+    colDefs={
+      {
         index: {
           tickInterval: 1,
           min: -0.2,
           max,
           range: [0, 0.98],
         },
-      }}
-    />
-  );
+      }
+    }
+  />;
 };
 
 export default SmallColumnar;

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

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

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

@@ -6,5 +6,5 @@ export interface MyStackColumnProps {
   style?: any;
   x: string;
   className: string;
-  refData?: { data?: any[]; legendParams: any[]; x?: string };
+  refData?: { data?: any[], legendParams: any[], x?: string };
 }

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

@@ -1,10 +1,11 @@
+import React, { useMemo, useEffect } from 'react';
 import StackColumn from '@lingxiteam/charts/es/StackColumn';
-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 { MyStackColumnProps } from './PropsType';
+import { LingXiFC } from '@lingxiteam/types';
+
 
 const MyStackColumn: LingXiFC<MyStackColumnProps> = (props, ref) => {
   const { colors: iColors, visible, $$componentItem, getEngineApis, style, className, refData, ...restProps } = props;
@@ -18,23 +19,20 @@ const MyStackColumn: LingXiFC<MyStackColumnProps> = (props, ref) => {
   const legendParams = useJsonToParse(myLegendParams);
   const data = useJsonToParse(myData);
 
-  const dataSource = useMemo(
-    () =>
-      data.map((i: any) => {
-        if (i.constructor === Object) {
-          const newObj = {} as any;
-          Object.keys(i).forEach(key => {
-            newObj[key] = i[key];
-            if (!isNaN(parseInt(i[key], 10))) {
-              newObj[key] = parseInt(i[key], 10);
-            }
-          });
-          return newObj;
+  const dataSource = useMemo(() => data.map((i: any) => {
+    if (i.constructor === Object) {
+      const newObj = {} as any;
+      Object.keys(i).forEach((key) => {
+        newObj[key] = i[key];
+        if (!isNaN(parseInt(i[key], 10))) {
+          newObj[key] = parseInt(i[key], 10);
         }
-        return i;
-      }),
-    [JSON.stringify(data)]
-  );
+      });
+      return newObj;
+    }
+    return i;
+  }), [JSON.stringify(data)]);
+
 
   const { xFontSize, xColor, yFontSize, yColor } = props?.style;
   const colors = useMemo(() => {

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

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

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

@@ -3,7 +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

@@ -1,12 +1,12 @@
-import { DformRate } from '@lingxiteam/dform';
-import { LingxiForwardRef } from '@lingxiteam/types';
-import { RateProps } from 'antd-mobile-5/es/components/rate/index';
 import React, { useMemo } from 'react';
 import { DFormWrapper, FormItem } from '../BasicComponents';
+import { LingxiForwardRef } from '@lingxiteam/types';
 import Icon from '../Icon';
+import { DformRate } from '@lingxiteam/dform';
+import { ctmCoverStyle } from './ctmCoverStyle';
+import { RateProps } from 'antd-mobile-5/es/components/rate/index';
 import { useFormItem } from '../utils/hooks/useFormItem';
 import { withTransformProps } from '../utils/withTransformProps';
-import { ctmCoverStyle } from './ctmCoverStyle';
 import transformProps from './transformProps';
 
 export interface MyStarProps extends RateProps {
@@ -65,6 +65,8 @@ const MyStar = LingxiForwardRef<ImperativeProps, MyStarProps>((props, ref) => {
             fontAddress: characterIcon?.fontAddress,
             iconFileInfo: characterIcon?.iconFileInfo,
             iconFile: characterIcon?.iconFile,
+            isSystem: characterIcon?.isSystem,
+            systemIconKey: characterIcon?.systemIconKey,
           }}
           className="cust-icon-theme"
           style={{
@@ -76,8 +78,7 @@ const MyStar = LingxiForwardRef<ImperativeProps, MyStarProps>((props, ref) => {
           name=""
         />
       );
-    }
-    if (character === 'string') {
+    } if (character === 'string') {
       return stringCharacter;
     }
   }, [character, characterIcon, stringCharacter]);

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

@@ -19,8 +19,8 @@ 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));
@@ -70,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/index.tsx

@@ -1,7 +1,11 @@
 import React from 'react';
-import { DefaultTabBar as RMCDefaultTabBar, TabBarPropsType, Tabs as RMCTabs } from 'rmc-tabs';
-import './index.less';
+import {
+  DefaultTabBar as RMCDefaultTabBar,
+  TabBarPropsType,
+  Tabs as RMCTabs,
+} from 'rmc-tabs';
 import TabsProps from './PropsType';
+import './index.less';
 
 export class DefaultTabBar extends RMCDefaultTabBar {
   static defaultProps = {

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

@@ -1,20 +1,20 @@
-import { LingxiForwardRef } from '@lingxiteam/types';
+import Tabs from './Tabs';
 import { Badge } from 'antd-mobile-5';
-import classNames from 'classnames';
-import React, { useEffect, useImperativeHandle, useMemo, useState } from 'react';
+import React, { useImperativeHandle, useState, useEffect, useMemo } from 'react';
 import { StickyHeader } from '../BasicComponents';
 import { useSyncState } from '../common/hooks';
+import type { TabBarProps } from './TabBar';
+import TabBar from './TabBar';
+import transformProps from './transformProps';
+import { withTransformProps } from '../utils/withTransformProps';
 import Icon from '../Icon';
+import classNames from 'classnames';
+import { useFuncExpExecute } from '../utils/hooks/useFuncExpExecute';
+import { LingxiForwardRef } from '@lingxiteam/types';
 import basicStatusTransfer from '../utils/basicStatusTransfer';
+import './index.less';
 import CustomModule from '../utils/CustomModule';
-import { useFuncExpExecute } from '../utils/hooks/useFuncExpExecute';
 import useHiddenStyle from '../utils/hooks/useHiddenStyle';
-import { withTransformProps } from '../utils/withTransformProps';
-import './index.less';
-import type { TabBarProps } from './TabBar';
-import TabBar from './TabBar';
-import Tabs from './Tabs';
-import transformProps from './transformProps';
 
 const prefixCls = 'appTabs';
 export interface StaticTabsProps extends TabBarProps {
@@ -51,6 +51,7 @@ const StaticTabs = LingxiForwardRef<any, StaticTabsProps>((props, ref) => {
   const { sandBoxSafeRun, sandBoxLoadModule, px2rem } = getEngineApis();
   const funcExpExecute = useFuncExpExecute(sandBoxSafeRun);
 
+
   // const { $$engineEvalExp } = $$componentItem || {};
   const [tabs, setTabs] = useState<any[]>([]);
 
@@ -67,9 +68,12 @@ 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
   const renderTabs = (() => {
     const mTabs = [] as any;
@@ -154,7 +158,10 @@ 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
@@ -172,6 +179,7 @@ const StaticTabs = LingxiForwardRef<any, StaticTabsProps>((props, ref) => {
     return mTabs;
   })();
 
+
   const tabchildren = useMemo(() => {
     const newChildren = Array.isArray(props.children) ? [...(props.children || [])] : [props.children];
     const temTabchildren: any = [];
@@ -207,7 +215,13 @@ const StaticTabs = LingxiForwardRef<any, StaticTabsProps>((props, ref) => {
       setPage(nP, completeHandle);
     },
     setTabsData: (tabsDataOptions: any = {}) => {
-      const { data, key, title, status, badge } = tabsDataOptions;
+      const {
+        data,
+        key,
+        title,
+        status,
+        badge,
+      } = tabsDataOptions;
 
       const resolvedData = data.map((tab: any) => {
         const tabKey = tab[key || 'id'];
@@ -264,7 +278,9 @@ const StaticTabs = LingxiForwardRef<any, StaticTabsProps>((props, ref) => {
             <TabBar
               {...p}
               realTablength={renderTabs?.length}
-              page={props.tabBarPosition === 'left' || props.tabBarPosition === 'right' ? tabBarPage : 5}
+              page={
+                props.tabBarPosition === 'left' || props.tabBarPosition === 'right' ? tabBarPage : 5
+              }
               onGoToTab={index => {
                 // if (index + 1 > props?.tabs?.length) return;
                 if (page !== index) {
@@ -278,7 +294,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} icon={iconProps} getEngineApis={props.getEngineApis} />}
             />
           </div>
         )}
@@ -287,15 +303,7 @@ const StaticTabs = LingxiForwardRef<any, StaticTabsProps>((props, ref) => {
   };
   if (renderTabs.length) {
     return (
-      <div
-        className={`use-app-statictabs ${className}`}
-        style={
-          {
-            '--myTabs-selected-background': tabBarSelectedBackgroundColor,
-            ...hiddenStyle,
-          } as any
-        }
-      >
+      <div className={`use-app-statictabs ${className}`} style={{ '--myTabs-selected-background': tabBarSelectedBackgroundColor, ...hiddenStyle } as any}>
         <Tabs
           {...restProps}
           tabBarUnderlineStyle={px2rem(tabBarUnderlineStyle)}

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

@@ -1,7 +1,7 @@
 interface Props {
-  components: Props; // 选项卡
-  tabPosition: 'top' | 'left' | 'right' | 'bottom';
-  defaultActiveKey: string;
+  components: Props;// 选项卡
+  tabPosition: 'top' | 'left' | 'right' | 'bottom',
+  defaultActiveKey: string
   [key: string]: any;
 }
 
@@ -9,16 +9,15 @@ export default function transformProps(props: Props) {
   const { components, tabPosition, defaultActiveKey, ...restProps } = props;
   let initialPage = '0' as string;
   // 零代码默认值根据key展示，低代码根据下标展示，需要做一层转换.零代码子节点运行态为components，编辑态为props.children
-  const tabs =
-    (components || props.children)?.map((i: any, index: number) => {
-      const { props } = i;
-      // eslint-disable-next-line eqeqeq
-      if (props.key || i.key == defaultActiveKey) initialPage = String(index);
-      return {
-        id: props.key || i.key,
-        title: props.tab,
-      };
-    }) || [];
+  const tabs = (components || props.children)?.map((i: any, index: number) => {
+    const { props } = i;
+    // eslint-disable-next-line eqeqeq
+    if (props.key || i.key == defaultActiveKey) initialPage = String(index);
+    return {
+      id: props.key || i.key,
+      title: props.tab,
+    };
+  }) || [];
 
   const newProps: Record<string, any> = {
     ...(restProps as any),

package/lib/h5public/src/components/factory/src/StepBar/constant/index.ts

@@ -1,2 +1,2 @@
-export { default as CheckCircle } from './checkcircle';
 export { default as Vector } from './vector';
+export { default as CheckCircle } from './checkcircle';