@td-design/react-native
Version:
react-native UI组件库
53 lines • 2.12 kB
JavaScript
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
import React, { useMemo } from 'react';
import Svg, { Ellipse, G, Path } from 'react-native-svg';
import Box from '../box';
import Text from '../text';
const Empty = _ref => {
let {
emptyText = '暂无数据',
customImg,
...boxProps
} = _ref;
const EmptyText = useMemo(() => {
if (typeof emptyText === 'string') {
return /*#__PURE__*/React.createElement(Text, {
variant: "p1",
color: "text"
}, emptyText);
}
return emptyText;
}, [emptyText]);
const EmptyImage = useMemo(() => {
if (customImg) return customImg;
return /*#__PURE__*/React.createElement(Svg, {
width: 128,
height: 82,
viewBox: "0 0 64 41"
}, /*#__PURE__*/React.createElement(G, {
transform: "translate(0 1)",
fill: "none",
fillRule: "evenodd"
}, /*#__PURE__*/React.createElement(Ellipse, {
fill: "#f5f5f5",
cx: 32,
cy: 33,
rx: 32,
ry: 7
}), /*#__PURE__*/React.createElement(G, {
stroke: "#d9d9d9"
}, /*#__PURE__*/React.createElement(Path, {
d: "M55 12.76 44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
}), /*#__PURE__*/React.createElement(Path, {
d: "M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",
fill: "#fafafa"
}))));
}, [customImg]);
return /*#__PURE__*/React.createElement(Box, _extends({
alignItems: 'center',
justifyContent: 'center'
}, boxProps), EmptyImage, EmptyText);
};
Empty.displayName = 'Empty';
export default Empty;
//# sourceMappingURL=index.js.map