mobile-more
Version:
基于 antd-mobile v5 扩展移动端 UI 组件
50 lines (47 loc) • 2.51 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.ScrollLoadView = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _antdMobile = require("antd-mobile");
var _classnames = _interopRequireDefault(require("classnames"));
var _config = require("../../config");
var _BizConfigProvider = require("../BizConfigProvider");
require("./index.css");
var _excluded = ["loading", "error", "done", "showLoadingIcon", "text", "className"];
var prefixCls = "".concat(_config.prefixClass, "-scrollLoadView");
var BizScrollLoadView = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
var _ref$loading = _ref.loading,
loading = _ref$loading === void 0 ? false : _ref$loading,
_ref$error = _ref.error,
error = _ref$error === void 0 ? false : _ref$error,
_ref$done = _ref.done,
done = _ref$done === void 0 ? false : _ref$done,
_ref$showLoadingIcon = _ref.showLoadingIcon,
showLoadingIcon = _ref$showLoadingIcon === void 0 ? true : _ref$showLoadingIcon,
text = _ref.text,
className = _ref.className,
restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
var _useConfig = (0, _BizConfigProvider.useConfig)(),
locale = _useConfig.locale;
var textObj = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, locale.scrollLoadView), text);
var status = loading ? 'loading' : error ? 'error' : done ? 'done' : 'default';
return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
className: (0, _classnames.default)(prefixCls, "".concat(prefixCls, "-").concat(status), className),
ref: ref
}, restProps), textObj[status], loading && showLoadingIcon && /*#__PURE__*/_react.default.createElement(_antdMobile.DotLoading, null));
});
BizScrollLoadView.displayName = 'BizScrollLoadView';
/**
* @deprecated 即将废弃,请使用 `BizScrollLoadView` 替代。
*/
var ScrollLoadView = exports.ScrollLoadView = BizScrollLoadView;
/**
* @deprecated 即将废弃,请使用 `BizScrollLoadViewProps` 替代。
*/
var _default = exports.default = BizScrollLoadView;