@chatui/core
Version:
The React library for Chatbot UI
52 lines (51 loc) • 2.15 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Empty = void 0;
var _react = _interopRequireDefault(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var _Flex = require("../Flex");
var _Image = require("../Image");
// 根据不同类型设置默认图片
var getDefaultImage = function getDefaultImage(type) {
switch (type) {
case 'error':
return '//gw.alicdn.com/imgextra/i3/O1CN0189gA291s1P3ribzqY_!!6000000005706-55-tps-280-200.svg';
case 'error_permission':
return '//gw.alicdn.com/imgextra/i3/O1CN01w3M7wn1sVAnwUCUSN_!!6000000005771-55-tps-280-200.svg';
case 'error_system':
return '//gw.alicdn.com/imgextra/i2/O1CN01sQpWzK1ynqeLrIzCg_!!6000000006624-55-tps-280-200.svg';
case 'order':
return '//gw.alicdn.com/imgextra/i1/O1CN011akG1g1sB1NYoqSFz_!!6000000005727-55-tps-280-200.svg';
case 'benefit':
return '//gw.alicdn.com/imgextra/i2/O1CN01v5pA1d1MctmYWl1jB_!!6000000001456-55-tps-280-200.svg';
case 'knowledge':
return '//gw.alicdn.com/imgextra/i3/O1CN01hriild1j68c8wCq3S_!!6000000004498-55-tps-280-200.svg';
default:
return '//gw.alicdn.com/imgextra/i4/O1CN01sK49rS1Wd23TqzNUM_!!6000000002810-55-tps-280-200.svg';
}
};
var Empty = exports.Empty = function Empty(props) {
var className = props.className,
_props$type = props.type,
type = _props$type === void 0 ? 'search' : _props$type,
image = props.image,
tip = props.tip,
desc = props.desc,
children = props.children;
var imgUrl = image || getDefaultImage(type);
return /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
className: (0, _clsx.default)('Empty', className),
direction: "column",
center: true
}, /*#__PURE__*/_react.default.createElement(_Image.Image, {
className: "Empty-img",
src: imgUrl
}), tip && /*#__PURE__*/_react.default.createElement("h5", {
className: "Empty-tip"
}, tip), desc && /*#__PURE__*/_react.default.createElement("p", {
className: "Empty-desc"
}, desc), children);
};