@lingxiteam/ebe-utils 0.5.10 → 0.6.1

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

@@ -1,12 +1,12 @@
+import React, { useEffect, useState } from 'react';
 import { DformSelect } from '@lingxiteam/dform';
 import { LingxiForwardRef } from '@lingxiteam/types';
-import React, { useEffect, useState } from 'react';
 import { DFormWrapper, FormItem } from '../BasicComponents';
 import { reloadSelectDataType } from '../interfaces/types';
-import useDefaultValue from '../utils/hooks/useDefaultValue';
 import { useFormItem, UseFormItemProps } from '../utils/hooks/useFormItem';
 import { withTransformProps } from '../utils/withTransformProps';
 import transformProps from './transformProps';
+import useDefaultValue from '../utils/hooks/useDefaultValue';
 
 export interface MyDformSelectProps extends UseFormItemProps {
   postfix?: any;
@@ -32,21 +32,21 @@ const MyDformSelect = LingxiForwardRef<any, MyDformSelectProps>((props, ref) =>
 
   const findObjectsByValue = (data: any[], values: string[]) => {
     const result: any[] = [];
-    const traverse = (node: { [x: string]: any; value?: any; children: any }, remainingValues: string | any[]) => {
+    const traverse = (node: { [x: string]: any; value?: any; children: any;}, remainingValues: string | any[]) => {
       const currentValue = remainingValues[0];
       const nextValues = remainingValues.slice(1);
       if (node.value === currentValue) {
         const { children, ...res } = node;
         result.push(res);
         if (children) {
-          children?.forEach((child: { [x: string]: any; value?: any; children: any }) => {
+          children?.forEach((child: { [x: string]: any; value?: any; children: any; }) => {
             traverse(child, nextValues);
           });
         }
       }
     };
     if (values?.length > 0) {
-      data?.forEach(node => {
+      data?.forEach((node) => {
         if (result.length === values.length) return;
         traverse(node, JSON.parse(JSON.stringify(values)));
       });
@@ -54,21 +54,25 @@ const MyDformSelect = LingxiForwardRef<any, MyDformSelectProps>((props, ref) =>
     return result;
   };
 
-  const { disabled, val, getRules, onInputChange, required, readOnly, visible } = useFormItem(
-    ref,
-    {
-      ...props,
-      defaultValue: useDefaultValue(defaultValue),
+  const {
+    disabled,
+    val,
+    getRules,
+    onInputChange,
+    required,
+    readOnly,
+    visible,
+  } = useFormItem(ref, {
+    ...props,
+    defaultValue: useDefaultValue(defaultValue),
+  }, {
+    setDataWithLabelAndValue: (params: reloadSelectDataType) => {
+      setData(initData(params.dataSource, params.labelKey, params.valueKey, params.childrenKey));
     },
-    {
-      setDataWithLabelAndValue: (params: reloadSelectDataType) => {
-        setData(initData(params.dataSource, params.labelKey, params.valueKey, params.childrenKey));
-      },
-      valueInfo() {
-        return findObjectsByValue(data, this.value);
-      },
-    }
-  );
+    valueInfo() {
+      return findObjectsByValue(data, this.value);
+    },
+  });
   const { getLocale } = getEngineApis?.() || {};
   const [data, setData] = useState<any[]>([]);
 
@@ -81,7 +85,7 @@ const MyDformSelect = LingxiForwardRef<any, MyDformSelectProps>((props, ref) =>
     const mArr: any[] = [];
     arr.forEach((row: any) => {
       if (Array.isArray(row)) {
-        row.forEach(val => {
+        row.forEach((val) => {
           val.label = val[labelKey];
           val.value = val[valueKey];
         });
@@ -106,6 +110,7 @@ const MyDformSelect = LingxiForwardRef<any, MyDformSelectProps>((props, ref) =>
     setData(initData(props.data));
   }, [JSON.stringify(props.data)]);
 
+
   return (
     <FormItem>
       <DFormWrapper visible={visible} getEngineApis={props.getEngineApis}>

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { DformSwitch } from '@lingxiteam/dform';
 import { LingxiForwardRef } from '@lingxiteam/types';
-import { DFormWrapper, FormItem } from '../BasicComponents';
 import Icon from '../Icon';
+import { DFormWrapper, FormItem } from '../BasicComponents';
 import { useFormItem, UseFormItemProps } from '../utils/hooks/useFormItem';
 import { withTransformProps } from '../utils/withTransformProps';
 import transformProps from './transformProps';
@@ -14,7 +14,15 @@ export interface MyDformSwitchProps extends UseFormItemProps {
 }
 const MyDformSwitch = LingxiForwardRef<any, MyDformSwitchProps>((props, ref) => {
   const { defaultValue, onChange, openIcon, closeIcon, style = {}, getEngineApis, ...restProps } = props;
-  const { disabled, val, getRules, onInputChange, required, visible, readOnly } = useFormItem(ref, props);
+  const {
+    disabled,
+    val,
+    getRules,
+    onInputChange,
+    required,
+    visible,
+    readOnly,
+  } = useFormItem(ref, props);
 
   const otherProps = {
     ...restProps,

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

@@ -23,10 +23,8 @@ const MyDformTextArea = LingxiForwardRef<any, MyDformTextAreaProps>((props, ref)
     return '';
   };
 
-  const { visible, disabled, val, getRules, onInputChange, required, readOnly } = useFormItem(ref, {
-    ...props,
-    defaultValue: changeVal(defaultValue),
-  });
+  const { visible, disabled, val, getRules, onInputChange, required, readOnly } =
+    useFormItem(ref, { ...props, defaultValue: changeVal(defaultValue) });
 
   const { getLocale } = getEngineApis?.() || {};
   return (

package/lib/h5public/src/components/factory/src/Divider/LxDashed/index.tsx

@@ -1,6 +1,6 @@
-import classnames from 'classnames';
 import React, { useMemo } from 'react';
 import styles from './index.module.less';
+import classnames from 'classnames';
 
 interface MyDashedProps {
   showTitle?: boolean;
@@ -14,7 +14,7 @@ interface MyDashedProps {
   className?: string;
 }
 
-const LxDashed: React.FC<MyDashedProps> = props => {
+const LxDashed: React.FC<MyDashedProps> = (props) => {
   const {
     showTitle,
     dividerText,
@@ -40,8 +40,7 @@ const LxDashed: React.FC<MyDashedProps> = props => {
     };
     return curStyle;
   }, [dashedMargin, dashedWidth, customStyle?.borderColor, style?.borderColor, style?.height]);
-  if (showTitle && dividerText) {
-    // 显示标题
+  if (showTitle && dividerText) { // 显示标题
     let leftWidth = '50%';
     let rightWidth = '50%';
     switch (orientation) {
@@ -63,9 +62,7 @@ const LxDashed: React.FC<MyDashedProps> = props => {
     return (
       <div style={{ width: style?.width || 'auto', ...style }} {...restProps} className={classnames(styles.dashedDivider, className)}>
         <div style={{ ...backgroundStyle, width: leftWidth }} />
-        <div className={styles.dividerText} style={titleStyle}>
-          {dividerText}
-        </div>
+        <div className={styles.dividerText} style={titleStyle}>{dividerText}</div>
         <div style={{ ...backgroundStyle, width: rightWidth }} />
       </div>
     );

package/lib/h5public/src/components/factory/src/Divider/LxSolid/index.tsx

@@ -1,5 +1,5 @@
-import classnames from 'classnames';
 import React, { useMemo } from 'react';
+import classnames from 'classnames';
 import styles from './index.module.less';
 
 interface LxSolidProps {
@@ -12,7 +12,7 @@ interface LxSolidProps {
   titleStyle?: React.CSSProperties;
   className?: string;
 }
-const LxSolid: React.FC<LxSolidProps> = props => {
+const LxSolid: React.FC<LxSolidProps> = (props) => {
   const { type, dividerText, showTitle, style, customStyle, orientation, titleStyle, className, ...restProps } = props;
   const borderColor = useMemo(() => {
     if (style?.borderColor || customStyle?.borderColor) {
@@ -20,13 +20,10 @@ const LxSolid: React.FC<LxSolidProps> = props => {
     }
     return 'rgba(0, 0, 0, 0.06)';
   }, [style?.borderColor, customStyle?.borderColor]);
-  if (dividerText && showTitle && type === 'horizontal') {
-    // 有文字的情况
+  if (dividerText && showTitle && type === 'horizontal') { // 有文字的情况
     let leftWidth = '50%';
     let rightWidth = '50%';
-    switch (
-      orientation // 文字方向
-    ) {
+    switch (orientation) { // 文字方向
       case 'left':
         leftWidth = '5%';
         rightWidth = '95%';
@@ -44,23 +41,9 @@ const LxSolid: React.FC<LxSolidProps> = props => {
     }
     return (
       <div {...restProps} style={{ ...style, ...customStyle }} className={classnames(styles.solidDivider, className)}>
-        <div
-          style={{
-            width: leftWidth,
-            backgroundColor: borderColor,
-            height: style?.height,
-          }}
-        />
-        <div className={styles.dividerText} style={titleStyle}>
-          {dividerText}
-        </div>
-        <div
-          style={{
-            width: rightWidth,
-            backgroundColor: borderColor,
-            height: style?.height,
-          }}
-        />
+        <div style={{ width: leftWidth, backgroundColor: borderColor, height: style?.height }} />
+        <div className={styles.dividerText} style={titleStyle}>{dividerText}</div>
+        <div style={{ width: rightWidth, backgroundColor: borderColor, height: style?.height }} />
       </div>
     );
   }

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

@@ -1,5 +1,5 @@
-import { LingxiForwardRef } from '@lingxiteam/types';
 import React from 'react';
+import { LingxiForwardRef } from '@lingxiteam/types';
 import LxDashed from './LxDashed';
 import LxSolid from './LxSolid';
 
@@ -40,11 +40,10 @@ const MyDivider = LingxiForwardRef<any, MyDividerProps>((props, ref) => {
 
   const dividerStyle = () => {
     let s = { ...style };
-    if (type === 'vertical') {
-      // 设置默认值
-      s = { width: '1px', height: '12px', ...s }; // 垂直
+    if (type === 'vertical') { // 设置默认值
+      s = { width: '1px', height: '12px', ...s };// 垂直
     } else {
-      s = { width: '100%', height: '1px', ...s }; // 水平
+      s = { width: '100%', height: '1px', ...s };// 水平
     }
     return s;
   };
@@ -62,19 +61,24 @@ const MyDivider = LingxiForwardRef<any, MyDividerProps>((props, ref) => {
   }
 
   if (type === 'horizontal' && dashed) {
-    return (
-      <LxDashed
-        showTitle={showTitle}
-        dividerText={dividerText}
-        titleStyle={titleStyle()}
-        dashedWidth={dashedWidth}
-        dashedMargin={dashedMargin}
-        style={dividerStyle()}
-        {...restProps}
-      />
-    );
+    return <LxDashed
+      showTitle={showTitle}
+      dividerText={dividerText}
+      titleStyle={titleStyle()}
+      dashedWidth={dashedWidth}
+      dashedMargin={dashedMargin}
+      style={dividerStyle()}
+      {...restProps}
+    />;
   }
-  return <LxSolid showTitle={showTitle} dividerText={dividerText} style={dividerStyle()} type={type} titleStyle={titleStyle()} {...restProps} />;
+  return <LxSolid
+    showTitle={showTitle}
+    dividerText={dividerText}
+    style={dividerStyle()}
+    type={type}
+    titleStyle={titleStyle()}
+    {...restProps}
+  />;
 });
 
 MyDivider.displayName = 'MyDivider';

package/lib/h5public/src/components/factory/src/Donut/Dount.tsx

@@ -1,14 +1,15 @@
-import { px2hd } from '@alitajs/f2';
+import React, { useMemo, useState, useEffect } from 'react';
 import Donut from '@lingxiteam/charts/es/Donut';
-import { LingXiFC } from '@lingxiteam/types';
-import classNames from 'classnames';
-import React, { useEffect, useMemo, useState } from 'react';
 import { setRgbTo16 } from '../utils';
-import CustomModule, { getJSXHtml } from '../utils/CustomModule';
+import { px2hd } from '@alitajs/f2';
+import './index.less';
 import useAsyncState from '../utils/hooks/useAsyncState';
 import { useFuncExpExecute } from '../utils/hooks/useFuncExpExecute';
-import './index.less';
+import classNames from 'classnames';
 import { MyDonutProps } from './PropsType';
+import { LingXiFC } from '@lingxiteam/types';
+import CustomModule, { getJSXHtml } from '../utils/CustomModule';
+
 
 const prefixCls = 'lcdp-donut';
 const MyDonut: LingXiFC<MyDonutProps> = (props, ref) => {
@@ -41,7 +42,10 @@ const MyDonut: LingXiFC<MyDonutProps> = (props, ref) => {
   });
 
   useEffect(() => {
-    if (Object.prototype.toString.call(proColor) === '[object Object]' && Object.keys(proColor).length) {
+    if (
+      Object.prototype.toString.call(proColor) === '[object Object]' &&
+      Object.keys(proColor).length
+    ) {
       const { endColor, startColor, color: cleanColor } = proColor;
       if (proColor.type === 'hGradient') {
         setprobackColor(`l(0) 0:${setRgbTo16(startColor)} 1:${setRgbTo16(endColor)}`);
@@ -54,7 +58,10 @@ const MyDonut: LingXiFC<MyDonutProps> = (props, ref) => {
   }, [proColor]);
 
   useEffect(() => {
-    if (Object.prototype.toString.call(strokeColor) === '[object Object]' && Object.keys(strokeColor).length) {
+    if (
+      Object.prototype.toString.call(strokeColor) === '[object Object]' &&
+      Object.keys(strokeColor).length
+    ) {
       const { endColor, startColor, color: cleanColor } = strokeColor;
       if (strokeColor.type === 'hGradient') {
         setstrokebackColor(`l(0) 0:${setRgbTo16(startColor)} 1:${setRgbTo16(endColor)}`);
@@ -82,7 +89,7 @@ const MyDonut: LingXiFC<MyDonutProps> = (props, ref) => {
         ...it,
         [y]: +it[y],
       })),
-    [originData, y]
+    [originData, y],
   );
 
   const style = useMemo(() => {
@@ -147,56 +154,49 @@ const MyDonut: LingXiFC<MyDonutProps> = (props, ref) => {
   useEffect(() => {
     if (customProgressCode && typeof customProgressCode === 'object' && customProgressCode.jsx) {
       // JSX语法渲染组件
-      getJSXHtml(
-        <CustomModule
-          code={customProgressCode.targetVal}
-          compProps={{
-            sumText: props.sumText,
-            sumTitle: props.sumTitle,
-            px2hd,
-          }}
-          sandBoxLoadModule={sandBoxLoadModule}
-          errorInfo={{
-            id: $$componentItem.id,
-          }}
-        />,
-        setMHtmlStr
-      );
+      getJSXHtml(<CustomModule
+        code={customProgressCode.targetVal}
+        compProps={{
+          sumText: props.sumText,
+          sumTitle: props.sumTitle,
+          px2hd,
+        }}
+        sandBoxLoadModule={sandBoxLoadModule}
+        errorInfo={{
+          id: $$componentItem.id,
+        }}
+      />, setMHtmlStr);
     } else if (customProgressCode) {
-      setMHtmlStr(
-        funcExpExecute(customProgressCode, [
-          {
-            key: 'sumText',
-            value: sumText,
-          },
-          {
-            key: 'sumTitle',
-            value: props.sumTitle,
-          },
-          {
-            key: 'px2hd',
-            value: px2hd,
-          },
-        ])
-      );
+      setMHtmlStr(funcExpExecute(customProgressCode, [
+        {
+          key: 'sumText',
+          value: sumText,
+        },
+        {
+          key: 'sumTitle',
+          value: props.sumTitle,
+        },
+        {
+          key: 'px2hd',
+          value: px2hd,
+        },
+      ]));
     } else if (customRenderCode?.code) {
       // 自定义渲染函数-旧数据格式兼容
-      setMHtmlStr(
-        funcExpExecute(customRenderCode.code, [
-          {
-            key: 'sumText',
-            value: sumText,
-          },
-          {
-            key: 'sumTitle',
-            value: props.sumTitle,
-          },
-          {
-            key: 'px2hd',
-            value: px2hd,
-          },
-        ])
-      );
+      setMHtmlStr(funcExpExecute(customRenderCode.code, [
+        {
+          key: 'sumText',
+          value: sumText,
+        },
+        {
+          key: 'sumTitle',
+          value: props.sumTitle,
+        },
+        {
+          key: 'px2hd',
+          value: px2hd,
+        },
+      ]));
     }
   }, [customRenderCode, sumText, props.sumTitle]);
 
@@ -247,7 +247,12 @@ const MyDonut: LingXiFC<MyDonutProps> = (props, ref) => {
             ...getLoopItemExtraProps?.(item, index),
           };
           return (
-            <span key={item[x]} className={`${prefixCls}-legendItem`} style={{ width: style.width || '100%' }} onClick={showSelectShapeCallback}>
+            <span
+              key={item[x]}
+              className={`${prefixCls}-legendItem`}
+              style={{ width: style.width || '100%' }}
+              onClick={showSelectShapeCallback}
+            >
               <span className={`${prefixCls}-legendDot`} style={{ color: legend.color }} />
               <MemoLoopItem {...renderProps} />
             </span>

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

@@ -1,5 +1,5 @@
-import { DountProps } from '@lingxiteam/charts/es/Donut';
 import { $$componentItem } from '../interfaces/types';
+import { DountProps } from '@lingxiteam/charts/es/Donut';
 
 export interface DountDataProps {
   x?: string;

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

@@ -1,7 +1,7 @@
+import React, { useState, useImperativeHandle } from 'react';
 import { LingxiForwardRef } from '@lingxiteam/types';
-import React, { useImperativeHandle, useState } from 'react';
 import DountLoader from './loader';
-import { DountDataProps, MyDonutProps } from './PropsType';
+import { MyDonutProps, DountDataProps } from './PropsType';
 
 const Dount = LingxiForwardRef<unknown, MyDonutProps>((props, ref) => {
   const [refData, setRefData] = useState<DountDataProps>();

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

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

package/lib/h5public/src/components/factory/src/DynamicDataContainer/YieldMethod.ts

@@ -1,9 +1,5 @@
 class YieldMethod {
-  private cacheMap: {
-    methodName: string;
-    func: (...args: any[]) => any;
-    params?: any[];
-  }[] = [];
+  private cacheMap: { methodName: string, func:(...args: any[]) => any, params?: any[] }[] = [];
 
   appendTo(methodName: string, func: (...args: any[]) => any, params?: any[]) {
     this.cacheMap.push({

package/lib/h5public/src/components/factory/src/DynamicDataContainer/index.less

@@ -1,5 +1,13 @@
 @import '~@lingxiteam/antd-mobile-v2-theme/es/index.less';
 
+.ued-dynamic-data-loading {
+  width: 100%;
+  height: 200px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
 // .ued-dynamic-data-card {
 //   .lingxiteam-dform-group {
 //     .lingxiteam-dform-card-extends-icon {