@titaui/pc 1.10.17-beta.2 → 1.10.19
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/lib/components/dynamic/components/first-level-tabs/index.js +1 -1
- package/lib/components/dynamic/dynamic-item/dynamic-chart/index.css +4 -0
- package/lib/components/dynamic/dynamic-item/dynamic-chart/index.js +107 -0
- package/lib/components/dynamic/dynamic-item/{dynamic-replay → dynamic-reply}/index.css +0 -0
- package/lib/components/dynamic/dynamic-item/{dynamic-replay → dynamic-reply}/index.js +0 -0
- package/lib/components/dynamic/dynamic-item/dynamic-share-content/index.js +42 -0
- package/lib/components/dynamic/dynamic-item/index.js +17 -3
- package/lib/components/menus/export-modules/demo-menus/menus.js +14 -14
- package/lib/components/nav-top/components/user-message/index.js +3 -0
- package/lib/components/superset-charts/components/index.js +63 -0
- package/lib/components/superset-charts/index.js +13 -0
- package/lib/components/superset-charts/init/index.js +42 -0
- package/lib/components/superset-charts/init/insert-assets.js +101 -0
- package/lib/components/superset-charts/init/use-get-assets.js +193 -0
- package/lib/components/superset-charts/interface.js +5 -0
- package/lib/components/superset-charts/utils/axios.js +90 -0
- package/lib/components/user-selector/empty/index.css +6 -6
- package/lib/components/user-selector/selected-panel/index.css +3 -3
- package/lib/index.js +7 -7
- package/package.json +1 -1
- package/lib/components/video-modal/img/bigFaqi.png +0 -0
- package/lib/components/video-modal/img/close.png +0 -0
- package/lib/components/video-modal/img/full.svg +0 -21
- package/lib/components/video-modal/img/muted.svg +0 -14
- package/lib/components/video-modal/img/not-muted.svg +0 -22
- package/lib/components/video-modal/img/pause.svg +0 -13
- package/lib/components/video-modal/img/play.svg +0 -18
- package/lib/components/video-modal/img/small.svg +0 -22
- package/lib/components/video-modal/index.css +0 -240
- package/lib/components/video-modal/index.js +0 -327
- package/lib/components/video-modal/utils.js +0 -25
|
@@ -121,7 +121,7 @@ var FirstLevelTabs = function FirstLevelTabs(_ref) {
|
|
|
121
121
|
}
|
|
122
122
|
}, item.MenuName, item.CodeId === 1001 && feedNum > 0 && /*#__PURE__*/_react["default"].createElement("span", {
|
|
123
123
|
className: "".concat(prefix, "__tab--showNumber")
|
|
124
|
-
}, feedNum));
|
|
124
|
+
}, feedNum < 100 ? feedNum : "99+"));
|
|
125
125
|
})), /*#__PURE__*/_react["default"].createElement("span", {
|
|
126
126
|
className: "".concat(prefix, "__fold-tab")
|
|
127
127
|
}, renderFoldFirstLevelTab));
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
12
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
+
|
|
14
|
+
var _supersetCharts = _interopRequireDefault(require("../../../superset-charts"));
|
|
15
|
+
|
|
16
|
+
var _dynamicShareContent = _interopRequireDefault(require("../dynamic-share-content"));
|
|
17
|
+
|
|
18
|
+
var _context = require("../../context");
|
|
19
|
+
|
|
20
|
+
var _tools = require("../../../../utils/tools");
|
|
21
|
+
|
|
22
|
+
var _header = _interopRequireDefault(require("../components/header"));
|
|
23
|
+
|
|
24
|
+
require("./index.css");
|
|
25
|
+
|
|
26
|
+
var _excluded = ["data"];
|
|
27
|
+
|
|
28
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
29
|
+
|
|
30
|
+
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); }
|
|
31
|
+
|
|
32
|
+
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; }
|
|
33
|
+
|
|
34
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
35
|
+
|
|
36
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
37
|
+
|
|
38
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
39
|
+
|
|
40
|
+
var systemPublisher = {
|
|
41
|
+
avatar: {
|
|
42
|
+
big: "https://file.tita.com/TitaImage/352728/d820ed195e204b5aa7d6d1b9bd94f215_b.png",
|
|
43
|
+
color: "#f0c75a",
|
|
44
|
+
hasAvatar: true,
|
|
45
|
+
large: "https://file.tita.com/TitaImage/352728/d820ed195e204b5aa7d6d1b9bd94f215_l.png",
|
|
46
|
+
medium: "https://file.tita.com/TitaImage/352728/d820ed195e204b5aa7d6d1b9bd94f215_m.png",
|
|
47
|
+
normal: "https://file.tita.com/TitaImage/352728/d820ed195e204b5aa7d6d1b9bd94f215_n.png",
|
|
48
|
+
original: "https://file.tita.com/TitaImage/352728/d820ed195e204b5aa7d6d1b9bd94f215_o.png",
|
|
49
|
+
small: "https://file.tita.com/TitaImage/352728/d820ed195e204b5aa7d6d1b9bd94f215_s.png"
|
|
50
|
+
},
|
|
51
|
+
blessingType: 0,
|
|
52
|
+
decorationType: 0,
|
|
53
|
+
departmentId: 0,
|
|
54
|
+
departmentName: null,
|
|
55
|
+
jobState: 0,
|
|
56
|
+
medalPosition: null,
|
|
57
|
+
medalUrl: null,
|
|
58
|
+
name: "Tita小助手",
|
|
59
|
+
postition: null,
|
|
60
|
+
praiseType: 0,
|
|
61
|
+
tag: null,
|
|
62
|
+
userId: 100000,
|
|
63
|
+
userMark: null,
|
|
64
|
+
userType: 0
|
|
65
|
+
};
|
|
66
|
+
var prefixCls = "titaui-dynamic-chart";
|
|
67
|
+
|
|
68
|
+
var DynamicChart = function DynamicChart(_ref) {
|
|
69
|
+
var data = _ref.data,
|
|
70
|
+
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
71
|
+
|
|
72
|
+
var contentRef = (0, _react.useRef)();
|
|
73
|
+
|
|
74
|
+
var _useContext = (0, _react.useContext)(_context.SearchKeyContext),
|
|
75
|
+
searchKeyWord = _useContext.searchKeyWord;
|
|
76
|
+
|
|
77
|
+
(0, _react.useEffect)(function () {
|
|
78
|
+
(0, _tools.highLightWord)({
|
|
79
|
+
parentDom: contentRef.current,
|
|
80
|
+
keyWord: searchKeyWord
|
|
81
|
+
});
|
|
82
|
+
}, [data, searchKeyWord]);
|
|
83
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
84
|
+
className: (0, _classnames["default"])(prefixCls)
|
|
85
|
+
}, /*#__PURE__*/_react["default"].createElement(_header["default"], _extends({
|
|
86
|
+
data: data
|
|
87
|
+
}, restProps, {
|
|
88
|
+
user: systemPublisher,
|
|
89
|
+
desc: /*#__PURE__*/_react["default"].createElement("div", {
|
|
90
|
+
style: {
|
|
91
|
+
marginLeft: "4px",
|
|
92
|
+
color: "#89919f"
|
|
93
|
+
}
|
|
94
|
+
}, "\u63A8\u9001\u4E86\u6D88\u606F")
|
|
95
|
+
})), /*#__PURE__*/_react["default"].createElement(_dynamicShareContent["default"], {
|
|
96
|
+
prefix: prefixCls,
|
|
97
|
+
content: data.content,
|
|
98
|
+
contentRef: contentRef
|
|
99
|
+
}), /*#__PURE__*/_react["default"].createElement("div", {
|
|
100
|
+
className: "".concat(prefixCls, "__charts")
|
|
101
|
+
}, /*#__PURE__*/_react["default"].createElement(_supersetCharts["default"], {
|
|
102
|
+
chartId: data.biId
|
|
103
|
+
})));
|
|
104
|
+
};
|
|
105
|
+
|
|
106
|
+
var _default = DynamicChart;
|
|
107
|
+
exports["default"] = _default;
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
+
|
|
12
|
+
var _dynamicLeftQuoto = _interopRequireDefault(require("../../img/dynamic-left-quoto.svg"));
|
|
13
|
+
|
|
14
|
+
var _dynamicRightQuoto = _interopRequireDefault(require("../../img/dynamic-right-quoto.svg"));
|
|
15
|
+
|
|
16
|
+
var _dangerousHtml = _interopRequireDefault(require("../../components/dangerous-html"));
|
|
17
|
+
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
+
|
|
20
|
+
var DynamicShareContent = function DynamicShareContent(_ref) {
|
|
21
|
+
var prefix = _ref.prefix,
|
|
22
|
+
content = _ref.content,
|
|
23
|
+
contentRef = _ref.contentRef;
|
|
24
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
25
|
+
className: "".concat(prefix, "__content")
|
|
26
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("img", {
|
|
27
|
+
className: (0, _classnames["default"])("".concat(prefix, "__content-quoto"), "".concat(prefix, "__content-quoto--left")),
|
|
28
|
+
src: _dynamicLeftQuoto["default"],
|
|
29
|
+
alt: "left"
|
|
30
|
+
})), /*#__PURE__*/_react["default"].createElement("div", {
|
|
31
|
+
ref: contentRef
|
|
32
|
+
}, /*#__PURE__*/_react["default"].createElement(_dangerousHtml["default"], {
|
|
33
|
+
htmlText: content
|
|
34
|
+
}), /*#__PURE__*/_react["default"].createElement("img", {
|
|
35
|
+
className: (0, _classnames["default"])("".concat(prefix, "__content-quoto"), "".concat(prefix, "__content-quoto--right")),
|
|
36
|
+
src: _dynamicRightQuoto["default"],
|
|
37
|
+
alt: "right"
|
|
38
|
+
})));
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
var _default = DynamicShareContent;
|
|
42
|
+
exports["default"] = _default;
|
|
@@ -23,9 +23,11 @@ var _dynamicAssessment = _interopRequireDefault(require("./dynamic-assessment"))
|
|
|
23
23
|
|
|
24
24
|
var _dynamicShare = _interopRequireDefault(require("./dynamic-share"));
|
|
25
25
|
|
|
26
|
+
var _dynamicChart = _interopRequireDefault(require("./dynamic-chart"));
|
|
27
|
+
|
|
26
28
|
var _dynamicAnnouncement = _interopRequireDefault(require("./dynamic-announcement"));
|
|
27
29
|
|
|
28
|
-
var
|
|
30
|
+
var _dynamicReply = _interopRequireDefault(require("./dynamic-reply"));
|
|
29
31
|
|
|
30
32
|
var _dynamicReport = _interopRequireDefault(require("./dynamic-report"));
|
|
31
33
|
|
|
@@ -234,20 +236,32 @@ var DynamicItem = function DynamicItem(_ref) {
|
|
|
234
236
|
});
|
|
235
237
|
|
|
236
238
|
case _constant.EFeedType.Reply:
|
|
237
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
239
|
+
return /*#__PURE__*/_react["default"].createElement(_dynamicReply["default"], {
|
|
238
240
|
data: data,
|
|
239
241
|
onDeleteFeed: onDeleteFeed
|
|
240
242
|
});
|
|
241
243
|
|
|
242
244
|
case _constant.EFeedType.Share:
|
|
243
245
|
if (data.shareType === 0) {
|
|
246
|
+
// TODO 需要后端新增shareType
|
|
247
|
+
if (data.biId) {
|
|
248
|
+
return /*#__PURE__*/_react["default"].createElement(_dynamicChart["default"], {
|
|
249
|
+
data: data,
|
|
250
|
+
onDeleteFeed: onDeleteFeed
|
|
251
|
+
});
|
|
252
|
+
}
|
|
253
|
+
|
|
244
254
|
return /*#__PURE__*/_react["default"].createElement(_dynamicShare["default"], {
|
|
245
255
|
data: data,
|
|
246
256
|
onDeleteFeed: onDeleteFeed,
|
|
247
257
|
hasDynamicOpereateAuth: hasDynamicOpereateAuth,
|
|
248
258
|
dynamicShareIsShowToping: dynamicShareIsShowToping
|
|
249
259
|
});
|
|
250
|
-
}
|
|
260
|
+
} // if (data.shareType === ) {
|
|
261
|
+
// // 图表类型分享
|
|
262
|
+
// return <DynamicChart data={data} onDeleteFeed={onDeleteFeed} />;
|
|
263
|
+
// }
|
|
264
|
+
|
|
251
265
|
|
|
252
266
|
return /*#__PURE__*/_react["default"].createElement(_dynamicShareToDynamic["default"], {
|
|
253
267
|
data: data
|
|
@@ -88,14 +88,6 @@ var DemoMenuData = /*#__PURE__*/function () {
|
|
|
88
88
|
href: "#/demofree/list?selected=ignore",
|
|
89
89
|
isShow: this.isManager === EManagerType.Manager
|
|
90
90
|
}]
|
|
91
|
-
}, {
|
|
92
|
-
icon: "KH-help",
|
|
93
|
-
label: "预约演示报表",
|
|
94
|
-
key: "charts",
|
|
95
|
-
href: "#/demofree/charts",
|
|
96
|
-
isShow: this.isManager === EManagerType.Manager,
|
|
97
|
-
children: [],
|
|
98
|
-
type: _index.MENU_ITEM_NOE
|
|
99
91
|
}, {
|
|
100
92
|
icon: "KH-help",
|
|
101
93
|
label: "客户续费",
|
|
@@ -108,19 +100,27 @@ var DemoMenuData = /*#__PURE__*/function () {
|
|
|
108
100
|
key: PAGE_RECHARGE_LIST,
|
|
109
101
|
href: "#/demofree/recharge/list",
|
|
110
102
|
isShow: this.isManager === EManagerType.ReCharge || this.isManager === EManagerType.Manager
|
|
111
|
-
}, {
|
|
112
|
-
icon: "",
|
|
113
|
-
label: "数据统计",
|
|
114
|
-
key: PAGE_RECHARGE_STATISTICS,
|
|
115
|
-
href: "#/demofree/recharge/statistics",
|
|
116
|
-
isShow: this.isManager === EManagerType.ReCharge || this.isManager === EManagerType.Manager
|
|
117
103
|
}, {
|
|
118
104
|
icon: "",
|
|
119
105
|
label: "续费状态",
|
|
120
106
|
key: PAGE_RECHARGE_STATUS,
|
|
121
107
|
href: "#/demofree/recharge/status",
|
|
122
108
|
isShow: this.isManager === EManagerType.ReCharge || this.isManager === EManagerType.Manager
|
|
109
|
+
}, {
|
|
110
|
+
icon: "",
|
|
111
|
+
label: "数据统计",
|
|
112
|
+
key: PAGE_RECHARGE_STATISTICS,
|
|
113
|
+
href: "#/demofree/recharge/statistics",
|
|
114
|
+
isShow: this.isManager === EManagerType.ReCharge || this.isManager === EManagerType.Manager
|
|
123
115
|
}]
|
|
116
|
+
}, {
|
|
117
|
+
icon: "KH-help",
|
|
118
|
+
label: "预约演示报表",
|
|
119
|
+
key: "charts",
|
|
120
|
+
href: "#/demofree/charts",
|
|
121
|
+
isShow: this.isManager === EManagerType.Manager,
|
|
122
|
+
children: [],
|
|
123
|
+
type: _index.MENU_ITEM_NOE
|
|
124
124
|
}];
|
|
125
125
|
}
|
|
126
126
|
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
12
|
+
var _init = require("../init");
|
|
13
|
+
|
|
14
|
+
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); }
|
|
15
|
+
|
|
16
|
+
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; }
|
|
17
|
+
|
|
18
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
19
|
+
|
|
20
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
21
|
+
|
|
22
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
23
|
+
|
|
24
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
25
|
+
|
|
26
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
27
|
+
|
|
28
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
29
|
+
|
|
30
|
+
var lazyOnce = (0, _init.lazyLoad)();
|
|
31
|
+
|
|
32
|
+
var Chart = function Chart(_ref) {
|
|
33
|
+
var _window, _window$SupersetChart;
|
|
34
|
+
|
|
35
|
+
var chartId = _ref.chartId,
|
|
36
|
+
_ref$height = _ref.height,
|
|
37
|
+
height = _ref$height === void 0 ? 300 : _ref$height,
|
|
38
|
+
_ref$width = _ref.width,
|
|
39
|
+
width = _ref$width === void 0 ? 800 : _ref$width;
|
|
40
|
+
|
|
41
|
+
var _useState = (0, _react.useState)(true),
|
|
42
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
43
|
+
loading = _useState2[0],
|
|
44
|
+
setLoading = _useState2[1];
|
|
45
|
+
|
|
46
|
+
(0, _react.useEffect)(function () {
|
|
47
|
+
var _lazyOnce;
|
|
48
|
+
|
|
49
|
+
(_lazyOnce = lazyOnce()) === null || _lazyOnce === void 0 ? void 0 : _lazyOnce.then(function () {
|
|
50
|
+
setLoading(false);
|
|
51
|
+
});
|
|
52
|
+
}, []); // @ts-ignore
|
|
53
|
+
|
|
54
|
+
var Chart = (_window = window) === null || _window === void 0 ? void 0 : (_window$SupersetChart = _window.SupersetChart) === null || _window$SupersetChart === void 0 ? void 0 : _window$SupersetChart.SupersetChart;
|
|
55
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, Chart && !loading && chartId && /*#__PURE__*/_react["default"].createElement(Chart, {
|
|
56
|
+
id: chartId,
|
|
57
|
+
height: height,
|
|
58
|
+
width: width
|
|
59
|
+
}));
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
var _default = Chart;
|
|
63
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
var _components = _interopRequireDefault(require("./components"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
12
|
+
var _default = _components["default"];
|
|
13
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.SingleInsert = SingleInsert;
|
|
7
|
+
exports.lazyLoad = void 0;
|
|
8
|
+
|
|
9
|
+
var _insertAssets = _interopRequireDefault(require("./insert-assets"));
|
|
10
|
+
|
|
11
|
+
var _useGetAssets = require("./use-get-assets");
|
|
12
|
+
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
14
|
+
|
|
15
|
+
function SingleInsert() {
|
|
16
|
+
var instance;
|
|
17
|
+
return function insert(assets) {
|
|
18
|
+
if (!instance) {
|
|
19
|
+
var _insert = new _insertAssets["default"]();
|
|
20
|
+
|
|
21
|
+
_insert.setAssets(assets);
|
|
22
|
+
|
|
23
|
+
instance = _insert.insertAssetsList();
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
return instance;
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
var lazyLoad = function lazyLoad() {
|
|
31
|
+
var Single;
|
|
32
|
+
(0, _useGetAssets.getAssets)().then(function (res) {
|
|
33
|
+
Single = SingleInsert()(res);
|
|
34
|
+
});
|
|
35
|
+
return function () {
|
|
36
|
+
return Single;
|
|
37
|
+
}; // return () => {
|
|
38
|
+
// return Single
|
|
39
|
+
// }
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
exports.lazyLoad = lazyLoad;
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
|
|
8
|
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
9
|
+
|
|
10
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
11
|
+
|
|
12
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
13
|
+
|
|
14
|
+
var generateScript = function generateScript(assets) {
|
|
15
|
+
return new Promise(function (resolve, reject) {
|
|
16
|
+
var script = document.createElement("script");
|
|
17
|
+
var r = false;
|
|
18
|
+
script.type = "text/javascript";
|
|
19
|
+
script.src = assets.uri;
|
|
20
|
+
script.async = true;
|
|
21
|
+
script.id = "superset-chart-assets";
|
|
22
|
+
script.setAttribute("crossorigin", "anonymous");
|
|
23
|
+
|
|
24
|
+
script.onerror = function (err) {
|
|
25
|
+
reject(err);
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
script.onload = function onload() {
|
|
29
|
+
// @ts-ignore
|
|
30
|
+
if (!r && (!this.readyState || this.readyState === "complete")) {
|
|
31
|
+
r = true;
|
|
32
|
+
resolve(r);
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
document.head.appendChild(script);
|
|
37
|
+
});
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
var generateStyle = function generateStyle(assets) {
|
|
41
|
+
var el = document.createElement("link");
|
|
42
|
+
el.href = assets.uri;
|
|
43
|
+
return el;
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
var InsertAssetsList = /*#__PURE__*/function () {
|
|
47
|
+
function InsertAssetsList() {
|
|
48
|
+
var _this = this;
|
|
49
|
+
|
|
50
|
+
_classCallCheck(this, InsertAssetsList);
|
|
51
|
+
|
|
52
|
+
this.generateAssets = function (assets) {
|
|
53
|
+
var _this$strategy$type, _this$strategy;
|
|
54
|
+
|
|
55
|
+
var type = assets.type;
|
|
56
|
+
return (_this$strategy$type = (_this$strategy = _this.strategy)[type]) === null || _this$strategy$type === void 0 ? void 0 : _this$strategy$type.call(_this$strategy, assets);
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
this.insertAssetsList = function () {
|
|
60
|
+
if (!_this.assetsList.length) return undefined;
|
|
61
|
+
|
|
62
|
+
if (!_this.init) {
|
|
63
|
+
_this.init = true;
|
|
64
|
+
var fragment = document.createDocumentFragment();
|
|
65
|
+
|
|
66
|
+
_this.assetsList.filter(function (element) {
|
|
67
|
+
return element.type === "css";
|
|
68
|
+
}).forEach(function (element) {
|
|
69
|
+
var el = generateStyle(element);
|
|
70
|
+
fragment.appendChild(el);
|
|
71
|
+
});
|
|
72
|
+
|
|
73
|
+
return Promise.all(_this.assetsList.filter(function (element) {
|
|
74
|
+
return element.type === "js";
|
|
75
|
+
}).map(function (element) {
|
|
76
|
+
return generateScript(element);
|
|
77
|
+
}));
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
return Promise.resolve(1);
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
this.init = false;
|
|
84
|
+
this.strategy = {
|
|
85
|
+
js: generateScript,
|
|
86
|
+
css: generateStyle
|
|
87
|
+
};
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
_createClass(InsertAssetsList, [{
|
|
91
|
+
key: "setAssets",
|
|
92
|
+
value: function setAssets(assets) {
|
|
93
|
+
this.assetsList = assets;
|
|
94
|
+
}
|
|
95
|
+
}]);
|
|
96
|
+
|
|
97
|
+
return InsertAssetsList;
|
|
98
|
+
}();
|
|
99
|
+
|
|
100
|
+
var _default = InsertAssetsList;
|
|
101
|
+
exports["default"] = _default;
|