bhd-components 0.9.20 → 0.9.22

package/esm/customerService/index2.module.less

@@ -64,7 +64,7 @@
         font-weight: 600;
         position: relative;
         padding-left: 36px;
-        
+
         i {
           padding-right: 16px;
           color: #111;
@@ -240,7 +240,7 @@
         width: 100%;
         .main {
           max-width: 80%;
- 
+
           .main_content_flag{
               width: 100%;
           }
@@ -340,7 +340,7 @@
 
           .main_content {
             position: relative;
-           
+
             .content {
               position: relative;
               max-width: 100%;
@@ -359,6 +359,13 @@
                   color: rgba(0, 0, 0, 0.85);
                 }
 
+                li{
+                  margin-top: 8px;
+                  &:first-child{
+                    margin-top: 0;
+                  }
+              }
+
                 & > h3 {
                   font-size: 16px;
                   font-weight: 600;
@@ -373,25 +380,30 @@
                   }
 
                   li p {
-                    padding: 4px 0;
+                    // padding: 4px 0;
                     font-size: 14px;
                     font-weight: 600;
                   }
                   li > ul li {
-                    padding-top: 8px !important;
-                    padding-bottom: 8px;
+                    // padding-bottom: 8px;
                     list-style: inside;
                     color: rgba(0, 0, 0, 0.85);
-                    &::marker{                      
+                    &::marker{
                       color: #D9D9D9 !important;
                     }
+                    &:first-child{
+                      padding-top: 8px !important;
+                    }
                   }
                   li > ol li {
-                    padding-top: 8px !important;
-                    padding-bottom: 8px;                   
-                    &::marker{                      
+                    // padding-bottom: 8px;
+                    &::marker{
                       color: @color-text-tertiary-Tr !important;
                     }
+
+                    &:first-child{
+                      padding-top: 8px !important;
+                    }
                   }
                   > li:last-of-type{
                     pre{
@@ -404,7 +416,7 @@
                 // }
                 // > * + ul, > * + ol {
                 //   margin-top:16px;
-                // }                
+                // }
                 // > ul + *, > ol + * {
                 //   margin-top:16px;
                 // }
@@ -428,6 +440,10 @@
                 }
                 > pre:last-of-type{
                   margin-bottom:0 ;
+
+                  &+ *{
+                    margin-top: 8px;
+                  }
                 }
               }
               table {
@@ -460,7 +476,7 @@
                 padding: 12px;
                 line-height: 1.5;
                 margin: 4px 0;
-                margin-bottom: 16px;
+                margin-bottom: 8px;
                 border-radius: 0 0 4px 4px;
               }
               // 最后一行操作按钮
@@ -509,7 +525,7 @@
               color: #fff;
             }
 
-            
+
             // //视频摘要内容
             // .video_abstract{
             //   .title{
@@ -529,9 +545,9 @@
             //       background-color: @color-background-primary-weak-hover;
             //       position: absolute;
             //       bottom: 0px;
-                  
+
             //     }
-                
+
             //   }
             //   .abstract{
             //     padding: 16px 0;
@@ -705,12 +721,12 @@
             cursor: pointer;
             list-style-type: none;
           }
-          
+
         }
-  
+
 
       .association_problem_flag{
-       
+
         li{
           padding-left: 30px;
           position: relative;
@@ -742,7 +758,7 @@
             display: inline-block;
             height: 22px;
           }
-          
+
         }
       }
 
@@ -778,7 +794,7 @@
               color: #fff;
               cursor: pointer;
             }
-            
+
           }
           &:hover{
             .mask_zoom{
@@ -794,7 +810,7 @@
             height: fit-content;
           }
         }
-       
+
         .copyCode{
           display: flex;
           justify-content: flex-end;
@@ -830,7 +846,7 @@
         }
         :global{
           .copy_success{
-            
+
             .copyCode{
               color:@color-text-primary;
             }
@@ -844,7 +860,7 @@
               }
             }
           }
-          
+
         }
         p>code{
           border: none;
@@ -976,7 +992,7 @@
               color: #fff;
               cursor: pointer;
             }
-            
+
           }
           &:hover{
             .mask_zoom{
@@ -1106,7 +1122,7 @@
         margin-bottom: 16px;
         line-height: 1.5;
         display: inline-block;
-        
+
         cursor: pointer;
         &:hover{
           background-color: @color-background-primary-weak;
@@ -1152,7 +1168,7 @@
               background-color: #fff !important;
             }
           }
-          
+
           .picture_layout{
             display: flex;
             align-items: center;
@@ -1232,7 +1248,7 @@
                     vertical-align: middle !important;
                   }
                 }
-                
+
                 svg{
                   color: @color-text-Tr;
                   font-size: 20px;
@@ -1600,7 +1616,7 @@
 }
 .teacher_layout_newlabo {
   top: 50px;
-  right: 0; 
+  right: 0;
   .top{
     svg{
       transform: rotate(180deg);
@@ -1611,7 +1627,7 @@
     // background: @color-background-info-weak !important;
     background-color:  #D1E4FF;
   }
-} 
+}
 .teacher_layout_modal {
   width: 328px;
   height: calc(100% - 48px);
@@ -1819,7 +1835,7 @@
             height: 36px;
             border-radius: 50%;
             margin-right: 16px;
-            
+
             img{
               width: 36px;
               height: 36px;
@@ -1849,7 +1865,7 @@
               color: @color-text-Secondary-Tr;
               font-size: 14px;
               font-weight: 400;
-              line-height: 150%; 
+              line-height: 150%;
               overflow: hidden;
               text-overflow: ellipsis;
               white-space: nowrap;
@@ -1926,7 +1942,7 @@
               // -webkit-box-orient: vertical;
               // -webkit-line-clamp: 2;
               // display: -webkit-box;
-              
+
               max-height: 21px;
               white-space: nowrap;
               span {
@@ -1980,7 +1996,7 @@
     .anticon {
       vertical-align: 0;
     }
-    .bhd-spin-nested-loading {      
+    .bhd-spin-nested-loading {
       height: calc(100% - 72px - 57px);
       & >div>.bhd-spin{
         max-height:436px;
@@ -2059,7 +2075,7 @@
     }
 
   }
-  
+
   .screenshot_Modal_btn{
     position: fixed !important;
     z-index: 999;
@@ -2104,4 +2120,4 @@
 }
 strong {
   font-weight: bold !important;
-}
+}

package/esm/viewImage/index.d.ts

@@ -8,6 +8,7 @@ export interface AppViewImageProps {
     getSrc: (index?: number) => Promise<string>;
     filename?: string;
     multiSelect?: string[];
+    getContainer?: () => HTMLElement;
 }
 export interface AppViewImageRef {
     updateSrc: () => void;

package/esm/viewImage/index.js

@@ -37,7 +37,7 @@ var ViewImage = /*#__PURE__*/ function(_React_Component) {
             curIndex: 0,
             multiSelect: false,
             imgError: false,
-            actionCloseFlag: 0 // 关闭按钮位置 0是跟随图片 1固定右上角
+            actionCloseFlag: 0
         });
         _define_property(_assert_this_initialized(_this), "scaleChange", function(value) {
             var _this_state = _this.state, maxScale = _this_state.maxScale, minScale = _this_state.minScale;
@@ -390,7 +390,7 @@ var ViewImage = /*#__PURE__*/ function(_React_Component) {
                                     className: "".concat(styles.viewImgAction, " ").concat(styles.actionTop),
                                     children: /*#__PURE__*/ _jsx("span", {
                                         // id="actionClose"
-                                        // style={{right:`calc(-40px + (-12px * (1 / ${scaleValue / 100}) ))` ,transform: `scale(calc(1 / ${scaleValue / 100}),calc(1 / ${scaleValue / 100}))`,transformOrigin: `top left`}} 
+                                        // style={{right:`calc(-40px + (-12px * (1 / ${scaleValue / 100}) ))` ,transform: `scale(calc(1 / ${scaleValue / 100}),calc(1 / ${scaleValue / 100}))`,transformOrigin: `top left`}}
                                         className: styles.viewImgActionClose,
                                         title: "关闭",
                                         onClick: this.close,
@@ -475,15 +475,15 @@ var ViewImage = /*#__PURE__*/ function(_React_Component) {
                                         //   this.state.actionCloseFlag===0&&(
                                         //     <span
                                         //       id="actionClose"
-                                        //       style={{right:`calc(-40px + (-12px * (1 / ${scaleValue / 100}) ))` ,transform: `scale(calc(1 / ${scaleValue / 100}),calc(1 / ${scaleValue / 100}))`,transformOrigin: `top left`}} 
-                                        //       className={styles.viewImgActionClose} 
-                                        //       title="关闭" 
+                                        //       style={{right:`calc(-40px + (-12px * (1 / ${scaleValue / 100}) ))` ,transform: `scale(calc(1 / ${scaleValue / 100}),calc(1 / ${scaleValue / 100}))`,transformOrigin: `top left`}}
+                                        //       className={styles.viewImgActionClose}
+                                        //       title="关闭"
                                         //       onClick={this.close}>
                                         //       <CustomClose />
                                         //     </span>
                                         //   )
                                         // }
-                                        // </div>            
+                                        // </div>
                                         /*#__PURE__*/ _jsxs(_Fragment, {
                                             children: [
                                                 /*#__PURE__*/ _jsx("img", {
@@ -540,7 +540,9 @@ var ViewImage = /*#__PURE__*/ function(_React_Component) {
     return ViewImage;
 }(React.Component);
 var AppViewImage = /*#__PURE__*/ forwardRef(function(props, ref) {
-    var visible = props.visible, className = props.className;
+    var visible = props.visible, className = props.className, _props_getContainer = props.getContainer, getContainer = _props_getContainer === void 0 ? function() {
+        return document.body;
+    } : _props_getContainer;
     var viewRef = useRef(null);
     useImperativeHandle(ref, function() {
         return {
@@ -563,6 +565,7 @@ var AppViewImage = /*#__PURE__*/ forwardRef(function(props, ref) {
             background: "rgba(0, 0, 0, 0.65)"
         },
         wrapClassName: "".concat(styles.AppViewImage, " ").concat(className || ""),
+        getContainer: getContainer,
         children: visible && /*#__PURE__*/ _jsx(ViewImage, _object_spread_props(_object_spread({}, props), {
             ref: viewRef
         }))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bhd-components",
-  "version": "0.9.20",
+  "version": "0.9.22",
   "description": "组件功能描述",
   "config": {
     "commitizen": {