UNPKG

polaris-offices-viewer

Version:

141 lines (140 loc) 5.49 kB
"use strict"; var __extends = (this && this.__extends) || (function () { var extendStatics = function (d, b) { extendStatics = Object.setPrototypeOf || ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; }; return extendStatics(d, b); }; return function (d, b) { if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null"); extendStatics(d, b); function __() { this.constructor = d; } d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); }; })(); var __assign = (this && this.__assign) || function () { __assign = Object.assign || function(t) { for (var s, i = 1, n = arguments.length; i < n; i++) { s = arguments[i]; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; } return t; }; return __assign.apply(this, arguments); }; var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { if (k2 === undefined) k2 = k; var desc = Object.getOwnPropertyDescriptor(m, k); if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { desc = { enumerable: true, get: function() { return m[k]; } }; } Object.defineProperty(o, k2, desc); }) : (function(o, m, k, k2) { if (k2 === undefined) k2 = k; o[k2] = m[k]; })); var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { Object.defineProperty(o, "default", { enumerable: true, value: v }); }) : function(o, v) { o["default"] = v; }); var __importStar = (this && this.__importStar) || function (mod) { if (mod && mod.__esModule) return mod; var result = {}; if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); __setModuleDefault(result, mod); return result; }; Object.defineProperty(exports, "__esModule", { value: true }); // @ts-nocheck var react_1 = __importStar(require("react")); // import Error from './error'; // import Loading from './loading'; var Error = function (_a) { var error = _a.error; return react_1.default.createElement("div", null, error); }; var Loading = function () { return react_1.default.createElement("div", null, "\u6587\u4EF6\u52A0\u8F7D\u4E2D \u2026\u2026"); }; function withFetching(WrappedComponent, props) { return /** @class */ (function (_super) { __extends(class_1, _super); function class_1(props) { // eslint-disable-line no-shadow var _this = _super.call(this, props) || this; _this.state = {}; _this.xhr = _this.createRequest(props.filePath); return _this; } class_1.prototype.componentDidMount = function () { try { this.fetch(); } catch (e) { if (this.props.onError) { this.props.onError(e); } this.setState({ error: 'fetch error' }); } }; class_1.prototype.componentWillUnmount = function () { this.abort(); }; class_1.prototype.createRequest = function (path) { var _this = this; var xhr = new XMLHttpRequest(); if ('withCredentials' in xhr) { // XHR for Chrome/Firefox/Opera/Safari. xhr.open('GET', path, true); } else if (typeof XDomainRequest !== 'undefined') { // XDomainRequest for IE. xhr = new XDomainRequest(); xhr.open('GET', path); } else { // CORS not supported. xhr = null; return null; } if (props.responseType) { xhr.responseType = props.responseType; } xhr.onload = function () { if (xhr.status >= 400) { _this.setState({ error: "fetch error with status ".concat(xhr.status) }); return; } var resp = props.responseType ? xhr.response : xhr.responseText; _this.setState({ data: resp }); }; return xhr; }; class_1.prototype.fetch = function () { this.xhr.send(); }; class_1.prototype.abort = function () { if (this.xhr) { this.xhr.abort(); } }; class_1.prototype.render = function () { if (!this.xhr) { return react_1.default.createElement("h1", null, "CORS not supported.."); } if (this.state.error) { return react_1.default.createElement(Error, __assign({}, this.props, { error: this.state.error })); } if (this.state.data) { return react_1.default.createElement(WrappedComponent, __assign({ data: this.state.data }, this.props)); } return react_1.default.createElement(Loading, null); }; return class_1; }(react_1.Component)); } exports.default = withFetching;