onesight-charts 0.0.2 → 0.0.3

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.
Files changed (55) hide show
  1. package/dist/components/download-image/demo/index.js +49 -18
  2. package/dist/components/download-image/index.js +60 -52
  3. package/dist/components/icon/index.js +30 -13
  4. package/dist/components/line/demo.js +38 -9
  5. package/dist/components/line/index.js +135 -122
  6. package/dist/components/line/tooltipConfig.js +141 -90
  7. package/dist/components/one-table/demo/line-chart.js +1001 -889
  8. package/dist/components/one-table/index.js +55 -27
  9. package/dist/components/pie/demo/demo.js +56 -22
  10. package/dist/components/pie/demo/legendDemo.js +56 -24
  11. package/dist/components/pie/demo/orderDemo.js +57 -25
  12. package/dist/components/pie/demo/paginationDemo.js +116 -73
  13. package/dist/components/pie/demo/tooltipDemo.js +56 -24
  14. package/dist/components/pie/index.js +166 -161
  15. package/dist/components/pie/legend/index.js +129 -110
  16. package/dist/components/pie/pagination/index.js +52 -35
  17. package/dist/components/pie/tooltipConfig.js +87 -42
  18. package/dist/index.js +39 -1
  19. package/dist/utils/chartUtils.js +131 -124
  20. package/dist/utils/colors.js +62 -17
  21. package/dist/utils/common.js +43 -23
  22. package/package.json +1 -1
  23. package/lib/components/download-image/demo/index.js +0 -53
  24. package/lib/components/download-image/index.js +0 -71
  25. package/lib/components/download-image/index.scss +0 -64
  26. package/lib/components/icon/iconfont.css +0 -23
  27. package/lib/components/icon/iconfont.ttf +0 -0
  28. package/lib/components/icon/iconfont.woff +0 -0
  29. package/lib/components/icon/iconfont.woff2 +0 -0
  30. package/lib/components/icon/index.js +0 -33
  31. package/lib/components/line/demo.js +0 -42
  32. package/lib/components/line/index.js +0 -306
  33. package/lib/components/line/style.scss +0 -110
  34. package/lib/components/line/tooltipConfig.js +0 -144
  35. package/lib/components/one-table/demo/line-chart.js +0 -1020
  36. package/lib/components/one-table/index.js +0 -156
  37. package/lib/components/one-table/index.scss +0 -5
  38. package/lib/components/pie/demo/demo.js +0 -56
  39. package/lib/components/pie/demo/legendDemo.js +0 -56
  40. package/lib/components/pie/demo/orderDemo.js +0 -57
  41. package/lib/components/pie/demo/paginationDemo.js +0 -116
  42. package/lib/components/pie/demo/tooltipDemo.js +0 -56
  43. package/lib/components/pie/index.js +0 -201
  44. package/lib/components/pie/legend/index.js +0 -153
  45. package/lib/components/pie/legend/style.scss +0 -125
  46. package/lib/components/pie/pagination/index.js +0 -60
  47. package/lib/components/pie/pagination/style.scss +0 -45
  48. package/lib/components/pie/style.scss +0 -85
  49. package/lib/components/pie/tooltipConfig.js +0 -88
  50. package/lib/index.js +0 -39
  51. package/lib/utils/chartUtils.js +0 -260
  52. package/lib/utils/colors.js +0 -71
  53. package/lib/utils/common.js +0 -62
  54. /package/dist/{umd/onesight-charts.min.css → onesight-charts.min.css} +0 -0
  55. /package/dist/{umd/onesight-charts.min.js → onesight-charts.min.js} +0 -0
@@ -1,22 +1,53 @@
1
- import { useRef } from 'react';
2
- import Line from "../../line";
3
- import DownloadImage from "../index.jsx";
4
- var xAxis = ['07/25', '07/26', '07/27', '07/28', '07/29', '07/30', '07/31'];
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
+ // If the importer is in node compatibility mode or this is not an ESM
21
+ // file that has been converted to a CommonJS file using a Babel-
22
+ // compatible transform (i.e. "__esModule" has not been set), then set
23
+ // "default" to the CommonJS "module.exports" for node compatibility.
24
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
+ mod
26
+ ));
27
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
+
29
+ // src/components/download-image/demo/index.jsx
30
+ var demo_exports = {};
31
+ __export(demo_exports, {
32
+ default: () => demo_default
33
+ });
34
+ module.exports = __toCommonJS(demo_exports);
35
+ var import_react = require("react");
36
+ var import_line = __toESM(require("../../line"));
37
+ var import__ = __toESM(require("../index.jsx"));
38
+ var xAxis = ["07/25", "07/26", "07/27", "07/28", "07/29", "07/30", "07/31"];
5
39
  var seriesData = {
6
40
  Facebook: [1002, 831, 960, 750, 1451, 1717, 903],
7
41
  X: [22094, 20075, 17410, 12374, 13413, 13904, 6895]
8
42
  };
9
- export default (function () {
10
- var dimensionDOM = useRef(); // 提及趋势 DOM
11
-
12
- return /*#__PURE__*/React.createElement("div", {
13
- ref: dimensionDOM
14
- }, /*#__PURE__*/React.createElement(Line, {
15
- xAxis: xAxis,
16
- seriesData: seriesData
17
- }), /*#__PURE__*/React.createElement(DownloadImage, {
18
- loading: false,
19
- DOM: dimensionDOM,
20
- fileName: "download-chart"
21
- }));
22
- });
43
+ var demo_default = () => {
44
+ const dimensionDOM = (0, import_react.useRef)();
45
+ return /* @__PURE__ */ React.createElement("div", { ref: dimensionDOM }, /* @__PURE__ */ React.createElement(import_line.default, { xAxis, seriesData }), /* @__PURE__ */ React.createElement(
46
+ import__.default,
47
+ {
48
+ loading: false,
49
+ DOM: dimensionDOM,
50
+ fileName: "download-chart"
51
+ }
52
+ ));
53
+ };
@@ -1,63 +1,71 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
- 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."); }
3
- 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); }
4
- 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; }
5
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
6
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
- import { Dropdown, Menu } from 'antd';
8
- import domtoimage from 'dom-to-image';
9
- import React, { useState } from 'react';
10
- // import { useIntl } from 'umi';
11
- import { DownloadFile } from "../../utils/common";
12
- import "./index.scss";
13
- function DownloadImage(_ref) {
14
- var Loading = _ref.Loading,
15
- DOM = _ref.DOM,
16
- FileName = _ref.FileName;
17
- // const { formatMessage } = useIntl();
18
- var _useState = useState(false),
19
- _useState2 = _slicedToArray(_useState, 2),
20
- visiable = _useState2[0],
21
- setVisiable = _useState2[1];
22
- // 导出csv png图片
23
- var handleMenuFn = function handleMenuFn(value) {
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
+ // If the importer is in node compatibility mode or this is not an ESM
21
+ // file that has been converted to a CommonJS file using a Babel-
22
+ // compatible transform (i.e. "__esModule" has not been set), then set
23
+ // "default" to the CommonJS "module.exports" for node compatibility.
24
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
+ mod
26
+ ));
27
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
+
29
+ // src/components/download-image/index.jsx
30
+ var download_image_exports = {};
31
+ __export(download_image_exports, {
32
+ default: () => download_image_default
33
+ });
34
+ module.exports = __toCommonJS(download_image_exports);
35
+ var import_antd = require("antd");
36
+ var import_dom_to_image = __toESM(require("dom-to-image"));
37
+ var import_react = __toESM(require("react"));
38
+ var import_common = require("../../utils/common");
39
+ var import_index = require("./index.scss");
40
+ function DownloadImage({ Loading, DOM, FileName }) {
41
+ const [visiable, setVisiable] = (0, import_react.useState)(false);
42
+ const handleMenuFn = (value) => {
24
43
  if (Loading) {
25
44
  return false;
26
45
  }
27
- if (value.key === 'csv') {
28
- console.log(value, 'csv');
46
+ if (value.key === "csv") {
47
+ console.log(value, "csv");
29
48
  } else {
30
49
  setVisiable(false);
31
- setTimeout(function () {
32
- domtoimage.toPng(DOM.current).then(function (dataUrl) {
33
- DownloadFile(dataUrl, FileName ? FileName : 'filename');
34
- }).catch(function (error) {
35
- console.error('oops, something went wrong!', error);
50
+ setTimeout(() => {
51
+ import_dom_to_image.default.toPng(DOM.current).then(function(dataUrl) {
52
+ (0, import_common.DownloadFile)(dataUrl, FileName ? FileName : "filename");
53
+ }).catch(function(error) {
54
+ console.error("oops, something went wrong!", error);
36
55
  });
37
56
  }, 500);
38
57
  }
39
58
  };
40
- return /*#__PURE__*/React.createElement("div", {
41
- className: "dropdown_wrap"
42
- }, /*#__PURE__*/React.createElement(Dropdown, {
43
- getPopupContainer: function getPopupContainer(triggerNode) {
44
- return triggerNode.parentElement;
59
+ return /* @__PURE__ */ import_react.default.createElement("div", { className: "dropdown_wrap" }, /* @__PURE__ */ import_react.default.createElement(
60
+ import_antd.Dropdown,
61
+ {
62
+ getPopupContainer: (triggerNode) => triggerNode.parentElement,
63
+ visiable: true,
64
+ overlay: /* @__PURE__ */ import_react.default.createElement(import_antd.Menu, { className: "dropdown_wrap_menu", onClick: handleMenuFn }, /* @__PURE__ */ import_react.default.createElement(import_antd.Menu.Item, { key: "png" }, /* @__PURE__ */ import_react.default.createElement("a", null, /* @__PURE__ */ import_react.default.createElement("i", { className: "iconfont iconPNG" })))),
65
+ trigger: ["click"],
66
+ placement: "topRight"
45
67
  },
46
- visiable: true,
47
- overlay: /*#__PURE__*/React.createElement(Menu, {
48
- className: "dropdown_wrap_menu",
49
- onClick: handleMenuFn
50
- }, /*#__PURE__*/React.createElement(Menu.Item, {
51
- key: "png"
52
- }, /*#__PURE__*/React.createElement("a", null, /*#__PURE__*/React.createElement("i", {
53
- className: "iconfont iconPNG"
54
- })))),
55
- trigger: ['click'],
56
- placement: "topRight"
57
- }, /*#__PURE__*/React.createElement("a", {
58
- className: "common-btn common-more a-common-more ant-dropdown-trigger"
59
- }, /*#__PURE__*/React.createElement("i", {
60
- className: "iconfont icongengduo3"
61
- }))));
68
+ /* @__PURE__ */ import_react.default.createElement("a", { className: "common-btn common-more a-common-more ant-dropdown-trigger" }, /* @__PURE__ */ import_react.default.createElement("i", { className: "iconfont icongengduo3" }))
69
+ ));
62
70
  }
63
- export default DownloadImage;
71
+ var download_image_default = DownloadImage;
@@ -1,16 +1,33 @@
1
- import "./iconfont.css";
2
- function Icon(_ref) {
3
- var name = _ref.name,
4
- size = _ref.size,
5
- color = _ref.color,
6
- className = _ref.className;
7
- var style = {
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all)
7
+ __defProp(target, name, { get: all[name], enumerable: true });
8
+ };
9
+ var __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from === "object" || typeof from === "function") {
11
+ for (let key of __getOwnPropNames(from))
12
+ if (!__hasOwnProp.call(to, key) && key !== except)
13
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
+ }
15
+ return to;
16
+ };
17
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
+
19
+ // src/components/icon/index.jsx
20
+ var icon_exports = {};
21
+ __export(icon_exports, {
22
+ default: () => icon_default
23
+ });
24
+ module.exports = __toCommonJS(icon_exports);
25
+ var import_iconfont = require("./iconfont.css");
26
+ function Icon({ name, size, color, className }) {
27
+ const style = {
8
28
  fontSize: size,
9
- color: color
29
+ color
10
30
  };
11
- return /*#__PURE__*/React.createElement("i", {
12
- className: "iconfont ".concat(name, " ").concat(className || ''),
13
- style: style
14
- });
31
+ return /* @__PURE__ */ React.createElement("i", { className: `iconfont ${name} ${className || ""}`, style });
15
32
  }
16
- export default Icon;
33
+ var icon_default = Icon;
@@ -1,13 +1,42 @@
1
- import React from 'react';
2
- import Line from "./index.jsx";
3
- var xAxis = ['07/25', '07/26', '07/27', '07/28', '07/29', '07/30', '07/31'];
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
+ // If the importer is in node compatibility mode or this is not an ESM
21
+ // file that has been converted to a CommonJS file using a Babel-
22
+ // compatible transform (i.e. "__esModule" has not been set), then set
23
+ // "default" to the CommonJS "module.exports" for node compatibility.
24
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
+ mod
26
+ ));
27
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
+
29
+ // src/components/line/demo.jsx
30
+ var demo_exports = {};
31
+ __export(demo_exports, {
32
+ default: () => demo_default
33
+ });
34
+ module.exports = __toCommonJS(demo_exports);
35
+ var import_react = __toESM(require("react"));
36
+ var import_index = __toESM(require("./index.jsx"));
37
+ var xAxis = ["07/25", "07/26", "07/27", "07/28", "07/29", "07/30", "07/31"];
4
38
  var seriesData = {
5
39
  Facebook: [1002, 831, 960, 750, 1451, 1717, 903],
6
40
  X: [22094, 20075, 17410, 12374, 13413, 13904, 6895]
7
41
  };
8
- export default (function () {
9
- return /*#__PURE__*/React.createElement(Line, {
10
- xAxis: xAxis,
11
- seriesData: seriesData
12
- });
13
- });
42
+ var demo_default = () => /* @__PURE__ */ import_react.default.createElement(import_index.default, { xAxis, seriesData });