@vtx/components 2.5.4 → 3.0.0-2

package/lib/vtx-form-layout/style/index.css

@@ -1,10 +1,76 @@
 .vtx-form-layout {
   position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: row wrap;
+          flex-flow: row wrap;
+  width: 100%;
   padding: 0 24px;
   overflow: hidden;
 }
+.vtx-form-layout .vtx-form-item .ant-form-item-label {
+  text-overflow: ellipsis;
+}
+.vtx-form-layout .vtx-form-item .ant-form-item-label label::after {
+  content: '';
+}
+.vtx-form-layout .vtx-form-item-vertical {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.vtx-form-layout .vtx-form-item-vertical .ant-form-item-label,
+.vtx-form-layout .vtx-form-item-vertical .ant-form-item-control {
+  line-height: 1.5715;
+}
+.vtx-form-layout .vtx-form-item-vertical .ant-form-item-label {
+  margin-bottom: 8px;
+  padding: 0 !important;
+  white-space: initial;
+  text-align: left;
+}
+.vtx-form-layout .vtx-form-item-vertical .ant-form-item-label label {
+  height: auto;
+}
+.vtx-form-layout .vtx-form-item .ant-form-item-explain {
+  font-size: 12px;
+}
+.vtx-form-layout .vtx-form-item--view {
+  margin-bottom: 0;
+}
+.vtx-form-layout .vtx-form-item--view .ant-form-item-label,
+.vtx-form-layout .vtx-form-item--view .ant-form-item-control {
+  line-height: 1.5715;
+}
+.vtx-form-layout .vtx-form-item--view .ant-form-item-label > label {
+  height: auto;
+  color: rgba(0, 0, 0, 0.65);
+}
+.vtx-form-layout .vtx-form-item--view .ant-form-item-label label::after {
+  content: ':';
+}
+.vtx-form-layout .vtx-form-item--view .ant-form-item-control {
+  color: rgba(0, 0, 0, 0.85);
+}
+.vtx-form-layout .vtx-form-item--view .ant-form-item-control .ant-form-item-control-input {
+  min-height: auto;
+}
+.vtx-form-layout .vtx-form-item-col .ant-form-item {
+  margin-bottom: 20px;
+}
+.vtx-form-layout .vtx-form-item-col .ant-form-item-with-help {
+  margin-bottom: 0;
+}
+.vtx-form-layout .vtx-form-item-col .ant-form-item-explain {
+  min-height: 20px;
+}
 .vtx-form-layout .vtx-form-card {
   position: relative;
+  width: 100%;
   overflow: hidden;
 }
 .vtx-form-layout .vtx-form-card-expand-icon {
@@ -15,6 +81,13 @@
   padding: 0;
 }
 .vtx-form-layout .vtx-form-card-content {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: row wrap;
+          flex-flow: row wrap;
   padding: 20px 24px;
   padding-bottom: 0;
 }
@@ -52,9 +125,18 @@
   overflow: hidden;
   color: rgba(0, 0, 0, 0.85);
   font-weight: 500;
-  line-height: 1.5;
+  line-height: 1.5715;
   list-style: none;
 }
+.vtx-form-layout .vtx-form-pane-content {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: row wrap;
+          flex-flow: row wrap;
+}
 .vtx-form-layout .vtx-form-pane-content::after {
   clear: both;
 }
@@ -67,6 +149,9 @@
   margin: 0;
   margin-bottom: 20px;
 }
+.vtx-form-layout .vtx-form-tabs {
+  width: 100%;
+}
 .vtx-form-layout .vtx-form-tabs .ant-tabs-bar {
   padding-right: 12px;
   padding-left: 12px;
@@ -98,35 +183,3 @@
 .vtx-form-layout-view .vtx-form-item-col {
   margin-bottom: 20px;
 }
-.vtx-form-item .ant-form-item-label {
-  text-overflow: ellipsis;
-}
-.vtx-form-item .ant-form-item-label label::after {
-  content: '';
-}
-.vtx-form-item-vertical .ant-form-item-label,
-.vtx-form-item-vertical .ant-form-item-control {
-  line-height: 1.5;
-}
-.vtx-form-item-vertical .ant-form-item-label {
-  margin-bottom: 10px;
-}
-.vtx-form-item .ant-form-explain {
-  font-size: 12px;
-}
-.vtx-form-item--view {
-  margin-bottom: 0;
-}
-.vtx-form-item--view .ant-form-item-label,
-.vtx-form-item--view .ant-form-item-control {
-  line-height: 1.5;
-}
-.vtx-form-item--view .ant-form-item-label > label {
-  color: rgba(0, 0, 0, 0.65);
-}
-.vtx-form-item--view .ant-form-item-label label::after {
-  content: ':';
-}
-.vtx-form-item--view .ant-form-item-control {
-  color: rgba(0, 0, 0, 0.85);
-}

package/lib/vtx-form-layout/style/index.js

@@ -1,18 +1,20 @@
 "use strict";
 
-require("antd/es/row/style/css");
+require("antd/lib/row/style");
 
-require("antd/es/col/style/css");
+require("antd/lib/col/style");
 
-require("antd/es/form/style/css");
+require("antd/lib/form/style");
 
-require("antd/es/icon/style/css");
+require("antd/lib/icon/style");
 
-require("antd/es/tooltip/style/css");
+require("antd/lib/tooltip/style");
 
-require("antd/es/card/style/css");
+require("antd/lib/card/style");
 
-require("antd/es/divider/style/css");
+require("antd/lib/divider/style");
+
+require("antd/lib/skeleton/style");
 
 require("./index.less");
 //# sourceMappingURL=index.js.map

package/lib/vtx-form-layout/style/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-form-layout/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/es/row/style/css';\nimport 'antd/es/col/style/css';\nimport 'antd/es/form/style/css';\nimport 'antd/es/icon/style/css';\nimport 'antd/es/tooltip/style/css';\nimport 'antd/es/card/style/css';\nimport 'antd/es/divider/style/css';\nimport './index.less';\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-form-layout/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/lib/row/style';\nimport 'antd/lib/col/style';\nimport 'antd/lib/form/style';\nimport 'antd/lib/icon/style';\nimport 'antd/lib/tooltip/style';\nimport 'antd/lib/card/style';\nimport 'antd/lib/divider/style';\nimport 'antd/lib/skeleton/style';\nimport './index.less';\n"],"file":"index.js"}

package/lib/vtx-form-layout/style/index.less

@@ -1,13 +1,75 @@
-// @import (reference) '~antd/es/style/themes/index.less';
-@line-height: 1.5;
-@black: #000;
+@import (reference) '~antd/lib/style/themes/index.less';
 
 .vtx-form-layout {
     position: relative;
-    padding: 0 24px;
+    display: flex;
+    flex-flow: row wrap;
+    width: 100%;
+    padding: 0 @padding-lg;
     overflow: hidden;
+    .vtx-form-item {
+        .ant-form-item-label {
+            text-overflow: ellipsis;
+            label::after {
+                content: '';
+            }
+        }
+        &-vertical {
+            flex-direction: column;
+            .ant-form-item-label,
+            .ant-form-item-control {
+                line-height: @line-height-base;
+            }
+            .ant-form-item-label {
+                margin-bottom: 8px;
+                padding: 0 !important;
+                white-space: initial;
+                text-align: left;
+                label {
+                    height: auto;
+                }
+            }
+        }
+        .ant-form-item-explain {
+            font-size: @font-size-sm;
+        }
+        &--view {
+            margin-bottom: 0;
+            .ant-form-item-label,
+            .ant-form-item-control {
+                line-height: @line-height-base;
+            }
+            .ant-form-item-label {
+                & > label {
+                    height: auto;
+                    color: fade(@black, 65%);
+                }
+                label::after {
+                    content: ':';
+                }
+            }
+            .ant-form-item-control {
+                color: @text-color;
+                .ant-form-item-control-input {
+                    min-height: auto;
+                }
+            }
+        }
+    }
+    .vtx-form-item-col {
+        .ant-form-item {
+            margin-bottom: 20px;
+        }
+        .ant-form-item-with-help {
+            margin-bottom: 0;
+        }
+        .ant-form-item-explain {
+            min-height: 20px;
+        }
+    }
     .vtx-form-card {
         position: relative;
+        width: 100%;
         overflow: hidden;
         &-expand-icon {
             color: fade(@black, 45%);
@@ -17,6 +79,8 @@
             padding: 0;
         }
         &-content {
+            display: flex;
+            flex-flow: row wrap;
             padding: 20px 24px;
             padding-bottom: 0;
             &::after {
@@ -51,12 +115,14 @@
         &-title {
             margin-bottom: 16px;
             overflow: hidden;
-            color: fade(@black, 85%);
+            color: @text-color;
             font-weight: 500;
-            line-height: @line-height;
+            line-height: @line-height-base;
             list-style: none;
         }
         &-content {
+            display: flex;
+            flex-flow: row wrap;
             &::after {
                 clear: both;
             }
@@ -72,9 +138,10 @@
         margin-bottom: 20px;
     }
     .vtx-form-tabs {
+        width: 100%;
         .ant-tabs-bar {
-            padding-right: 12px;
-            padding-left: 12px;
+            padding-right: @padding-sm;
+            padding-left: @padding-sm;
             border-bottom: none;
         }
         .ant-tabs-tab {
@@ -82,23 +149,23 @@
         }
     }
     &-vertical {
-        padding: 0 12px;
+        padding: 0 @padding-sm;
         .vtx-form-item-col {
-            padding-right: 12px;
-            padding-left: 12px;
+            padding-right: @padding-sm;
+            padding-left: @padding-sm;
         }
         .vtx-form-card-content {
-            padding: 20px 12px;
+            padding: 20px @padding-sm;
             padding-bottom: 0;
         }
         .vtx-form-pane-title {
-            padding: 0 12px;
+            padding: 0 @padding-sm;
         }
     }
     &-has-card {
         padding: 0;
         .vtx-form-tabs .ant-tabs-bar {
-            padding: 0 24px;
+            padding: 0 @padding-lg;
         }
     }
     &-view {
@@ -107,42 +174,3 @@
         }
     }
 }
-
-.vtx-form-item {
-    .ant-form-item-label {
-        text-overflow: ellipsis;
-        label::after {
-            content: '';
-        }
-    }
-    &-vertical {
-        .ant-form-item-label,
-        .ant-form-item-control {
-            line-height: @line-height;
-        }
-        .ant-form-item-label {
-            margin-bottom: 10px;
-        }
-    }
-    .ant-form-explain {
-        font-size: 12px;
-    }
-    &--view {
-        margin-bottom: 0;
-        .ant-form-item-label,
-        .ant-form-item-control {
-            line-height: @line-height;
-        }
-        .ant-form-item-label {
-            & > label {
-                color: fade(@black, 65%);
-            }
-            label::after {
-                content: ':';
-            }
-        }
-        .ant-form-item-control {
-            color: fade(@black, 85%);
-        }
-    }
-}

package/lib/vtx-image/Image.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -21,9 +21,9 @@ var _useSet3 = _interopRequireDefault(require("../_util/useSet"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -35,7 +35,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -149,7 +149,7 @@ function VtxImage(props) {
   }; // 无图片
 
   if (!src) {
-    //有替代图片
+    // 有替代图片
     if (emptyImageSrc && !isEmptyImageError) {
       imgProps.src = emptyImageSrc;
 

package/lib/vtx-image/Image.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-image/Image.jsx"],"names":["defaultEmptyImageSrc","defaultErrorImageSrc","defaultEmptyText","defaultErrorText","uuid","VtxImage","props","React","useState","currentId","isError","isEmptyImageError","isErrorImageError","viewerVisible","visible","photo","undefined","state","setState","prefixCls","preview","className","style","src","thumb","alt","emptyImageSrc","errorImageSrc","emptyText","errorText","onClick","aspectFit","context","isPreviewGroup","setCurrent","setGroupShowPreview","setShowPreview","registerImage","id","imgProps","onError","imgRender","propTypes","PropTypes","string","object","bool","func","setImageConfig","options","PreviewGroup","VtxImagePreview","Preview"],"mappings":"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","sourcesContent":["import React, { useEffect, useContext } from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport Preview from './Preview';\nimport PreviewGroup, { context } from './PreviewGroup';\nimport useSet from '../_util/useSet';\n\nlet defaultEmptyImageSrc = '';\nlet defaultErrorImageSrc = '';\nlet defaultEmptyText = '暂无图片';\nlet defaultErrorText = '图片出错';\n\nlet uuid = 0;\n\nfunction VtxImage(props) {\n    const [currentId] = React.useState(() => {\n        uuid += 1;\n        return uuid;\n    });\n\n    const [state, setState] = useSet({\n        isError: false, // 图片是否加载失败\n        isEmptyImageError: false, // 空白图片是否加载失败\n        isErrorImageError: false, // 报错图片是否加载失败\n        viewerVisible: false, // 是否查看\n        visible: false,\n        photo: undefined,\n    });\n    const { isError, isEmptyImageError, isErrorImageError, visible, photo } = state;\n\n    const {\n        prefixCls = 'vtx-image',\n        preview = true,\n        className,\n        style,\n        src,\n        thumb,\n        alt,\n        emptyImageSrc = defaultEmptyImageSrc,\n        errorImageSrc = defaultErrorImageSrc,\n        emptyText = defaultEmptyText,\n        errorText = defaultErrorText,\n        onClick,\n        aspectFit,\n    } = props;\n\n    const {\n        isPreviewGroup,\n        setCurrent,\n        setShowPreview: setGroupShowPreview,\n        registerImage,\n    } = useContext(context);\n\n    useEffect(() => {\n        setState({\n            isError: false,\n        });\n        if (isPreviewGroup && preview) {\n            registerImage({ id: currentId, src, alt });\n        }\n    }, [src]);\n\n    // 图片props属性\n    let imgProps = {\n        src: thumb || src,\n        className,\n        style,\n        alt,\n        onClick: () => {\n            if (!src || isError) {\n                return null;\n            }\n            onClick && onClick();\n            if (preview) {\n                if (isPreviewGroup) {\n                    setCurrent(currentId);\n                    setGroupShowPreview(true);\n                } else {\n                    setState({\n                        visible: true,\n                        photo: {\n                            src,\n                            alt,\n                        },\n                    });\n                }\n            }\n        },\n        onError: () => {\n            setState({\n                isError: true,\n            });\n        },\n    };\n\n    // 无图片\n    if (!src) {\n        //有替代图片\n        if (emptyImageSrc && !isEmptyImageError) {\n            imgProps.src = emptyImageSrc;\n            imgProps.onError = () => {\n                setState({ isEmptyImageError: true });\n            };\n        } else {\n            // 没有替代图片或替代图片无法加载\n            return (\n                <div className={`${prefixCls}-nodata`} style={style}>\n                    <p>{emptyText}</p>\n                </div>\n            );\n        }\n    }\n\n    // 图片出错\n    if (isError) {\n        if (errorImageSrc && !isErrorImageError) {\n            imgProps['data-error-img'] = src;\n            imgProps.src = errorImageSrc;\n            imgProps.onError = () => {\n                setState({ isErrorImageError: true });\n            };\n        } else {\n            // 无法加载报错图片\n            return (\n                <div className={`${prefixCls}-error`} data-error-img={src} style={style}>\n                    <p>{errorText}</p>\n                </div>\n            );\n        }\n    }\n\n    let imgRender = <img {...imgProps} />;\n    // 缩放\n    if (src && !isError && aspectFit) {\n        imgRender = (\n            <div\n                className={classnames(`${prefixCls}-aspectFit`, {\n                    [`${prefixCls}-preview`]: preview,\n                })}\n            >\n                <img {...imgProps} />\n            </div>\n        );\n    }\n    return (\n        <>\n            {imgRender}\n            {!isPreviewGroup && preview && (\n                <Preview\n                    visible={visible}\n                    photo={photo}\n                    onClose={() => setState({ visible: false })}\n                />\n            )}\n        </>\n    );\n}\n\nVtxImage.propTypes = {\n    prefixCls: PropTypes.string,\n    className: PropTypes.string,\n    style: PropTypes.object,\n    preview: PropTypes.bool,\n    src: PropTypes.string,\n    thumb: PropTypes.string,\n    alt: PropTypes.string,\n    emptyImageSrc: PropTypes.string,\n    errorImageSrc: PropTypes.string,\n    emptyText: PropTypes.string,\n    errorText: PropTypes.string,\n    onClick: PropTypes.func,\n    aspectFit: PropTypes.bool,\n};\n\nVtxImage.setImageConfig = setImageConfig;\n\nfunction setImageConfig(options) {\n    const { emptyImageSrc, errorImageSrc, emptyText, errorText } = options;\n\n    if (emptyImageSrc !== undefined) {\n        defaultEmptyImageSrc = emptyImageSrc;\n    }\n    if (errorImageSrc !== undefined) {\n        defaultErrorImageSrc = errorImageSrc;\n    }\n    if (emptyText !== undefined) {\n        defaultEmptyText = emptyText;\n    }\n    if (errorText !== undefined) {\n        defaultErrorText = errorText;\n    }\n}\n\nVtxImage.PreviewGroup = PreviewGroup;\nVtxImage.VtxImagePreview = Preview;\n\nexport default VtxImage;\n"],"file":"Image.js"}
+{"version":3,"sources":["vtx-image/Image.jsx"],"names":["defaultEmptyImageSrc","defaultErrorImageSrc","defaultEmptyText","defaultErrorText","uuid","VtxImage","props","React","useState","currentId","isError","isEmptyImageError","isErrorImageError","viewerVisible","visible","photo","undefined","state","setState","prefixCls","preview","className","style","src","thumb","alt","emptyImageSrc","errorImageSrc","emptyText","errorText","onClick","aspectFit","context","isPreviewGroup","setCurrent","setGroupShowPreview","setShowPreview","registerImage","id","imgProps","onError","imgRender","propTypes","PropTypes","string","object","bool","func","setImageConfig","options","PreviewGroup","VtxImagePreview","Preview"],"mappings":"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","sourcesContent":["import React, { useEffect, useContext } from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport Preview from './Preview';\nimport PreviewGroup, { context } from './PreviewGroup';\nimport useSet from '../_util/useSet';\n\nlet defaultEmptyImageSrc = '';\nlet defaultErrorImageSrc = '';\nlet defaultEmptyText = '暂无图片';\nlet defaultErrorText = '图片出错';\n\nlet uuid = 0;\n\nfunction VtxImage(props) {\n    const [currentId] = React.useState(() => {\n        uuid += 1;\n        return uuid;\n    });\n\n    const [state, setState] = useSet({\n        isError: false, // 图片是否加载失败\n        isEmptyImageError: false, // 空白图片是否加载失败\n        isErrorImageError: false, // 报错图片是否加载失败\n        viewerVisible: false, // 是否查看\n        visible: false,\n        photo: undefined,\n    });\n    const { isError, isEmptyImageError, isErrorImageError, visible, photo } = state;\n\n    const {\n        prefixCls = 'vtx-image',\n        preview = true,\n        className,\n        style,\n        src,\n        thumb,\n        alt,\n        emptyImageSrc = defaultEmptyImageSrc,\n        errorImageSrc = defaultErrorImageSrc,\n        emptyText = defaultEmptyText,\n        errorText = defaultErrorText,\n        onClick,\n        aspectFit,\n    } = props;\n\n    const {\n        isPreviewGroup,\n        setCurrent,\n        setShowPreview: setGroupShowPreview,\n        registerImage,\n    } = useContext(context);\n\n    useEffect(() => {\n        setState({\n            isError: false,\n        });\n        if (isPreviewGroup && preview) {\n            registerImage({ id: currentId, src, alt });\n        }\n    }, [src]);\n\n    // 图片props属性\n    const imgProps = {\n        src: thumb || src,\n        className,\n        style,\n        alt,\n        onClick: () => {\n            if (!src || isError) {\n                return null;\n            }\n            onClick && onClick();\n            if (preview) {\n                if (isPreviewGroup) {\n                    setCurrent(currentId);\n                    setGroupShowPreview(true);\n                } else {\n                    setState({\n                        visible: true,\n                        photo: {\n                            src,\n                            alt,\n                        },\n                    });\n                }\n            }\n        },\n        onError: () => {\n            setState({\n                isError: true,\n            });\n        },\n    };\n\n    // 无图片\n    if (!src) {\n        // 有替代图片\n        if (emptyImageSrc && !isEmptyImageError) {\n            imgProps.src = emptyImageSrc;\n            imgProps.onError = () => {\n                setState({ isEmptyImageError: true });\n            };\n        } else {\n            // 没有替代图片或替代图片无法加载\n            return (\n                <div className={`${prefixCls}-nodata`} style={style}>\n                    <p>{emptyText}</p>\n                </div>\n            );\n        }\n    }\n\n    // 图片出错\n    if (isError) {\n        if (errorImageSrc && !isErrorImageError) {\n            imgProps['data-error-img'] = src;\n            imgProps.src = errorImageSrc;\n            imgProps.onError = () => {\n                setState({ isErrorImageError: true });\n            };\n        } else {\n            // 无法加载报错图片\n            return (\n                <div className={`${prefixCls}-error`} data-error-img={src} style={style}>\n                    <p>{errorText}</p>\n                </div>\n            );\n        }\n    }\n\n    let imgRender = <img {...imgProps} />;\n    // 缩放\n    if (src && !isError && aspectFit) {\n        imgRender = (\n            <div\n                className={classnames(`${prefixCls}-aspectFit`, {\n                    [`${prefixCls}-preview`]: preview,\n                })}\n            >\n                <img {...imgProps} />\n            </div>\n        );\n    }\n    return (\n        <>\n            {imgRender}\n            {!isPreviewGroup && preview && (\n                <Preview\n                    visible={visible}\n                    photo={photo}\n                    onClose={() => setState({ visible: false })}\n                />\n            )}\n        </>\n    );\n}\n\nVtxImage.propTypes = {\n    prefixCls: PropTypes.string,\n    className: PropTypes.string,\n    style: PropTypes.object,\n    preview: PropTypes.bool,\n    src: PropTypes.string,\n    thumb: PropTypes.string,\n    alt: PropTypes.string,\n    emptyImageSrc: PropTypes.string,\n    errorImageSrc: PropTypes.string,\n    emptyText: PropTypes.string,\n    errorText: PropTypes.string,\n    onClick: PropTypes.func,\n    aspectFit: PropTypes.bool,\n};\n\nVtxImage.setImageConfig = setImageConfig;\n\nfunction setImageConfig(options) {\n    const { emptyImageSrc, errorImageSrc, emptyText, errorText } = options;\n\n    if (emptyImageSrc !== undefined) {\n        defaultEmptyImageSrc = emptyImageSrc;\n    }\n    if (errorImageSrc !== undefined) {\n        defaultErrorImageSrc = errorImageSrc;\n    }\n    if (emptyText !== undefined) {\n        defaultEmptyText = emptyText;\n    }\n    if (errorText !== undefined) {\n        defaultErrorText = errorText;\n    }\n}\n\nVtxImage.PreviewGroup = PreviewGroup;\nVtxImage.VtxImagePreview = Preview;\n\nexport default VtxImage;\n"],"file":"Image.js"}

package/lib/vtx-image/Preview.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -17,13 +17,13 @@ var _isObject = _interopRequireDefault(require("../_util/isObject"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -35,7 +35,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 

package/lib/vtx-image/Preview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-image/Preview.jsx"],"names":["VIEWER","GALLERY","checkMode","x","mode","Array","isArray","len","length","Preview","props","container","setContainer","viewer","setViewer","photo","index","visible","onClose","onIndexChange","options","viewerOption","button","navbar","title","toolbar","tooltip","movable","zoomable","rotatable","scalable","transition","document","createElement","Viewer","url","image","src","hidden","view","e","detail","destroy","childNodes","innerHTML","newIndex","alt","imgElem","appendChild","ulElem","map","item","liElem","update","propTypes","PropTypes","oneOfType","object","array","number","bool","func"],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport Viewer from 'viewerjs';\nimport PropTypes from 'prop-types';\n\nimport isObject from '../_util/isObject';\n\n// 单张\nconst VIEWER = 'viewer';\n// 多张\nconst GALLERY = 'gallery';\nfunction checkMode(x) {\n    let mode = '';\n    if (isObject(x)) {\n        mode = VIEWER;\n    }\n    if (Array.isArray(x)) {\n        let len = x.length;\n        mode = len == 0 ? '' : len == 1 ? VIEWER : GALLERY;\n    }\n    return mode;\n}\n\nexport default function Preview(props) {\n    const [container, setContainer] = useState();\n    const [viewer, setViewer] = useState();\n    const { photo, index, visible, onClose, onIndexChange, options } = props;\n\n    // let container;\n    useEffect(() => {\n        const viewerOption = {\n            button: true, // 显示右上角关闭按钮\n            navbar: false, // 显示缩略图导航\n            title: true, // 显示当前图片的标题（现实 alt 属性及图片尺寸）\n            toolbar: true, // 是否显示工具栏\n            tooltip: true, // 显示缩放百分比\n            movable: true, // 图片是否可移动\n            zoomable: true, // 图片是否可缩放\n            rotatable: true, // 图片是否可旋转\n            scalable: true, // 图片是否可翻转\n            transition: true, // 使用 CSS3 过度\n            ...options,\n        };\n\n        const container = document.createElement('div');\n        const viewer = new Viewer(container, {\n            url(image) {\n                return image.src;\n            },\n            // 关闭后\n            hidden() {\n                onClose && onClose();\n            },\n            view(e) {\n                onIndexChange && onIndexChange(e.detail.index);\n            },\n            ...viewerOption,\n        });\n        setContainer(container);\n        setViewer(viewer);\n        return () => {\n            viewer && viewer.destroy();\n        };\n    }, []);\n\n    useEffect(() => {\n        if (visible) {\n            if (container.childNodes.length > 0) {\n                container.innerHTML = '';\n            }\n            const mode = checkMode(photo);\n            let newIndex = index;\n            // 单张\n            if (mode === VIEWER) {\n                newIndex = 0;\n                const { src, alt } = isObject(photo) ? photo : photo[0];\n                const imgElem = document.createElement('img');\n                imgElem.src = src;\n                imgElem.alt = alt;\n                container.appendChild(imgElem);\n            }\n            // 多张\n            if (mode === GALLERY) {\n                let len = photo.length - 1;\n                newIndex = index < 0 ? 0 : index;\n                newIndex = index > len ? len : index;\n                const ulElem = document.createElement('ul');\n                photo.map(item => {\n                    const liElem = document.createElement('li');\n                    const imgElem = document.createElement('img');\n                    imgElem.src = item.src;\n                    imgElem.alt = item.alt;\n                    liElem.appendChild(imgElem);\n                    ulElem.appendChild(liElem);\n                });\n                container.appendChild(ulElem);\n            }\n            viewer.update();\n            viewer.view(newIndex);\n        }\n    }, [visible]);\n\n    return <></>;\n}\n\nPreview.propTypes = {\n    photo: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n    index: PropTypes.number,\n    visible: PropTypes.bool,\n    onClose: PropTypes.func,\n    onIndexChange: PropTypes.func,\n    options: PropTypes.object,\n};\n"],"file":"Preview.js"}
+{"version":3,"sources":["vtx-image/Preview.jsx"],"names":["VIEWER","GALLERY","checkMode","x","mode","Array","isArray","len","length","Preview","props","container","setContainer","viewer","setViewer","photo","index","visible","onClose","onIndexChange","options","viewerOption","button","navbar","title","toolbar","tooltip","movable","zoomable","rotatable","scalable","transition","document","createElement","Viewer","url","image","src","hidden","view","e","detail","destroy","childNodes","innerHTML","newIndex","alt","imgElem","appendChild","ulElem","map","item","liElem","update","propTypes","PropTypes","oneOfType","object","array","number","bool","func"],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport Viewer from 'viewerjs';\nimport PropTypes from 'prop-types';\n\nimport isObject from '../_util/isObject';\n\n// 单张\nconst VIEWER = 'viewer';\n// 多张\nconst GALLERY = 'gallery';\nfunction checkMode(x) {\n    let mode = '';\n    if (isObject(x)) {\n        mode = VIEWER;\n    }\n    if (Array.isArray(x)) {\n        const len = x.length;\n        mode = len == 0 ? '' : len == 1 ? VIEWER : GALLERY;\n    }\n    return mode;\n}\n\nexport default function Preview(props) {\n    const [container, setContainer] = useState();\n    const [viewer, setViewer] = useState();\n    const { photo, index, visible, onClose, onIndexChange, options } = props;\n\n    // let container;\n    useEffect(() => {\n        const viewerOption = {\n            button: true, // 显示右上角关闭按钮\n            navbar: false, // 显示缩略图导航\n            title: true, // 显示当前图片的标题（现实 alt 属性及图片尺寸）\n            toolbar: true, // 是否显示工具栏\n            tooltip: true, // 显示缩放百分比\n            movable: true, // 图片是否可移动\n            zoomable: true, // 图片是否可缩放\n            rotatable: true, // 图片是否可旋转\n            scalable: true, // 图片是否可翻转\n            transition: true, // 使用 CSS3 过度\n            ...options,\n        };\n\n        const container = document.createElement('div');\n        const viewer = new Viewer(container, {\n            url(image) {\n                return image.src;\n            },\n            // 关闭后\n            hidden() {\n                onClose && onClose();\n            },\n            view(e) {\n                onIndexChange && onIndexChange(e.detail.index);\n            },\n            ...viewerOption,\n        });\n        setContainer(container);\n        setViewer(viewer);\n        return () => {\n            viewer && viewer.destroy();\n        };\n    }, []);\n\n    useEffect(() => {\n        if (visible) {\n            if (container.childNodes.length > 0) {\n                container.innerHTML = '';\n            }\n            const mode = checkMode(photo);\n            let newIndex = index;\n            // 单张\n            if (mode === VIEWER) {\n                newIndex = 0;\n                const { src, alt } = isObject(photo) ? photo : photo[0];\n                const imgElem = document.createElement('img');\n                imgElem.src = src;\n                imgElem.alt = alt;\n                container.appendChild(imgElem);\n            }\n            // 多张\n            if (mode === GALLERY) {\n                const len = photo.length - 1;\n                newIndex = index < 0 ? 0 : index;\n                newIndex = index > len ? len : index;\n                const ulElem = document.createElement('ul');\n                photo.map(item => {\n                    const liElem = document.createElement('li');\n                    const imgElem = document.createElement('img');\n                    imgElem.src = item.src;\n                    imgElem.alt = item.alt;\n                    liElem.appendChild(imgElem);\n                    ulElem.appendChild(liElem);\n                });\n                container.appendChild(ulElem);\n            }\n            viewer.update();\n            viewer.view(newIndex);\n        }\n    }, [visible]);\n\n    return <></>;\n}\n\nPreview.propTypes = {\n    photo: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n    index: PropTypes.number,\n    visible: PropTypes.bool,\n    onClose: PropTypes.func,\n    onIndexChange: PropTypes.func,\n    options: PropTypes.object,\n};\n"],"file":"Preview.js"}

package/lib/vtx-image/PreviewGroup.js

@@ -1,12 +1,12 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = PreviewGroup;
 exports.context = void 0;
+exports["default"] = PreviewGroup;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -16,15 +16,15 @@ var _Preview = _interopRequireDefault(require("./Preview"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
@@ -36,7 +36,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 

package/lib/vtx-image/PreviewGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-image/PreviewGroup.jsx"],"names":["context","React","createContext","Provider","PreviewGroup","props","photo","setPhoto","current","setCurrent","visible","setVisible","onIndexChange","registerImage","src","alt","id","oldPhoto","newPhoto","index","findIndex","item","push","isPreviewGroup","setShowPreview","children","propTypes","PropTypes","node","func"],"mappings":";;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,OAAO,gBAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAhB;;;IACCC,Q,GAAaH,O,CAAbG,Q;;AAEO,SAASC,YAAT,CAAsBC,KAAtB,EAA6B;AAAA,kBACd,qBAAS,EAAT,CADc;AAAA;AAAA,MACjCC,KADiC;AAAA,MAC1BC,QAD0B;;AAAA,mBAEV,qBAAS,CAAT,CAFU;AAAA;AAAA,MAEjCC,OAFiC;AAAA,MAExBC,UAFwB;;AAAA,mBAGV,qBAAS,KAAT,CAHU;AAAA;AAAA,MAGjCC,OAHiC;AAAA,MAGxBC,UAHwB;;AAAA,MAKhCC,aALgC,GAKdP,KALc,CAKhCO,aALgC;;AAOxC,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAAsB;AAAA,QAAnBC,GAAmB,QAAnBA,GAAmB;AAAA,QAAdC,GAAc,QAAdA,GAAc;AAAA,QAATC,EAAS,QAATA,EAAS;AACxCT,IAAAA,QAAQ,CAAC,UAAAU,QAAQ,EAAI;AACjB,UAAIC,QAAQ,sBAAOD,QAAP,CAAZ;;AACA,UAAME,KAAK,GAAGF,QAAQ,CAACG,SAAT,CAAmB,UAAAC,IAAI;AAAA,eAAIA,IAAI,CAACL,EAAL,KAAYA,EAAhB;AAAA,OAAvB,CAAd;;AACA,UAAIG,KAAK,GAAG,CAAZ,EAAe;AACXD,QAAAA,QAAQ,CAACI,IAAT,CAAc;AAAER,UAAAA,GAAG,EAAHA,GAAF;AAAOC,UAAAA,GAAG,EAAHA,GAAP;AAAYC,UAAAA,EAAE,EAAFA;AAAZ,SAAd;AACH,OAFD,MAEO;AACHE,QAAAA,QAAQ,CAACC,KAAD,CAAR,GAAkB;AAAEL,UAAAA,GAAG,EAAHA,GAAF;AAAOC,UAAAA,GAAG,EAAHA,GAAP;AAAYC,UAAAA,EAAE,EAAFA;AAAZ,SAAlB;AACH;;AACD,aAAOE,QAAP;AACH,KATO,CAAR;AAUH,GAXD;;AAaA,sBACI,gCAAC,QAAD;AACI,IAAA,KAAK,EAAE;AACHK,MAAAA,cAAc,EAAE,IADb;AAEHf,MAAAA,OAAO,EAAPA,OAFG;AAGHC,MAAAA,UAAU,EAAVA,UAHG;AAIHe,MAAAA,cAAc,EAAEb,UAJb;AAKHE,MAAAA,aAAa,EAAbA;AALG;AADX,KASKR,KAAK,CAACoB,QATX,eAUI,gCAAC,mBAAD;AACI,IAAA,OAAO,EAAEf,OADb;AAEI,IAAA,KAAK,EAAEJ,KAAK,CAACc,SAAN,CAAgB,UAAAC,IAAI;AAAA,aAAIA,IAAI,CAACL,EAAL,KAAYR,OAAhB;AAAA,KAApB,CAFX;AAGI,IAAA,KAAK,EAAEF,KAHX;AAII,IAAA,OAAO,EAAE;AAAA,aAAMK,UAAU,CAAC,KAAD,CAAhB;AAAA,KAJb;AAKI,IAAA,aAAa,EAAEC;AALnB,IAVJ,CADJ;AAoBH;;AAEDR,YAAY,CAACsB,SAAb,GAAyB;AACrBD,EAAAA,QAAQ,EAAEE,sBAAUC,IADC;AAErBhB,EAAAA,aAAa,EAAEe,sBAAUE;AAFJ,CAAzB","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Preview from './Preview';\n\nexport const context = React.createContext({});\nconst { Provider } = context;\n\nexport default function PreviewGroup(props) {\n    const [photo, setPhoto] = useState([]);\n    const [current, setCurrent] = useState(0);\n    const [visible, setVisible] = useState(false);\n\n    const { onIndexChange } = props;\n\n    const registerImage = ({ src, alt, id }) => {\n        setPhoto(oldPhoto => {\n            let newPhoto = [...oldPhoto];\n            const index = oldPhoto.findIndex(item => item.id === id);\n            if (index < 0) {\n                newPhoto.push({ src, alt, id });\n            } else {\n                newPhoto[index] = { src, alt, id };\n            }\n            return newPhoto;\n        });\n    };\n\n    return (\n        <Provider\n            value={{\n                isPreviewGroup: true,\n                current,\n                setCurrent,\n                setShowPreview: setVisible,\n                registerImage,\n            }}\n        >\n            {props.children}\n            <Preview\n                visible={visible}\n                index={photo.findIndex(item => item.id === current)}\n                photo={photo}\n                onClose={() => setVisible(false)}\n                onIndexChange={onIndexChange}\n            />\n        </Provider>\n    );\n}\n\nPreviewGroup.propTypes = {\n    children: PropTypes.node,\n    onIndexChange: PropTypes.func,\n};\n"],"file":"PreviewGroup.js"}
+{"version":3,"sources":["vtx-image/PreviewGroup.jsx"],"names":["context","React","createContext","Provider","PreviewGroup","props","photo","setPhoto","current","setCurrent","visible","setVisible","onIndexChange","registerImage","src","alt","id","oldPhoto","newPhoto","index","findIndex","item","push","isPreviewGroup","setShowPreview","children","propTypes","PropTypes","node","func"],"mappings":";;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,OAAO,gBAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAhB;;;AACP,IAAQC,QAAR,GAAqBH,OAArB,CAAQG,QAAR;;AAEe,SAASC,YAAT,CAAsBC,KAAtB,EAA6B;AACxC,kBAA0B,qBAAS,EAAT,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,mBAA8B,qBAAS,CAAT,CAA9B;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AACA,mBAA8B,qBAAS,KAAT,CAA9B;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AAEA,MAAQC,aAAR,GAA0BP,KAA1B,CAAQO,aAAR;;AAEA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAAsB;AAAA,QAAnBC,GAAmB,QAAnBA,GAAmB;AAAA,QAAdC,GAAc,QAAdA,GAAc;AAAA,QAATC,EAAS,QAATA,EAAS;AACxCT,IAAAA,QAAQ,CAAC,UAAAU,QAAQ,EAAI;AACjB,UAAMC,QAAQ,sBAAOD,QAAP,CAAd;;AACA,UAAME,KAAK,GAAGF,QAAQ,CAACG,SAAT,CAAmB,UAAAC,IAAI;AAAA,eAAIA,IAAI,CAACL,EAAL,KAAYA,EAAhB;AAAA,OAAvB,CAAd;;AACA,UAAIG,KAAK,GAAG,CAAZ,EAAe;AACXD,QAAAA,QAAQ,CAACI,IAAT,CAAc;AAAER,UAAAA,GAAG,EAAHA,GAAF;AAAOC,UAAAA,GAAG,EAAHA,GAAP;AAAYC,UAAAA,EAAE,EAAFA;AAAZ,SAAd;AACH,OAFD,MAEO;AACHE,QAAAA,QAAQ,CAACC,KAAD,CAAR,GAAkB;AAAEL,UAAAA,GAAG,EAAHA,GAAF;AAAOC,UAAAA,GAAG,EAAHA,GAAP;AAAYC,UAAAA,EAAE,EAAFA;AAAZ,SAAlB;AACH;;AACD,aAAOE,QAAP;AACH,KATO,CAAR;AAUH,GAXD;;AAaA,sBACI,gCAAC,QAAD;AACI,IAAA,KAAK,EAAE;AACHK,MAAAA,cAAc,EAAE,IADb;AAEHf,MAAAA,OAAO,EAAPA,OAFG;AAGHC,MAAAA,UAAU,EAAVA,UAHG;AAIHe,MAAAA,cAAc,EAAEb,UAJb;AAKHE,MAAAA,aAAa,EAAbA;AALG;AADX,KASKR,KAAK,CAACoB,QATX,eAUI,gCAAC,mBAAD;AACI,IAAA,OAAO,EAAEf,OADb;AAEI,IAAA,KAAK,EAAEJ,KAAK,CAACc,SAAN,CAAgB,UAAAC,IAAI;AAAA,aAAIA,IAAI,CAACL,EAAL,KAAYR,OAAhB;AAAA,KAApB,CAFX;AAGI,IAAA,KAAK,EAAEF,KAHX;AAII,IAAA,OAAO,EAAE;AAAA,aAAMK,UAAU,CAAC,KAAD,CAAhB;AAAA,KAJb;AAKI,IAAA,aAAa,EAAEC;AALnB,IAVJ,CADJ;AAoBH;;AAEDR,YAAY,CAACsB,SAAb,GAAyB;AACrBD,EAAAA,QAAQ,EAAEE,sBAAUC,IADC;AAErBhB,EAAAA,aAAa,EAAEe,sBAAUE;AAFJ,CAAzB","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport Preview from './Preview';\n\nexport const context = React.createContext({});\nconst { Provider } = context;\n\nexport default function PreviewGroup(props) {\n    const [photo, setPhoto] = useState([]);\n    const [current, setCurrent] = useState(0);\n    const [visible, setVisible] = useState(false);\n\n    const { onIndexChange } = props;\n\n    const registerImage = ({ src, alt, id }) => {\n        setPhoto(oldPhoto => {\n            const newPhoto = [...oldPhoto];\n            const index = oldPhoto.findIndex(item => item.id === id);\n            if (index < 0) {\n                newPhoto.push({ src, alt, id });\n            } else {\n                newPhoto[index] = { src, alt, id };\n            }\n            return newPhoto;\n        });\n    };\n\n    return (\n        <Provider\n            value={{\n                isPreviewGroup: true,\n                current,\n                setCurrent,\n                setShowPreview: setVisible,\n                registerImage,\n            }}\n        >\n            {props.children}\n            <Preview\n                visible={visible}\n                index={photo.findIndex(item => item.id === current)}\n                photo={photo}\n                onClose={() => setVisible(false)}\n                onIndexChange={onIndexChange}\n            />\n        </Provider>\n    );\n}\n\nPreviewGroup.propTypes = {\n    children: PropTypes.node,\n    onIndexChange: PropTypes.func,\n};\n"],"file":"PreviewGroup.js"}