@fruits-chain/react-native-xiaoshu/lib/commonjs/error-boundary/index.js

🌈 React Native UI library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireWildcard(require("react"));

var _button = _interopRequireDefault(require("../button"));

var _result = _interopRequireDefault(require("../result"));

var _resultIconError = _interopRequireDefault(require("../result/icons/result-icon-error"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

const ERROR_PAGE_STYLE = {
  flex: 1,
  backgroundColor: '#fff'
};
/**
 * ErrorBoundary 错误捕获
 * @description 一般用于应用根组件，捕获 React 内产生的问题。
 */

class ErrorBoundary extends _react.PureComponent {
  constructor() {
    super(...arguments);

    _defineProperty(this, "state", {
      error: null
    });

    _defineProperty(this, "onPressReload", () => {
      this.setState({
        error: null
      });
    });
  }

  static getDerivedStateFromError(error) {
    // 更新 state，下次渲染可以展示错误相关的 UI
    return {
      error
    };
  }

  componentDidCatch(error, info) {
    var _this$props$onError, _this$props;

    (_this$props$onError = (_this$props = this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props, error, info);
  }
  /**
   * 点击清空错误，重新渲染子组件
   */


  render() {
    if (this.state.error) {
      // 渲染出错时的 UI
      if (this.props.renderError) {
        return this.props.renderError({
          name: this.state.error.name,
          message: this.state.error.message,
          onReset: this.onPressReload
        });
      }

      return /*#__PURE__*/_react.default.createElement(_result.default, {
        style: ERROR_PAGE_STYLE,
        status: "error",
        renderIcon: () => /*#__PURE__*/_react.default.createElement(_resultIconError.default, null),
        subtitle: `${this.props.title || '加载失败，请稍后再试~'}\n${this.state.error.name}\n${this.state.error.message}`,
        extra: /*#__PURE__*/_react.default.createElement(_button.default, {
          type: "primary",
          size: "s",
          text: this.props.reloadText || '重新加载',
          onPress: this.onPressReload
        })
      });
    }

    return this.props.children;
  }

}

var _default = ErrorBoundary;
exports.default = _default;
//# sourceMappingURL=index.js.map