@titaui/pc 1.16.22 → 1.16.25-beta.1

package/lib/components/stateless-dropdown/dropdown-selector.js

@@ -0,0 +1,84 @@
+// import React, { FC, useState, useCallback, useRef } from 'react';
+// import classNames from 'classnames';
+// import './index.css';
+// export interface Option {
+//   option: any; // 表面的数据
+//   value: any; // 背后的值
+// }
+// interface DropDownSelectorProps {
+//   value?: string | number; //default value
+//   option?: string | number;
+//   className?: any;
+//   overlayClassName?: any;
+//   options: Option[];
+//   labelText?: string;
+//   hasEmptyLabel?: boolean;
+//   onUpdateValue: (...arg: any[]) => any;
+//   onClick?: (...arg: any[]) => any;
+//   style?: React.CSSProperties;
+//   direction?: 'up'|'down';
+// }
+// // POP 重构之前再重构这里
+// const DropDownSelector: FC<DropDownSelectorProps> = (props) => {
+//   const { options, labelText, hasEmptyLabel, option, style, className, overlayClassName, direction = 'down', value, onUpdateValue, onClick } = props;
+//   const [showDropDown, setShowDropDown] = useState(false);
+//   const ulDomRef = useRef();
+//   const liDomListRef = useRef([]);
+//   const scrollToSelected = useCallback(() => {
+//     const index = options.findIndex(o => o.value == value);
+//     if (index == 0 || index == -1) return;
+//     let liDom = liDomListRef.current[index];
+//     // FIXME 首次加载的时候 liRef 的 offsetHeight = 0
+//     // 但是选中在打开就又好了
+//     if (!ulDomRef || !liDom) return;
+//     let h = liDom.offsetTop - (ulDomRef.current.offsetHeight - liDom.offsetHeight) / 2;
+//     h = Math.min(ulDomRef.current.scrollHeight, Math.max(0, h));
+//     if (ulDomRef.current.scrollTo) {
+//       ulDomRef.current.scrollTo(0, h);
+//     } else {
+//       ulDomRef.current.scrollTop = h;
+//     }
+//   }, [])
+//   const handleShowDropDown = useCallback(() => {
+//     if (!showDropDown) {
+//       scrollToSelected();
+//     }
+//     setShowDropDown(!showDropDown)
+//     onClick && onClick();
+//   }, [showDropDown, onClick, setShowDropDown])
+//   const renderLabel = useCallback(() => {
+//     if (labelText && labelText.length > 0) {
+//       return <span className='drop-down-label'>{labelText}</span>;
+//     } else {
+//       return hasEmptyLabel && <span className='empty-holder'></span>;
+//     }
+//   }, [labelText, hasEmptyLabel])
+//   const handleBlur = () => {
+//     // IE11 直接就 onBlur 了 跟 Chrome不一样
+//     setTimeout(() => {
+//       setShowDropDown(false);
+//     }, 200);
+//   };
+//   return (
+//     <div className='titaui-dropdown-wrapper'>
+//       {renderLabel}
+//       <span className={classNames('tt-drop-down-wrapper', 'dropdown-container', overlayClassName)} style={style} onClick={handleShowDropDown} tabIndex={0} onBlur={handleBlur}>
+//         <span className={className} style={{ lineHeight: '17px'}}>
+//           {option}
+//         </span>
+//         <span className={classNames('tu-icon-arrow-down', showDropDown && 'dropdown-active')}></span>
+//         <div className={classNames('options-wrapper', showDropDown ? 'show-dropdown' : 'hide-dropdown')} style={direction == 'up' ? {top: 'auto',bottom:'116%'} : {}}>
+//           <ul ref={ulDomRef}>
+//             {options.map(({ option, value }, index) => (
+//               <li className='option' style={value === value ? { backgroundColor: '#f5f8fa' } : {}} ref={r => (liDomListRef.current[index] = r)} key={index} onClick={() => onUpdateValue({ value, option })}>
+//                 {option}
+//               </li>
+//             ))}
+//           </ul>
+//         </div>
+//       </span>
+//     </div>
+//   );
+// }
+// export default DropDownSelector;
+"use strict";

package/lib/components/stateless-dropdown/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "StatelessDropdown", {
+  enumerable: true,
+  get: function get() {
+    return _statelessDropdown["default"];
+  }
+});
+exports["default"] = void 0;
+
+var _statelessDropdown = _interopRequireDefault(require("./stateless-dropdown"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = _statelessDropdown["default"];
+exports["default"] = _default;

package/lib/components/stateless-dropdown/stateless-dropdown.js

@@ -0,0 +1,54 @@
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+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; }
+
+var StatelessDropdown = function StatelessDropdown(props) {
+  var style = props.style,
+      className = props.className,
+      overlayClassName = props.overlayClassName,
+      children = props.children,
+      labelText = props.labelText;
+  var renderLabel = (0, _react.useMemo)(function () {
+    if (labelText) {
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        className: "titaui-drop-down-label"
+      }, labelText);
+    }
+
+    return "";
+  }, [labelText]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "titaui-dropdown-wrapper"
+  }, renderLabel, /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("tt-drop-down-wrapper", "dropdown-container", overlayClassName),
+    style: style
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: className,
+    style: {
+      lineHeight: "17px",
+      flexGrow: 1
+    }
+  }, children), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tu-icon-arrow-down"
+  })));
+};
+
+var _default = StatelessDropdown;
+exports["default"] = _default;

package/lib/components/status-time/index.js

@@ -0,0 +1,116 @@
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _getLocale = require("../../utils/getLocale");
+
+require("./index.css");
+
+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); }
+
+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; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+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."); }
+
+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); }
+
+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; }
+
+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; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var StatusTime = function StatusTime(_ref) {
+  var deadLine = _ref.deadLine,
+      isLongTerm = _ref.isLongTerm,
+      isCancel = _ref.isCancel,
+      isComplete = _ref.isComplete;
+
+  var _useState = (0, _react.useState)("default"),
+      _useState2 = _slicedToArray(_useState, 2),
+      colorType = _useState2[0],
+      setColorType = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isRemainLessThan30Days = _useState4[0],
+      setIsRemainLessThan30Days = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      overDue = _useState6[0],
+      setOverDue = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(0),
+      _useState8 = _slicedToArray(_useState7, 2),
+      remainDays = _useState8[0],
+      setRemainDays = _useState8[1];
+
+  var _useState9 = (0, _react.useState)({
+    year: 0,
+    month: "01",
+    day: "01"
+  }),
+      _useState10 = _slicedToArray(_useState9, 2),
+      deadDate = _useState10[0],
+      setDeadDate = _useState10[1];
+
+  var getIsRemainLessThan30Days = function getIsRemainLessThan30Days() {
+    var deadTime = new Date(deadLine);
+    var deadYear = deadTime.getFullYear();
+    var deadMonth = deadTime.getMonth() + 1;
+    var deadDay = deadTime.getDate();
+    var nowTime = new Date();
+    var difftime = (deadTime.getTime() - nowTime.getTime()) / 1000 / 60 / 60 / 24;
+    setOverDue(difftime < 0); // 新创建任务到期时间是当天需要额外处理一下
+
+    var diffDays = Math.ceil(difftime < 0 && difftime > -1 ? -1 : difftime);
+    setIsRemainLessThan30Days(diffDays <= 3);
+    setRemainDays(diffDays);
+    setDeadDate({
+      year: deadYear,
+      month: deadMonth > 9 ? "".concat(deadMonth) : "0".concat(deadMonth),
+      day: deadDay > 9 ? "".concat(deadDay) : "0".concat(deadDay)
+    });
+  };
+
+  (0, _react.useEffect)(function () {
+    getIsRemainLessThan30Days();
+  }, [deadLine]);
+  (0, _react.useEffect)(function () {
+    if (isCancel || isComplete || isLongTerm) {
+      setColorType("finished");
+    } else if (overDue) {
+      setColorType("urgent");
+    } else {
+      setColorType("default");
+    }
+  }, [isCancel, isComplete, isLongTerm, isRemainLessThan30Days, overDue]);
+  var parseEndDate = (0, _react.useCallback)(function () {
+    if (!deadLine) return (0, _getLocale.getLocale)("Data_Notset");
+    if (isLongTerm) return (0, _getLocale.getLocale)("Pro_newpro_LongTerm");
+
+    if (isRemainLessThan30Days && remainDays > 0 && !isComplete && !isCancel) {
+      return _getLocale.isEn ? "".concat(remainDays, " day(s)") : "\u5269\u4F59".concat(remainDays, "\u5929");
+    }
+
+    return "".concat(deadDate.year !== new Date().getFullYear() ? "".concat(deadDate.year, "/") : "").concat(deadDate.month, "/").concat(deadDate.day);
+  }, [isLongTerm, isRemainLessThan30Days, remainDays, deadDate, isComplete, isCancel]);
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: "okr-detail__status-time"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "okr-detail__status-time-".concat(colorType)
+  }, parseEndDate()));
+};
+
+var _default = StatusTime;
+exports["default"] = _default;

package/lib/components/stop-taking-modal/index.js

@@ -0,0 +1,106 @@
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _titaUi = require("tita-ui");
+
+var _bsGlobal = require("../../utils/bs-global");
+
+var _localStorage = require("../../utils/local-storage");
+
+require("./index.css");
+
+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); }
+
+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; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+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."); }
+
+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); }
+
+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; }
+
+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; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var preCls = "tt-stop-taking-model";
+var storage = new _localStorage.LocalStorage();
+
+function StopTakingModel() {
+  var _useState = (0, _react.useState)(function () {
+    var _getTenantInfo;
+
+    if (((_getTenantInfo = (0, _bsGlobal.getTenantInfo)()) === null || _getTenantInfo === void 0 ? void 0 : _getTenantInfo.Source) === 964) return false;
+    var stopTaking = storage.getItem("stopTaking");
+
+    if (stopTaking !== null && stopTaking !== void 0 && stopTaking.date) {
+      var oldDate = new Date(stopTaking === null || stopTaking === void 0 ? void 0 : stopTaking.date).getDate();
+      var newDate = new Date().getDate();
+
+      if (newDate > oldDate) {
+        return true;
+      }
+
+      return false;
+    }
+
+    return true;
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var handleClose = (0, _react.useCallback)(function () {
+    setVisible(false);
+    storage.setItem("stopTaking", {
+      bol: false,
+      date: new Date()
+    });
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement(_titaUi.Modal, {
+    visible: visible,
+    customContent: true,
+    footer: null,
+    width: 420
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__background")
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "tu-icon-close ".concat(preCls, "__close"),
+    onClick: handleClose
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__head")
+  }, "\u4EB2\u7231\u7684\u7528\u6237"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__content")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__content-line1")
+  }, "\u60A8\u597D\uFF5E"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__content-line2")
+  }, "\u4E3A\u4E86\u7ED9\u60A8\u5E26\u6765\u66F4\u597D\u7684\u5B89\u5168\u4E0E\u7A33\u5B9A\u4F53\u9A8C\uFF0CTita \u5C06\u5728\u5468\u4E94\u665A\u4E0A\u8FDB\u884C\u5347\u7EA7\uFF0C\u9884\u8BA1\u8017\u65F6\u4E00\u5929\uFF0C\u4ECB\u65F6\u5C06\u65E0\u6CD5\u4F7F\u7528 Tita\uFF0C\u8BF7\u60A8\u63D0\u524D\u5B89\u6392\u597D\u5DE5\u4F5C\uFF0C\u611F\u8C22\u60A8\u7684\u652F\u6301\u4E0E\u7406\u89E3\uFF01"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__content-line3")
+  }, "\u5347\u7EA7\u65F6\u95F4\uFF1A", /*#__PURE__*/_react["default"].createElement("span", {
+    style: {
+      color: "#2879ff",
+      fontWeight: 500
+    }
+  }, "1.21 (\u5468\u4E94) 23:00 - 1.22 (\u5468\u516D) 23:59"))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__action"),
+    onClick: function onClick() {
+      return window.open("https://wiki.tita.com/x/RICeAQ");
+    }
+  }, "\u4E86\u89E3\u8BE6\u60C5")));
+}
+
+var _default = StopTakingModel;
+exports["default"] = _default;

package/lib/components/superset-charts/components/chart/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+// const singletonFetchAssetsAndAppend = SingletonFetchAssetsAndAppend();
+var Chart = function Chart(props) {
+  var _window, _window$SupersetChart;
+
+  // useEffect(() => {
+  //   singletonFetchAssetsAndAppend()?.then(() => {
+  //     setIsInit(true);
+  //   });
+  // }, []);
+  var Chart = (_window = window) === null || _window === void 0 ? void 0 : (_window$SupersetChart = _window.SupersetChart) === null || _window$SupersetChart === void 0 ? void 0 : _window$SupersetChart.SupersetChart;
+  return Chart ? /*#__PURE__*/_react["default"].createElement(Chart, props) : /*#__PURE__*/_react["default"].createElement("div", null);
+};
+
+var _default = Chart;
+exports["default"] = _default;

package/lib/components/superset-charts/fetch-assets-and-append/append-assets.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+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); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+var appendJs = function appendJs(assets) {
+  return new Promise(function (resolve, reject) {
+    var script = document.createElement("script");
+    var r = false;
+    script.type = "text/javascript";
+    script.src = assets.uri;
+    script.async = true;
+    script.id = "superset-chart-assets";
+    script.setAttribute("crossorigin", "anonymous");
+
+    script.onerror = function (err) {
+      reject(err);
+    };
+
+    script.onload = function onload() {
+      // @ts-ignore
+      if (!r && (!this.readyState || this.readyState === "complete")) {
+        r = true;
+        resolve(r);
+      }
+    };
+
+    document.head.appendChild(script);
+  });
+};
+
+var appendCss = function appendCss(assets) {
+  var el = document.createElement("link");
+  el.href = assets.uri;
+  return el;
+};
+
+var AppendAssetsList = /*#__PURE__*/function () {
+  function AppendAssetsList() {
+    var _this = this;
+
+    _classCallCheck(this, AppendAssetsList);
+
+    this.appendAssets = function (assets) {
+      var type = assets.type;
+      return _this.strategy[type](assets);
+    };
+
+    this.appendAssetsList = function () {
+      if (!_this.assetsList.length) return undefined;
+
+      if (!_this.init) {
+        _this.init = true;
+        var fragment = document.createDocumentFragment();
+
+        _this.assetsList.filter(function (assets) {
+          return assets.type !== "js";
+        }).forEach(function (assets) {
+          if (!assets.type || !_this.strategy[assets.type]) {
+            // eslint-disable-next-line no-console
+            console.error("assets type is not expected");
+            return;
+          }
+
+          var el = _this.appendAssets(assets);
+
+          fragment.appendChild(el);
+        });
+
+        return Promise.all(_this.assetsList.filter(function (assets) {
+          return assets.type === "js";
+        }).map(function (assets) {
+          return appendJs(assets);
+        }));
+      }
+
+      return Promise.resolve();
+    };
+
+    this.init = false;
+    this.strategy = {
+      js: appendJs,
+      css: appendCss
+    };
+  }
+
+  _createClass(AppendAssetsList, [{
+    key: "setAssets",
+    value: function setAssets(assets) {
+      this.assetsList = assets;
+    }
+  }]);
+
+  return AppendAssetsList;
+}();
+
+var _default = AppendAssetsList;
+exports["default"] = _default;

package/lib/components/superset-charts/fetch-assets-and-append/get-assets-with-cache.js

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transMetasToTableData = exports.fetchAssetsVersion = exports.fetchAssetsUri = exports.domain = exports["default"] = void 0;
+
+var _axios = _interopRequireDefault(require("../utils/axios"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+var domain = "https://skynet-apis.tita.cloud"; // const domain = 'http://127.0.0.1:8080'
+
+exports.domain = domain;
+
+var transMetasToTableData = function transMetasToTableData() {
+  var dataSource = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var listData = [];
+  dataSource.forEach(function (dataItem) {
+    var data = {};
+    dataItem.forEach(function (field) {
+      var name = field.name,
+          value = field.value;
+      data[name] = value;
+    });
+    listData.push(data);
+  });
+  return listData;
+};
+
+exports.transMetasToTableData = transMetasToTableData;
+var storageKey = "DEMO_CHART_URI_";
+
+var fetchAssetsVersion = function fetchAssetsVersion() {
+  return _axios["default"].post("".concat(domain, "/api/v1/metas/list"), {
+    filter: {
+      fields: [],
+      order: {
+        name: "create_time_unix",
+        orderBy: "desc"
+      },
+      limit: 1
+    },
+    objectName: "superset_assets_version"
+  }).then(function (res) {
+    if (!res.data) {
+      return [];
+    }
+
+    return transMetasToTableData(res.data.list);
+  });
+};
+
+exports.fetchAssetsVersion = fetchAssetsVersion;
+
+var fetchAssetsUri = function fetchAssetsUri(version) {
+  return _axios["default"].post("".concat(domain, "/api/v1/metas/list"), {
+    filter: {
+      fields: [{
+        name: "version",
+        operator: "=",
+        value: version,
+        type: "string"
+      }],
+      order: {
+        name: "create_time_unix",
+        orderBy: "desc"
+      },
+      limit: 20
+    },
+    objectName: "superset_assets"
+  }).then(function (res) {
+    if (!res.data) {
+      return [];
+    }
+
+    sessionStorage.setItem("".concat(storageKey, "version"), JSON.stringify(transMetasToTableData(res.data.list)));
+    return transMetasToTableData(res.data.list);
+  });
+};
+
+exports.fetchAssetsUri = fetchAssetsUri;
+
+var hasCachedAssets = function hasCachedAssets(resVersion) {
+  var _JSON$parse$;
+
+  var cacheAssets = sessionStorage.getItem("".concat(storageKey, "version"));
+  var cacheVersion = cacheAssets && ((_JSON$parse$ = JSON.parse(cacheAssets)[0]) === null || _JSON$parse$ === void 0 ? void 0 : _JSON$parse$.version);
+  return cacheAssets !== null && cacheVersion === resVersion;
+};
+
+var getAssetsWithCache = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var _res$;
+
+    var res, cacheAssets, resVersion, assetsUri;
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return fetchAssetsVersion();
+
+          case 2:
+            res = _context.sent;
+            cacheAssets = sessionStorage.getItem("".concat(storageKey, "version"));
+            resVersion = res === null || res === void 0 ? void 0 : (_res$ = res[0]) === null || _res$ === void 0 ? void 0 : _res$.version;
+
+            if (resVersion) {
+              _context.next = 7;
+              break;
+            }
+
+            return _context.abrupt("return", []);
+
+          case 7:
+            if (!hasCachedAssets(resVersion)) {
+              _context.next = 9;
+              break;
+            }
+
+            return _context.abrupt("return", JSON.parse(cacheAssets));
+
+          case 9:
+            _context.next = 11;
+            return fetchAssetsUri(resVersion);
+
+          case 11:
+            assetsUri = _context.sent;
+            return _context.abrupt("return", assetsUri);
+
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function getAssetsWithCache() {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+var _default = getAssetsWithCache;
+exports["default"] = _default;