onesight-charts 0.0.1 → 0.0.3

package/dist/components/download-image/demo/index.js

@@ -0,0 +1,53 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/download-image/demo/index.jsx
+var demo_exports = {};
+__export(demo_exports, {
+  default: () => demo_default
+});
+module.exports = __toCommonJS(demo_exports);
+var import_react = require("react");
+var import_line = __toESM(require("../../line"));
+var import__ = __toESM(require("../index.jsx"));
+var xAxis = ["07/25", "07/26", "07/27", "07/28", "07/29", "07/30", "07/31"];
+var seriesData = {
+  Facebook: [1002, 831, 960, 750, 1451, 1717, 903],
+  X: [22094, 20075, 17410, 12374, 13413, 13904, 6895]
+};
+var demo_default = () => {
+  const dimensionDOM = (0, import_react.useRef)();
+  return /* @__PURE__ */ React.createElement("div", { ref: dimensionDOM }, /* @__PURE__ */ React.createElement(import_line.default, { xAxis, seriesData }), /* @__PURE__ */ React.createElement(
+    import__.default,
+    {
+      loading: false,
+      DOM: dimensionDOM,
+      fileName: "download-chart"
+    }
+  ));
+};

package/dist/components/download-image/index.js

@@ -0,0 +1,71 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/download-image/index.jsx
+var download_image_exports = {};
+__export(download_image_exports, {
+  default: () => download_image_default
+});
+module.exports = __toCommonJS(download_image_exports);
+var import_antd = require("antd");
+var import_dom_to_image = __toESM(require("dom-to-image"));
+var import_react = __toESM(require("react"));
+var import_common = require("../../utils/common");
+var import_index = require("./index.scss");
+function DownloadImage({ Loading, DOM, FileName }) {
+  const [visiable, setVisiable] = (0, import_react.useState)(false);
+  const handleMenuFn = (value) => {
+    if (Loading) {
+      return false;
+    }
+    if (value.key === "csv") {
+      console.log(value, "csv");
+    } else {
+      setVisiable(false);
+      setTimeout(() => {
+        import_dom_to_image.default.toPng(DOM.current).then(function(dataUrl) {
+          (0, import_common.DownloadFile)(dataUrl, FileName ? FileName : "filename");
+        }).catch(function(error) {
+          console.error("oops, something went wrong!", error);
+        });
+      }, 500);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "dropdown_wrap" }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Dropdown,
+    {
+      getPopupContainer: (triggerNode) => triggerNode.parentElement,
+      visiable: true,
+      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" })))),
+      trigger: ["click"],
+      placement: "topRight"
+    },
+    /* @__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" }))
+  ));
+}
+var download_image_default = DownloadImage;

package/dist/components/download-image/index.scss

@@ -0,0 +1,64 @@
+.dropdown_wrap {
+  .dropdown_wrap_menu {
+    z-index: 100;
+    padding: 8px 8px 4px;
+    min-width: 120px;
+    border: 1px solid #dddddd;
+    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 8%);
+    border-radius: 8px;
+
+    li {
+      padding: 0px 8px !important;
+      height: 32px;
+      border-radius: 6px;
+      margin-bottom: 4px;
+      font-weight: bold;
+      font-size: 14px;
+      color: #273333;
+    }
+
+    a > i {
+      margin-right: 8px;
+    }
+
+    .disabled {
+      background-color: #ffffff;
+      color: #ccc;
+
+      &:hover {
+        background-color: #f3f4f4;
+      }
+    }
+  }
+
+  .common-more {
+    width: 32px;
+    height: 32px;
+  }
+
+  .iconXLS,
+  .iconPNG {
+    font-size: 14px;
+    margin-right: 4px;
+    margin-top: -2px;
+  }
+
+  .icongengduo2 {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    background: #ffffff;
+    border: 1px solid #dddddd;
+    border-radius: 8px;
+    cursor: pointer;
+  }
+
+  &:hover {
+    .icongengduo2 {
+      color: #1da9a0;
+      border-color: #1da9a0;
+    }
+  }
+}

package/dist/components/icon/iconfont.css

@@ -0,0 +1,23 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 4645053 */
+  src: url('iconfont.woff2?t=1722927505240') format('woff2'),
+       url('iconfont.woff?t=1722927505240') format('woff'),
+       url('iconfont.ttf?t=1722927505240') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-left:before {
+  content: "\e60b";
+}
+
+.icon-right:before {
+  content: "\e60c";
+}
+

package/dist/components/icon/index.js

@@ -0,0 +1,33 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/icon/index.jsx
+var icon_exports = {};
+__export(icon_exports, {
+  default: () => icon_default
+});
+module.exports = __toCommonJS(icon_exports);
+var import_iconfont = require("./iconfont.css");
+function Icon({ name, size, color, className }) {
+  const style = {
+    fontSize: size,
+    color
+  };
+  return /* @__PURE__ */ React.createElement("i", { className: `iconfont ${name} ${className || ""}`, style });
+}
+var icon_default = Icon;

package/dist/components/line/demo.js

@@ -1,13 +1,42 @@
-import React from 'react';
-import LineChart from "./index.jsx";
-var xAxis = ['07/25', '07/26', '07/27', '07/28', '07/29', '07/30', '07/31'];
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/line/demo.jsx
+var demo_exports = {};
+__export(demo_exports, {
+  default: () => demo_default
+});
+module.exports = __toCommonJS(demo_exports);
+var import_react = __toESM(require("react"));
+var import_index = __toESM(require("./index.jsx"));
+var xAxis = ["07/25", "07/26", "07/27", "07/28", "07/29", "07/30", "07/31"];
 var seriesData = {
   Facebook: [1002, 831, 960, 750, 1451, 1717, 903],
   X: [22094, 20075, 17410, 12374, 13413, 13904, 6895]
 };
-export default (function () {
-  return /*#__PURE__*/React.createElement(LineChart, {
-    xAxis: xAxis,
-    seriesData: seriesData
-  });
-});
+var demo_default = () => /* @__PURE__ */ import_react.default.createElement(import_index.default, { xAxis, seriesData });