bhd-components 0.7.42 → 0.8.0

package/dist/{c6e292ae.esm.es5.development.js → de88944c.esm.es5.development.js}

@@ -120933,7 +120933,7 @@ function requireD () {
 	      + 'pragma private protected public pure ref return scope shared static struct '
 	      + 'super switch synchronized template this throw try typedef typeid typeof union '
 	      + 'unittest version void volatile while with __FILE__ __LINE__ __gshared|10 '
-	      + '__thread __traits __DATE__ __EOF__ __TIME__ __TIMESTAMP__ __VENDOR__ "0.7.42"',
+	      + '__thread __traits __DATE__ __EOF__ __TIME__ __TIMESTAMP__ __VENDOR__ "0.8.0"',
 	    built_in:
 	      'bool cdouble cent cfloat char creal dchar delegate double dstring float function '
 	      + 'idouble ifloat ireal long real short string ubyte ucent uint ulong ushort wchar '

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

@@ -1,5 +1,5 @@
-import { z as zhCN, A as App, _ as _object_spread, a as AntdMessage, M as Modal$1, b as AntdNotification, C as ConfigProvider, c as _extends, d as _object_destructuring_empty, j as jsx, e as _object_spread_props, f as jsxs, t as transform, S as StyleProvider, g as _sliced_to_array, T as Tooltip, h as Table$2, I as Icon, E as ExclamationCircleFilled, i as _to_consumable_array, P as Pagination$1, k as Select, l as CaretDownOutlined, m as _inherits, n as _create_super, o as _create_class, p as _class_call_check, q as _define_property, r as _assert_this_initialized, s as _async_to_generator, L as LeftOutlined, R as RightOutlined, u as MinusOutlined, v as PlusOutlined, w as __generator, x as Input, y as SearchOutlined, B as CloseOutlined, X, D as I, H, F as Remarkable, G as Drawer, J as HighlightJS, Z as ZoomInOutlined } from './c6e292ae.esm.es5.development.js';
-export { K as Affix, N as Alert, O as Anchor, a as AntdMessage, A as App, Q as AutoComplete, U as Avatar, W as BackTop, Y as Badge, $ as Breadcrumb, a0 as Button, a1 as Calendar, a2 as Card, a3 as Carousel, a4 as Cascader, a5 as Checkbox, a6 as Col, a7 as Collapse, a8 as DatePicker, a9 as Descriptions, aa as Divider, G as Drawer, ab as Dropdown, ac as Empty, V as FloatButton, ad as Form, ae as Grid, af as Image, x as Input, ag as InputNumber, ah as Layout, ai as List, aj as Mentions, ak as Menu, M as Modal, al as Popconfirm, am as Popover, an as Progress, aM as QRCode, ao as Radio, ap as Rate, aq as Result, ar as Row, as as Segmented, k as Select, at as Skeleton, au as Slider, av as Space, aw as Spin, ax as Statistic, ay as Steps, az as Switch, aA as Tabs, aB as Tag, aD as TimePicker, aE as Timeline, T as Tooltip, aF as Tour, aG as Transfer, aH as Tree, aI as TreeSelect, aJ as Typography, aK as Upload, aL as Watermark, aO as en_US, b as notification, aC as theme, aN as version, z as zh_CN } from './c6e292ae.esm.es5.development.js';
+import { z as zhCN, A as App, _ as _object_spread, a as AntdMessage, M as Modal$1, b as AntdNotification, C as ConfigProvider, c as _extends, d as _object_destructuring_empty, j as jsx, e as _object_spread_props, f as jsxs, t as transform, S as StyleProvider, g as _sliced_to_array, T as Tooltip, h as Table$2, I as Icon, E as ExclamationCircleFilled, i as _to_consumable_array, P as Pagination$1, k as Select, l as CaretDownOutlined, m as _inherits, n as _create_super, o as _create_class, p as _class_call_check, q as _define_property, r as _assert_this_initialized, s as _async_to_generator, L as LeftOutlined, R as RightOutlined, u as MinusOutlined, v as PlusOutlined, w as __generator, x as Input, y as SearchOutlined, B as CloseOutlined, X, D as I, H, F as Remarkable, G as Drawer, J as HighlightJS, Z as ZoomInOutlined } from './de88944c.esm.es5.development.js';
+export { K as Affix, N as Alert, O as Anchor, a as AntdMessage, A as App, Q as AutoComplete, U as Avatar, W as BackTop, Y as Badge, $ as Breadcrumb, a0 as Button, a1 as Calendar, a2 as Card, a3 as Carousel, a4 as Cascader, a5 as Checkbox, a6 as Col, a7 as Collapse, a8 as DatePicker, a9 as Descriptions, aa as Divider, G as Drawer, ab as Dropdown, ac as Empty, V as FloatButton, ad as Form, ae as Grid, af as Image, x as Input, ag as InputNumber, ah as Layout, ai as List, aj as Mentions, ak as Menu, M as Modal, al as Popconfirm, am as Popover, an as Progress, aM as QRCode, ao as Radio, ap as Rate, aq as Result, ar as Row, as as Segmented, k as Select, at as Skeleton, au as Slider, av as Space, aw as Spin, ax as Statistic, ay as Steps, az as Switch, aA as Tabs, aB as Tag, aD as TimePicker, aE as Timeline, T as Tooltip, aF as Tour, aG as Transfer, aH as Tree, aI as TreeSelect, aJ as Typography, aK as Upload, aL as Watermark, aO as en_US, b as notification, aC as theme, aN as version, z as zh_CN } from './de88944c.esm.es5.development.js';
 import * as React from 'react';
 import { useState, useRef, useEffect, useLayoutEffect, forwardRef, useImperativeHandle } from 'react';
 import { Fragment } from 'react/jsx-runtime';
@@ -3304,11 +3304,13 @@ var ScreenshotTool = /*#__PURE__*/ forwardRef(function(props, ref) {
     var _useState = _sliced_to_array(useState(), 2), crop = _useState[0], setCrop = _useState[1];
     var _useState1 = _sliced_to_array(useState(), 2), completedCrop = _useState1[0], setCompletedCrop = _useState1[1];
     var _useState2 = _sliced_to_array(useState(16 / 9), 2), aspect = _useState2[0]; _useState2[1];
-    var _useState3 = _sliced_to_array(useState({
+    var _useState3 = _sliced_to_array(useState(window.devicePixelRatio), 2), devicePixelRatio = _useState3[0]; _useState3[1];
+    var _useState4 = _sliced_to_array(useState(true), 2), isFirst = _useState4[0], setIsFirst = _useState4[1];
+    var _useState5 = _sliced_to_array(useState({
         top: 0,
         left: 0
-    }), 2), btnPosition = _useState3[0], setBtnPosition = _useState3[1];
-    var _useState4 = _sliced_to_array(useState(false), 2), showBtn = _useState4[0], setShowBtn = _useState4[1];
+    }), 2), btnPosition = _useState5[0], setBtnPosition = _useState5[1];
+    var _useState6 = _sliced_to_array(useState(false), 2), showBtn = _useState6[0], setShowBtn = _useState6[1];
     function centerAspectCrop(mediaWidth, mediaHeight, aspect) {
         return I(H({
             unit: "%",
@@ -3336,10 +3338,10 @@ var ScreenshotTool = /*#__PURE__*/ forwardRef(function(props, ref) {
         image.src = imgBese64; // 将'your_image_url'替换为你自己的图片URL
         // 等待图片加载完成后再进行操作
         image.onload = function() {
-            var x = completedCrop.x; // 起始点x坐标
-            var y = completedCrop.y; // 起始点y坐标
-            var width = completedCrop.width; // 需要裁剪的区域宽度
-            var height = completedCrop.height; // 需要裁剪的区域高度
+            var x = parseInt((completedCrop.x * devicePixelRatio).toString()); // 起始点x坐标
+            var y = parseInt((completedCrop.y * devicePixelRatio).toString()); // 起始点y坐标
+            var width = parseInt((completedCrop.width * devicePixelRatio).toString()); // 需要裁剪的区域宽度
+            var height = parseInt((completedCrop.height * devicePixelRatio).toString()); // 需要裁剪的区域高度
             // 设置canvas大小与裁剪区域相同
             canvas.width = width;
             canvas.height = height;
@@ -3360,7 +3362,7 @@ var ScreenshotTool = /*#__PURE__*/ forwardRef(function(props, ref) {
         var y = e.y;
         var h = e.height;
         var w = e.width;
-        var top = y + h + 8;
+        var top = y + h + (isFirst ? 21 : 8);
         var left = x + w - 88;
         if (top + 42 > window.innerHeight) {
             top = top - 50;
@@ -3370,6 +3372,7 @@ var ScreenshotTool = /*#__PURE__*/ forwardRef(function(props, ref) {
             left: left
         });
         setShowBtn(true);
+        setIsFirst(false);
     };
     return /*#__PURE__*/ jsxs("div", {
         className: modules_63b47c51.screenshot_Modal,
@@ -3824,10 +3827,10 @@ var CustomerService = function(props) {
                         w: window.innerWidth,
                         h: window.innerHeight
                     },
-                    wrcReplyTime: 500,
-                    wrcWindowMode: false,
+                    wrcReplyTime: 20,
+                    wrcWindowMode: true,
                     hiddenScrollBar: {
-                        state: false
+                        state: true
                     },
                     completeCallback: function(param) {
                         var base64 = param.base64;
@@ -3840,6 +3843,19 @@ var CustomerService = function(props) {
                     triggerCallback: function() {
                         // 截图组件加载完毕调用此方法来完成框选区域的截图
                         plugin.completeScreenshot();
+                    },
+                    cancelCallback: function(err) {
+                        if (err.code === -1) {
+                            console.log(err);
+                            newShowType.current = false;
+                            if (saveShowType != -1) {
+                                setShowType(saveShowType);
+                            } else {
+                                setShowType(1);
+                            }
+                            setShowScreenshot(false);
+                            onCancel();
+                        }
                     }
                 });
             // modernScreenshot
@@ -7215,6 +7231,9 @@ var CustomerService = function(props) {
                     }),
                     (showType == 4 || showType == 5) && /*#__PURE__*/ jsxs("div", {
                         className: "".concat(styles.ChatWindow_Drawer),
+                        style: {
+                            display: "".concat(!showScreenshot ? "none" : "flex")
+                        },
                         id: "",
                         children: [
                             /*#__PURE__*/ jsx("div", {