@titaui/pc 1.11.5-beta.2 → 1.11.5-beta.3

package/lib/components/tita-chart/hooks/useChart.js

@@ -0,0 +1,203 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = useInit;
+
+var _react = require("react");
+
+var _util = require("@antv/util");
+
+var _createNode = _interopRequireDefault(require("../util/createNode"));
+
+var _util2 = require("../util");
+
+var _excluded = ["data", "value", "percent"],
+    _excluded2 = ["data", "value", "percent"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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; }
+
+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; }
+
+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); }
+
+function useInit(ChartClass, config) {
+  var chart = (0, _react.useRef)();
+  var chartOptions = (0, _react.useRef)();
+  var container = (0, _react.useRef)(null);
+  var onReady = config.onReady,
+      onEvent = config.onEvent;
+  /**
+     * Get data base64
+     * @param {string} type A DOMString indicating the image format. The default format type is image/png.
+     * @param {number} encoderOptions A Number between 0 and 1 indicating the image quality
+     */
+
+  var toDataURL = function toDataURL() {
+    var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "image/png";
+    var encoderOptions = arguments.length > 1 ? arguments[1] : undefined;
+    return chart.current && chart.current.chart.canvas.cfg.el.toDataURL(type, encoderOptions);
+  };
+  /**
+     * Download Iamge
+     * @param {string} name A name of image
+     * @param {string} type A DOMString indicating the image format. The default format type is image/png.
+     * @param {number} encoderOptions A Number between 0 and 1 indicating the image quality
+     */
+
+
+  var downloadImage = function downloadImage() {
+    var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "download";
+    var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "image/png";
+    var encoderOptions = arguments.length > 2 ? arguments[2] : undefined;
+    var imageName = name;
+
+    if (name.indexOf(".") === -1) {
+      imageName = "".concat(name, ".").concat(type.split("/")[1]);
+    }
+
+    var base64 = chart.current && chart.current.chart.canvas.cfg.el.toDataURL(type, encoderOptions);
+    var a = document.createElement("a");
+    a.href = base64;
+    a.download = imageName;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    a = null;
+    return imageName;
+  };
+
+  var reactDomToString = function reactDomToString(source, path, type) {
+    var statisticCustomHtml = (0, _util2.hasPath)(source, path);
+    (0, _util2.setPath)(source, path, function () {
+      var statisticDom = (0, _util2.isType)(statisticCustomHtml, "Function") ? statisticCustomHtml.apply(void 0, arguments) : statisticCustomHtml;
+
+      if ((0, _util2.isType)(statisticDom, "String") || (0, _util2.isType)(statisticDom, "Number") || (0, _util2.isType)(statisticDom, "HTMLDivElement")) {
+        return statisticDom;
+      }
+
+      return (0, _createNode["default"])(statisticDom, type);
+    });
+  };
+
+  var processConfig = function processConfig() {
+    // statistic
+    if ((0, _util2.hasPath)(config, ["statistic", "content", "customHtml"])) {
+      reactDomToString(config, ["statistic", "content", "customHtml"]);
+    }
+
+    if ((0, _util2.hasPath)(config, ["statistic", "title", "customHtml"])) {
+      reactDomToString(config, ["statistic", "title", "customHtml"]);
+    } // tooltip
+
+
+    if (_typeof(config.tooltip) === "object") {
+      if ((0, _util2.hasPath)(config, ["tooltip", "container"])) {
+        reactDomToString(config, ["tooltip", "container"], "tooltip");
+      }
+
+      if ((0, _util2.hasPath)(config, ["tooltip", "customContent"])) {
+        reactDomToString(config, ["tooltip", "customContent"], "tooltip");
+      }
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    if (chart.current && !(0, _util.isEqual)(chartOptions.current, config)) {
+      var changeData = false;
+
+      if (chartOptions.current) {
+        // 从 options 里面取出 data 、value 、 percent 进行比对，判断是否仅数值发生改变
+        var _chartOptions$current = chartOptions.current,
+            currentData = _chartOptions$current.data,
+            currentValue = _chartOptions$current.value,
+            currentPercent = _chartOptions$current.percent,
+            currentConfig = _objectWithoutProperties(_chartOptions$current, _excluded);
+
+        var inputData = config.data,
+            inputValue = config.value,
+            inputPercent = config.percent,
+            inputConfig = _objectWithoutProperties(config, _excluded2);
+
+        changeData = (0, _util.isEqual)(currentConfig, inputConfig);
+      }
+
+      if (changeData) {
+        var changeType = "data";
+        var typeMaps = ["percent"]; // 特殊类型的图表 data 字段，例如 RingProgress
+
+        var currentKeys = Object.keys(config);
+        typeMaps.forEach(function (type) {
+          if (currentKeys.includes(type)) {
+            changeType = type;
+          }
+        });
+        chart.current.changeData(config && config[changeType] || []);
+      } else {
+        processConfig();
+        chart.current.update(config);
+      }
+
+      chartOptions.current = (0, _util2.deepClone)(config);
+    }
+  }, [config]);
+  (0, _react.useEffect)(function () {
+    if (!container.current) {
+      return function () {
+        return null;
+      };
+    }
+
+    processConfig();
+    var chartInstance = new ChartClass(container.current, _objectSpread({}, config));
+
+    ChartClass.prototype.toDataURL = function (type, encoderOptions) {
+      return toDataURL(type, encoderOptions);
+    };
+
+    ChartClass.prototype.downloadImage = function (name, type, encoderOptions) {
+      return downloadImage(name, type, encoderOptions);
+    };
+
+    chartInstance.render();
+
+    if (!chartOptions.current) {
+      chartOptions.current = (0, _util2.deepClone)(config);
+    }
+
+    chart.current = (0, _util2.clone)(chartInstance);
+
+    if (onReady) {
+      onReady(chartInstance);
+    }
+
+    var handler = function handler(event) {
+      if (onEvent) {
+        onEvent(chartInstance, event);
+      }
+    };
+
+    chartInstance.on("*", handler); // 组件销毁时销毁图表
+
+    return function () {
+      if (chart.current) {
+        chart.current.destroy();
+        chart.current.off("*", handler);
+        chart.current = undefined;
+      }
+    };
+  }, []);
+  return {
+    chart: chart,
+    container: container
+  };
+}

package/lib/components/tita-chart/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _pie = _interopRequireDefault(require("./charts/pie"));
+
+var _liquidBall = _interopRequireDefault(require("./charts/liquid-ball"));
+
+var _wordsCloud = _interopRequireDefault(require("./charts/words-cloud"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var TitaChart = {
+  Pie: _pie["default"],
+  LiquidBall: _liquidBall["default"],
+  WordsCloud: _wordsCloud["default"]
+};
+var _default = TitaChart;
+exports["default"] = _default;

package/lib/components/tita-chart/interface.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _interface = require("./graphs/interface");
+
+Object.keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _interface[key];
+    }
+  });
+});
+
+var _interface2 = require("./plots/interface");
+
+Object.keys(_interface2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _interface2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _interface2[key];
+    }
+  });
+});

package/lib/components/tita-chart/plots/liquid/index.js

@@ -0,0 +1,71 @@
+"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 _g2plot = require("@antv/g2plot");
+
+var _useChart2 = _interopRequireDefault(require("../../hooks/useChart"));
+
+var _util = require("../../util");
+
+var _base = require("../../base");
+
+var _createLoading = _interopRequireDefault(require("../../util/createLoading"));
+
+var _excluded = ["chartRef", "style", "className", "loading", "loadingTemplate", "errorTemplate"];
+
+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; }
+
+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; }
+
+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; }
+
+var LiquidChart = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var chartRef = props.chartRef,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {
+    height: "inherit"
+  } : _props$style,
+      className = props.className,
+      loading = props.loading,
+      loadingTemplate = props.loadingTemplate,
+      errorTemplate = props.errorTemplate,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var _useChart = (0, _useChart2["default"])(_g2plot.Liquid, rest),
+      chart = _useChart.chart,
+      container = _useChart.container;
+
+  (0, _react.useEffect)(function () {
+    (0, _util.getChart)(chartRef, chart.current);
+  }, [chart.current]);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      getChart: function getChart() {
+        return chart.current;
+      }
+    };
+  });
+  return /*#__PURE__*/_react["default"].createElement(_base.ErrorBoundary, {
+    errorTemplate: errorTemplate
+  }, loading && /*#__PURE__*/_react["default"].createElement(_createLoading["default"], {
+    loadingTemplate: loadingTemplate
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: className,
+    style: style,
+    ref: container
+  }));
+});
+var _default = LiquidChart;
+exports["default"] = _default;

package/lib/components/tita-chart/plots/pie/index.js

@@ -0,0 +1,71 @@
+"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 _g2plot = require("@antv/g2plot");
+
+var _useChart2 = _interopRequireDefault(require("../../hooks/useChart"));
+
+var _util = require("../../util");
+
+var _base = require("../../base");
+
+var _createLoading = _interopRequireDefault(require("../../util/createLoading"));
+
+var _excluded = ["chartRef", "style", "className", "loading", "loadingTemplate", "errorTemplate"];
+
+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; }
+
+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; }
+
+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; }
+
+var PieChart = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var chartRef = props.chartRef,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {
+    height: "inherit"
+  } : _props$style,
+      className = props.className,
+      loading = props.loading,
+      loadingTemplate = props.loadingTemplate,
+      errorTemplate = props.errorTemplate,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var _useChart = (0, _useChart2["default"])(_g2plot.Pie, rest),
+      chart = _useChart.chart,
+      container = _useChart.container;
+
+  (0, _react.useEffect)(function () {
+    (0, _util.getChart)(chartRef, chart.current);
+  }, [chart.current]);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      getChart: function getChart() {
+        return chart.current;
+      }
+    };
+  });
+  return /*#__PURE__*/_react["default"].createElement(_base.ErrorBoundary, {
+    errorTemplate: errorTemplate
+  }, loading && /*#__PURE__*/_react["default"].createElement(_createLoading["default"], {
+    loadingTemplate: loadingTemplate
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: className,
+    style: style,
+    ref: container
+  }));
+});
+var _default = PieChart;
+exports["default"] = _default;

package/lib/components/tita-chart/plots/wordscloud/index.js

@@ -0,0 +1,71 @@
+"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 _g2plot = require("@antv/g2plot");
+
+var _useChart2 = _interopRequireDefault(require("../../hooks/useChart"));
+
+var _util = require("../../util");
+
+var _base = require("../../base");
+
+var _createLoading = _interopRequireDefault(require("../../util/createLoading"));
+
+var _excluded = ["chartRef", "style", "className", "loading", "loadingTemplate", "errorTemplate"];
+
+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; }
+
+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; }
+
+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; }
+
+var WordCloudChart = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var chartRef = props.chartRef,
+      _props$style = props.style,
+      style = _props$style === void 0 ? {
+    height: "inherit"
+  } : _props$style,
+      className = props.className,
+      loading = props.loading,
+      loadingTemplate = props.loadingTemplate,
+      errorTemplate = props.errorTemplate,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var _useChart = (0, _useChart2["default"])(_g2plot.WordCloud, rest),
+      chart = _useChart.chart,
+      container = _useChart.container;
+
+  (0, _react.useEffect)(function () {
+    (0, _util.getChart)(chartRef, chart.current);
+  }, [chart.current]);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      getChart: function getChart() {
+        return chart.current;
+      }
+    };
+  });
+  return /*#__PURE__*/_react["default"].createElement(_base.ErrorBoundary, {
+    errorTemplate: errorTemplate
+  }, loading && /*#__PURE__*/_react["default"].createElement(_createLoading["default"], {
+    loadingTemplate: loadingTemplate
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: className,
+    style: style,
+    ref: container
+  }));
+});
+var _default = WordCloudChart;
+exports["default"] = _default;

package/lib/components/tita-chart/util/createLoading.js

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactContentLoader = _interopRequireDefault(require("react-content-loader"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ChartLoading(_ref) {
+  var loadingTemplate = _ref.loadingTemplate;
+
+  var renderLoading = function renderLoading() {
+    if (loadingTemplate) {
+      return loadingTemplate;
+    }
+
+    return /*#__PURE__*/_react["default"].createElement(_reactContentLoader["default"], {
+      viewBox: "0 0 400 180",
+      width: 200,
+      height: 90,
+      speed: 1
+    }, /*#__PURE__*/_react["default"].createElement("rect", {
+      x: "20",
+      y: "5",
+      rx: "0",
+      ry: "0",
+      width: "1",
+      height: "170"
+    }), /*#__PURE__*/_react["default"].createElement("rect", {
+      x: "20",
+      y: "175",
+      rx: "0",
+      ry: "0",
+      width: "360",
+      height: "1"
+    }), /*#__PURE__*/_react["default"].createElement("rect", {
+      x: "40",
+      y: "75",
+      rx: "0",
+      ry: "0",
+      width: "35",
+      height: "100"
+    }), /*#__PURE__*/_react["default"].createElement("rect", {
+      x: "80",
+      y: "125",
+      rx: "0",
+      ry: "0",
+      width: "35",
+      height: "50"
+    }), /*#__PURE__*/_react["default"].createElement("rect", {
+      x: "120",
+      y: "105",
+      rx: "0",
+      ry: "0",
+      width: "35",
+      height: "70"
+    }), /*#__PURE__*/_react["default"].createElement("rect", {
+      x: "160",
+      y: "35",
+      rx: "0",
+      ry: "0",
+      width: "35",
+      height: "140"
+    }), /*#__PURE__*/_react["default"].createElement("rect", {
+      x: "200",
+      y: "55",
+      rx: "0",
+      ry: "0",
+      width: "35",
+      height: "120"
+    }), /*#__PURE__*/_react["default"].createElement("rect", {
+      x: "240",
+      y: "15",
+      rx: "0",
+      ry: "0",
+      width: "35",
+      height: "160"
+    }), /*#__PURE__*/_react["default"].createElement("rect", {
+      x: "280",
+      y: "135",
+      rx: "0",
+      ry: "0",
+      width: "35",
+      height: "40"
+    }), /*#__PURE__*/_react["default"].createElement("rect", {
+      x: "320",
+      y: "85",
+      rx: "0",
+      ry: "0",
+      width: "35",
+      height: "90"
+    }));
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      position: "absolute",
+      width: "100%",
+      height: "100%",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      left: 0,
+      top: 0,
+      zIndex: 99,
+      backgroundColor: "#fff"
+    }
+  }, renderLoading());
+}
+
+var _default = ChartLoading;
+exports["default"] = _default;

package/lib/components/tita-chart/util/createNode.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+// @ts-ignore
+var createNode = function createNode(children, type) {
+  var mountPoint = document.createElement("div");
+
+  if (type === "tooltip") {
+    mountPoint.className = "g2-tooltip";
+  }
+
+  _reactDom["default"].render(children, mountPoint);
+
+  return mountPoint;
+};
+
+var _default = createNode;
+exports["default"] = _default;

package/lib/components/tita-chart/util/getChart.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getChart = void 0;
+
+var _util = require("@antv/util");
+
+/**
+ * 获取或者绑定图表实例
+ */
+var getChart = function getChart(chartRef, chart) {
+  if (!chartRef) {
+    return;
+  }
+
+  if ((0, _util.isFunction)(chartRef)) {
+    chartRef(chart);
+  } else {
+    chartRef.current = chart;
+  }
+};
+
+exports.getChart = getChart;