@lingxiteam/ebe-utils 0.2.4 → 0.2.6

package/lib/pcpublic/src/components/pcfactory/src/Divider/components/LeftTabDivider/index.tsx

@@ -13,17 +13,8 @@ interface LeftTabDividerProps {
 
 const dividerClsPrefix = 'ued-divider-leftTab';
 
-const LeftTabDivider: React.FC<LeftTabDividerProps> = (props) => {
-  const {
-    showTitle,
-    dividerText,
-    titleStyle,
-    className,
-    dividerColor = '',
-    style,
-    customStyle,
-    ...restProps
-  } = props;
+const LeftTabDivider: React.FC<LeftTabDividerProps> = props => {
+  const { showTitle, dividerText, titleStyle, className, dividerColor = '', style, customStyle, ...restProps } = props;
   // 高度需为px 分割线的样式才会生效
   const dividerHeight = useMemo(() => {
     const heigth = style?.height ? `${style?.height}` : '';
@@ -33,16 +24,9 @@ const LeftTabDivider: React.FC<LeftTabDividerProps> = (props) => {
     return '32px';
   }, [style?.height]);
   return (
-    <div
-      style={{ ...style, ...customStyle, height: dividerHeight }}
-      className={classnames(dividerClsPrefix, className)}
-      {...restProps}
-    >
+    <div style={{ ...style, ...customStyle, height: dividerHeight }} className={classnames(dividerClsPrefix, className)} {...restProps}>
       <div className={`${dividerClsPrefix}-bg-wrapper`}>
-        <div
-          className={`${dividerClsPrefix}-bg-wrapper-bg`}
-          style={{ backgroundColor: dividerColor }}
-        />
+        <div className={`${dividerClsPrefix}-bg-wrapper-bg`} style={{ backgroundColor: dividerColor }} />
       </div>
       <div
         className={`${dividerClsPrefix}-lable`}

package/lib/pcpublic/src/components/pcfactory/src/Divider/components/LeftTopDivider/index.tsx

@@ -13,23 +13,10 @@ interface LeftTopDividerProps {
 
 const dividerClsPrefix = 'ued-divider-leftTop-line';
 
-const LeftTopDivider: React.FC<LeftTopDividerProps> = (props) => {
-  const {
-    showTitle,
-    dividerText,
-    titleStyle,
-    className,
-    dividerColor = '',
-    style,
-    customStyle,
-    ...restProps
-  } = props;
+const LeftTopDivider: React.FC<LeftTopDividerProps> = props => {
+  const { showTitle, dividerText, titleStyle, className, dividerColor = '', style, customStyle, ...restProps } = props;
   return (
-    <div
-      style={{ ...style, ...customStyle }}
-      className={classnames('ued-divider-leftTop', className)}
-      {...restProps}
-    >
+    <div style={{ ...style, ...customStyle }} className={classnames('ued-divider-leftTop', className)} {...restProps}>
       {showTitle && dividerText ? (
         <div style={titleStyle} className="ued-divider-leftTop-text">
           {dividerText}
@@ -37,15 +24,9 @@ const LeftTopDivider: React.FC<LeftTopDividerProps> = (props) => {
       ) : null}
       <div className={dividerClsPrefix}>
         <div className={`${dividerClsPrefix}-bg-wrapper`}>
-          <div
-            className={`${dividerClsPrefix}-bg-wrapper-bg`}
-            style={{ borderColor: dividerColor }}
-          />
+          <div className={`${dividerClsPrefix}-bg-wrapper-bg`} style={{ borderColor: dividerColor }} />
         </div>
-        <div
-          className={`${dividerClsPrefix}-label`}
-          style={{ backgroundColor: dividerColor }}
-        >
+        <div className={`${dividerClsPrefix}-label`} style={{ backgroundColor: dividerColor }}>
           {showTitle && dividerText ? <span>{dividerText}</span> : null}
         </div>
       </div>

package/lib/pcpublic/src/components/pcfactory/src/Divider/components/LxDashed/index.tsx

@@ -17,7 +17,7 @@ interface MyDashedProps {
 
 export const dividerClsPrefix = 'ued-divider';
 
-const LxDashed: React.FC<MyDashedProps> = (props) => {
+const LxDashed: React.FC<MyDashedProps> = props => {
   const {
     showTitle,
     dividerText,
@@ -33,15 +33,9 @@ const LxDashed: React.FC<MyDashedProps> = (props) => {
   } = props;
   // 虚线的颜色
   const dashedColor = useMemo(() => {
-    const color =
-      dividerColor || style?.borderColor || customStyle?.borderColor || ''; // customStyle 旧数据
+    const color = dividerColor || style?.borderColor || customStyle?.borderColor || ''; // customStyle 旧数据
     return color;
-  }, [
-    customStyle?.borderColor,
-    style?.borderColor,
-    style?.height,
-    dividerColor,
-  ]);
+  }, [customStyle?.borderColor, style?.borderColor, style?.height, dividerColor]);
   const backgroundStyle: React.CSSProperties = useMemo(() => {
     const bWidth = dashedWidth + dashedMargin;
     const widthPercent = `${((dashedWidth / bWidth) as any).toFixed(6) * 100}%`;
@@ -54,13 +48,13 @@ const LxDashed: React.FC<MyDashedProps> = (props) => {
     };
     return dashedColor
       ? {
-          ...curStyle,
-          backgroundImage: `linear-gradient(90deg, ${dashedColor} 0%, ${dashedColor} ${widthPercent}, transparent ${widthPercent}, transparent 100%)`,
-        }
+        ...curStyle,
+        backgroundImage: `linear-gradient(90deg, ${dashedColor} 0%, ${dashedColor} ${widthPercent}, transparent ${widthPercent}, transparent 100%)`,
+      }
       : {
-          ...curStyle,
-          backgroundImage: `linear-gradient(90deg, #fff 0%, #fff ${widthPercent}, transparent ${widthPercent}, transparent 100%)`,
-        };
+        ...curStyle,
+        backgroundImage: `linear-gradient(90deg, #fff 0%, #fff ${widthPercent}, transparent ${widthPercent}, transparent 100%)`,
+      };
   }, [dashedMargin, dashedWidth, dashedColor]);
   if (showTitle !== false && dividerText) {
     // 显示标题
@@ -85,37 +79,18 @@ const LxDashed: React.FC<MyDashedProps> = (props) => {
     return (
       <div
         style={{ width: style?.width || 'auto', ...style }}
-        className={classnames(
-          dividerClsPrefix,
-          `${dividerClsPrefix}-dashed`,
-          styles.dashedDivider,
-          className,
-        )}
+        className={classnames(dividerClsPrefix, `${dividerClsPrefix}-dashed`, styles.dashedDivider, className)}
         {...restProps}
       >
         <div
-          className={classnames(
-            `${dividerClsPrefix}-line`,
-            `${dividerClsPrefix}-line-left`,
-            dashedColor ? '' : `${dividerClsPrefix}-defautl-bg`,
-          )}
+          className={classnames(`${dividerClsPrefix}-line`, `${dividerClsPrefix}-line-left`, dashedColor ? '' : `${dividerClsPrefix}-defautl-bg`)}
           style={{ ...backgroundStyle, flex: leftFlex }}
         />
-        <div
-          className={classnames(
-            `${dividerClsPrefix}-title`,
-            styles.dividerText,
-          )}
-          style={titleStyle}
-        >
+        <div className={classnames(`${dividerClsPrefix}-title`, styles.dividerText)} style={titleStyle}>
           {dividerText}
         </div>
         <div
-          className={classnames(
-            `${dividerClsPrefix}-line`,
-            `${dividerClsPrefix}-line-right`,
-            dashedColor ? '' : `${dividerClsPrefix}-defautl-bg`,
-          )}
+          className={classnames(`${dividerClsPrefix}-line`, `${dividerClsPrefix}-line-right`, dashedColor ? '' : `${dividerClsPrefix}-defautl-bg`)}
           style={{ ...backgroundStyle, flex: rightFlex }}
         />
       </div>
@@ -124,19 +99,10 @@ const LxDashed: React.FC<MyDashedProps> = (props) => {
   return (
     <div
       style={{ width: style?.width || 'auto', ...style }}
-      className={classnames(
-        `${dividerClsPrefix}`,
-        `${dividerClsPrefix}-solid`,
-        styles.solidDivider,
-        className,
-      )}
+      className={classnames(`${dividerClsPrefix}`, `${dividerClsPrefix}-solid`, styles.solidDivider, className)}
       {...restProps}
     >
-      <div
-        className={`${dividerClsPrefix}-line`}
-        style={{ height: '1px', width: '100%', ...backgroundStyle }}
-        {...restProps}
-      />
+      <div className={`${dividerClsPrefix}-line`} style={{ height: '1px', width: '100%', ...backgroundStyle }} {...restProps} />
     </div>
   );
 };

package/lib/pcpublic/src/components/pcfactory/src/Divider/components/LxSolid/index.tsx

@@ -16,19 +16,8 @@ interface LxSolidProps {
 
 export const dividerClsPrefix = 'ued-divider';
 
-const LxSolid: React.FC<LxSolidProps> = (props) => {
-  const {
-    type = 'horizontal',
-    dividerText,
-    showTitle,
-    style,
-    customStyle,
-    orientation,
-    titleStyle,
-    className,
-    dividerColor,
-    ...restProps
-  } = props;
+const LxSolid: React.FC<LxSolidProps> = props => {
+  const { type = 'horizontal', dividerText, showTitle, style, customStyle, orientation, titleStyle, className, dividerColor, ...restProps } = props;
   const borderColor = useMemo(() => {
     if (dividerColor || style?.borderColor || customStyle?.borderColor) {
       return dividerColor || style?.borderColor || customStyle?.borderColor;
@@ -68,12 +57,7 @@ const LxSolid: React.FC<LxSolidProps> = (props) => {
     return (
       <div
         style={{ ...style, ...customStyle }}
-        className={classnames(
-          `${dividerClsPrefix}`,
-          `${dividerClsPrefix}-solid`,
-          styles.solidDivider,
-          className,
-        )}
+        className={classnames(`${dividerClsPrefix}`, `${dividerClsPrefix}-solid`, styles.solidDivider, className)}
         {...restProps}
       >
         <div
@@ -84,13 +68,7 @@ const LxSolid: React.FC<LxSolidProps> = (props) => {
             height: '1px',
           }}
         />
-        <div
-          className={classnames(
-            `${dividerClsPrefix}-title`,
-            styles.dividerText,
-          )}
-          style={titleStyle}
-        >
+        <div className={classnames(`${dividerClsPrefix}-title`, styles.dividerText)} style={titleStyle}>
           {dividerText}
         </div>
         <div
@@ -108,18 +86,10 @@ const LxSolid: React.FC<LxSolidProps> = (props) => {
   return (
     <div
       style={{ ...style, ...customStyle }}
-      className={classnames(
-        `${dividerClsPrefix}`,
-        `${dividerClsPrefix}-solid`,
-        styles.solidDivider,
-        className,
-      )}
+      className={classnames(`${dividerClsPrefix}`, `${dividerClsPrefix}-solid`, styles.solidDivider, className)}
       {...restProps}
     >
-      <div
-        className={`${dividerClsPrefix}-line`}
-        style={{ backgroundColor: borderColor, height: lHeight, width: '100%' }}
-      />
+      <div className={`${dividerClsPrefix}-line`} style={{ backgroundColor: borderColor, height: lHeight, width: '100%' }} />
     </div>
   );
 };

package/lib/pcpublic/src/components/pcfactory/src/Divider/index.tsx

@@ -36,7 +36,7 @@ export interface MyDividerProps {
   dashedMargin?: number;
 }
 
-const MyDivider: React.FC<MyDividerProps> = (props) => {
+const MyDivider: React.FC<MyDividerProps> = props => {
   const {
     visible = true,
     dividerText,
@@ -115,14 +115,7 @@ const MyDivider: React.FC<MyDividerProps> = (props) => {
           );
         }
         return (
-          <LxSolid
-            showTitle={showTitle}
-            dividerText={dividerText}
-            style={dividerStyle()}
-            type={type}
-            titleStyle={titleStyle()}
-            {...restProps}
-          />
+          <LxSolid showTitle={showTitle} dividerText={dividerText} style={dividerStyle()} type={type} titleStyle={titleStyle()} {...restProps} />
         );
 
       case 'leftTop':
@@ -193,14 +186,7 @@ const MyDivider: React.FC<MyDividerProps> = (props) => {
         );
       default:
         return (
-          <LxSolid
-            showTitle={showTitle}
-            dividerText={dividerText}
-            style={dividerStyle()}
-            type={type}
-            titleStyle={titleStyle()}
-            {...restProps}
-          />
+          <LxSolid showTitle={showTitle} dividerText={dividerText} style={dividerStyle()} type={type} titleStyle={titleStyle()} {...restProps} />
         );
     }
   };

package/lib/pcpublic/src/components/pcfactory/src/Dropdown/index.tsx

@@ -99,12 +99,7 @@ const Dropdown = LingxiForwardRef<any, MyDropdownProps>((props, ref) => {
     }
     if (typeof rule === 'string') {
       // eslint-disable-next-line no-new-func
-      return new Function(
-        'node',
-        `try { return ${rule};} catch(e) { console.warn("${rule}${getLocale?.(
-          'nodeRule',
-        )}");}`,
-      );
+      return new Function('node', `try { return ${rule};} catch(e) { console.warn("${rule}${getLocale?.('nodeRule')}");}`);
     }
     return () => {};
   };
@@ -184,11 +179,7 @@ const Dropdown = LingxiForwardRef<any, MyDropdownProps>((props, ref) => {
       return renderIconFont(iconInfo.leaf);
     }
     // eslint-disable-next-line no-nested-ternary
-    const iconType = menuExpandedKeys.includes(key)
-      ? expandedIcon
-      : item?.children?.length
-      ? closedIcon
-      : closedIcon || expandedIcon;
+    const iconType = menuExpandedKeys.includes(key) ? expandedIcon : item?.children?.length ? closedIcon : closedIcon || expandedIcon;
     return renderIconFont(iconType);
   };
 
@@ -198,12 +189,7 @@ const Dropdown = LingxiForwardRef<any, MyDropdownProps>((props, ref) => {
       const itemIcon = getIcon(opt);
       if (opt.children?.length) {
         return (
-          <Menu.SubMenu
-            disabled={opt.disabled}
-            key={opt.key}
-            title={opt.title}
-            icon={itemIcon}
-          >
+          <Menu.SubMenu disabled={opt.disabled} key={opt.key} title={opt.title} icon={itemIcon}>
             {renderSubMenu(opt.children)}
           </Menu.SubMenu>
         );
@@ -257,10 +243,9 @@ const Dropdown = LingxiForwardRef<any, MyDropdownProps>((props, ref) => {
     const { key, title, children, selectable, url } = service || {};
     const getTreeData = (arr: any[]) => {
       if (Array.isArray(arr)) {
-        return arr.map((c) => {
+        return arr.map(c => {
           // _isReload 标识节点数据是通过加载子节点动作设置的,此时取该动作配置好的key/title/selectable
-          const serviceSelectable =
-            c[selectable] !== undefined ? c[selectable] : true;
+          const serviceSelectable = c[selectable] !== undefined ? c[selectable] : true;
           const params = {
             key: c._isReload ? c.key : c[key] || c.key,
             title: c._isReload ? c.title : c[title] || c.title,
@@ -321,8 +306,7 @@ const Dropdown = LingxiForwardRef<any, MyDropdownProps>((props, ref) => {
     return null;
   }
   if (menuType === 'button') {
-    const { fontSize, fontWeight, letterSpacing, lineHeight, ...restStyle } =
-      style || {};
+    const { fontSize, fontWeight, letterSpacing, lineHeight, ...restStyle } = style || {};
     return (
       <AntdDropdown.Button
         {...options}
@@ -344,7 +328,7 @@ const Dropdown = LingxiForwardRef<any, MyDropdownProps>((props, ref) => {
             height: fontSize,
             color: style?.color,
             fill: style?.color,
-          },
+          }
         )}
         buttonsRender={([leftButton, rightButton]) => [
           React.cloneElement(leftButton as React.ReactElement<any, string>, {

package/lib/pcpublic/src/components/pcfactory/src/DynamicDataContainer/YieldMethod.ts

@@ -16,15 +16,13 @@ class YieldMethod {
   run(method?: string) {
     let result = null;
 
-    this.cacheMap = this.cacheMap.filter(
-      ({ func, params = [], methodName }) => {
-        if (!method || methodName === method) {
-          result = func?.(...params);
-          return false;
-        }
-        return true;
-      },
-    );
+    this.cacheMap = this.cacheMap.filter(({ func, params = [], methodName }) => {
+      if (!method || methodName === method) {
+        result = func?.(...params);
+        return false;
+      }
+      return true;
+    });
 
     return result;
   }