@alicloud/alfa-react 1.4.39 → 1.4.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/es/components/ErrorBoundary/ErrorPanel.js +0 -2
- package/es/components/ErrorBoundary/index.js +7 -19
- package/es/components/Loading/Paragraph.js +9 -25
- package/es/components/Loading/Skeleton.js +14 -46
- package/es/components/Loading/Title.js +3 -8
- package/es/components/Loading/index.js +0 -2
- package/es/createAlfaApp.js +6 -10
- package/es/createAlfaWidget.js +16 -28
- package/es/createApplication.js +143 -189
- package/es/hooks/beforeLoadHook.js +60 -81
- package/es/hooks/beforeResolveHook.js +24 -29
- package/es/index.js +2 -2
- package/es/types/base.js +0 -9
- package/es/utils/counter.js +1 -3
- package/es/utils/getConsoleConfig.js +13 -32
- package/es/utils/getConsoleGlobal.js +6 -13
- package/es/utils/index.js +2 -1
- package/es/version.js +1 -1
- package/es/widget/emitter.js +2 -11
- package/es/widget/env.js +2 -4
- package/es/widget/getWidgetConfigById.js +19 -27
- package/es/widget/getWidgetDeps.js +104 -130
- package/es/widget/getWidgetVersionById.js +79 -106
- package/es/widget.js +45 -58
- package/lib/addGlobalRequestInterceptor.js +0 -2
- package/lib/components/ErrorBoundary/ErrorPanel.js +0 -5
- package/lib/components/ErrorBoundary/index.js +7 -25
- package/lib/components/Loading/Paragraph.js +9 -32
- package/lib/components/Loading/Skeleton.js +14 -60
- package/lib/components/Loading/Title.js +3 -14
- package/lib/components/Loading/index.js +0 -6
- package/lib/createAlfaApp.js +6 -24
- package/lib/createAlfaWidget.js +16 -45
- package/lib/createApplication.js +143 -200
- package/lib/hooks/beforeLoadHook.js +60 -88
- package/lib/hooks/beforeResolveHook.js +21 -33
- package/lib/index.js +0 -9
- package/lib/types/base.js +0 -14
- package/lib/utils/counter.js +1 -4
- package/lib/utils/getConsoleConfig.js +12 -37
- package/lib/utils/getConsoleGlobal.js +6 -18
- package/lib/utils/index.js +2 -5
- package/lib/version.js +1 -1
- package/lib/widget/emitter.js +2 -16
- package/lib/widget/env.js +2 -6
- package/lib/widget/getWidgetConfigById.js +19 -36
- package/lib/widget/getWidgetDeps.js +103 -146
- package/lib/widget/getWidgetVersionById.js +79 -113
- package/lib/widget/index.js +0 -8
- package/lib/widget.js +45 -72
- package/package.json +22 -19
- package/types/components/ErrorBoundary/index.d.ts +1 -1
- package/types/components/Loading/Paragraph.d.ts +2 -2
- package/types/components/Loading/Skeleton.d.ts +2 -2
- package/types/components/Loading/Title.d.ts +2 -2
- package/types/components/Loading/index.d.ts +1 -1
- package/types/createAlfaApp.d.ts +3 -3
- package/types/createAlfaWidget.d.ts +3 -3
- package/types/createApplication.d.ts +2 -2
- package/types/types/index.d.ts +5 -5
- package/types/utils/getConsoleConfig.d.ts +4 -2
- package/types/utils/getConsoleGlobal.d.ts +3 -1
- package/types/version.d.ts +1 -1
- package/types/widget/getWidgetDeps.d.ts +1 -1
- package/types/widget.d.ts +2 -2
- package/dist/index.js +0 -21
- package/es/app.js +0 -194
- package/es/hooks/afterLoadHook.js +0 -69
- package/lib/app.d.ts +0 -3
- package/lib/app.js +0 -223
- package/lib/components/ErrorBoundary/ErrorPanel.d.ts +0 -6
- package/lib/components/ErrorBoundary/index.d.ts +0 -17
- package/lib/components/Loading/Paragraph.d.ts +0 -14
- package/lib/components/Loading/Skeleton.d.ts +0 -19
- package/lib/components/Loading/Title.d.ts +0 -8
- package/lib/components/Loading/index.d.ts +0 -4
- package/lib/components/Loading/style.d.ts +0 -2
- package/lib/createAlfaApp.d.ts +0 -7
- package/lib/createAlfaWidget.d.ts +0 -4
- package/lib/createApplication.d.ts +0 -12
- package/lib/hooks/afterLoadHook.d.ts +0 -3
- package/lib/hooks/afterLoadHook.js +0 -84
- package/lib/hooks/beforeLoadHook.d.ts +0 -3
- package/lib/hooks/beforeResolveHook.d.ts +0 -3
- package/lib/index.d.ts +0 -4
- package/lib/types/base.d.ts +0 -11
- package/lib/types/index.d.ts +0 -91
- package/lib/utils/getConsoleConfig.d.ts +0 -1
- package/lib/utils/getConsoleGlobal.d.ts +0 -1
- package/lib/utils/index.d.ts +0 -1
- package/lib/version.d.ts +0 -1
- package/lib/widget/emitter.d.ts +0 -8
- package/lib/widget/env.d.ts +0 -4
- package/lib/widget/getWidgetConfigById.d.ts +0 -2
- package/lib/widget/getWidgetDeps.d.ts +0 -2
- package/lib/widget/getWidgetVersionById.d.ts +0 -6
- package/lib/widget/index.d.ts +0 -4
- package/lib/widget.d.ts +0 -2
|
@@ -1,40 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
10
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
11
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
|
-
|
|
18
12
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
-
|
|
20
13
|
var _react = _interopRequireDefault(require("react"));
|
|
21
|
-
|
|
22
14
|
var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
|
|
23
|
-
|
|
24
15
|
var _ErrorPanel = _interopRequireDefault(require("./ErrorPanel"));
|
|
25
|
-
|
|
26
16
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
27
|
-
|
|
28
17
|
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; } }
|
|
29
|
-
|
|
30
18
|
var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
31
19
|
(0, _inherits2.default)(ErrorBoundary, _React$Component);
|
|
32
|
-
|
|
33
20
|
var _super = _createSuper(ErrorBoundary);
|
|
34
|
-
|
|
35
21
|
function ErrorBoundary(props) {
|
|
36
22
|
var _this;
|
|
37
|
-
|
|
38
23
|
(0, _classCallCheck2.default)(this, ErrorBoundary);
|
|
39
24
|
_this = _super.call(this, props);
|
|
40
25
|
_this.state = {
|
|
@@ -43,22 +28,22 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
|
43
28
|
};
|
|
44
29
|
return _this;
|
|
45
30
|
}
|
|
46
|
-
|
|
47
31
|
(0, _createClass2.default)(ErrorBoundary, [{
|
|
48
32
|
key: "componentDidCatch",
|
|
49
33
|
value: function componentDidCatch(error, errorInfo) {
|
|
50
34
|
var _window, _window$__bl, _window2, _window2$__bl;
|
|
51
|
-
|
|
52
35
|
var _this$props = this.props,
|
|
53
|
-
|
|
54
|
-
|
|
36
|
+
appDidCatch = _this$props.appDidCatch,
|
|
37
|
+
logger = _this$props.logger;
|
|
55
38
|
|
|
39
|
+
// Display fallback UI
|
|
56
40
|
this.setState({
|
|
57
41
|
hasError: true,
|
|
58
42
|
error: error
|
|
59
43
|
});
|
|
60
|
-
(0, _isFunction.default)((_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));
|
|
44
|
+
(0, _isFunction.default)((_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));
|
|
61
45
|
|
|
46
|
+
// You can also log the error to an error reporting service in appDidCatch
|
|
62
47
|
appDidCatch && appDidCatch(error, errorInfo);
|
|
63
48
|
(logger === null || logger === void 0 ? void 0 : logger.error) && logger.error({
|
|
64
49
|
E_CODE: 'RuntimeError',
|
|
@@ -71,20 +56,17 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
|
71
56
|
key: "render",
|
|
72
57
|
value: function render() {
|
|
73
58
|
var error = this.state.error;
|
|
74
|
-
|
|
75
59
|
if (this.state.hasError) {
|
|
76
|
-
if (this.props.fallbackRender) return this.props.fallbackRender(error);
|
|
77
|
-
|
|
60
|
+
if (this.props.fallbackRender) return this.props.fallbackRender(error);
|
|
61
|
+
// You can render any custom fallback UI
|
|
78
62
|
return /*#__PURE__*/_react.default.createElement(_ErrorPanel.default, {
|
|
79
63
|
error: error
|
|
80
64
|
});
|
|
81
65
|
}
|
|
82
|
-
|
|
83
66
|
return this.props.children;
|
|
84
67
|
}
|
|
85
68
|
}]);
|
|
86
69
|
return ErrorBoundary;
|
|
87
70
|
}(_react.default.Component);
|
|
88
|
-
|
|
89
71
|
var _default = ErrorBoundary;
|
|
90
72
|
exports.default = _default;
|
|
@@ -1,77 +1,55 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.default = void 0;
|
|
11
|
-
|
|
12
9
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
|
-
|
|
14
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
13
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
-
|
|
22
14
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
-
|
|
24
15
|
var React = _interopRequireWildcard(require("react"));
|
|
25
|
-
|
|
26
16
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
27
|
-
|
|
28
17
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
29
|
-
|
|
30
18
|
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; }
|
|
31
|
-
|
|
32
19
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
33
|
-
|
|
34
20
|
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; } }
|
|
35
|
-
|
|
36
21
|
var Paragraph = /*#__PURE__*/function (_React$Component) {
|
|
37
22
|
(0, _inherits2.default)(Paragraph, _React$Component);
|
|
38
|
-
|
|
39
23
|
var _super = _createSuper(Paragraph);
|
|
40
|
-
|
|
41
24
|
function Paragraph() {
|
|
42
25
|
(0, _classCallCheck2.default)(this, Paragraph);
|
|
43
26
|
return _super.apply(this, arguments);
|
|
44
27
|
}
|
|
45
|
-
|
|
46
28
|
(0, _createClass2.default)(Paragraph, [{
|
|
47
29
|
key: "getWidth",
|
|
48
30
|
value: function getWidth(index) {
|
|
49
31
|
var _this$props = this.props,
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
32
|
+
width = _this$props.width,
|
|
33
|
+
_this$props$rows = _this$props.rows,
|
|
34
|
+
rows = _this$props$rows === void 0 ? 2 : _this$props$rows;
|
|
54
35
|
if (Array.isArray(width)) {
|
|
55
36
|
return width[index];
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
|
|
37
|
+
}
|
|
38
|
+
// last paragraph
|
|
59
39
|
if (rows - 1 === index) {
|
|
60
40
|
return width;
|
|
61
41
|
}
|
|
62
|
-
|
|
63
42
|
return undefined;
|
|
64
43
|
}
|
|
65
44
|
}, {
|
|
66
45
|
key: "render",
|
|
67
46
|
value: function render() {
|
|
68
47
|
var _this = this;
|
|
69
|
-
|
|
70
48
|
var _this$props2 = this.props,
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
49
|
+
prefixCls = _this$props2.prefixCls,
|
|
50
|
+
className = _this$props2.className,
|
|
51
|
+
style = _this$props2.style,
|
|
52
|
+
rows = _this$props2.rows;
|
|
75
53
|
var rowList = (0, _toConsumableArray2.default)(Array(rows)).map(function (_, index) {
|
|
76
54
|
return (
|
|
77
55
|
/*#__PURE__*/
|
|
@@ -92,6 +70,5 @@ var Paragraph = /*#__PURE__*/function (_React$Component) {
|
|
|
92
70
|
}]);
|
|
93
71
|
return Paragraph;
|
|
94
72
|
}(React.Component);
|
|
95
|
-
|
|
96
73
|
var _default = Paragraph;
|
|
97
74
|
exports.default = _default;
|
|
@@ -1,166 +1,121 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof3 = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.default = void 0;
|
|
11
|
-
|
|
12
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
13
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
-
|
|
22
14
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
-
|
|
24
15
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
25
|
-
|
|
26
16
|
var React = _interopRequireWildcard(require("react"));
|
|
27
|
-
|
|
28
17
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
29
|
-
|
|
30
18
|
var _Title = _interopRequireDefault(require("./Title"));
|
|
31
|
-
|
|
32
19
|
var _Paragraph = _interopRequireDefault(require("./Paragraph"));
|
|
33
|
-
|
|
34
20
|
var _style = _interopRequireDefault(require("./style"));
|
|
35
|
-
|
|
36
21
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
37
|
-
|
|
38
22
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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; }
|
|
39
|
-
|
|
40
23
|
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; }
|
|
41
|
-
|
|
42
24
|
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) { (0, _defineProperty2.default)(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; }
|
|
43
|
-
|
|
44
25
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
45
|
-
|
|
46
26
|
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; } }
|
|
47
|
-
|
|
48
27
|
function getComponentProps(prop) {
|
|
49
28
|
if (prop && (0, _typeof2.default)(prop) === 'object') {
|
|
50
29
|
return prop;
|
|
51
30
|
}
|
|
52
|
-
|
|
53
31
|
return {};
|
|
54
32
|
}
|
|
55
|
-
|
|
56
33
|
function getTitleBasicProps(hasParagraph) {
|
|
57
34
|
if (hasParagraph) {
|
|
58
35
|
return {
|
|
59
36
|
width: '38%'
|
|
60
37
|
};
|
|
61
38
|
}
|
|
62
|
-
|
|
63
39
|
return {};
|
|
64
40
|
}
|
|
65
|
-
|
|
66
41
|
function getParagraphBasicProps(hasTitle) {
|
|
67
|
-
var basicProps = {};
|
|
42
|
+
var basicProps = {};
|
|
68
43
|
|
|
44
|
+
// Width
|
|
69
45
|
if (!hasTitle) {
|
|
70
46
|
basicProps.width = '61%';
|
|
71
|
-
}
|
|
72
|
-
|
|
47
|
+
}
|
|
73
48
|
|
|
49
|
+
// Rows
|
|
74
50
|
if (hasTitle) {
|
|
75
51
|
basicProps.rows = 3;
|
|
76
52
|
} else {
|
|
77
53
|
basicProps.rows = 2;
|
|
78
54
|
}
|
|
79
|
-
|
|
80
55
|
return basicProps;
|
|
81
56
|
}
|
|
82
|
-
|
|
83
57
|
var Skeleton = /*#__PURE__*/function (_React$Component) {
|
|
84
58
|
(0, _inherits2.default)(Skeleton, _React$Component);
|
|
85
|
-
|
|
86
59
|
var _super = _createSuper(Skeleton);
|
|
87
|
-
|
|
88
60
|
function Skeleton() {
|
|
89
61
|
var _this;
|
|
90
|
-
|
|
91
62
|
(0, _classCallCheck2.default)(this, Skeleton);
|
|
92
|
-
|
|
93
63
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
94
64
|
args[_key] = arguments[_key];
|
|
95
65
|
}
|
|
96
|
-
|
|
97
66
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
98
|
-
|
|
99
67
|
_this.renderSkeleton = function () {
|
|
100
68
|
var _this$props = _this.props,
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
69
|
+
_this$props$prefixCls = _this$props.prefixCls,
|
|
70
|
+
prefixCls = _this$props$prefixCls === void 0 ? '-os-skeleton' : _this$props$prefixCls,
|
|
71
|
+
loading = _this$props.loading,
|
|
72
|
+
className = _this$props.className,
|
|
73
|
+
children = _this$props.children,
|
|
74
|
+
title = _this$props.title,
|
|
75
|
+
paragraph = _this$props.paragraph,
|
|
76
|
+
active = _this$props.active;
|
|
110
77
|
if (loading || !('loading' in _this.props)) {
|
|
111
78
|
var hasTitle = !!title;
|
|
112
79
|
var hasParagraph = !!paragraph;
|
|
113
80
|
var contentNode;
|
|
114
|
-
|
|
115
81
|
if (hasTitle || hasParagraph) {
|
|
116
82
|
// Title
|
|
117
83
|
var $title;
|
|
118
|
-
|
|
119
84
|
if (hasTitle) {
|
|
120
85
|
var titleProps = _objectSpread(_objectSpread({
|
|
121
86
|
prefixCls: "".concat(prefixCls, "-title")
|
|
122
87
|
}, getTitleBasicProps(hasParagraph)), getComponentProps(title));
|
|
123
|
-
|
|
124
88
|
$title = /*#__PURE__*/React.createElement(_Title.default, titleProps);
|
|
125
|
-
}
|
|
126
|
-
|
|
89
|
+
}
|
|
127
90
|
|
|
91
|
+
// Paragraph
|
|
128
92
|
var paragraphNode;
|
|
129
|
-
|
|
130
93
|
if (hasParagraph) {
|
|
131
94
|
var paragraphProps = _objectSpread(_objectSpread({
|
|
132
95
|
prefixCls: "".concat(prefixCls, "-paragraph")
|
|
133
96
|
}, getParagraphBasicProps(hasTitle)), getComponentProps(paragraph));
|
|
134
|
-
|
|
135
97
|
paragraphNode = /*#__PURE__*/React.createElement(_Paragraph.default, paragraphProps);
|
|
136
98
|
}
|
|
137
|
-
|
|
138
99
|
contentNode = /*#__PURE__*/React.createElement("div", {
|
|
139
100
|
className: "".concat(prefixCls, "-content")
|
|
140
101
|
}, $title, paragraphNode);
|
|
141
102
|
}
|
|
142
|
-
|
|
143
103
|
var cls = (0, _classnames.default)(prefixCls, className, (0, _defineProperty2.default)({}, "".concat(prefixCls, "-active"), active));
|
|
144
104
|
return /*#__PURE__*/React.createElement("div", {
|
|
145
105
|
className: cls
|
|
146
106
|
}, contentNode);
|
|
147
107
|
}
|
|
148
|
-
|
|
149
108
|
return children;
|
|
150
109
|
};
|
|
151
|
-
|
|
152
110
|
return _this;
|
|
153
111
|
}
|
|
154
|
-
|
|
155
112
|
(0, _createClass2.default)(Skeleton, [{
|
|
156
113
|
key: "componentDidMount",
|
|
157
114
|
value: function componentDidMount() {
|
|
158
115
|
var id = '-os-skeleton-style';
|
|
159
|
-
|
|
160
116
|
if (document.getElementById('-os-skeleton-style')) {
|
|
161
117
|
return;
|
|
162
118
|
}
|
|
163
|
-
|
|
164
119
|
var styleSheet = document.createElement('style');
|
|
165
120
|
styleSheet.innerHTML = _style.default;
|
|
166
121
|
styleSheet.id = id;
|
|
@@ -174,7 +129,6 @@ var Skeleton = /*#__PURE__*/function (_React$Component) {
|
|
|
174
129
|
}]);
|
|
175
130
|
return Skeleton;
|
|
176
131
|
}(React.Component);
|
|
177
|
-
|
|
178
132
|
Skeleton.defaultProps = {
|
|
179
133
|
title: true,
|
|
180
134
|
paragraph: true
|
|
@@ -1,33 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.default = void 0;
|
|
11
|
-
|
|
12
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
10
|
var React = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
|
-
|
|
18
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
13
|
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; }
|
|
21
|
-
|
|
22
14
|
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; }
|
|
23
|
-
|
|
24
15
|
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) { (0, _defineProperty2.default)(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; }
|
|
25
|
-
|
|
26
16
|
var Title = function Title(_ref) {
|
|
27
17
|
var prefixCls = _ref.prefixCls,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
18
|
+
className = _ref.className,
|
|
19
|
+
width = _ref.width,
|
|
20
|
+
style = _ref.style;
|
|
31
21
|
return /*#__PURE__*/React.createElement("h3", {
|
|
32
22
|
className: (0, _classnames.default)(prefixCls, className),
|
|
33
23
|
style: _objectSpread({
|
|
@@ -35,6 +25,5 @@ var Title = function Title(_ref) {
|
|
|
35
25
|
}, style)
|
|
36
26
|
});
|
|
37
27
|
};
|
|
38
|
-
|
|
39
28
|
var _default = Title;
|
|
40
29
|
exports.default = _default;
|
|
@@ -1,25 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = getLoading;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _Skeleton = _interopRequireDefault(require("./Skeleton"));
|
|
13
|
-
|
|
14
10
|
function getLoading(_ref) {
|
|
15
11
|
var loading = _ref.loading;
|
|
16
|
-
|
|
17
12
|
if (loading === false) {
|
|
18
13
|
return null;
|
|
19
14
|
} else if (loading && /*#__PURE__*/_react.default.isValidElement(loading)) {
|
|
20
15
|
return loading;
|
|
21
16
|
}
|
|
22
|
-
|
|
23
17
|
return /*#__PURE__*/_react.default.createElement(_Skeleton.default, {
|
|
24
18
|
active: true
|
|
25
19
|
});
|
package/lib/createAlfaApp.js
CHANGED
|
@@ -1,51 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.default = void 0;
|
|
11
9
|
exports.useAlfaApp = useAlfaApp;
|
|
12
|
-
|
|
13
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
14
|
-
|
|
15
11
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
|
-
|
|
17
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
18
|
-
|
|
19
13
|
var _alfaCore = require("@alicloud/alfa-core");
|
|
20
|
-
|
|
21
14
|
var _ErrorBoundary = _interopRequireDefault(require("./components/ErrorBoundary"));
|
|
22
|
-
|
|
23
15
|
var _createApplication = _interopRequireDefault(require("./createApplication"));
|
|
24
|
-
|
|
25
16
|
var _beforeResolveHook = _interopRequireDefault(require("./hooks/beforeResolveHook"));
|
|
26
|
-
|
|
27
17
|
var _beforeLoadHook = _interopRequireDefault(require("./hooks/beforeLoadHook"));
|
|
28
|
-
|
|
29
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
30
|
-
|
|
31
19
|
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; }
|
|
32
|
-
|
|
33
20
|
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; }
|
|
34
|
-
|
|
35
21
|
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) { (0, _defineProperty2.default)(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; }
|
|
36
|
-
|
|
37
22
|
var loader = _alfaCore.BaseLoader.create();
|
|
38
|
-
|
|
39
23
|
loader.beforeResolve.use(_beforeResolveHook.default);
|
|
40
24
|
loader.beforeLoad.use(_beforeLoadHook.default);
|
|
41
25
|
var Application = (0, _createApplication.default)(loader);
|
|
42
|
-
|
|
43
26
|
function createAlfaApp(option) {
|
|
44
27
|
var _ref = option || {},
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
28
|
+
name = _ref.name,
|
|
29
|
+
dependencies = _ref.dependencies;
|
|
48
30
|
|
|
31
|
+
// check app option
|
|
49
32
|
if (!name) return function () {
|
|
50
33
|
return null;
|
|
51
34
|
};
|
|
@@ -56,7 +39,8 @@ function createAlfaApp(option) {
|
|
|
56
39
|
__injectHistory: props.history
|
|
57
40
|
});
|
|
58
41
|
}, [props]);
|
|
59
|
-
return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, props, /*#__PURE__*/_react.default.createElement(Application
|
|
42
|
+
return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, props, /*#__PURE__*/_react.default.createElement(Application
|
|
43
|
+
// 兼容历史逻辑,优先使用 option 中的 sandbox 参数
|
|
60
44
|
, (0, _extends2.default)({}, passedInOption, {
|
|
61
45
|
syncHistory: props.syncHistory,
|
|
62
46
|
basename: props.basename,
|
|
@@ -66,19 +50,17 @@ function createAlfaApp(option) {
|
|
|
66
50
|
})));
|
|
67
51
|
};
|
|
68
52
|
}
|
|
53
|
+
|
|
69
54
|
/**
|
|
70
55
|
* create memorized app in react function component, just create App after first mounted
|
|
71
56
|
* @param option
|
|
72
57
|
* @returns
|
|
73
58
|
*/
|
|
74
|
-
|
|
75
|
-
|
|
76
59
|
function useAlfaApp(option) {
|
|
77
60
|
var App = (0, _react.useMemo)(function () {
|
|
78
61
|
return createAlfaApp(option);
|
|
79
62
|
}, []);
|
|
80
63
|
return App;
|
|
81
64
|
}
|
|
82
|
-
|
|
83
65
|
var _default = createAlfaApp;
|
|
84
66
|
exports.default = _default;
|
package/lib/createAlfaWidget.js
CHANGED
|
@@ -1,90 +1,63 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.default = void 0;
|
|
11
9
|
exports.useAlfaWidget = useAlfaWidget;
|
|
12
|
-
|
|
13
10
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
14
|
-
|
|
15
11
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
16
|
-
|
|
17
12
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
18
|
-
|
|
19
13
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
20
|
-
|
|
21
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
22
|
-
|
|
23
15
|
var _alfaCore = require("@alicloud/alfa-core");
|
|
24
|
-
|
|
25
16
|
var _ErrorBoundary = _interopRequireDefault(require("./components/ErrorBoundary"));
|
|
26
|
-
|
|
27
17
|
var _widget = require("./widget");
|
|
28
|
-
|
|
29
18
|
var _createApplication = _interopRequireDefault(require("./createApplication"));
|
|
30
|
-
|
|
31
19
|
var _beforeResolveHook = _interopRequireDefault(require("./hooks/beforeResolveHook"));
|
|
32
|
-
|
|
33
20
|
var _beforeLoadHook = _interopRequireDefault(require("./hooks/beforeLoadHook"));
|
|
34
|
-
|
|
35
21
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
36
|
-
|
|
37
22
|
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; }
|
|
38
|
-
|
|
39
23
|
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; }
|
|
40
|
-
|
|
41
24
|
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) { (0, _defineProperty2.default)(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; }
|
|
42
|
-
|
|
43
25
|
var loader = _alfaCore.BaseLoader.create();
|
|
44
|
-
|
|
45
26
|
loader.beforeResolve.use(_beforeResolveHook.default);
|
|
46
27
|
loader.beforeLoad.use(_beforeLoadHook.default);
|
|
47
28
|
loader.beforeLoad.use( /*#__PURE__*/function () {
|
|
48
29
|
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(appConfig) {
|
|
49
30
|
var app;
|
|
50
31
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
51
|
-
while (1) {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
case 3:
|
|
64
|
-
case "end":
|
|
65
|
-
return _context.stop();
|
|
66
|
-
}
|
|
32
|
+
while (1) switch (_context.prev = _context.next) {
|
|
33
|
+
case 0:
|
|
34
|
+
app = appConfig.app;
|
|
35
|
+
if (app && app.context) {
|
|
36
|
+
// disable history
|
|
37
|
+
app.context.history = {};
|
|
38
|
+
}
|
|
39
|
+
return _context.abrupt("return", appConfig);
|
|
40
|
+
case 3:
|
|
41
|
+
case "end":
|
|
42
|
+
return _context.stop();
|
|
67
43
|
}
|
|
68
44
|
}, _callee);
|
|
69
45
|
}));
|
|
70
|
-
|
|
71
46
|
return function (_x) {
|
|
72
47
|
return _ref.apply(this, arguments);
|
|
73
48
|
};
|
|
74
49
|
}());
|
|
75
50
|
var Application = (0, _createApplication.default)(loader);
|
|
76
|
-
|
|
77
51
|
function createAlfaWidget(option) {
|
|
78
52
|
var _ref2 = option || {},
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
53
|
+
name = _ref2.name,
|
|
54
|
+
dependencies = _ref2.dependencies;
|
|
82
55
|
if (name.match(/@ali\/widget-/)) {
|
|
83
56
|
// TODO load style
|
|
84
57
|
return (0, _widget.createCWSWidget)(option);
|
|
85
|
-
}
|
|
86
|
-
|
|
58
|
+
}
|
|
87
59
|
|
|
60
|
+
// check app option
|
|
88
61
|
if (!name) return function () {
|
|
89
62
|
return null;
|
|
90
63
|
};
|
|
@@ -102,19 +75,17 @@ function createAlfaWidget(option) {
|
|
|
102
75
|
);
|
|
103
76
|
};
|
|
104
77
|
}
|
|
78
|
+
|
|
105
79
|
/**
|
|
106
80
|
* create memorized app in react function component, just create App after first mounted
|
|
107
81
|
* @param option
|
|
108
82
|
* @returns
|
|
109
83
|
*/
|
|
110
|
-
|
|
111
|
-
|
|
112
84
|
function useAlfaWidget(option) {
|
|
113
85
|
var App = (0, _react.useMemo)(function () {
|
|
114
86
|
return createAlfaWidget(option);
|
|
115
87
|
}, []);
|
|
116
88
|
return App;
|
|
117
89
|
}
|
|
118
|
-
|
|
119
90
|
var _default = createAlfaWidget;
|
|
120
91
|
exports.default = _default;
|