@alicloud/alfa-react 1.3.0-canary.0 → 1.3.0-canary.1
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/dist/index.js +7 -7
- package/es/app.js +42 -30
- package/es/components/Loading/Skeleton.js +1 -1
- package/es/components/Loading/Title.js +1 -1
- package/es/types.js +1 -0
- package/es/utils/getConsoleConfig.js +88 -0
- package/es/widget/emitter.js +4 -4
- package/es/widget/getWidgetConfigById.js +5 -6
- package/es/widget/getWidgetDeps.js +2 -2
- package/es/widget.js +7 -1
- package/lib/app.js +48 -32
- package/lib/base.d.ts +3 -0
- package/lib/components/Loading/Paragraph.js +6 -2
- package/lib/components/Loading/Skeleton.js +7 -3
- package/lib/components/Loading/Title.js +7 -3
- package/lib/index.js +8 -8
- package/lib/types.d.ts +1 -0
- package/lib/types.js +5 -1
- package/lib/utils/getConsoleConfig.d.ts +2 -0
- package/lib/utils/getConsoleConfig.js +102 -0
- package/lib/widget/emitter.d.ts +0 -1
- package/lib/widget/emitter.js +4 -4
- package/lib/widget/getWidgetConfigById.js +5 -6
- package/lib/widget/getWidgetDeps.js +8 -4
- package/lib/widget.js +14 -3
- package/package.json +7 -4
package/lib/index.js
CHANGED
|
@@ -3,22 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
Object.defineProperty(exports, "createAlfaWidget", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _widget.createAlfaWidget;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
6
|
Object.defineProperty(exports, "createAlfaApp", {
|
|
13
7
|
enumerable: true,
|
|
14
8
|
get: function get() {
|
|
15
9
|
return _app.createAlfaApp;
|
|
16
10
|
}
|
|
17
11
|
});
|
|
18
|
-
Object.defineProperty(exports, "
|
|
12
|
+
Object.defineProperty(exports, "createAlfaWidget", {
|
|
19
13
|
enumerable: true,
|
|
20
14
|
get: function get() {
|
|
21
|
-
return
|
|
15
|
+
return _widget.createAlfaWidget;
|
|
22
16
|
}
|
|
23
17
|
});
|
|
24
18
|
Object.defineProperty(exports, "createEventBus", {
|
|
@@ -33,6 +27,12 @@ Object.defineProperty(exports, "prefetch", {
|
|
|
33
27
|
return _alfaCore.prefetch;
|
|
34
28
|
}
|
|
35
29
|
});
|
|
30
|
+
Object.defineProperty(exports, "widgetEventEmitter", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _index.eventEmitter;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
36
|
|
|
37
37
|
var _widget = require("./widget");
|
|
38
38
|
|
package/lib/types.d.ts
CHANGED
|
@@ -24,6 +24,7 @@ declare type OmitKeys = 'manifest';
|
|
|
24
24
|
export interface WidgetFactoryOption extends Omit<AlfaFactoryOption, OmitKeys> {
|
|
25
25
|
runtimeVersion?: string;
|
|
26
26
|
alfaLoader?: boolean;
|
|
27
|
+
theme?: string;
|
|
27
28
|
}
|
|
28
29
|
export interface AlfaEnvConfigDescriptor {
|
|
29
30
|
releaseUrl: string;
|
package/lib/types.js
CHANGED
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.getConsoleConfig = void 0;
|
|
9
|
+
|
|
10
|
+
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
+
|
|
12
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
13
|
+
|
|
14
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
+
|
|
16
|
+
var _alfaCore = require("@alicloud/alfa-core");
|
|
17
|
+
|
|
18
|
+
var _md = _interopRequireDefault(require("crypto-js/md5"));
|
|
19
|
+
|
|
20
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
21
|
+
|
|
22
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* transform
|
|
26
|
+
* @param features
|
|
27
|
+
*/
|
|
28
|
+
//@ts-ignore
|
|
29
|
+
var processFeatures = function processFeatures(features) {
|
|
30
|
+
return Object.keys(features).reduce(function (newFeatures, key) {
|
|
31
|
+
var _ALIYUN_CONSOLE_CONFI;
|
|
32
|
+
|
|
33
|
+
var feature = features[key];
|
|
34
|
+
if (!feature) return newFeatures;
|
|
35
|
+
var uid = ((_ALIYUN_CONSOLE_CONFI = window.ALIYUN_CONSOLE_CONFIG) === null || _ALIYUN_CONSOLE_CONFI === void 0 ? void 0 : _ALIYUN_CONSOLE_CONFI.CURRENT_PK) || '';
|
|
36
|
+
var md5Uid = (0, _md.default)(uid).toString();
|
|
37
|
+
var enableBlockList = feature.enableBlockList,
|
|
38
|
+
enableSampling = feature.enableSampling,
|
|
39
|
+
enableWhiteList = feature.enableWhiteList,
|
|
40
|
+
sampling = feature.sampling,
|
|
41
|
+
blockList = feature.blockList,
|
|
42
|
+
whiteList = feature.whiteList;
|
|
43
|
+
|
|
44
|
+
if (enableBlockList && blockList.includes(md5Uid)) {
|
|
45
|
+
newFeatures[key] = false;
|
|
46
|
+
} else if (enableWhiteList && whiteList.includes(md5Uid)) {
|
|
47
|
+
newFeatures[key] = true;
|
|
48
|
+
} else if (enableSampling) {
|
|
49
|
+
var gray = uid.substring(uid.length - 2);
|
|
50
|
+
if (Number(gray) >= sampling * 100 || sampling === 0) newFeatures[key] = false;
|
|
51
|
+
newFeatures[key] = true;
|
|
52
|
+
} else {
|
|
53
|
+
newFeatures[key] = false;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
return newFeatures;
|
|
57
|
+
}, {});
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
var mergeConfigDataWithConsoleConfig = function mergeConfigDataWithConsoleConfig(configData, consoleConfig) {
|
|
61
|
+
var _window, _window$ALIYUN_CONSOL, _configData$ALL_CHANN, _configData$ALL_CHANN2;
|
|
62
|
+
|
|
63
|
+
var channel = ((_window = window) === null || _window === void 0 ? void 0 : (_window$ALIYUN_CONSOL = _window.ALIYUN_CONSOLE_CONFIG) === null || _window$ALIYUN_CONSOL === void 0 ? void 0 : _window$ALIYUN_CONSOL.CHANNEL) || 'OFFICIAL';
|
|
64
|
+
var channelLinks = ((_configData$ALL_CHANN = configData.ALL_CHANNEL_LINKS) === null || _configData$ALL_CHANN === void 0 ? void 0 : _configData$ALL_CHANN[channel]) || {};
|
|
65
|
+
var channelFeatures = ((_configData$ALL_CHANN2 = configData.ALL_CHANNEL_FEATURE_STATUS) === null || _configData$ALL_CHANN2 === void 0 ? void 0 : _configData$ALL_CHANN2[channel]) || {}; //@ts-ignore
|
|
66
|
+
|
|
67
|
+
var features = configData.ALL_FEATURE_STATUS || {};
|
|
68
|
+
return _objectSpread(_objectSpread({}, consoleConfig), {}, {
|
|
69
|
+
CHANNEL_LINKS: channelLinks,
|
|
70
|
+
CHANNEL_FEATURE_STATUS: channelFeatures,
|
|
71
|
+
FEATURE_STATUS: processFeatures(features)
|
|
72
|
+
});
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
var getConsoleConfig = /*#__PURE__*/function () {
|
|
76
|
+
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(option, consoleConfig) {
|
|
77
|
+
var configData;
|
|
78
|
+
return _regenerator.default.wrap(function _callee$(_context) {
|
|
79
|
+
while (1) {
|
|
80
|
+
switch (_context.prev = _context.next) {
|
|
81
|
+
case 0:
|
|
82
|
+
_context.next = 2;
|
|
83
|
+
return (0, _alfaCore.getConfig)(option);
|
|
84
|
+
|
|
85
|
+
case 2:
|
|
86
|
+
configData = _context.sent;
|
|
87
|
+
return _context.abrupt("return", mergeConfigDataWithConsoleConfig(configData, consoleConfig));
|
|
88
|
+
|
|
89
|
+
case 4:
|
|
90
|
+
case "end":
|
|
91
|
+
return _context.stop();
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
}, _callee);
|
|
95
|
+
}));
|
|
96
|
+
|
|
97
|
+
return function getConsoleConfig(_x, _x2) {
|
|
98
|
+
return _ref.apply(this, arguments);
|
|
99
|
+
};
|
|
100
|
+
}();
|
|
101
|
+
|
|
102
|
+
exports.getConsoleConfig = getConsoleConfig;
|
package/lib/widget/emitter.d.ts
CHANGED
package/lib/widget/emitter.js
CHANGED
|
@@ -30,13 +30,13 @@ var WidgetEventEmitter = /*#__PURE__*/function (_EventEmitter) {
|
|
|
30
30
|
|
|
31
31
|
function WidgetEventEmitter() {
|
|
32
32
|
(0, _classCallCheck2.default)(this, WidgetEventEmitter);
|
|
33
|
-
return _super.
|
|
34
|
-
}
|
|
35
|
-
|
|
33
|
+
return _super.apply(this, arguments);
|
|
34
|
+
}
|
|
36
35
|
|
|
37
36
|
(0, _createClass2.default)(WidgetEventEmitter, [{
|
|
38
37
|
key: "refersh",
|
|
39
|
-
value:
|
|
38
|
+
value: // Compatible with the old api, this may get removed at sometime later.
|
|
39
|
+
function refersh(widgetId) {
|
|
40
40
|
return this.emit("".concat(widgetId, ":REFRESH"));
|
|
41
41
|
}
|
|
42
42
|
}, {
|
|
@@ -27,26 +27,25 @@ var getWidgetConfigById = /*#__PURE__*/function () {
|
|
|
27
27
|
switch (_context.prev = _context.next) {
|
|
28
28
|
case 0:
|
|
29
29
|
env = _env.ENV[option.env || (0, _env.getConsoleEnv)()];
|
|
30
|
-
console.log(env.configUrl);
|
|
31
30
|
|
|
32
31
|
if (cachedConfig[option.name]) {
|
|
33
|
-
_context.next =
|
|
32
|
+
_context.next = 6;
|
|
34
33
|
break;
|
|
35
34
|
}
|
|
36
35
|
|
|
37
|
-
_context.next =
|
|
36
|
+
_context.next = 4;
|
|
38
37
|
return _axios.default.get((0, _template.default)(env.configUrl)({
|
|
39
38
|
id: option.name
|
|
40
39
|
}));
|
|
41
40
|
|
|
42
|
-
case
|
|
41
|
+
case 4:
|
|
43
42
|
resp = _context.sent;
|
|
44
43
|
cachedConfig[option.name] = resp.data;
|
|
45
44
|
|
|
46
|
-
case
|
|
45
|
+
case 6:
|
|
47
46
|
return _context.abrupt("return", cachedConfig[option.name]);
|
|
48
47
|
|
|
49
|
-
case
|
|
48
|
+
case 7:
|
|
50
49
|
case "end":
|
|
51
50
|
return _context.stop();
|
|
52
51
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
4
|
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
@@ -33,7 +33,11 @@ var _getWidgetVersionById = require("./getWidgetVersionById");
|
|
|
33
33
|
|
|
34
34
|
var widgetUtils = _interopRequireWildcard(require("@alicloud/widget-utils-console"));
|
|
35
35
|
|
|
36
|
-
function
|
|
36
|
+
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
|
+
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; }
|
|
39
|
+
|
|
40
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
37
41
|
|
|
38
42
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
39
43
|
|
|
@@ -181,7 +185,7 @@ var getWidgetDeps = /*#__PURE__*/function () {
|
|
|
181
185
|
react: _react.default,
|
|
182
186
|
'react-dom': _reactDom.default,
|
|
183
187
|
'prop-types': propTypes,
|
|
184
|
-
|
|
188
|
+
axios: _axios.default
|
|
185
189
|
}, cachedRuntime[version].default), {}, (_objectSpread2 = {}, (0, _defineProperty2.default)(_objectSpread2, WIDGET_UTILS_PKG_NAME, injectedWidgetUtils), (0, _defineProperty2.default)(_objectSpread2, '@ali/widget-utils-config', injectedWidgetUtils), (0, _defineProperty2.default)(_objectSpread2, '@ali/widget-loader', createWidget), _objectSpread2)));
|
|
186
190
|
|
|
187
191
|
case 31:
|
package/lib/widget.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
4
|
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
@@ -21,6 +21,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
21
21
|
|
|
22
22
|
var _consoleOsLoader = require("@alicloud/console-os-loader");
|
|
23
23
|
|
|
24
|
+
var _app = require("./app");
|
|
25
|
+
|
|
24
26
|
var _index = require("./widget/index");
|
|
25
27
|
|
|
26
28
|
var _ErrorBoundary = _interopRequireDefault(require("./components/ErrorBoundary"));
|
|
@@ -29,11 +31,20 @@ var _Loading = _interopRequireDefault(require("./components/Loading"));
|
|
|
29
31
|
|
|
30
32
|
var _utils = require("./utils");
|
|
31
33
|
|
|
32
|
-
function
|
|
34
|
+
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); }
|
|
35
|
+
|
|
36
|
+
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; }
|
|
37
|
+
|
|
38
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
33
39
|
|
|
34
40
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
35
41
|
|
|
36
42
|
function createAlfaWidget(option) {
|
|
43
|
+
if (!option.name.match(/@ali\/widget-/)) {
|
|
44
|
+
// TODO load style
|
|
45
|
+
return (0, _app.createAlfaApp)(option);
|
|
46
|
+
}
|
|
47
|
+
|
|
37
48
|
var AlfaWidget = /*#__PURE__*/(0, _react.lazy)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
38
49
|
var url, config, _yield$getWidgetVersi, version, entryUrl, deps;
|
|
39
50
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alicloud/alfa-react",
|
|
3
|
-
"version": "1.3.0-canary.
|
|
3
|
+
"version": "1.3.0-canary.1",
|
|
4
4
|
"description": "Alfa Framework (React Version)",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -23,7 +23,9 @@
|
|
|
23
23
|
"@alicloud/console-toolkit-preset-wind-component": "^1.0.0",
|
|
24
24
|
"@types/chai": "^4.1.7",
|
|
25
25
|
"@types/classnames": "^2.2.9",
|
|
26
|
+
"@types/crypto-js": "^4.0.2",
|
|
26
27
|
"@types/jest": "^23.3.13",
|
|
28
|
+
"@types/lodash": "^4.14.176",
|
|
27
29
|
"@types/react": "^16.9.2",
|
|
28
30
|
"@types/react-dom": "^16.9.0",
|
|
29
31
|
"@types/single-spa-react": "^2.8.3",
|
|
@@ -35,13 +37,14 @@
|
|
|
35
37
|
"typescript": "^3.0.3"
|
|
36
38
|
},
|
|
37
39
|
"dependencies": {
|
|
38
|
-
"@alicloud/alfa-core": "1.3.0-canary.
|
|
40
|
+
"@alicloud/alfa-core": "1.3.0-canary.1",
|
|
39
41
|
"@alicloud/console-os-loader": "1.3.0-canary.0",
|
|
40
42
|
"@alicloud/widget-utils-console": "^0.1.6",
|
|
41
|
-
"classnames": "^2.2.6"
|
|
43
|
+
"classnames": "^2.2.6",
|
|
44
|
+
"crypto-js": "^4.1.1"
|
|
42
45
|
},
|
|
43
46
|
"peerDependencies": {
|
|
44
47
|
"react": "^16 | ^17"
|
|
45
48
|
},
|
|
46
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "631484c0b2517e289c8531cc556af11135905674"
|
|
47
50
|
}
|