@bit-sun/business-component 2.0.29 → 2.0.31

package/src/components/Business/CommonGuideWrapper/index.tsx

@@ -1,84 +1,84 @@
-import React, { Component } from "react";
-import dragImg from '../../../assets/drag.svg';
-import label_icon_bottom from '../../../assets/label_icon_bottom.svg';
-import arrow_top from '../../../assets/arrow_top.png';
-import './index.less';
-
-const Field = ({ children, ...props }: any) => {
-  const [fieldGroupVisible, setVisible] = React.useState(true);
-  return (
-    <div 
-      className={
-        `bitsun-form-card-class 
-        ${fieldGroupVisible ? '' : 'field-group-hidden'} 
-        ${props.isWhiteCard ? 'white-card' : ''}
-        `
-      } 
-      id={props.id}
-    >
-      <div className="ant-card-head">
-        <div className="ant-card-head-title">
-          <span className='title-left-line'></span>
-          <span style={{ marginRight: '5px' }}>
-            {props?.title}
-          </span>
-          <img
-            width={24}
-            style={{
-              transform: fieldGroupVisible ? 'inherit' : 'rotate(180deg)',
-              cursor: 'pointer'
-            }}
-            src={arrow_top}
-            onClick={(e) => {
-              e.stopPropagation();
-              setVisible(!fieldGroupVisible);
-            }}
-          />
-        </div>
-      </div>
-      <div className="ant-card-body">
-        {children}
-      </div>
-    </div>
-  )
-}
-
-export default class GuideWrapper extends Component {
-  static Field = Field;
-  render() {
-    const { children = [], ...props }: any = this.props;
-    let cardGroups = children.filter((item:any) => item?.props?.id && item?.props?.title);
-    return (
-      <div {...props}>
-        {children}
-        <div
-          className='form-guide'
-        >
-          <div className='form-guide-top'>
-            <img width={24} src={dragImg} />
-          </div>
-          <div className='form-guide-center'>
-            {
-              cardGroups.map((item:any) => {
-                return (
-                  <span
-                    className='form-guide-item'
-                    onClick={() => {
-                      let currentDom = document.getElementById(item.props.id);
-                      currentDom && currentDom.scrollIntoView({ block: 'center', behavior: 'smooth' });
-                    }}
-                  >
-                    {item.props.title}
-                  </span>
-                )
-              })
-            }
-          </div>
-          <div className='form-guide-bottom'>
-            <img width={24} src={label_icon_bottom} />
-          </div>
-        </div>
-      </div>
-    )
-  }
+import React, { Component } from "react";
+import dragImg from '../../../assets/drag.svg';
+import label_icon_bottom from '../../../assets/label_icon_bottom.svg';
+import arrow_top from '../../../assets/arrow_top.png';
+import './index.less';
+
+const Field = ({ children, ...props }: any) => {
+  const [fieldGroupVisible, setVisible] = React.useState(true);
+  return (
+    <div 
+      className={
+        `bitsun-form-card-class 
+        ${fieldGroupVisible ? '' : 'field-group-hidden'} 
+        ${props.isWhiteCard ? 'white-card' : ''}
+        `
+      } 
+      id={props.id}
+    >
+      <div className="ant-card-head">
+        <div className="ant-card-head-title">
+          <span className='title-left-line'></span>
+          <span style={{ marginRight: '5px' }}>
+            {props?.title}
+          </span>
+          <img
+            width={24}
+            style={{
+              transform: fieldGroupVisible ? 'inherit' : 'rotate(180deg)',
+              cursor: 'pointer'
+            }}
+            src={arrow_top}
+            onClick={(e) => {
+              e.stopPropagation();
+              setVisible(!fieldGroupVisible);
+            }}
+          />
+        </div>
+      </div>
+      <div className="ant-card-body">
+        {children}
+      </div>
+    </div>
+  )
+}
+
+export default class GuideWrapper extends Component {
+  static Field = Field;
+  render() {
+    const { children = [], ...props }: any = this.props;
+    let cardGroups = children.filter((item:any) => item?.props?.id && item?.props?.title);
+    return (
+      <div {...props}>
+        {children}
+        <div
+          className='form-guide'
+        >
+          <div className='form-guide-top'>
+            <img width={24} src={dragImg} />
+          </div>
+          <div className='form-guide-center'>
+            {
+              cardGroups.map((item:any) => {
+                return (
+                  <span
+                    className='form-guide-item'
+                    onClick={() => {
+                      let currentDom = document.getElementById(item.props.id);
+                      currentDom && currentDom.scrollIntoView({ block: 'center', behavior: 'smooth' });
+                    }}
+                  >
+                    {item.props.title}
+                  </span>
+                )
+              })
+            }
+          </div>
+          <div className='form-guide-bottom'>
+            <img width={24} src={label_icon_bottom} />
+          </div>
+        </div>
+      </div>
+    )
+  }
 }