@alicloud/alfa-react 1.4.40-alpha.0 → 1.4.40

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 Alibaba Cloud
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/es/components/ErrorBoundary/ErrorPanel.js

@@ -11,7 +11,6 @@ var commonErrorStyle = {
   color: '#d93026',
   fontSize: 14
 };
-
 var ErrorPanel = function ErrorPanel(props) {
   var error = props.error;
   return /*#__PURE__*/React.createElement("div", {
@@ -24,5 +23,4 @@ var ErrorPanel = function ErrorPanel(props) {
     }
   }, error === null || error === void 0 ? void 0 : error.stack));
 };
-
 export default ErrorPanel;

package/es/components/ErrorBoundary/index.js

@@ -3,25 +3,17 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import isFunction from 'lodash/isFunction';
 import ErrorPanel from './ErrorPanel';
-
 var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inherits(ErrorBoundary, _React$Component);
-
   var _super = _createSuper(ErrorBoundary);
-
   function ErrorBoundary(props) {
     var _this;
-
     _classCallCheck(this, ErrorBoundary);
-
     _this = _super.call(this, props);
     _this.state = {
       hasError: false,
@@ -29,22 +21,22 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   _createClass(ErrorBoundary, [{
     key: "componentDidCatch",
     value: function componentDidCatch(error, errorInfo) {
       var _window, _window$__bl, _window2, _window2$__bl;
-
       var _this$props = this.props,
-          appDidCatch = _this$props.appDidCatch,
-          logger = _this$props.logger; // Display fallback UI
+        appDidCatch = _this$props.appDidCatch,
+        logger = _this$props.logger;
 
+      // Display fallback UI
       this.setState({
         hasError: true,
         error: error
       });
-      isFunction((_window = window) === null || _window === void 0 ? void 0 : (_window$__bl = _window.__bl) === null || _window$__bl === void 0 ? void 0 : _window$__bl.error) && ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$__bl = _window2.__bl) === null || _window2$__bl === void 0 ? void 0 : _window2$__bl.error(error, errorInfo)); // You can also log the error to an error reporting service in appDidCatch
+      isFunction((_window = window) === null || _window === void 0 ? void 0 : (_window$__bl = _window.__bl) === null || _window$__bl === void 0 ? void 0 : _window$__bl.error) && ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$__bl = _window2.__bl) === null || _window2$__bl === void 0 ? void 0 : _window2$__bl.error(error, errorInfo));
 
+      // You can also log the error to an error reporting service in appDidCatch
       appDidCatch && appDidCatch(error, errorInfo);
       (logger === null || logger === void 0 ? void 0 : logger.error) && logger.error({
         E_CODE: 'RuntimeError',
@@ -57,20 +49,16 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var error = this.state.error;
-
       if (this.state.hasError) {
-        if (this.props.fallbackRender) return this.props.fallbackRender(error); // You can render any custom fallback UI
-
+        if (this.props.fallbackRender) return this.props.fallbackRender(error);
+        // You can render any custom fallback UI
         return /*#__PURE__*/React.createElement(ErrorPanel, {
           error: error
         });
       }
-
       return this.props.children;
     }
   }]);
-
   return ErrorBoundary;
 }(React.Component);
-
 export default ErrorBoundary;

package/es/components/Loading/Paragraph.js

@@ -4,55 +4,42 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import * as React from 'react';
 import classNames from 'classnames';
-
 var Paragraph = /*#__PURE__*/function (_React$Component) {
   _inherits(Paragraph, _React$Component);
-
   var _super = _createSuper(Paragraph);
-
   function Paragraph() {
     _classCallCheck(this, Paragraph);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(Paragraph, [{
     key: "getWidth",
     value: function getWidth(index) {
       var _this$props = this.props,
-          width = _this$props.width,
-          _this$props$rows = _this$props.rows,
-          rows = _this$props$rows === void 0 ? 2 : _this$props$rows;
-
+        width = _this$props.width,
+        _this$props$rows = _this$props.rows,
+        rows = _this$props$rows === void 0 ? 2 : _this$props$rows;
       if (Array.isArray(width)) {
         return width[index];
-      } // last paragraph
-
-
+      }
+      // last paragraph
       if (rows - 1 === index) {
         return width;
       }
-
       return undefined;
     }
   }, {
     key: "render",
     value: function render() {
       var _this = this;
-
       var _this$props2 = this.props,
-          prefixCls = _this$props2.prefixCls,
-          className = _this$props2.className,
-          style = _this$props2.style,
-          rows = _this$props2.rows;
-
+        prefixCls = _this$props2.prefixCls,
+        className = _this$props2.className,
+        style = _this$props2.style,
+        rows = _this$props2.rows;
       var rowList = _toConsumableArray(Array(rows)).map(function (_, index) {
         return (
           /*#__PURE__*/
@@ -65,15 +52,12 @@ var Paragraph = /*#__PURE__*/function (_React$Component) {
           })
         );
       });
-
       return /*#__PURE__*/React.createElement("ul", {
         className: classNames(prefixCls, className),
         style: style
       }, rowList);
     }
   }]);
-
   return Paragraph;
 }(React.Component);
-
 export default Paragraph;

package/es/components/Loading/Skeleton.js

@@ -5,137 +5,107 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import * as React from 'react';
 import classNames from 'classnames';
 import Title from './Title';
 import Paragraph from './Paragraph';
 import style from './style';
-
 function getComponentProps(prop) {
   if (prop && _typeof(prop) === 'object') {
     return prop;
   }
-
   return {};
 }
-
 function getTitleBasicProps(hasParagraph) {
   if (hasParagraph) {
     return {
       width: '38%'
     };
   }
-
   return {};
 }
-
 function getParagraphBasicProps(hasTitle) {
-  var basicProps = {}; // Width
+  var basicProps = {};
 
+  // Width
   if (!hasTitle) {
     basicProps.width = '61%';
-  } // Rows
-
+  }
 
+  // Rows
   if (hasTitle) {
     basicProps.rows = 3;
   } else {
     basicProps.rows = 2;
   }
-
   return basicProps;
 }
-
 var Skeleton = /*#__PURE__*/function (_React$Component) {
   _inherits(Skeleton, _React$Component);
-
   var _super = _createSuper(Skeleton);
-
   function Skeleton() {
     var _this;
-
     _classCallCheck(this, Skeleton);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _this.renderSkeleton = function () {
       var _this$props = _this.props,
-          _this$props$prefixCls = _this$props.prefixCls,
-          prefixCls = _this$props$prefixCls === void 0 ? '-os-skeleton' : _this$props$prefixCls,
-          loading = _this$props.loading,
-          className = _this$props.className,
-          children = _this$props.children,
-          title = _this$props.title,
-          paragraph = _this$props.paragraph,
-          active = _this$props.active;
-
+        _this$props$prefixCls = _this$props.prefixCls,
+        prefixCls = _this$props$prefixCls === void 0 ? '-os-skeleton' : _this$props$prefixCls,
+        loading = _this$props.loading,
+        className = _this$props.className,
+        children = _this$props.children,
+        title = _this$props.title,
+        paragraph = _this$props.paragraph,
+        active = _this$props.active;
       if (loading || !('loading' in _this.props)) {
         var hasTitle = !!title;
         var hasParagraph = !!paragraph;
         var contentNode;
-
         if (hasTitle || hasParagraph) {
           // Title
           var $title;
-
           if (hasTitle) {
             var titleProps = _objectSpread(_objectSpread({
               prefixCls: "".concat(prefixCls, "-title")
             }, getTitleBasicProps(hasParagraph)), getComponentProps(title));
-
             $title = /*#__PURE__*/React.createElement(Title, titleProps);
-          } // Paragraph
-
+          }
 
+          // Paragraph
           var paragraphNode;
-
           if (hasParagraph) {
             var paragraphProps = _objectSpread(_objectSpread({
               prefixCls: "".concat(prefixCls, "-paragraph")
             }, getParagraphBasicProps(hasTitle)), getComponentProps(paragraph));
-
             paragraphNode = /*#__PURE__*/React.createElement(Paragraph, paragraphProps);
           }
-
           contentNode = /*#__PURE__*/React.createElement("div", {
             className: "".concat(prefixCls, "-content")
           }, $title, paragraphNode);
         }
-
         var cls = classNames(prefixCls, className, _defineProperty({}, "".concat(prefixCls, "-active"), active));
         return /*#__PURE__*/React.createElement("div", {
           className: cls
         }, contentNode);
       }
-
       return children;
     };
-
     return _this;
   }
-
   _createClass(Skeleton, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var id = '-os-skeleton-style';
-
       if (document.getElementById('-os-skeleton-style')) {
         return;
       }
-
       var styleSheet = document.createElement('style');
       styleSheet.innerHTML = style;
       styleSheet.id = id;
@@ -147,10 +117,8 @@ var Skeleton = /*#__PURE__*/function (_React$Component) {
       return this.renderSkeleton();
     }
   }]);
-
   return Skeleton;
 }(React.Component);
-
 Skeleton.defaultProps = {
   title: true,
   paragraph: true

package/es/components/Loading/Title.js

@@ -1,17 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import * as React from 'react';
 import classNames from 'classnames';
-
 var Title = function Title(_ref) {
   var prefixCls = _ref.prefixCls,
-      className = _ref.className,
-      width = _ref.width,
-      style = _ref.style;
+    className = _ref.className,
+    width = _ref.width,
+    style = _ref.style;
   return /*#__PURE__*/React.createElement("h3", {
     className: classNames(prefixCls, className),
     style: _objectSpread({
@@ -19,5 +15,4 @@ var Title = function Title(_ref) {
     }, style)
   });
 };
-
 export default Title;

package/es/components/Loading/index.js

@@ -2,13 +2,11 @@ import React from 'react';
 import Skeleton from './Skeleton';
 export default function getLoading(_ref) {
   var loading = _ref.loading;
-
   if (loading === false) {
     return null;
   } else if (loading && /*#__PURE__*/React.isValidElement(loading)) {
     return loading;
   }
-
   return /*#__PURE__*/React.createElement(Skeleton, {
     active: true
   });

package/es/createAlfaApp.js

@@ -1,10 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React, { useMemo } from 'react';
 import { BaseLoader } from '@alicloud/alfa-core';
 import ErrorBoundary from './components/ErrorBoundary';
@@ -15,13 +12,12 @@ var loader = BaseLoader.create();
 loader.beforeResolve.use(beforeResolveHook);
 loader.beforeLoad.use(beforeLoadHook);
 var Application = createApplication(loader);
-
 function createAlfaApp(option) {
   var _ref = option || {},
-      name = _ref.name,
-      dependencies = _ref.dependencies; // check app option
-
+    name = _ref.name,
+    dependencies = _ref.dependencies;
 
+  // check app option
   if (!name) return function () {
     return null;
   };
@@ -32,7 +28,8 @@ function createAlfaApp(option) {
         __injectHistory: props.history
       });
     }, [props]);
-    return /*#__PURE__*/React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(Application // 兼容历史逻辑，优先使用 option 中的 sandbox 参数
+    return /*#__PURE__*/React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(Application
+    // 兼容历史逻辑，优先使用 option 中的 sandbox 参数
     , _extends({}, passedInOption, {
       syncHistory: props.syncHistory,
       basename: props.basename,
@@ -42,13 +39,12 @@ function createAlfaApp(option) {
     })));
   };
 }
+
 /**
  * create memorized app in react function component, just create App after first mounted
  * @param option
  * @returns
  */
-
-
 export function useAlfaApp(option) {
   var App = useMemo(function () {
     return createAlfaApp(option);

package/es/createAlfaWidget.js

@@ -1,11 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useMemo } from 'react';
 import { BaseLoader } from '@alicloud/alfa-core';
@@ -21,43 +18,35 @@ loader.beforeLoad.use( /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(appConfig) {
     var app;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            app = appConfig.app;
-
-            if (app && app.context) {
-              // disable history
-              app.context.history = {};
-            }
-
-            return _context.abrupt("return", appConfig);
-
-          case 3:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          app = appConfig.app;
+          if (app && app.context) {
+            // disable history
+            app.context.history = {};
+          }
+          return _context.abrupt("return", appConfig);
+        case 3:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   }));
-
   return function (_x) {
     return _ref.apply(this, arguments);
   };
 }());
 var Application = createApplication(loader);
-
 function createAlfaWidget(option) {
   var _ref2 = option || {},
-      name = _ref2.name,
-      dependencies = _ref2.dependencies;
-
+    name = _ref2.name,
+    dependencies = _ref2.dependencies;
   if (name.match(/@ali\/widget-/)) {
     // TODO load style
     return createCWSWidget(option);
-  } // check app option
-
+  }
 
+  // check app option
   if (!name) return function () {
     return null;
   };
@@ -75,13 +64,12 @@ function createAlfaWidget(option) {
     );
   };
 }
+
 /**
  * create memorized app in react function component, just create App after first mounted
  * @param option
  * @returns
  */
-
-
 export function useAlfaWidget(option) {
   var App = useMemo(function () {
     return createAlfaWidget(option);