bhd-components 0.9.6 → 0.9.7

package/es2017/customerService/index2.module.less

@@ -377,13 +377,17 @@
                     font-weight: 600;
                   }
                   li > ul li {
+                    padding-top: 8px !important;
+                    padding-bottom: 8px;
                     list-style: inside;
                     color: rgba(0, 0, 0, 0.85);
                     &::marker{                      
                       color: #D9D9D9 !important;
                     }
                   }
-                  li > ol li {                   
+                  li > ol li {
+                    padding-top: 8px !important;
+                    padding-bottom: 8px;                   
                     &::marker{                      
                       color: @color-text-tertiary-Tr !important;
                     }
@@ -398,6 +402,46 @@
                 // > ul + *, > ol + * {
                 //   margin-top:16px;
                 // }
+                > *:not(pre){
+                  padding-top: 8px;
+                  padding-bottom: 8px;
+                  &:first-child{
+                    padding-top: 0 !important;
+                  }
+                  &:last-child{
+                    padding-bottom: 0 !important;
+                  }
+                }
+                > h3,> h4{
+                  padding-top: 4px;
+                  padding-bottom: 4px;
+                }
+                > p +  p{
+                  padding-top: 4px;
+                  padding-bottom: 4px;
+                }
+              }
+              table {
+                width: 100%;
+                padding: 0 !important;
+                margin: 8px 0;
+                border-collapse: separate;
+                border-top: 1px solid #dfe6ec;
+                border-left: 1px solid #dfe6ec;
+                thead tr th {
+                  background-color: #f8f8f9;
+                  padding: 8px;
+                  text-align: center;
+                  border-bottom: 1px solid #dfe6ec;
+                  border-right: 1px solid #dfe6ec;
+                }
+                tbody tr td {
+                  padding: 8px;
+                  line-height: 21px;
+                  height: 37px;//设置单元格最小高度
+                  border-bottom: 1px solid #dfe6ec;
+                  border-right: 1px solid #dfe6ec;
+                }
               }
               pre {
                 background: @color-background-fillquaternary;
@@ -599,6 +643,13 @@
                 // }
               }
             }
+
+            &.bottom{
+              top:3px;
+              .operate{
+                box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.1);
+              }
+            }
           }
 
         }
@@ -884,6 +935,53 @@
             right: 0;
           }
         }
+        .img_con{
+          width: 100%;
+          text-align: center;
+          position: relative;
+          border-radius: 4px;
+          overflow: hidden;
+          display: inline-flex;
+          margin-top: 12px;
+          width: 240px;
+          max-height: 134px;
+          img{
+            width: 240px;
+            height: fit-content;
+          }
+          .mask_zoom{
+            position: absolute;
+            top: 0;
+            left: 0;
+
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0, 0, 0, 0.3);
+            border-radius: 4px;
+            display: none;
+            align-items: center;
+            justify-content: center;
+            svg{
+              font-size: 20px;
+              color: #fff;
+              cursor: pointer;
+            }
+            
+          }
+          &:hover{
+            .mask_zoom{
+              display: flex;
+            }
+          }
+        }
+        .img_con2{
+          width: 300px;
+          max-height: 168px;
+          img{
+            width: 300px;
+            height: fit-content;
+          }
+        }
       }
 
       .popover_content {

package/es2017/customerService/js-screen-shot/main.js

@@ -782,26 +782,43 @@ class ScreenShot {
                         width: mediaWidth,
                         height: mediaHeight
                     }, displayConfig),
+                    systemAudio: "exclude",
+                    surfaceSwitching: "exclude",
+                    monitorTypeSurfaces: "exclude",
+                    selfBrowserSurface: "include",
                     // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
                     // @ts-ignore
                     // 当前标签页默认true   true：不需要选择  false：需要自己选择
                     preferCurrentTab: this.curTabState
                 });
+                const [track] = captureStream.getVideoTracks();
+                const displaySurface = track.getSettings().displaySurface;
+                // console.log('displaySurface',displaySurface)
+                // console.log('track',track)
+                if (displaySurface && displaySurface !== 'window') {
+                    track.stop();
+                    throw {
+                        code: -2,
+                        msg: '请选择窗口的内容',
+                        errorInfo: '请选择窗口的内容'
+                    };
+                }
                 // 将MediaStream输出至video标签
                 this.videoController.srcObject = captureStream;
                 // 储存屏幕流数据
                 this.captureStream = captureStream;
             } catch (err) {
+                console.log('catchcatchcatch', err);
                 if (cancelCallback != null) {
-                    cancelCallback({
+                    cancelCallback(_object_spread({
                         code: -1,
                         msg: "浏览器不支持webrtc或者用户未授权",
-                        errorInfo: err
-                    });
+                        errorInfo: typeof err === 'string' ? err : err.errorInfo
+                    }, err));
                 }
                 // 销毁截图组件
                 this.data.destroyDOM();
-                throw `浏览器不支持webrtc或者用户未授权( ${err} )`;
+                throw `浏览器不支持webrtc或者用户未授权( ${typeof err === 'string' ? err : err.errorInfo} )`;
             }
             return captureStream;
         });

package/esm/bhdAppLayout/index.js

@@ -3,7 +3,7 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
 import * as React from "react";
-import { useState, useLayoutEffect, useRef } from "react";
+import { useState, useEffect, useLayoutEffect, useRef } from "react";
 import styles from "./index.module.less";
 import TitleBar from "../titleBar";
 import Pagination from "../pagination";
@@ -31,8 +31,11 @@ function BhdAppLayout(props) {
     var otherHeadRef = useRef(null);
     var otherContentRef = useRef(null);
     var filterRef = useRef(null);
-    useLayoutEffect(function() {
-        windowChange();
+    useEffect(function() {
+        window.addEventListener("resize", windowChange);
+        return function() {
+            window.removeEventListener("resize", windowChange);
+        };
     }, []);
     useLayoutEffect(function() {
         windowChange();
@@ -43,7 +46,7 @@ function BhdAppLayout(props) {
         (_otherContentRef = otherContentRef) === null || _otherContentRef === void 0 ? void 0 : (_otherContentRef_current = _otherContentRef.current) === null || _otherContentRef_current === void 0 ? void 0 : _otherContentRef_current.offsetHeight
     ]);
     return /*#__PURE__*/ _jsxs("div", {
-        className: "".concat(styles.bhd_app_layout, " ").concat(styles.className, " ").concat(className || ""),
+        className: "".concat(styles.bhd_app_layout, " ").concat(className || ""),
         children: [
             /*#__PURE__*/ _jsx("header", {
                 ref: headRef,