@vtx/components 3.1.30 → 3.1.31

package/lib/vtx-image/Image.js

@@ -71,7 +71,9 @@ function VtxImage(props) {
     _props$errorText = props.errorText,
     errorText = _props$errorText === void 0 ? defaultErrorText : _props$errorText,
     _onClick = props.onClick,
-    aspectFit = props.aspectFit;
+    aspectFit = props.aspectFit,
+    _props$isDark = props.isDark,
+    isDark = _props$isDark === void 0 ? false : _props$isDark;
   var _useContext = (0, _react.useContext)(_PreviewGroup.context),
     isPreviewGroup = _useContext.isPreviewGroup,
     setCurrent = _useContext.setCurrent,
@@ -136,7 +138,7 @@ function VtxImage(props) {
     } else {
       // 没有替代图片或替代图片无法加载
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefixCls, "-nodata"),
+        className: "".concat(prefixCls, "-nodata").concat(isDark ? '-dark' : ''),
         style: style
       }, /*#__PURE__*/_react["default"].createElement("p", null, emptyText));
     }
@@ -155,7 +157,7 @@ function VtxImage(props) {
     } else {
       // 无法加载报错图片
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(prefixCls, "-error"),
+        className: "".concat(prefixCls, "-error").concat(isDark ? '-dark' : ''),
         "data-error-img": src,
         style: style
       }, /*#__PURE__*/_react["default"].createElement("p", null, errorText));
@@ -191,7 +193,8 @@ VtxImage.propTypes = {
   emptyText: _propTypes["default"].string,
   errorText: _propTypes["default"].string,
   onClick: _propTypes["default"].func,
-  aspectFit: _propTypes["default"].bool
+  aspectFit: _propTypes["default"].bool,
+  isDark: _propTypes["default"].bool
 };
 VtxImage.setImageConfig = setImageConfig;
 function setImageConfig(options) {

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

@@ -1 +1 @@
-{"version":3,"file":"Image.js","names":["defaultEmptyImageSrc","defaultErrorImageSrc","defaultEmptyText","defaultErrorText","uuid","VtxImage","props","React","useState","currentId","useSet","isError","isEmptyImageError","isErrorImageError","viewerVisible","visible","photo","undefined","state","setState","prefixCls","preview","className","style","src","thumb","alt","emptyImageSrc","errorImageSrc","emptyText","errorText","onClick","aspectFit","useContext","context","isPreviewGroup","setCurrent","setGroupShowPreview","setShowPreview","registerImage","useEffect","id","imgProps","onError","imgRender","classnames","propTypes","PropTypes","string","object","bool","func","setImageConfig","options","PreviewGroup","VtxImagePreview","Preview"],"sources":["vtx-image/Image.jsx"],"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"],"mappings":"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"}
+{"version":3,"file":"Image.js","names":["defaultEmptyImageSrc","defaultErrorImageSrc","defaultEmptyText","defaultErrorText","uuid","VtxImage","props","React","useState","currentId","useSet","isError","isEmptyImageError","isErrorImageError","viewerVisible","visible","photo","undefined","state","setState","prefixCls","preview","className","style","src","thumb","alt","emptyImageSrc","errorImageSrc","emptyText","errorText","onClick","aspectFit","isDark","useContext","context","isPreviewGroup","setCurrent","setGroupShowPreview","setShowPreview","registerImage","useEffect","id","imgProps","onError","imgRender","classnames","propTypes","PropTypes","string","object","bool","func","setImageConfig","options","PreviewGroup","VtxImagePreview","Preview"],"sources":["vtx-image/Image.jsx"],"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        isDark = false,\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${isDark ? '-dark' : ''}`} 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${isDark ? '-dark' : ''}`} 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    isDark: 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"],"mappings":"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"}

package/lib/vtx-image/style/index.css

@@ -36,6 +36,25 @@
 }
 .vtx-image-nodata p,
 .vtx-image-error p {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -ms-transform: translate(-50%, -50%);
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  color: #000000;
+}
+.vtx-image-nodata-dark,
+.vtx-image-error-dark {
+  position: relative;
+  height: 100%;
+  min-height: 36px;
+  background: #f5f5f7;
+  border: unset;
+  cursor: default;
+}
+.vtx-image-nodata-dark p,
+.vtx-image-error-dark p {
   position: absolute;
   top: 50%;
   left: 50%;

package/lib/vtx-image/style/index.less

@@ -42,7 +42,20 @@
         cursor: default;
         p {
             .center();
-            color: @text-color-secondary;
+            color: rgba(0, 0, 0, 5);
+        }
+    }
+    &-nodata-dark,
+    &-error-dark {
+        position: relative;
+        height: 100%;
+        min-height: @min-height;
+        background: #f5f5f7;
+        border: unset;
+        cursor: default;
+        p {
+            .center();
+            color: rgba(0, 0, 0, 0.45);
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtx/components",
-  "version": "3.1.30",
+  "version": "3.1.31",
   "description": "React components for Vortex",
   "keywords": [
     "react",