@lingxiteam/ebe-utils 0.5.11 → 0.6.2

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

@@ -1,5 +1,5 @@
-import classnames from 'classnames';
 import React, { useMemo } from 'react';
+import classnames from 'classnames';
 
 interface CenterLineDividerProps {
   showTitle?: boolean;
@@ -13,8 +13,17 @@ interface CenterLineDividerProps {
 
 const dividerClsPrefix = 'ued-divider-centerLine';
 
-const CenterLineDivider: React.FC<CenterLineDividerProps> = props => {
-  const { showTitle, dividerText, titleStyle, className, dividerColor = '', style, customStyle, ...restProps } = props;
+const CenterLineDivider: React.FC<CenterLineDividerProps> = (props) => {
+  const {
+    showTitle,
+    dividerText,
+    titleStyle,
+    className,
+    dividerColor = '',
+    style,
+    customStyle,
+    ...restProps
+  } = props;
   const bgProps = useMemo(() => {
     return { style: { backgroundColor: dividerColor } };
   }, [dividerColor]);
@@ -28,58 +37,45 @@ const CenterLineDivider: React.FC<CenterLineDividerProps> = props => {
     return 32;
   }, [style?.height]);
   return (
-    <div style={{ ...style, ...customStyle, height: `${dividerHeight}px` }} className={classnames(dividerClsPrefix, className)} {...restProps}>
+    <div
+      style={{ ...style, ...customStyle, height: `${dividerHeight}px` }}
+      className={classnames(dividerClsPrefix, className)}
+      {...restProps}
+    >
       <div className={`${dividerClsPrefix}-line`} {...bgProps} />
       <div className={`${dividerClsPrefix}-hexagon`}>
         <div className={`${dividerClsPrefix}-hexagon-left`}>
-          <div
-            className={`${dividerClsPrefix}-hexagon-left-top`}
-            style={{
-              height: `${dividerHeight / 2}px`,
-              paddingRight: `${dividerHeight / 4}px`,
-            }}
-          >
+          <div className={`${dividerClsPrefix}-hexagon-left-top`} style={{ height: `${dividerHeight / 2}px`, paddingRight: `${dividerHeight / 4}px` }}>
             <div className={`${dividerClsPrefix}-hexagon-left-top-rectangle1`} {...bgProps} />
             <div className={`${dividerClsPrefix}-hexagon-left-top-rectangle2`} {...bgProps} />
             <div
               className={`${dividerClsPrefix}-hexagon-left-top-triangle`}
               style={
-                dividerColor
-                  ? {
-                    borderBottomColor: dividerColor,
-                    borderBottomWidth: `${dividerHeight / 2}px`,
-                    borderLeftWidth: `${dividerHeight / 2}px`,
-                  }
-                  : {
-                    borderBottomWidth: `${dividerHeight / 2}px`,
-                    borderLeftWidth: `${dividerHeight / 2}px`,
-                  }
-              }
+                dividerColor ? {
+                  borderBottomColor: dividerColor,
+                  borderBottomWidth: `${dividerHeight / 2}px`,
+                  borderLeftWidth: `${dividerHeight / 2}px`,
+                } : {
+                  borderBottomWidth: `${dividerHeight / 2}px`,
+                  borderLeftWidth: `${dividerHeight / 2}px`,
+                }}
             />
           </div>
-          <div
-            className={`${dividerClsPrefix}-hexagon-left-bottom`}
-            style={{
-              height: `${dividerHeight / 2}px`,
-              paddingRight: `${dividerHeight / 4}px`,
-            }}
-          >
+          <div className={`${dividerClsPrefix}-hexagon-left-bottom`} style={{ height: `${dividerHeight / 2}px`, paddingRight: `${dividerHeight / 4}px` }}>
             <div className={`${dividerClsPrefix}-hexagon-left-bottom-rectangle1`} {...bgProps} />
             <div className={`${dividerClsPrefix}-hexagon-left-bottom-rectangle2`} {...bgProps} />
             <div
               className={`${dividerClsPrefix}-hexagon-left-bottom-triangle`}
               style={
-                dividerColor
-                  ? {
-                    borderTopColor: dividerColor,
+                dividerColor ? {
+                  borderTopColor: dividerColor,
+                  borderTopWidth: `${dividerHeight / 2}px`,
+                  borderLeftWidth: `${dividerHeight / 2}px`,
+                } :
+                  {
                     borderTopWidth: `${dividerHeight / 2}px`,
                     borderLeftWidth: `${dividerHeight / 2}px`,
-                  }
-                  : {
-                    borderTopWidth: `${dividerHeight / 2}px`,
-                    borderLeftWidth: `${dividerHeight / 2}px`,
-                  }
-              }
+                  }}
             />
           </div>
         </div>
@@ -94,54 +90,37 @@ const CenterLineDivider: React.FC<CenterLineDividerProps> = props => {
           {showTitle && dividerText ? <span>{dividerText}</span> : null}
         </div>
         <div className={`${dividerClsPrefix}-hexagon-right`}>
-          <div
-            className={`${dividerClsPrefix}-hexagon-right-top`}
-            style={{
-              height: `${dividerHeight / 2}px`,
-              paddingLeft: `${dividerHeight / 4}px`,
-            }}
-          >
+          <div className={`${dividerClsPrefix}-hexagon-right-top`} style={{ height: `${dividerHeight / 2}px`, paddingLeft: `${dividerHeight / 4}px` }}>
             <div className={`${dividerClsPrefix}-hexagon-right-top-rectangle1`} {...bgProps} />
             <div className={`${dividerClsPrefix}-hexagon-right-top-rectangle2`} {...bgProps} />
             <div
               className={`${dividerClsPrefix}-hexagon-right-top-triangle`}
               style={
-                dividerColor
-                  ? {
-                    borderLeftWidth: `${dividerHeight / 2}px`,
-                    borderLeftColor: dividerColor,
-                    borderTopWidth: `${dividerHeight / 2}px`,
-                  }
-                  : {
+                dividerColor ? {
+                  borderLeftWidth: `${dividerHeight / 2}px`,
+                  borderLeftColor: dividerColor,
+                  borderTopWidth: `${dividerHeight / 2}px`,
+                } :
+                  {
                     borderLeftWidth: `${dividerHeight / 2}px`,
                     borderTopWidth: `${dividerHeight / 2}px`,
                   }
               }
             />
           </div>
-          <div
-            className={`${dividerClsPrefix}-hexagon-right-bottom`}
-            style={{
-              height: `${dividerHeight / 2}px`,
-              paddingLeft: `${dividerHeight / 4}px`,
-            }}
-          >
+          <div className={`${dividerClsPrefix}-hexagon-right-bottom`} style={{ height: `${dividerHeight / 2}px`, paddingLeft: `${dividerHeight / 4}px` }}>
             <div className={`${dividerClsPrefix}-hexagon-right-bottom-rectangle1`} {...bgProps} />
             <div className={`${dividerClsPrefix}-hexagon-right-bottom-rectangle2`} {...bgProps} />
             <div
               className={`${dividerClsPrefix}-hexagon-right-bottom-triangle`}
-              style={
-                dividerColor
-                  ? {
-                    borderLeftWidth: `${dividerHeight / 2}px`,
-                    borderLeftColor: dividerColor,
-                    borderBottomWidth: `${dividerHeight / 2}px`,
-                  }
-                  : {
-                    borderLeftWidth: `${dividerHeight / 2}px`,
-                    borderBottomWidth: `${dividerHeight / 2}px`,
-                  }
-              }
+              style={dividerColor ? {
+                borderLeftWidth: `${dividerHeight / 2}px`,
+                borderLeftColor: dividerColor,
+                borderBottomWidth: `${dividerHeight / 2}px`,
+              } : {
+                borderLeftWidth: `${dividerHeight / 2}px`,
+                borderBottomWidth: `${dividerHeight / 2}px`,
+              }}
             />
           </div>
         </div>

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

@@ -1,5 +1,5 @@
-import classnames from 'classnames';
 import React, { useMemo } from 'react';
+import classnames from 'classnames';
 
 interface CenterTabDividerProps {
   showTitle?: boolean;
@@ -13,8 +13,17 @@ interface CenterTabDividerProps {
 
 const dividerClsPrefix = 'ued-divider-centerTab';
 
-const CenterTabDivider: React.FC<CenterTabDividerProps> = props => {
-  const { showTitle, dividerText, titleStyle, className, dividerColor = '', style, customStyle, ...restProps } = props;
+const CenterTabDivider: React.FC<CenterTabDividerProps> = (props) => {
+  const {
+    showTitle,
+    dividerText,
+    titleStyle,
+    className,
+    dividerColor = '',
+    style,
+    customStyle,
+    ...restProps
+  } = props;
   // 高度需为px 分割线的样式才会生效
   const dividerHeight = useMemo(() => {
     const heigth = `${style?.height}`;
@@ -25,16 +34,16 @@ const CenterTabDivider: React.FC<CenterTabDividerProps> = 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`} style={{ backgroundColor: dividerColor }} />
       <div className={`${dividerClsPrefix}-center`}>
         <div
           className={`${dividerClsPrefix}-center-label`}
-          style={{
-            ...titleStyle,
-            backgroundColor: dividerColor,
-            lineHeight: dividerHeight,
-          }}
+          style={{ ...titleStyle, backgroundColor: dividerColor, lineHeight: dividerHeight }}
         >
           {showTitle && dividerText ? <span>{dividerText}</span> : null}
         </div>
@@ -43,6 +52,7 @@ const CenterTabDivider: React.FC<CenterTabDividerProps> = props => {
         <div className={`${dividerClsPrefix}-center-rigth-triangle`} style={{ backgroundColor: dividerColor }} />
         <div className={`${dividerClsPrefix}-center-rigth-border`} style={{ backgroundColor: dividerColor }} />
       </div>
+
     </div>
   );
 };

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

@@ -1,5 +1,5 @@
-import classnames from 'classnames';
 import React, { useMemo } from 'react';
+import classnames from 'classnames';
 
 interface LeftCardDividerProps {
   showTitle?: boolean;
@@ -13,8 +13,17 @@ interface LeftCardDividerProps {
 
 const dividerClsPrefix = 'ued-divider-leftCard';
 
-const LeftCardDivider: React.FC<LeftCardDividerProps> = props => {
-  const { showTitle, dividerText, titleStyle, className, dividerColor = '', style, customStyle, ...restProps } = props;
+const LeftCardDivider: React.FC<LeftCardDividerProps> = (props) => {
+  const {
+    showTitle,
+    dividerText,
+    titleStyle,
+    className,
+    dividerColor = '',
+    style,
+    customStyle,
+    ...restProps
+  } = props;
   // 高度需为px 分割线的样式才会生效
   const dividerHeight = useMemo(() => {
     const heigth = style?.height ? `${style?.height}` : '';
@@ -32,7 +41,11 @@ const LeftCardDivider: React.FC<LeftCardDividerProps> = props => {
     return 12;
   }, [dividerHeight]);
   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}-lable`}
         style={{
@@ -46,18 +59,14 @@ const LeftCardDivider: React.FC<LeftCardDividerProps> = props => {
       <div className={`${dividerClsPrefix}-parallelogram1`} style={{ backgroundColor: dividerColor }} />
       <div
         className={`${dividerClsPrefix}-triangle`}
-        style={
-          dividerColor
-            ? {
-              borderBottomWidth: dividerHeight,
-              borderBottomColor: dividerColor,
-              borderLeft: `${triangleLeftWidth}px solid transparent`,
-            }
-            : {
-              borderBottomWidth: dividerHeight,
-              borderLeft: `${triangleLeftWidth}px solid transparent`,
-            }
-        }
+        style={dividerColor ? {
+          borderBottomWidth: dividerHeight,
+          borderBottomColor: dividerColor,
+          borderLeft: `${triangleLeftWidth}px solid transparent`,
+        } : {
+          borderBottomWidth: dividerHeight,
+          borderLeft: `${triangleLeftWidth}px solid transparent`,
+        }}
       />
       <div className={`${dividerClsPrefix}-parallelogram2`} style={{ backgroundColor: dividerColor }} />
     </div>

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

@@ -1,5 +1,5 @@
-import classnames from 'classnames';
 import React, { useMemo } from 'react';
+import classnames from 'classnames';
 
 interface LeftLineDividerProps {
   showTitle?: boolean;
@@ -13,8 +13,17 @@ interface LeftLineDividerProps {
 
 const dividerClsPrefix = 'ued-divider-leftLine';
 
-const LeftLineDivider: React.FC<LeftLineDividerProps> = props => {
-  const { showTitle, dividerText, titleStyle, className, dividerColor = '', style, customStyle, ...restProps } = props;
+const LeftLineDivider: React.FC<LeftLineDividerProps> = (props) => {
+  const {
+    showTitle,
+    dividerText,
+    titleStyle,
+    className,
+    dividerColor = '',
+    style,
+    customStyle,
+    ...restProps
+  } = props;
   // 高度需为px 分割线的样式才会生效
   const dividerHeight = useMemo(() => {
     const heigth = style?.height ? `${style?.height}` : '';
@@ -33,36 +42,37 @@ const LeftLineDivider: React.FC<LeftLineDividerProps> = props => {
     const heigth = `${dividerHeight}`;
     const _height = heigth?.indexOf('px') ? parseInt(heigth?.split('px')[0], 10) - 5 : 27;
     if (classNameStr === 'triangle') {
-      return (
-        <div
-          className={`${dividerClsPrefix}-right-${classNameStr}`}
-          style={
-            dividerColor
-              ? {
-                borderBottomColor: dividerColor,
-                borderBottomWidth: _height,
-              }
-              : { borderBottomWidth: _height }
-          }
-        />
-      );
+      return <div
+        className={`${dividerClsPrefix}-right-${classNameStr}`}
+        style={
+          dividerColor ? {
+            borderBottomColor: dividerColor,
+            borderBottomWidth: _height,
+          } :
+            { borderBottomWidth: _height }}
+      />;
     }
     if (classNameStr === 'line') {
-      return <div className={`${dividerClsPrefix}-right-${classNameStr}`} style={{ borderColor: dividerColor }} />;
+      return <div
+        className={`${dividerClsPrefix}-right-${classNameStr}`}
+        style={{ borderColor: dividerColor }}
+      />;
     }
     // 标题右侧三块区域
-    return (
-      <div
-        className={`${dividerClsPrefix}-right-${classNameStr}`}
-        style={{
-          backgroundColor: dividerColor,
-          height: _height <= 5 ? 0 : `${_height - 5}px`,
-        }}
-      />
-    );
+    return <div
+      className={`${dividerClsPrefix}-right-${classNameStr}`}
+      style={{
+        backgroundColor: dividerColor,
+        height: _height <= 5 ? 0 : `${_height - 5}px`,
+      }}
+    />;
   };
   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}-label`}
         style={{
@@ -80,6 +90,7 @@ const LeftLineDivider: React.FC<LeftLineDividerProps> = props => {
         {rigthView('parallelogram2')}
         {rigthView('parallelogram3')}
       </div>
+
     </div>
   );
 };

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

@@ -1,5 +1,5 @@
-import classnames from 'classnames';
 import React, { useMemo } from 'react';
+import classnames from 'classnames';
 
 interface LeftTabDividerProps {
   showTitle?: boolean;
@@ -13,8 +13,17 @@ 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}` : '';
@@ -24,9 +33,16 @@ 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`}
@@ -38,6 +54,7 @@ const LeftTabDivider: React.FC<LeftTabDividerProps> = props => {
       >
         {showTitle && dividerText ? <span>{dividerText}</span> : null}
       </div>
+
     </div>
   );
 };

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

@@ -1,5 +1,5 @@
-import classnames from 'classnames';
 import React from 'react';
+import classnames from 'classnames';
 
 interface LeftTopDividerProps {
   showTitle?: boolean;
@@ -13,10 +13,23 @@ 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}
@@ -24,9 +37,15 @@ 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

@@ -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;
@@ -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,
@@ -46,18 +46,15 @@ const LxDashed: React.FC<MyDashedProps> = props => {
       backgroundSize: `${bWidth}px ${height}`,
       backgroundRepeat: 'repeat-x',
     };
-    return dashedColor
-      ? {
-        ...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%)`,
-      };
+    return dashedColor ? {
+      ...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%)`,
+    };
   }, [dashedMargin, dashedWidth, dashedColor]);
-  if (showTitle !== false && dividerText) {
-    // 显示标题
+  if (showTitle !== false && dividerText) { // 显示标题
     let leftFlex = 1;
     let rightFlex = 1;
     switch (orientation) {
@@ -77,31 +74,14 @@ const LxDashed: React.FC<MyDashedProps> = props => {
         break;
     }
     return (
-      <div
-        style={{ width: style?.width || 'auto', ...style }}
-        className={classnames(dividerClsPrefix, `${dividerClsPrefix}-dashed`, styles.dashedDivider, className)}
-        {...restProps}
-      >
-        <div
-          className={classnames(`${dividerClsPrefix}-line`, `${dividerClsPrefix}-line-left`, dashedColor ? '' : `${dividerClsPrefix}-defautl-bg`)}
-          style={{ ...backgroundStyle, flex: leftFlex }}
-        />
-        <div className={classnames(`${dividerClsPrefix}-title`, styles.dividerText)} style={titleStyle}>
-          {dividerText}
-        </div>
-        <div
-          className={classnames(`${dividerClsPrefix}-line`, `${dividerClsPrefix}-line-right`, dashedColor ? '' : `${dividerClsPrefix}-defautl-bg`)}
-          style={{ ...backgroundStyle, flex: rightFlex }}
-        />
-      </div>
-    );
+      <div style={{ width: style?.width || 'auto', ...style }} className={classnames(dividerClsPrefix, `${dividerClsPrefix}-dashed`, styles.dashedDivider, className)} {...restProps}>
+        <div className={classnames(`${dividerClsPrefix}-line`, `${dividerClsPrefix}-line-left`, dashedColor ? '' : `${dividerClsPrefix}-defautl-bg`)} style={{ ...backgroundStyle, flex: leftFlex }} />
+        <div className={classnames(`${dividerClsPrefix}-title`, styles.dividerText)} style={titleStyle}>{dividerText}</div>
+        <div className={classnames(`${dividerClsPrefix}-line`, `${dividerClsPrefix}-line-right`, dashedColor ? '' : `${dividerClsPrefix}-defautl-bg`)} style={{ ...backgroundStyle, flex: rightFlex }} />
+      </div>);
   }
   return (
-    <div
-      style={{ width: style?.width || 'auto', ...style }}
-      className={classnames(`${dividerClsPrefix}`, `${dividerClsPrefix}-solid`, styles.solidDivider, className)}
-      {...restProps}
-    >
+    <div style={{ width: style?.width || 'auto', ...style }} className={classnames(`${dividerClsPrefix}`, `${dividerClsPrefix}-solid`, styles.solidDivider, className)} {...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

@@ -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 {
@@ -16,7 +16,7 @@ interface LxSolidProps {
 
 export const dividerClsPrefix = 'ued-divider';
 
-const LxSolid: React.FC<LxSolidProps> = 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) {
@@ -27,15 +27,13 @@ const LxSolid: React.FC<LxSolidProps> = props => {
   const lHeight = useMemo(() => {
     if (style?.height && String(style?.height).match('px')) {
       return style?.height;
-    }
-    if (type === 'horizontal') {
+    } if (type === 'horizontal') {
       // 水平默认1px
       return '1px';
     }
     return '20px';
   }, [style?.height, type]);
-  if (type === 'horizontal' && dividerText && showTitle !== false) {
-    // 有文字的情况
+  if (type === 'horizontal' && dividerText && showTitle !== false) { // 有文字的情况
     let leftFlex = 1;
     let rightFlex = 1;
     switch (orientation) {
@@ -55,40 +53,15 @@ const LxSolid: React.FC<LxSolidProps> = props => {
         break;
     }
     return (
-      <div
-        style={{ ...style, ...customStyle }}
-        className={classnames(`${dividerClsPrefix}`, `${dividerClsPrefix}-solid`, styles.solidDivider, className)}
-        {...restProps}
-      >
-        <div
-          className={`${dividerClsPrefix}-line ${dividerClsPrefix}-line-left`}
-          style={{
-            flex: leftFlex,
-            backgroundColor: borderColor,
-            height: '1px',
-          }}
-        />
-        <div className={classnames(`${dividerClsPrefix}-title`, styles.dividerText)} style={titleStyle}>
-          {dividerText}
-        </div>
-        <div
-          className={`${dividerClsPrefix}-line ${dividerClsPrefix}-line-right`}
-          style={{
-            flex: rightFlex,
-            backgroundColor: borderColor,
-            height: '1px',
-          }}
-        />
-      </div>
-    );
+      <div style={{ ...style, ...customStyle }} className={classnames(`${dividerClsPrefix}`, `${dividerClsPrefix}-solid`, styles.solidDivider, className)} {...restProps}>
+        <div className={`${dividerClsPrefix}-line ${dividerClsPrefix}-line-left`} style={{ flex: leftFlex, backgroundColor: borderColor, height: '1px' }} />
+        <div className={classnames(`${dividerClsPrefix}-title`, styles.dividerText)} style={titleStyle}>{dividerText}</div>
+        <div className={`${dividerClsPrefix}-line ${dividerClsPrefix}-line-right`} style={{ flex: rightFlex, backgroundColor: borderColor, height: '1px' }} />
+      </div>);
   }
 
   return (
-    <div
-      style={{ ...style, ...customStyle }}
-      className={classnames(`${dividerClsPrefix}`, `${dividerClsPrefix}-solid`, styles.solidDivider, className)}
-      {...restProps}
-    >
+    <div style={{ ...style, ...customStyle }} className={classnames(`${dividerClsPrefix}`, `${dividerClsPrefix}-solid`, styles.solidDivider, className)} {...restProps}>
       <div className={`${dividerClsPrefix}-line`} style={{ backgroundColor: borderColor, height: lHeight, width: '100%' }} />
     </div>
   );