bhd-components 0.9.17 → 0.9.18

package/es2017/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/es2017/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/es2017/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/es2017/icons/components/custom-screen-xuanzuan.js

@@ -0,0 +1,28 @@
+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";
+const CustomScreenXuanZuanSvg = ()=>/*#__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"
+            })
+        ]
+    });
+const CustomScreenXuanZuan = (props)=>{
+    return /*#__PURE__*/ _jsx(Icon, _object_spread_props(_object_spread({}, props), {
+        component: CustomScreenXuanZuanSvg
+    }));
+};
+export default CustomScreenXuanZuan;

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

@@ -1,22 +1,24 @@
 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";
-const CustomXuanZuanSvg = ()=>/*#__PURE__*/ _jsx("svg", {
-        className: "icon",
-        viewBox: "0 0 1024 1024",
-        version: "1.1",
+const CustomXuanZuanSvg = ()=>/*#__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"
+            })
+        ]
     });
 const CustomXuanZuan = (props)=>{
     return /*#__PURE__*/ _jsx(Icon, _object_spread_props(_object_spread({}, props), {

package/es2017/icons/components/index.d.ts

@@ -1,5 +1,6 @@
 export { default as CustomClose } from "./custom-close";
 export { default as CustomXuanZuan } from "./custom-xuanzuan";
+export { default as CustomScreenXuanZuan } from "./custom-xuanzuan";
 export { default as CustomDownLoad } from "./custom-download";
 export { default as CustomArrow } from "./custom-arrow";
 export { default as CustomRecord } from "./custom-record";

package/es2017/icons/components/index.js

@@ -1,5 +1,6 @@
 /* 自定义icon */ export { default as CustomClose } from "./custom-close";
 export { default as CustomXuanZuan } from "./custom-xuanzuan";
+export { default as CustomScreenXuanZuan } from "./custom-xuanzuan";
 export { default as CustomDownLoad } from "./custom-download";
 export { default as CustomArrow } from "./custom-arrow";
 export { default as CustomRecord } from "./custom-record";

package/es2017/viewImage/index(/345/216/237).d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+export interface AppViewImageProps {
+    visible: boolean;
+    onCancel: () => void;
+    className?: string;
+    content?: () => React.ReactElement;
+    download?: boolean;
+    getSrc: (index?: number) => Promise<string>;
+    filename?: string;
+    multiSelect?: string[];
+}
+export interface AppViewImageRef {
+    updateSrc: () => void;
+}
+export interface ViewImageState {
+    scaleValue: number;
+    maxScale: number;
+    minScale: number;
+    imgSrc: string;
+    imgLeft: any;
+    imgTop: any;
+    rotateValue: number;
+    loading: boolean;
+    curIndex: number;
+    imgError: boolean;
+    multiSelect: boolean;
+}
+export interface ViewImageProps extends AppViewImageProps {
+}
+declare const AppViewImage: React.ForwardRefExoticComponent<AppViewImageProps & React.RefAttributes<AppViewImageRef>>;
+export default AppViewImage;

package/es2017/viewImage/index(/345/216/237).js

@@ -0,0 +1,384 @@
+import { _ as _define_property } from "@swc/helpers/_/_define_property";
+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, Fragment as _Fragment } from "@ice/jsx-runtime/jsx-runtime";
+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 { getStyle } from "../utils/dom";
+import { Loading } from "../images";
+import BhdTipModal from "../bhdTipModal";
+class ViewImage extends React.Component {
+    componentDidMount() {
+        this.setState({
+            multiSelect: !!this.props.multiSelect || false
+        }, ()=>{
+            if (!this.state.multiSelect) {
+                this.getSrc();
+            } else {
+                //多张
+                this.getSrc(0);
+            }
+        });
+        document.oncontextmenu = function() {
+            return false;
+        };
+    }
+    componentWillUnmount() {
+        document.oncontextmenu = null;
+    }
+    render() {
+        let { scaleValue, imgSrc, imgLeft, imgTop, rotateValue, loading, multiSelect, imgError } = this.state;
+        let { content, download } = this.props;
+        return /*#__PURE__*/ _jsxs("div", {
+            className: styles.viewImgBody,
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: styles.viewImgContent,
+                    children: [
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: styles.viewImgAction,
+                            children: [
+                                /*#__PURE__*/ _jsx("span", {
+                                    title: "旋转",
+                                    onClick: this.rotate,
+                                    children: /*#__PURE__*/ _jsx(CustomXuanZuan, {})
+                                }),
+                                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.viewImgBody,
+                            children: [
+                                loading ? /*#__PURE__*/ _jsx("img", {
+                                    src: Loading,
+                                    className: styles.viewImgBody_load
+                                }, "load") : imgError ? /*#__PURE__*/ _jsx("div", {
+                                    style: {
+                                        color: "#FFFFFF"
+                                    },
+                                    children: imgSrc ? "图片加载错误" : "暂无内容"
+                                }) : /*#__PURE__*/ _jsx("img", {
+                                    src: imgSrc,
+                                    alt: "图片加载错误",
+                                    draggable: "false",
+                                    onMouseDown: this.moveImg,
+                                    style: {
+                                        transform: `scale(${scaleValue / 100},${scaleValue / 100}) rotate(${rotateValue}deg)`,
+                                        left: imgLeft == "auto" ? "auto" : imgLeft + "px",
+                                        top: imgTop == "auto" ? "auto" : imgTop + "px"
+                                    },
+                                    className: styles.viewImgBody_pic,
+                                    onLoad: this.imgLoad,
+                                    onError: this.imgErr
+                                }, "img"),
+                                multiSelect && /*#__PURE__*/ _jsxs(_Fragment, {
+                                    children: [
+                                        this.state.curIndex !== 0 && /*#__PURE__*/ _jsx("div", {
+                                            className: styles.viewImgBody_pre,
+                                            onClick: this.preChange,
+                                            children: /*#__PURE__*/ _jsx(LeftOutlined, {})
+                                        }),
+                                        this.state.curIndex < this.props.multiSelect.length - 1 && /*#__PURE__*/ _jsx("div", {
+                                            className: styles.viewImgBody_next,
+                                            onClick: this.nextChange,
+                                            children: /*#__PURE__*/ _jsx(RightOutlined, {})
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__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, {})
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                content && /*#__PURE__*/ _jsx("div", {
+                    className: styles.viewImgInfo,
+                    children: content()
+                })
+            ]
+        });
+    }
+    constructor(...args){
+        super(...args);
+        _define_property(this, "state", {
+            scaleValue: 100,
+            maxScale: 500,
+            minScale: 1,
+            imgSrc: "",
+            imgLeft: "auto",
+            imgTop: "auto",
+            rotateValue: 0,
+            loading: false,
+            curIndex: 0,
+            multiSelect: false,
+            imgError: false
+        });
+        _define_property(this, "scaleChange", (value)=>{
+            let { maxScale, minScale } = this.state;
+            if (value >= maxScale) {
+                value = maxScale;
+            }
+            if (value <= minScale) {
+                value = minScale;
+            }
+            this.setState({
+                scaleValue: value
+            });
+        });
+        _define_property(this, "moveImg", (ev)=>{
+            let { imgLeft, imgTop } = this.state;
+            ev.preventDefault();
+            let dom = document.getElementsByClassName(`${styles.viewImgBody_pic}`)[0];
+            if (!dom) return;
+            if (imgLeft == "auto") {
+                imgLeft = getStyle(dom, "left");
+            }
+            if (imgTop == "auto") {
+                imgTop = getStyle(dom, "top");
+            }
+            var disx = ev.pageX - imgLeft;
+            var disy = ev.pageY - imgTop;
+            const mouseMove = (ev)=>{
+                this.setState({
+                    imgLeft: ev.pageX - disx,
+                    imgTop: ev.pageY - disy
+                }, ()=>{});
+            };
+            const mouseUp = ()=>{
+                document.removeEventListener("mousemove", mouseMove);
+                document.removeEventListener("mouseup", mouseUp);
+            };
+            document.addEventListener("mousemove", mouseMove);
+            document.addEventListener("mouseup", mouseUp);
+        });
+        _define_property(this, "base64Down", (src)=>{
+            let { filename } = this.props;
+            var base64 = src.toString(); // imgSrc 就是base64哈
+            let type = "png";
+            var byteCharacters = atob(base64.replace(/^data:image\/(png|jpeg|jpg);base64,/, (a, b)=>{
+                type = b;
+                return "";
+            }));
+            var byteNumbers = new Array(byteCharacters.length);
+            for(var i = 0; i < byteCharacters.length; i++){
+                byteNumbers[i] = byteCharacters.charCodeAt(i);
+            }
+            var byteArray = new Uint8Array(byteNumbers);
+            var blob = new Blob([
+                byteArray
+            ], {
+                type: undefined
+            });
+            var aLink = document.createElement("a");
+            aLink.download = `${filename || "download"}.${type}`; //这里写保存时的图片名称
+            let blobUrl = URL.createObjectURL(blob);
+            aLink.href = blobUrl;
+            aLink.click();
+            URL.revokeObjectURL(blobUrl);
+        });
+        _define_property(this, "downloadUrl", ()=>{
+            let { imgSrc } = this.state;
+            if (/^data:/.test(imgSrc)) {
+                try {
+                    this.base64Down(imgSrc);
+                } catch (error) {
+                    BhdTipModal.confirm({
+                        title: "提示信息",
+                        centered: true,
+                        content: "图片资源不支持下载",
+                        cancelBtn: false
+                    });
+                }
+            } else if (/^(https?:\/\/[^\s]+)/.test(imgSrc)) {
+                //在线url
+                try {
+                    this.downloadFile(imgSrc);
+                } catch (error) {
+                    BhdTipModal.confirm({
+                        title: "提示信息",
+                        centered: true,
+                        content: "图片资源不支持下载",
+                        cancelBtn: false
+                    });
+                }
+            } else {
+                //不支持下载
+                BhdTipModal.confirm({
+                    title: "提示信息",
+                    centered: true,
+                    content: "图片资源不支持下载",
+                    cancelBtn: false
+                });
+            }
+        });
+        _define_property(this, "downloadFile", (url, headers, callback = ()=>{})=>{
+            let { filename } = this.props;
+            let suffix = "png";
+            var xhr = new XMLHttpRequest();
+            if (url.indexOf("?") != -1) {
+                url = url + "&down_t=" + new Date().valueOf();
+            } else {
+                url = url + "?down_t=" + new Date().valueOf();
+            }
+            xhr.open("GET", url, true);
+            for(let key in headers){
+                xhr.setRequestHeader(key, headers[key]);
+            }
+            xhr.responseType = "blob";
+            //关键部分
+            xhr.onload = function(e) {
+                //如果请求执行成功
+                if (this.status == 200) {
+                    var blob = this.response;
+                    var a = document.createElement("a");
+                    if (this.response.type) {
+                        try {
+                            suffix = this.response.type.replace("image/", "");
+                        } catch (error) {
+                            suffix = "png";
+                            console.error(error);
+                        }
+                    }
+                    //创键临时url对象
+                    var url = URL.createObjectURL(blob);
+                    a.href = url;
+                    a.download = `${filename || "download"}.${suffix}`;
+                    a.click();
+                    //释放之前创建的URL对象
+                    window.URL.revokeObjectURL(url);
+                    typeof callback == "function" && callback();
+                }
+            };
+            xhr.onerror = function() {
+                BhdTipModal.confirm({
+                    title: "提示信息",
+                    centered: true,
+                    content: "图片资源不支持下载",
+                    cancelBtn: false
+                });
+            };
+            //发送请求
+            xhr.send();
+        });
+        _define_property(this, "reset", ()=>{
+            this.setState({
+                imgLeft: "auto",
+                imgTop: "auto",
+                rotateValue: 0,
+                scaleValue: 100
+            });
+        });
+        _define_property(this, "rotate", ()=>{
+            this.setState({
+                rotateValue: this.state.rotateValue + 90
+            });
+        });
+        _define_property(this, "close", ()=>{
+            this.props.onCancel();
+        });
+        //获取图片
+        _define_property(this, "getSrc", async (curIndex)=>{
+            this.setState({
+                loading: true,
+                curIndex
+            });
+            let src;
+            if (this.state.multiSelect) {
+                src = await this.props.getSrc(curIndex);
+            } else {
+                src = await this.props.getSrc();
+            }
+            this.setState({
+                imgSrc: src,
+                loading: false
+            });
+        });
+        _define_property(this, "preChange", async ()=>{
+            let { curIndex } = this.state;
+            if (curIndex == 0) return;
+            await this.getSrc(curIndex - 1);
+        });
+        _define_property(this, "nextChange", async ()=>{
+            let { curIndex } = this.state;
+            if (curIndex == this.props.multiSelect.length - 1) return;
+            await this.getSrc(curIndex + 1);
+        });
+        _define_property(this, "imgLoad", ()=>{
+            this.setState({
+                imgError: false
+            });
+        });
+        _define_property(this, "imgErr", ()=>{
+            this.setState({
+                imgError: true
+            });
+        });
+    }
+}
+const AppViewImage = /*#__PURE__*/ forwardRef((props, ref)=>{
+    let { visible, className } = props;
+    const viewRef = useRef(null);
+    useImperativeHandle(ref, ()=>({
+            updateSrc: ()=>{
+                viewRef.current.getSrc();
+            }
+        }));
+    return /*#__PURE__*/ _jsx(Modal, {
+        transitionName: "",
+        maskTransitionName: "",
+        title: null,
+        footer: null,
+        closable: false,
+        centered: true,
+        // destroyOnClose
+        open: visible,
+        keyboard: false,
+        maskStyle: {
+            background: "rgba(0, 0, 0, 0.65)"
+        },
+        wrapClassName: `${styles.AppViewImage} ${className || ""}`,
+        children: visible && /*#__PURE__*/ _jsx(ViewImage, _object_spread_props(_object_spread({}, props), {
+            ref: viewRef
+        }))
+    });
+});
+export default AppViewImage;

package/es2017/viewImage/index.d.ts

@@ -24,6 +24,7 @@ export interface ViewImageState {
     curIndex: number;
     imgError: boolean;
     multiSelect: boolean;
+    actionCloseFlag: number;
 }
 export interface ViewImageProps extends AppViewImageProps {
 }