bhd-components 0.9.21 → 0.9.23

package/README.md

@@ -1,6 +1,6 @@
 # bhd-components
 
-**当前版本：** 0.9.17
+**当前版本：** 0.9.21
 
 ## Install
 

package/dist/index.esm.es5.development.js

@@ -1673,7 +1673,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;
@@ -1976,7 +1976,8 @@ var ViewImage = /*#__PURE__*/ function(_React_Component) {
         });
         _define_property(_assert_this_initialized(_this), "imgErr", function() {
             _this.setState({
-                imgError: true
+                imgError: true,
+                actionCloseFlag: 1 //报错时关闭按钮固定右上角
             }, function() {
                 _this.moveActionClose();
             });
@@ -2026,7 +2027,7 @@ var ViewImage = /*#__PURE__*/ function(_React_Component) {
                                     className: "".concat(modules_63b47c51$5.viewImgAction, " ").concat(modules_63b47c51$5.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: modules_63b47c51$5.viewImgActionClose,
                                         title: "关闭",
                                         onClick: this.close,
@@ -2111,15 +2112,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", {
@@ -2176,7 +2177,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 {
@@ -2199,6 +2202,7 @@ var AppViewImage = /*#__PURE__*/ forwardRef(function(props, ref) {
             background: "rgba(0, 0, 0, 0.65)"
         },
         wrapClassName: "".concat(modules_63b47c51$5.AppViewImage, " ").concat(className || ""),
+        getContainer: getContainer,
         children: visible && /*#__PURE__*/ jsx(ViewImage, _object_spread_props(_object_spread({}, props), {
             ref: viewRef
         }))
@@ -8370,16 +8374,29 @@ var CustomerService = function(props) {
                 getHistoryMessage(pageNum, 1);
             }
         }
+    // //复制代码功能
+    // let chat_content = document.getElementById('chat_content');
+    // if(chat_content){
+    //   chat_content = document.getElementById('chat_content');
+    //   delegate(chat_content, 'click', `.${styles.copyCode}`, (event:any, target:any) => {
+    //           findCopyContent(event);
+    //   });
+    // }
+    }, [
+        roomId
+    ]);
+    useEffect(function() {
         //复制代码功能
-        var chat_content = document.getElementById("chat_content");
+        var chat_content = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
         if (chat_content) {
-            chat_content = document.getElementById("chat_content");
+            chat_content = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
             delegate(chat_content, "click", ".".concat(styles.copyCode), function(event, target) {
                 findCopyContent(event);
             });
         }
     }, [
-        roomId
+        roomId,
+        showType
     ]);
     //进入页面，发送打招呼信息
     useEffect(function() {