@orca-fe/pocket
Version:
UI components by orca-team
62 lines (61 loc) • 1.88 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _ = require("../..");
var _jsxRuntime = require("react/jsx-runtime");
var _window$publicPath;
/**
* title: Error Tips
* desc: Custom error tips with prop `errSrc`
*
* title.zh-CN: 错误提示
* desc.zh-CN: 设置 `errSrc` 属性，在图片加载失败时显示。
*/
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var errSrc = "".concat((_window$publicPath = window['publicPath']) !== null && _window$publicPath !== void 0 ? _window$publicPath : '/', "error.jpg");
var Demo = function Demo() {
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
children: "\u9ED8\u8BA4Error\u6837\u5F0F"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Img, {
src: "err url",
style: {
width: 100,
height: 100
}
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
children: "\u81EA\u5B9A\u4E49Error\u56FE\u7247"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Img, {
src: "err url",
errSrc: errSrc,
style: {
width: 100,
height: 100
}
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
children: "\u81EA\u5B9A\u4E49Error Element"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Img, {
src: "err url",
errSrc: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
style: {
position: 'absolute',
top: 0,
left: 0,
display: 'flex',
alignItems: 'center',
justifyItems: 'center',
height: '100%'
},
children: "Custom Error"
}),
style: {
width: 100,
height: 100
}
})]
});
};
var _default = exports.default = Demo;