bhd-components 0.9.17 → 0.9.18

package/es2017/viewImage/index.js

@@ -6,7 +6,7 @@ import * as React from "react";
 import { useRef, useImperativeHandle, forwardRef } from "react";
 import styles from "./index.module.less";
 import { Modal } from "antd";
-import { LeftOutlined, RightOutlined, MinusOutlined, PlusOutlined, CustomClose, CustomXuanZuan, CustomDownLoad } from "../icons";
+import { LeftOutlined, RightOutlined, MinusOutlined, PlusOutlined, CustomClose, CustomScreenXuanZuan, CustomDownLoad } from "../icons";
 import { getStyle } from "../utils/dom";
 import { Loading } from "../images";
 import BhdTipModal from "../bhdTipModal";
@@ -38,23 +38,58 @@ class ViewImage extends React.Component {
                 /*#__PURE__*/ _jsxs("div", {
                     className: styles.viewImgContent,
                     children: [
+                        this.state.actionCloseFlag === 1 && /*#__PURE__*/ _jsx("div", {
+                            className: `${styles.viewImgAction} ${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`}} 
+                                className: styles.viewImgActionClose,
+                                title: "关闭",
+                                onClick: this.close,
+                                children: /*#__PURE__*/ _jsx(CustomClose, {})
+                            })
+                        }),
                         /*#__PURE__*/ _jsxs("div", {
                             className: styles.viewImgAction,
                             children: [
                                 /*#__PURE__*/ _jsx("span", {
                                     title: "旋转",
                                     onClick: this.rotate,
-                                    children: /*#__PURE__*/ _jsx(CustomXuanZuan, {})
+                                    children: /*#__PURE__*/ _jsx(CustomScreenXuanZuan, {})
                                 }),
                                 download && !imgError && /*#__PURE__*/ _jsx("span", {
                                     title: "下载",
                                     onClick: this.downloadUrl,
                                     children: /*#__PURE__*/ _jsx(CustomDownLoad, {})
                                 }),
-                                /*#__PURE__*/ _jsx("span", {
-                                    title: "关闭",
-                                    onClick: this.close,
-                                    children: /*#__PURE__*/ _jsx(CustomClose, {})
+                                /*#__PURE__*/ _jsxs("div", {
+                                    className: styles.viewImgBodyScale,
+                                    children: [
+                                        /*#__PURE__*/ _jsx("span", {
+                                            className: styles.viewImgBodyScale_minu,
+                                            onClick: ()=>{
+                                                scaleValue = scaleValue - 10;
+                                                this.scaleChange(scaleValue);
+                                            },
+                                            children: /*#__PURE__*/ _jsx(MinusOutlined, {})
+                                        }),
+                                        /*#__PURE__*/ _jsxs("span", {
+                                            className: styles.viewImgBodyScale_value,
+                                            onClick: this.reset,
+                                            children: [
+                                                scaleValue,
+                                                "%"
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsx("span", {
+                                            className: styles.viewImgBodyScale_add,
+                                            onClick: ()=>{
+                                                scaleValue = scaleValue + 10;
+                                                this.scaleChange(scaleValue);
+                                            },
+                                            children: /*#__PURE__*/ _jsx(PlusOutlined, {})
+                                        })
+                                    ]
                                 })
                             ]
                         }),
@@ -69,20 +104,40 @@ class ViewImage extends React.Component {
                                         color: "#FFFFFF"
                                     },
                                     children: imgSrc ? "图片加载错误" : "暂无内容"
-                                }) : /*#__PURE__*/ _jsx("img", {
-                                    src: imgSrc,
-                                    alt: "图片加载错误",
-                                    draggable: "false",
+                                }) : /*#__PURE__*/ _jsxs("div", {
                                     onMouseDown: this.moveImg,
                                     style: {
-                                        transform: `scale(${scaleValue / 100},${scaleValue / 100}) rotate(${rotateValue}deg)`,
+                                        transform: `scale(${scaleValue / 100},${scaleValue / 100})`,
                                         left: imgLeft == "auto" ? "auto" : imgLeft + "px",
                                         top: imgTop == "auto" ? "auto" : imgTop + "px"
                                     },
                                     className: styles.viewImgBody_pic,
-                                    onLoad: this.imgLoad,
-                                    onError: this.imgErr
-                                }, "img"),
+                                    children: [
+                                        /*#__PURE__*/ _jsx("img", {
+                                            id: "viewImgBody_pic",
+                                            src: imgSrc,
+                                            alt: "图片加载错误",
+                                            draggable: "false",
+                                            style: {
+                                                transform: `rotate(${rotateValue}deg)`
+                                            },
+                                            onLoad: this.imgLoad,
+                                            onError: this.imgErr
+                                        }, "img"),
+                                        this.state.actionCloseFlag === 0 && /*#__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`
+                                            },
+                                            className: styles.viewImgActionClose,
+                                            title: "关闭",
+                                            onClick: this.close,
+                                            children: /*#__PURE__*/ _jsx(CustomClose, {})
+                                        })
+                                    ]
+                                }),
                                 multiSelect && /*#__PURE__*/ _jsxs(_Fragment, {
                                     children: [
                                         this.state.curIndex !== 0 && /*#__PURE__*/ _jsx("div", {
@@ -98,35 +153,6 @@ class ViewImage extends React.Component {
                                     ]
                                 })
                             ]
-                        }),
-                        /*#__PURE__*/ _jsxs("div", {
-                            className: styles.viewImgBodyScale,
-                            children: [
-                                /*#__PURE__*/ _jsx("span", {
-                                    className: styles.viewImgBodyScale_minu,
-                                    onClick: ()=>{
-                                        scaleValue = scaleValue - 10;
-                                        this.scaleChange(scaleValue);
-                                    },
-                                    children: /*#__PURE__*/ _jsx(MinusOutlined, {})
-                                }),
-                                /*#__PURE__*/ _jsxs("span", {
-                                    className: styles.viewImgBodyScale_value,
-                                    onClick: this.reset,
-                                    children: [
-                                        scaleValue,
-                                        "%"
-                                    ]
-                                }),
-                                /*#__PURE__*/ _jsx("span", {
-                                    className: styles.viewImgBodyScale_add,
-                                    onClick: ()=>{
-                                        scaleValue = scaleValue + 10;
-                                        this.scaleChange(scaleValue);
-                                    },
-                                    children: /*#__PURE__*/ _jsx(PlusOutlined, {})
-                                })
-                            ]
                         })
                     ]
                 }),
@@ -150,7 +176,8 @@ class ViewImage extends React.Component {
             loading: false,
             curIndex: 0,
             multiSelect: false,
-            imgError: false
+            imgError: false,
+            actionCloseFlag: 0 // 关闭按钮位置 0是跟随图片 1固定右上角
         });
         _define_property(this, "scaleChange", (value)=>{
             let { maxScale, minScale } = this.state;
@@ -162,8 +189,24 @@ class ViewImage extends React.Component {
             }
             this.setState({
                 scaleValue: value
+            }, ()=>{
+                this.moveActionClose();
             });
         });
+        _define_property(this, "moveActionClose", ()=>{
+            setTimeout(()=>{
+                const rect = document.getElementById('viewImgBody_pic').getBoundingClientRect();
+                if (rect.top >= 0 && rect.top <= (window.innerHeight || document.documentElement.clientHeight) - 40 && rect.right <= (window.innerWidth || document.documentElement.clientWidth) - 52) {
+                    this.setState({
+                        actionCloseFlag: 0
+                    });
+                } else {
+                    this.setState({
+                        actionCloseFlag: 1
+                    });
+                }
+            }, 10);
+        });
         _define_property(this, "moveImg", (ev)=>{
             let { imgLeft, imgTop } = this.state;
             ev.preventDefault();
@@ -181,7 +224,9 @@ class ViewImage extends React.Component {
                 this.setState({
                     imgLeft: ev.pageX - disx,
                     imgTop: ev.pageY - disy
-                }, ()=>{});
+                }, ()=>{
+                    this.moveActionClose();
+                });
             };
             const mouseUp = ()=>{
                 document.removeEventListener("mousemove", mouseMove);

package/es2017/viewImage/index.module(/345/216/237).less

@@ -0,0 +1,173 @@
+@import "../theme/variable.less";
+.AppViewImage {
+  :global {
+    .bhd-modal {
+      width: 100% !important;
+      height: 100% !important;
+      min-height: 600px;
+      margin: 0;
+      padding: 0;
+      overflow: hidden;
+      max-width: none;
+      .bhd-modal-content {
+        width: 100%;
+        height: 100%;
+        background: transparent;
+        box-shadow: none;
+        border-radius: none;
+        .bhd-modal-body {
+          width: 100%;
+          height: 100%;
+          padding: 0px;
+        }
+      }
+    }
+  }
+}
+
+.viewImgBody {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  .viewImgContent {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    .viewImgAction {
+      width: 100%;
+      display: flex;
+      position: absolute;
+      top: 40px;
+      justify-content: flex-end;
+      padding-right: 40px;
+      box-sizing: border-box;
+      z-index: 10;
+      & > span {
+        display: flex;
+        width: 40px;
+        height: 40px;
+        background: rgba(0, 0, 0, 0.45);
+        align-items: center;
+        justify-content: center;
+        font-size: 16px;
+        color: #ffffff;
+        cursor: pointer;
+        border-radius: 8px;
+        margin-left: 24px;
+        &:first-child {
+          margin-left: 0;
+        }
+      }
+    }
+    .viewImgBody {
+      width: 100%;
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      .viewImgBody_load {
+        width: 80px;
+        height: 80px;
+      }
+      .viewImgBody_pic {
+        max-width: 80%;
+        max-height: 80%;
+        cursor: move;
+        position: absolute;
+        user-select: none;
+      }
+      .viewImgBody_pre {
+        position: absolute;
+        width: 40px;
+        height: 40px;
+        border-left: 1px solid rgba(255, 255, 255, 0.25);
+        border-right: 1px solid rgba(255, 255, 255, 0.25);
+        box-sizing: border-box;
+        background: rgba(0, 0, 0, 0.45);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #ffffff;
+        cursor: pointer;
+        user-select: none;
+        top: 50%;
+        transform: translateY(-50%);
+        left: 40px;
+        border-radius: 50%;
+      }
+      .viewImgBody_next {
+        position: absolute;
+        width: 40px;
+        height: 40px;
+        border-left: 1px solid rgba(255, 255, 255, 0.25);
+        border-right: 1px solid rgba(255, 255, 255, 0.25);
+        box-sizing: border-box;
+        background: rgba(0, 0, 0, 0.45);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #ffffff;
+        cursor: pointer;
+        user-select: none;
+        top: 50%;
+        transform: translateY(-50%);
+        right: 40px;
+        border-radius: 50%;
+      }
+    }
+    .viewImgBodyScale {
+      width: 100%;
+      padding-right: 40px;
+      box-sizing: border-box;
+      position: absolute;
+      bottom: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      user-select: none;
+      z-index: 10;
+      .viewImgBodyScale_minu,
+      .viewImgBodyScale_add {
+        width: 40px;
+        height: 40px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 16px;
+        color: #ffffff;
+        background-color: rgba(0, 0, 0, 0.45);
+        cursor: pointer;
+      }
+
+      .viewImgBodyScale_minu {
+        border-radius: 4px 0 0 4px;
+      }
+
+      .viewImgBodyScale_add {
+        border-radius: 0 4px 4px 0;
+      }
+      .viewImgBodyScale_value {
+        width: 80px;
+        height: 40px;
+        border-left: 1px solid rgba(255, 255, 255, 0.25);
+        border-right: 1px solid rgba(255, 255, 255, 0.25);
+        box-sizing: border-box;
+        background: rgba(0, 0, 0, 0.45);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #ffffff;
+        cursor: pointer;
+        user-select: none;
+      }
+    }
+  }
+  .viewImgInfo {
+    height: 100%;
+    flex-shrink: 0;
+    background: #ffffff;
+    position: relative;
+    z-index: 1001;
+    min-height: 600px;
+  }
+}

package/es2017/viewImage/index.module.less

@@ -37,11 +37,16 @@
       width: 100%;
       display: flex;
       position: absolute;
-      top: 40px;
+      bottom: 40px;
       justify-content: flex-end;
       padding-right: 40px;
       box-sizing: border-box;
       z-index: 10;
+      gap: 24px;
+      &.actionTop{
+        top: 40px;
+        bottom: auto;
+      }
       & > span {
         display: flex;
         width: 40px;
@@ -53,7 +58,6 @@
         color: #ffffff;
         cursor: pointer;
         border-radius: 8px;
-        margin-left: 24px;
         &:first-child {
           margin-left: 0;
         }
@@ -71,10 +75,29 @@
       }
       .viewImgBody_pic {
         max-width: 80%;
-        max-height: 80%;
+        max-height:  80%;
         cursor: move;
         position: absolute;
         user-select: none;
+        img{
+          width: 100%;
+          height: 100%;
+        }
+      }
+      .viewImgActionClose{        
+        position: absolute;
+        top: 0;
+        right: -52px;
+        display: flex;
+        width: 40px;
+        height: 40px;
+        background: rgba(0, 0, 0, 0.45);
+        align-items: center;
+        justify-content: center;
+        font-size: 16px;
+        color: #ffffff;
+        cursor: pointer;
+        border-radius: 8px;
       }
       .viewImgBody_pre {
         position: absolute;
@@ -116,16 +139,13 @@
       }
     }
     .viewImgBodyScale {
-      width: 100%;
-      padding-right: 40px;
       box-sizing: border-box;
-      position: absolute;
-      bottom: 40px;
-      display: flex;
+      display: inline-flex;
       align-items: center;
-      justify-content: flex-end;
+      justify-content: center;
       user-select: none;
       z-index: 10;
+      gap: 4px;
       .viewImgBodyScale_minu,
       .viewImgBodyScale_add {
         width: 40px;

package/esm/customerService/index.module.less

@@ -60,6 +60,7 @@
       align-items: center;
       background-color: #fff;
       line-height: 1;
+      border-bottom: 1px solid rgba(0, 0, 0, 0.06);
       .user {
         color: #000;
         font-size: 16px;
@@ -396,6 +397,11 @@
                       color: @color-text-tertiary-Tr !important;
                     }
                   }
+                  > li:last-of-type{
+                    pre{
+                      margin-bottom: 0;
+                    }
+                  }
                 }
                 // li{
                 //   margin-top:16px;
@@ -417,13 +423,17 @@
                   }
                 }
                 > h3,> h4{
-                  padding-top: 4px;
+                  padding-top: 8px;
                   padding-bottom: 4px;
                 }
                 > p +  p{
                   padding-top: 4px;
                   padding-bottom: 4px;
                 }
+
+                > pre:last-of-type{
+                  margin-bottom:0 ;
+                }
               }
               table {
                 width: 100%;
@@ -456,6 +466,7 @@
                 padding: 12px;
                 line-height: 1.5;
                 margin: 4px 0;
+                margin-bottom: 16px;
                 border-radius: 0 0 4px 4px;
               }
               // 最后一行操作按钮
@@ -1489,7 +1500,7 @@
   right: 568px;
 
   border-radius: 8px;
-  background: rgba(255, 255, 255, 0.5);
+  background: rgba(255, 255, 255, 0.85);
   box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
   backdrop-filter: blur(7.5px);
   width: 80px;
@@ -1506,7 +1517,7 @@
     position: relative;
     cursor: pointer;
     &:hover {
-      background-color: #f5f5f5;
+      background-color: rgba(0, 0, 0, 0.04);
       .delete {
         display: block;
       }
@@ -1551,7 +1562,7 @@
     margin: 8px;
   }
   .top .shrink {
-    border-bottom: 1px solid @color-border-secondary;
+    // border-bottom: 1px solid @color-border-secondary;
     border-radius: 0;
     margin-bottom: 8px;
     margin-top: 8px;

package/esm/customerService/index2.module.less

@@ -57,6 +57,7 @@
       align-items: center;
       background-color: #fff;
       line-height: 1;
+      border-bottom: 1px solid rgba(0, 0, 0, 0.06);
       .user {
         color: #000;
         font-size: 16px;
@@ -392,6 +393,11 @@
                       color: @color-text-tertiary-Tr !important;
                     }
                   }
+                  > li:last-of-type{
+                    pre{
+                      margin-bottom: 0;
+                    }
+                  }
                 }
                 // li{
                 //   margin-top:16px;
@@ -413,13 +419,16 @@
                   }
                 }
                 > h3,> h4{
-                  padding-top: 4px;
+                  padding-top: 8px;
                   padding-bottom: 4px;
                 }
                 > p +  p{
                   padding-top: 4px;
                   padding-bottom: 4px;
                 }
+                > pre:last-of-type{
+                  margin-bottom:0 ;
+                }
               }
               table {
                 width: 100%;
@@ -451,6 +460,7 @@
                 padding: 12px;
                 line-height: 1.5;
                 margin: 4px 0;
+                margin-bottom: 16px;
                 border-radius: 0 0 4px 4px;
               }
               // 最后一行操作按钮
@@ -1483,7 +1493,7 @@
   right: 568px;
 
   border-radius: 8px;
-  background: rgba(255, 255, 255, 0.5);
+  background: rgba(255, 255, 255, 0.85);
   box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
   backdrop-filter: blur(7.5px);
   width: 80px;
@@ -1500,7 +1510,7 @@
     position: relative;
     cursor: pointer;
     &:hover {
-      background-color: #f5f5f5;
+      background-color: rgba(0, 0, 0, 0.04);
       .delete {
         display: block;
       }
@@ -1545,7 +1555,7 @@
     margin: 8px;
   }
   .top .shrink {
-    border-bottom: 1px solid @color-border-secondary;
+    // border-bottom: 1px solid @color-border-secondary;
     border-radius: 0;
     margin-bottom: 8px;
     margin-top: 8px;

package/esm/icons/components/custom-screen-xuanzuan.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { CustomIconComponentProps } from "@ant-design/icons/lib/components/Icon";
+declare const CustomScreenXuanZuan: (props: Partial<CustomIconComponentProps>) => React.JSX.Element;
+export default CustomScreenXuanZuan;

package/esm/icons/components/custom-screen-xuanzuan.js

@@ -0,0 +1,30 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
+import * as React from "react";
+import Icon from "@ant-design/icons";
+var CustomScreenXuanZuanSvg = function() {
+    return /*#__PURE__*/ _jsxs("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "20",
+        height: "20",
+        viewBox: "0 0 20 20",
+        fill: "none",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M7.82075 2.72072H11.7854L10.8078 1.74313C10.4141 1.34937 10.4141 0.697643 10.8078 0.303889C10.9995 0.114507 11.258 0.00830078 11.5275 0.00830078C11.7969 0.00830078 12.0554 0.114507 12.2471 0.303889L14.5146 2.57136C14.7046 2.76145 14.854 3.11447 14.854 3.38603C14.854 3.65758 14.7046 4.0106 14.5146 4.20069L12.2471 6.46816C12.0434 6.67183 11.7854 6.76687 11.5275 6.76687C11.2695 6.76687 11.0115 6.67183 10.8078 6.46816C10.4141 6.07441 10.4141 5.42268 10.8078 5.02893L11.0794 4.75737H7.80718C6.27784 4.76096 4.81217 5.37008 3.73076 6.45148C2.64936 7.53289 2.04024 8.99856 2.03665 10.5279C2.03665 11.0846 1.57501 11.5462 1.01833 11.5462C0.461642 11.5462 0 11.0846 0 10.5279C0.0135777 6.22377 3.50305 2.72072 7.82075 2.72072Z",
+                fill: "white"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                d: "M5.21389 7.81238H18.5743C19.3618 7.81238 20 8.45053 20 9.23804V18.5659C20 19.3534 19.3618 19.9916 18.5743 19.9916H5.21389C4.42638 19.9916 3.78823 19.3534 3.78823 18.5659V9.23804C3.77465 8.45053 4.42638 7.81238 5.21389 7.81238ZM5.81131 17.9549H17.9633V9.84904H5.81131V17.9549Z",
+                fill: "white"
+            })
+        ]
+    });
+};
+var CustomScreenXuanZuan = function(props) {
+    return /*#__PURE__*/ _jsx(Icon, _object_spread_props(_object_spread({}, props), {
+        component: CustomScreenXuanZuanSvg
+    }));
+};
+export default CustomScreenXuanZuan;

package/esm/icons/components/custom-xuanzuan.js

@@ -1,23 +1,25 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { jsx as _jsx } from "@ice/jsx-runtime/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
 import * as React from "react";
 import Icon from "@ant-design/icons";
 var CustomXuanZuanSvg = function() {
-    return /*#__PURE__*/ _jsx("svg", {
-        className: "icon",
-        viewBox: "0 0 1024 1024",
-        version: "1.1",
+    return /*#__PURE__*/ _jsxs("svg", {
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
-        "p-id": "8639",
-        width: "1em",
-        height: "1em",
-        fill: "currentColor",
-        "aria-hidden": "true",
-        children: /*#__PURE__*/ _jsx("path", {
-            d: "M471.68 6.912l168 171.392a24.192 24.192 0 0 1 0 33.856L472.064 383.104a24.192 24.192 0 0 1-31.936 2.432l-2.624-2.432-30.72-31.232a24.192 24.192 0 0 1 0-33.92l79.296-80.832a345.344 345.344 0 1 0 360.96 399.808l1.152-7.68 0.768-6.4c1.28-12.8 12.416-22.4 25.28-21.76l48.384 2.56a24.192 24.192 0 0 1 22.912 25.472l-0.128 1.152-1.28 11.904a442.112 442.112 0 1 1-470.08-501.248l-67.264-68.48a24.192 24.192 0 0 1 0-33.92l30.72-31.296A24.192 24.192 0 0 1 471.68 6.912z",
-            "p-id": "8640"
-        })
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                d: "M9.82075 4.72072H13.7854L12.8078 3.74313C12.4141 3.34937 12.4141 2.69764 12.8078 2.30389C12.9995 2.11451 13.258 2.0083 13.5275 2.0083C13.7969 2.0083 14.0554 2.11451 14.2471 2.30389L16.5146 4.57136C16.7046 4.76145 16.854 5.11447 16.854 5.38603C16.854 5.65758 16.7046 6.0106 16.5146 6.20069L14.2471 8.46816C14.0434 8.67183 13.7854 8.76687 13.5275 8.76687C13.2695 8.76687 13.0115 8.67183 12.8078 8.46816C12.4141 8.07441 12.4141 7.42268 12.8078 7.02893L13.0794 6.75737H9.80718C8.27784 6.76096 6.81217 7.37008 5.73076 8.45148C4.64936 9.53289 4.04024 10.9986 4.03665 12.5279C4.03665 13.0846 3.57501 13.5462 3.01833 13.5462C2.46164 13.5462 2 13.0846 2 12.5279C2.01358 8.22377 5.50305 4.72072 9.82075 4.72072Z",
+                fill: "white"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                d: "M7.21389 9.81238H20.5743C21.3618 9.81238 22 10.4505 22 11.238V20.5659C22 21.3534 21.3618 21.9916 20.5743 21.9916H7.21389C6.42638 21.9916 5.78823 21.3534 5.78823 20.5659V11.238C5.77465 10.4505 6.42638 9.81238 7.21389 9.81238ZM7.81131 19.9549H19.9633V11.849H7.81131V19.9549Z",
+                fill: "white"
+            })
+        ]
     });
 };
 var CustomXuanZuan = function(props) {