@lingxiteam/ebe-utils 0.2.4 → 0.2.6

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

@@ -13,13 +13,14 @@ export interface MyDescriptionProps {
   visible?: boolean;
   dataSource?: any;
   labelWidth?: any;
-  style?: React.CSSProperties;
+  style?: React.CSSProperties | any;
   className?: any;
   columns: any[];
   bordered?: boolean;
   colon?: boolean;
   colSpan?: number;
   labelAlign?: any;
+  textAlign?: any;
   colServiceData?: any;
   lineBreak?: string;
   appId?: string;
@@ -44,16 +45,16 @@ const Description = React.forwardRef<any, MyDescriptionProps>((props, ref) => {
     colon,
     colSpan,
     labelAlign,
+    textAlign,
     lineBreak,
     getEngineApis,
     layout = 'horizontal',
     labelSize,
   } = props;
 
+  const { labelColor, labelFontSize, labelFontWeight, textColor, textFontSize, textFontWeight, textLineHeight, ...restStyle } = style || {};
   const [dataSource, setDataSource] = useListenProps(props.dataSource || {});
-  const [colServiceData, setColServiceData] = useListenProps(
-    props.colServiceData,
-  );
+  const [colServiceData, setColServiceData] = useListenProps(props.colServiceData);
 
   useImperativeHandle(ref, () => ({
     clearData() {
@@ -99,7 +100,7 @@ const Description = React.forwardRef<any, MyDescriptionProps>((props, ref) => {
               const realCol = {
                 ...col, // 动态列所有配置行为（排序、固定等）相同
                 dataIndex: c[col.dataIndex],
-                label: c[col.title],
+                label: c[col.title || col.label],
               };
 
               // key增强，拼接index，防止重复
@@ -147,12 +148,7 @@ const Description = React.forwardRef<any, MyDescriptionProps>((props, ref) => {
     const columnRows: any[] = [[]];
     let currentRows = columnRows[0];
     newColumns.forEach((c, i) => {
-      const {
-        staticDataSource,
-        staticService,
-        editContent,
-        tagLayout = layout,
-      } = c;
+      const { staticDataSource, staticService, editContent, tagLayout = layout } = c;
       // 布局方式前后列不同时，换行展示
       if (preLayout !== tagLayout && preLayout) {
         const newRows: any[] = [];
@@ -169,10 +165,10 @@ const Description = React.forwardRef<any, MyDescriptionProps>((props, ref) => {
           if (Array.isArray(staticDataSource)) {
             // 支持数组类型值或字符串逗号隔开值翻译
             content = (Array.isArray(text) ? text : String(text).split(','))
-              .map((n) => {
+              .map(n => {
                 // 弱等保证 Number 与 String 可比较
                 // eslint-disable-next-line eqeqeq
-                const obj = staticDataSource.find((o) => o.value == n);
+                const obj = staticDataSource.find(o => o.value == n);
                 return obj ? obj.label : n;
               })
               .join(',');
@@ -180,7 +176,7 @@ const Description = React.forwardRef<any, MyDescriptionProps>((props, ref) => {
           // 服务数据翻译
           if (staticService && colServiceData) {
             const { labelKey, valueKey } = staticService;
-            const needtranskey = Object.keys(colServiceData).find((k) => {
+            const needtranskey = Object.keys(colServiceData).find(k => {
               if (k === c.dataIndex && Array.isArray(colServiceData[k])) {
                 return true;
               }
@@ -189,12 +185,10 @@ const Description = React.forwardRef<any, MyDescriptionProps>((props, ref) => {
             if (needtranskey) {
               // 支持数组类型值或字符串逗号隔开值翻译
               content = (Array.isArray(text) ? text : String(text).split(','))
-                .map((n) => {
+                .map(n => {
                   // 弱等保证 Number 与 String 可比较
                   // eslint-disable-next-line eqeqeq
-                  const obj = colServiceData[needtranskey].find(
-                    (o: any) => o[valueKey] == n,
-                  );
+                  const obj = colServiceData[needtranskey].find((o: any) => o[valueKey] == n);
                   return obj ? obj[labelKey] : n;
                 })
                 .join(',');
@@ -204,9 +198,7 @@ const Description = React.forwardRef<any, MyDescriptionProps>((props, ref) => {
 
         // 如果配置了换行符则根据换行符进行切割
         if (lineBreak && typeof text === 'string') {
-          return content
-            .split(lineBreak)
-            .map((_c: any, _i: any) => <div key={_i}>{_c}</div>);
+          return content.split(lineBreak).map((_c: any, _i: any) => <div key={_i}>{_c}</div>);
         }
         // 自定义渲染函数
         if (c.jsx) {
@@ -249,7 +241,7 @@ const Description = React.forwardRef<any, MyDescriptionProps>((props, ref) => {
             const { page, options } = editContent.selectoption;
             const list = _dataSource;
 
-            Object.keys(list).forEach((key) => {
+            Object.keys(list).forEach(key => {
               // @ts-ignore
               window[key] = list[key];
             });
@@ -260,8 +252,7 @@ const Description = React.forwardRef<any, MyDescriptionProps>((props, ref) => {
                 const pageRule = page.rule;
                 if (pageRule) {
                   if (typeof pageRule === 'string') {
-                    page.rule = (list: any) =>
-                      sandBoxSafeRun(pageRule, { list });
+                    page.rule = (list: any) => sandBoxSafeRun(pageRule, { list });
                   }
 
                   if (typeof page?.rule === 'function') {
@@ -278,8 +269,7 @@ const Description = React.forwardRef<any, MyDescriptionProps>((props, ref) => {
                     const stateParamRule = _c?.stateParam;
                     if (stateParamRule) {
                       if (typeof stateParamRule === 'string') {
-                        _c.stateParam = (list: any) =>
-                          sandBoxSafeRun(stateParamRule, { list });
+                        _c.stateParam = (list: any) => sandBoxSafeRun(stateParamRule, { list });
                       }
 
                       if (typeof _c.stateParam === 'function') {
@@ -303,25 +293,16 @@ const Description = React.forwardRef<any, MyDescriptionProps>((props, ref) => {
               });
             } else if (options.content) {
               // 自定义
-              const {
-                maxWidth,
-                content: popContent,
-                rule: popRule,
-                ...resOptions
-              } = options;
+              const { maxWidth, content: popContent, rule: popRule, ...resOptions } = options;
 
               // 隐藏规则
               try {
                 if (popRule) {
                   if (typeof popRule === 'string') {
-                    options.rule = (list: any) =>
-                      sandBoxSafeRun(popRule, { list });
+                    options.rule = (list: any) => sandBoxSafeRun(popRule, { list });
                   }
 
-                  if (
-                    typeof options?.rule === 'function' &&
-                    options.rule(list)
-                  ) {
+                  if (typeof options?.rule === 'function' && options.rule(list)) {
                     return content;
                   }
                 }
@@ -333,8 +314,7 @@ const Description = React.forwardRef<any, MyDescriptionProps>((props, ref) => {
               try {
                 if (popContent) {
                   if (typeof popContent === 'string') {
-                    options.content = (list: any) =>
-                      sandBoxSafeRun(popContent, { list });
+                    options.content = (list: any) => sandBoxSafeRun(popContent, { list });
                   }
 
                   if (typeof options.content === 'function') {
@@ -366,63 +346,50 @@ const Description = React.forwardRef<any, MyDescriptionProps>((props, ref) => {
       preLayout = tagLayout;
     });
     return columnRows;
-  }, [
-    columns,
-    colServiceData,
-    lineBreak,
-    _dataSource,
-    layout,
-    labelWidth,
-    labelSize,
-  ]);
+  }, [columns, colServiceData, lineBreak, _dataSource, layout, labelWidth, labelSize]);
+
+  const labelStyle = useMemo(() => {
+    return {
+      color: labelColor,
+      fontSize: labelFontSize,
+      fontWeight: labelFontWeight,
+      lineHeight: textLineHeight,
+    };
+  }, [labelColor, labelFontSize, labelFontWeight, textLineHeight]);
+  const textStyle = useMemo(() => {
+    return {
+      color: textColor,
+      fontSize: textFontSize,
+      fontWeight: textFontWeight,
+      lineHeight: textLineHeight,
+    };
+  }, [textColor, textFontSize, textFontWeight, textLineHeight]);
 
   return visible ? (
-    <div
-      style={style}
-      className={classnames(className, `${descriptionPrefixWrapper}-wrap`)}
-    >
+    <div style={restStyle} className={classnames(className, `${descriptionPrefixWrapper}-wrap`)}>
       {finalColumnsRows.map((cols: any) => (
         <Row
           // type="flex"
-          className={classnames(
-            descriptionPrefixWrapper,
-            bordered ? 'border' : '',
-          )}
+          className={classnames(descriptionPrefixWrapper, bordered ? 'border' : '')}
         >
           {cols.map((c: any) => {
             // tagSize表示多单位的标签宽度，目前包括px，栅格和以当前列数为基准的占比，修改时旧的tagWidth会被清空
-            const {
-              key,
-              dataIndex,
-              render,
-              span,
-              label,
-              tagWidth,
-              tagLayout = layout,
-            } = c;
+            const { key, dataIndex, render, span, label, tagWidth, tagLayout = layout } = c;
             const value = _dataSource[dataIndex];
-            const { width = 'auto', contentWidth } =
-              getLabelSizeMode({ ...c, labelSize, labelWidth, colSpan }) || {};
+            const { width = 'auto', contentWidth } = getLabelSizeMode({ ...c, labelSize, labelWidth, colSpan }) || {};
             return (
               <Col
-                className={classnames(
-                  `${descriptionPrefixWrapper}-cell`,
-                  bordered ? 'border' : '',
-                  `${descriptionPrefixWrapper}-${tagLayout}-cell`,
-                )}
+                className={classnames(`${descriptionPrefixWrapper}-cell`, bordered ? 'border' : '', `${descriptionPrefixWrapper}-${tagLayout}-cell`)}
                 span={span || colSpan}
                 key={key}
               >
                 <div
                   title={label}
-                  className={classnames(
-                    `${descriptionPrefixWrapper}-label`,
-                    bordered ? 'bg' : '',
-                    tagWidth ? 'minWidth' : '',
-                  )}
+                  className={classnames(`${descriptionPrefixWrapper}-label`, bordered ? 'bg' : '', tagWidth ? 'minWidth' : '')}
                   style={{
                     width: tagLayout === 'vertical' ? 'auto' : width,
                     textAlign: labelAlign,
+                    ...labelStyle,
                   }}
                 >
                   {!bordered && colon ? `${label}:` : label}
@@ -430,6 +397,8 @@ const Description = React.forwardRef<any, MyDescriptionProps>((props, ref) => {
                 <div
                   style={{
                     width: tagLayout === 'vertical' ? undefined : contentWidth,
+                    textAlign,
+                    ...textStyle,
                   }}
                   className={`${descriptionPrefixWrapper}-cont`}
                 >

package/lib/pcpublic/src/components/pcfactory/src/Description/utils/getLabelSizeMode.ts

@@ -1,6 +1,5 @@
 const getLabelSizeMode = (config: any) => {
-  const { tagSize, tagWidth, labelWidth, labelSize, colSpan, span } =
-    config || {};
+  const { tagSize, tagWidth, labelWidth, labelSize, colSpan, span } = config || {};
   let width = tagSize;
   if (!width && (tagWidth || labelWidth)) {
     width = `${tagWidth || labelWidth}px`;

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

@@ -13,17 +13,8 @@ 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]);
@@ -37,11 +28,7 @@ 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`}>
@@ -52,27 +39,21 @@ const CenterLineDivider: React.FC<CenterLineDividerProps> = (props) => {
               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-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`,
-                    }
+                    borderBottomColor: dividerColor,
+                    borderBottomWidth: `${dividerHeight / 2}px`,
+                    borderLeftWidth: `${dividerHeight / 2}px`,
+                  }
                   : {
-                      borderBottomWidth: `${dividerHeight / 2}px`,
-                      borderLeftWidth: `${dividerHeight / 2}px`,
-                    }
+                    borderBottomWidth: `${dividerHeight / 2}px`,
+                    borderLeftWidth: `${dividerHeight / 2}px`,
+                  }
               }
             />
           </div>
@@ -83,27 +64,21 @@ const CenterLineDivider: React.FC<CenterLineDividerProps> = (props) => {
               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-rectangle1`} {...bgProps} />
+            <div className={`${dividerClsPrefix}-hexagon-left-bottom-rectangle2`} {...bgProps} />
             <div
               className={`${dividerClsPrefix}-hexagon-left-bottom-triangle`}
               style={
                 dividerColor
                   ? {
-                      borderTopColor: dividerColor,
-                      borderTopWidth: `${dividerHeight / 2}px`,
-                      borderLeftWidth: `${dividerHeight / 2}px`,
-                    }
+                    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>
@@ -126,27 +101,21 @@ const CenterLineDivider: React.FC<CenterLineDividerProps> = (props) => {
               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-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`,
-                    }
+                    borderLeftWidth: `${dividerHeight / 2}px`,
+                    borderLeftColor: dividerColor,
+                    borderTopWidth: `${dividerHeight / 2}px`,
+                  }
                   : {
-                      borderLeftWidth: `${dividerHeight / 2}px`,
-                      borderTopWidth: `${dividerHeight / 2}px`,
-                    }
+                    borderLeftWidth: `${dividerHeight / 2}px`,
+                    borderTopWidth: `${dividerHeight / 2}px`,
+                  }
               }
             />
           </div>
@@ -157,27 +126,21 @@ const CenterLineDivider: React.FC<CenterLineDividerProps> = (props) => {
               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-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`,
+                    borderLeftColor: dividerColor,
+                    borderBottomWidth: `${dividerHeight / 2}px`,
+                  }
                   : {
-                      borderLeftWidth: `${dividerHeight / 2}px`,
-                      borderBottomWidth: `${dividerHeight / 2}px`,
-                    }
+                    borderLeftWidth: `${dividerHeight / 2}px`,
+                    borderBottomWidth: `${dividerHeight / 2}px`,
+                  }
               }
             />
           </div>

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

@@ -13,17 +13,8 @@ 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}`;
@@ -34,15 +25,8 @@ const CenterTabDivider: React.FC<CenterTabDividerProps> = (props) => {
     return '32px';
   }, [style?.height]);
   return (
-    <div
-      style={{ ...style, ...customStyle, height: dividerHeight }}
-      className={classnames(dividerClsPrefix, className)}
-      {...restProps}
-    >
-      <div
-        className={`${dividerClsPrefix}-bg`}
-        style={{ backgroundColor: dividerColor }}
-      />
+    <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`}
@@ -54,22 +38,10 @@ const CenterTabDivider: React.FC<CenterTabDividerProps> = (props) => {
         >
           {showTitle && dividerText ? <span>{dividerText}</span> : null}
         </div>
-        <div
-          className={`${dividerClsPrefix}-center-left-triangle`}
-          style={{ backgroundColor: dividerColor }}
-        />
-        <div
-          className={`${dividerClsPrefix}-center-left-border`}
-          style={{ backgroundColor: dividerColor }}
-        />
-        <div
-          className={`${dividerClsPrefix}-center-rigth-triangle`}
-          style={{ backgroundColor: dividerColor }}
-        />
-        <div
-          className={`${dividerClsPrefix}-center-rigth-border`}
-          style={{ backgroundColor: dividerColor }}
-        />
+        <div className={`${dividerClsPrefix}-center-left-triangle`} style={{ backgroundColor: dividerColor }} />
+        <div className={`${dividerClsPrefix}-center-left-border`} style={{ backgroundColor: dividerColor }} />
+        <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

@@ -13,17 +13,8 @@ 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}` : '';
@@ -41,11 +32,7 @@ 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={{
@@ -54,33 +41,25 @@ const LeftCardDivider: React.FC<LeftCardDividerProps> = (props) => {
           lineHeight: dividerHeight,
         }}
       >
-        <div className={`${dividerClsPrefix}-lable-text`}>
-          {showTitle && dividerText ? dividerText : ''}
-        </div>
+        <div className={`${dividerClsPrefix}-lable-text`}>{showTitle && dividerText ? dividerText : ''}</div>
       </div>
-      <div
-        className={`${dividerClsPrefix}-parallelogram1`}
-        style={{ backgroundColor: dividerColor }}
-      />
+      <div className={`${dividerClsPrefix}-parallelogram1`} style={{ backgroundColor: dividerColor }} />
       <div
         className={`${dividerClsPrefix}-triangle`}
         style={
           dividerColor
             ? {
-                borderBottomWidth: dividerHeight,
-                borderBottomColor: dividerColor,
-                borderLeft: `${triangleLeftWidth}px solid transparent`,
-              }
+              borderBottomWidth: dividerHeight,
+              borderBottomColor: dividerColor,
+              borderLeft: `${triangleLeftWidth}px solid transparent`,
+            }
             : {
-                borderBottomWidth: dividerHeight,
-                borderLeft: `${triangleLeftWidth}px solid transparent`,
-              }
+              borderBottomWidth: dividerHeight,
+              borderLeft: `${triangleLeftWidth}px solid transparent`,
+            }
         }
       />
-      <div
-        className={`${dividerClsPrefix}-parallelogram2`}
-        style={{ backgroundColor: dividerColor }}
-      />
+      <div className={`${dividerClsPrefix}-parallelogram2`} style={{ backgroundColor: dividerColor }} />
     </div>
   );
 };

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

@@ -13,17 +13,8 @@ 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}` : '';
@@ -40,9 +31,7 @@ const LeftLineDivider: React.FC<LeftLineDividerProps> = (props) => {
   }, [style?.height]);
   const rigthView = (classNameStr: string) => {
     const heigth = `${dividerHeight}`;
-    const _height = heigth?.indexOf('px')
-      ? parseInt(heigth?.split('px')[0], 10) - 5
-      : 27;
+    const _height = heigth?.indexOf('px') ? parseInt(heigth?.split('px')[0], 10) - 5 : 27;
     if (classNameStr === 'triangle') {
       return (
         <div
@@ -50,21 +39,16 @@ const LeftLineDivider: React.FC<LeftLineDividerProps> = (props) => {
           style={
             dividerColor
               ? {
-                  borderBottomColor: dividerColor,
-                  borderBottomWidth: _height,
-                }
+                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 (
@@ -78,11 +62,7 @@ const LeftLineDivider: React.FC<LeftLineDividerProps> = (props) => {
     );
   };
   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={{