@cgeui/business-components 0.0.2 → 0.0.3

package/dist/lib/Card/assets/icon-notice.svg

@@ -0,0 +1,4 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.00078 13.3C8.69397 13.3 10.282 12.6284 11.4556 11.4548C12.6291 10.2813 13.3008 8.69323 13.3008 7.00005C13.3008 5.30686 12.6291 3.71884 11.4556 2.54529C10.282 1.37173 8.69397 0.700049 7.00078 0.700049C5.30759 0.700049 3.71958 1.37173 2.54602 2.54529C1.37246 3.71884 0.700782 5.30686 0.700782 7.00005C0.700782 8.69323 1.37246 10.2813 2.54602 11.4548C3.71957 12.6284 5.30759 13.3 7.00078 13.3ZM7.00101 12.3667C5.5579 12.3667 4.20647 11.7951 3.20621 10.7949C2.20596 9.7946 1.63434 8.44317 1.63434 7.00006C1.63434 5.55696 2.20596 4.20553 3.20621 3.20527C4.20647 2.20501 5.5579 1.6334 7.00101 1.6334C8.44411 1.6334 9.79555 2.20501 10.7958 3.20527C11.7961 4.20552 12.3677 5.55696 12.3677 7.00006C12.3677 8.44317 11.7961 9.7946 10.7958 10.7949C9.79555 11.7951 8.44412 12.3667 7.00101 12.3667ZM6.53363 10.5C6.53363 10.7578 6.74256 10.9667 7.00029 10.9667C7.25803 10.9667 7.46696 10.7578 7.46696 10.5L7.46696 5.83335C7.46696 5.57562 7.25803 5.36669 7.00029 5.36669C6.74256 5.36669 6.53363 5.57562 6.53363 5.83335L6.53363 10.5Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.00033 3.20835C6.59762 3.20835 6.27116 3.53482 6.27116 3.93752C6.27116 4.34022 6.59762 4.66669 7.00033 4.66669C7.40303 4.66669 7.72949 4.34022 7.72949 3.93752C7.72949 3.53482 7.40303 3.20835 7.00033 3.20835Z" fill="white"/>
+</svg>

package/dist/lib/Card/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _CardTitle = require("./CardTitle");
+Object.keys(_CardTitle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CardTitle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CardTitle[key];
+    }
+  });
+});
+var _NormalCard = require("./NormalCard");
+Object.keys(_NormalCard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _NormalCard[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NormalCard[key];
+    }
+  });
+});

package/dist/lib/DataVisualProgress/Components/AnalysisFaultLevelPage.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _utils = require("../../utils");
+require("../style.less");
+var _jsxRuntime = require("react/jsx-runtime");
+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(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; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var AnalysisFaultLevelPage = /*#__PURE__*/(0, _react.forwardRef)(function (props) {
+  var _useState = (0, _react.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    list = _useState2[0],
+    setList = _useState2[1];
+  var legendData = props.legendData,
+    theme = props.theme;
+  (0, _react.useEffect)(function () {
+    var _legendData$map;
+    var data = legendData === null || legendData === void 0 || (_legendData$map = legendData.map(function (item) {
+      return {
+        name: item.name,
+        level: item.level
+      };
+    })) === null || _legendData$map === void 0 ? void 0 : _legendData$map.sort(function (a, b) {
+      return Number(a.level) - Number(b.level);
+    });
+    setList(data);
+  }, [legendData]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "analysisFaultLegendBox",
+      "data-theme": props.theme,
+      children: list === null || list === void 0 ? void 0 : list.map(function (item) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "analysisFaultLegendIcon",
+            style: {
+              backgroundColor: (0, _utils.getBackgroundColor)(theme, item.level)
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "analysisFaultLegendText",
+            children: item.name
+          })]
+        }, "".concat(item.name, "-").concat(item.level));
+      })
+    })
+  });
+});
+var _default = exports.default = AnalysisFaultLevelPage;

package/dist/lib/DataVisualProgress/demo/alarmChecked.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ = require("../..");
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+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(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; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var Basic = function Basic() {
+  var _useState = (0, _react.useState)([{
+      name: '2023',
+      nameDes: '1月',
+      timestamp: 1672502400000,
+      level: '0'
+    }, {
+      name: '2023',
+      nameDes: '2月',
+      timestamp: 1675180800000,
+      level: '2'
+    }, {
+      name: '2023',
+      nameDes: '3月',
+      timestamp: 1680278400000,
+      level: '0'
+    }, {
+      name: '2023',
+      nameDes: '4月',
+      timestamp: 1685548800000,
+      level: '1',
+      faultAlarm: true
+    }, {
+      name: '2023',
+      nameDes: '5月',
+      timestamp: 1688140800000,
+      level: '0'
+    }]),
+    _useState2 = _slicedToArray(_useState, 1),
+    data = _useState2[0];
+  var timeFilterOption = [{
+    label: '月',
+    value: 'M'
+  }];
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.BatteryPackTimeLine, {
+    data: data,
+    alarmChecked: true,
+    timeFilterOption: timeFilterOption
+  });
+};
+var _default = exports.default = Basic;

package/dist/lib/DataVisualProgress/demo/alarmFaultShow.js

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ = require("../..");
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+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(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; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var Basic = function Basic() {
+  var _useState = (0, _react.useState)([{
+      name: '2023',
+      nameDes: '1月',
+      timestamp: 1672502400000,
+      level: '0'
+    }, {
+      name: '2023',
+      nameDes: '2月',
+      timestamp: 1675180800000,
+      level: '2'
+    }, {
+      name: '2023',
+      nameDes: '3月',
+      timestamp: 1680278400000,
+      level: '0'
+    }, {
+      name: '2023',
+      nameDes: '4月',
+      timestamp: 1685548800000,
+      level: '0'
+    }, {
+      name: '2023',
+      nameDes: '5月',
+      timestamp: 1688140800000,
+      level: '0'
+    }]),
+    _useState2 = _slicedToArray(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  var onAggregationChange = function onAggregationChange(val) {
+    var curData = [];
+    switch (val) {
+      case 'y':
+        curData = [{
+          name: '2023',
+          nameDes: '',
+          timestamp: 1672502400000,
+          level: '0'
+        }];
+        break;
+      case 'M':
+        curData = [{
+          name: '2023',
+          nameDes: '1月',
+          timestamp: 1672502400000,
+          level: '0'
+        }, {
+          name: '2023',
+          nameDes: '2月',
+          timestamp: 1675180800000,
+          level: '2'
+        }, {
+          name: '2023',
+          nameDes: '3月',
+          timestamp: 1680278400000,
+          level: '0'
+        }, {
+          name: '2023',
+          nameDes: '4月',
+          timestamp: 1685548800000,
+          level: '0'
+        }, {
+          name: '2023',
+          nameDes: '5月',
+          timestamp: 1688140800000,
+          level: '0'
+        }];
+        break;
+      case 'd':
+        curData = [{
+          name: '2023',
+          nameDes: '01-02',
+          timestamp: 1672588800000,
+          sort: 363,
+          sortIndex: 2,
+          level: '0'
+        }];
+        break;
+      case 'h':
+        curData = [{
+          name: '10-07',
+          nameDes: '00:00',
+          timestamp: 1672588800000,
+          sort: 363,
+          sortIndex: 2,
+          level: '0'
+        }, {
+          name: '10-08',
+          nameDes: '00:00',
+          timestamp: 1672588800000,
+          sort: 363,
+          sortIndex: 2,
+          level: '0'
+        }];
+        break;
+    }
+    setData(curData);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.BatteryPackTimeLine, {
+    onAggregationChange: onAggregationChange,
+    data: data,
+    alarmFaultShow: true
+  });
+};
+var _default = exports.default = Basic;

package/dist/lib/DataVisualProgress/demo/assets/backgroundImage.svg

@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="787px" height="258px" viewBox="0 0 787 258" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组</title>
+    <g id="2.0迭代2（930）" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="画板" transform="translate(-207.000000, -20.000000)">
+            <g id="编组" transform="translate(207.000000, 20.000000)">
+                <g id="编组-12备份" transform="translate(13.000000, 104.500000)">
+                    <polyline id="路径备份-3" stroke="#005AFF" points="53 43 46 43 46 78 53 78"></polyline>
+                    <polyline id="路径备份-6" stroke="#005AFF" points="53 5.7355355e-13 46 5.7355355e-13 46 35 53 35"></polyline>
+                    <g id="编组-18备份" transform="translate(711.000000, 6.000000)">
+                        <polyline id="路径备份-4" stroke="#005AFF" transform="translate(3.500000, 18.000000) scale(-1, -1) translate(-3.500000, -18.000000) " points="7 6.10661229e-12 -1.86517468e-14 6.10661229e-12 7.86037901e-14 36 7 36"></polyline>
+                        <polyline id="路径备份-5" stroke="#005AFF" transform="translate(3.500000, 82.000000) scale(-1, -1) translate(-3.500000, -82.000000) " points="7 64 -1.86517468e-14 64 7.86037901e-14 100 7 100"></polyline>
+                        <text id="时间筛选" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal" line-spacing="12" fill="#005AFF">
+                            <tspan x="15" y="24.5">时间筛选</tspan>
+                        </text>
+                        <text id="X轴" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal" line-spacing="12" fill="#005AFF">
+                            <tspan x="15" y="88.5">X轴</tspan>
+                        </text>
+                    </g>
+                    <text id="时间轴" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal" line-spacing="12" fill="#005AFF">
+                        <tspan x="0" y="67.5">时间轴</tspan>
+                    </text>
+                    <text id="图例" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal" line-spacing="12" fill="#005AFF">
+                        <tspan x="12" y="24.5">图例</tspan>
+                    </text>
+                </g>
+                <g id="编组-46" transform="translate(70.000000, 0.000000)">
+                    <rect id="矩形" fill="#FFFFFF" fill-rule="nonzero" x="3" y="0" width="635" height="257"></rect>
+                    <path d="M638.5,0.5 L638.5,257.5 L0.5,257.5 L0.5,0.5 L638.5,0.5 Z" id="矩形" stroke="#F3F4F7"></path>
+                    <g id="编组-34" transform="translate(0.000000, 16.000000)">
+                        <path d="M3,0 C5.209139,-4.05812251e-16 7,1.790861 7,4 L7,12 C7,14.209139 5.209139,16 3,16 L3,16 L3,16 L3,0 Z" id="矩形" fill="#0C6FF2"></path>
+                        <text id="图表标题" font-family="PingFangSC-Semibold, PingFang SC" font-size="16" font-weight="500" line-spacing="16" fill="#000000">
+                            <tspan x="23" y="17">图表标题</tspan>
+                        </text>
+                        <line x1="-3.21096963e-15" y1="32" x2="637.999323" y2="32" id="路径-33" stroke="#E7EAEF"></line>
+                    </g>
+                </g>
+                <g id="编组-9备份" transform="translate(0.000000, 10.000000)">
+                    <polyline id="路径备份-2" stroke="#005AFF" points="63 2.69162264e-14 56 2.69162264e-14 56 26 63 26"></polyline>
+                    <text id="标题区域" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal" line-spacing="12" fill="#005AFF">
+                        <tspan x="0" y="20">标题区域</tspan>
+                    </text>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/lib/DataVisualProgress/demo/basic.js

@@ -0,0 +1,155 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DataVisualPage;
+var _ = require("../..");
+var _react = require("react");
+var _backgroundImage = _interopRequireDefault(require("./assets/backgroundImage.svg"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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(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; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function DataVisualPage() {
+  var _useState = (0, _react.useState)([{
+      name: '2023',
+      nameDes: '1月',
+      timestamp: 1672502400000,
+      level: '0'
+    }, {
+      name: '2023',
+      nameDes: '2月',
+      timestamp: 1675180800000,
+      level: '2'
+    }, {
+      name: '2023',
+      nameDes: '3月',
+      timestamp: 1680278400000,
+      level: '0'
+    }, {
+      name: '2023',
+      nameDes: '4月',
+      timestamp: 1685548800000,
+      level: '0'
+    }, {
+      name: '2023',
+      nameDes: '5月',
+      timestamp: 1688140800000,
+      level: '0'
+    }]),
+    _useState2 = _slicedToArray(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  var onAggregationChange = function onAggregationChange(val) {
+    var curData = [];
+    switch (val) {
+      case 'y':
+        curData = [{
+          name: '2023',
+          nameDes: '',
+          timestamp: 1672502400000,
+          level: '0'
+        }];
+        break;
+      case 'M':
+        curData = [{
+          name: '2023',
+          nameDes: '1月',
+          timestamp: 1672502400000,
+          level: '0'
+        }, {
+          name: '2023',
+          nameDes: '2月',
+          timestamp: 1675180800000,
+          level: '2'
+        }, {
+          name: '2023',
+          nameDes: '3月',
+          timestamp: 1680278400000,
+          level: '0'
+        }, {
+          name: '2023',
+          nameDes: '4月',
+          timestamp: 1685548800000,
+          level: '0'
+        }, {
+          name: '2023',
+          nameDes: '5月',
+          timestamp: 1688140800000,
+          level: '0'
+        }];
+        break;
+      case 'd':
+        curData = [{
+          name: '2023',
+          nameDes: '01-02',
+          timestamp: 1672588800000,
+          sort: 363,
+          sortIndex: 2,
+          level: '0'
+        }];
+        break;
+      case 'h':
+        curData = [{
+          name: '10-07',
+          nameDes: '00:00',
+          timestamp: 1672588800000,
+          sort: 363,
+          sortIndex: 2,
+          level: '0'
+        }, {
+          name: '10-08',
+          nameDes: '00:00',
+          timestamp: 1672588800000,
+          sort: 363,
+          sortIndex: 2,
+          level: '0'
+        }];
+        break;
+    }
+    setData(curData);
+  };
+  var basicChartBoxStyle = {
+    display: 'flex',
+    justifyContent: 'center',
+    overflow: 'hidden',
+    backgroundColor: 'white'
+  };
+  var basicChartBackgroundStyle = {
+    width: '74.14%',
+    height: '0',
+    paddingBottom: '28%',
+    backgroundColor: 'white',
+    backgroundImage: 'url(' + _backgroundImage.default + ')',
+    backgroundRepeat: 'no-repeat',
+    backgroundPosition: 'center',
+    backgroundSize: '100%'
+  };
+  var basicChartStyle = {
+    width: '39vw',
+    height: '100%',
+    marginTop: '18%',
+    marginLeft: '10%'
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: basicChartBoxStyle,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: basicChartBackgroundStyle,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: 'dataVisualProgress',
+        style: basicChartStyle,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.BatteryPackTimeLine, {
+          style: basicChartStyle,
+          alarmFaultShow: true,
+          onAggregationChange: onAggregationChange,
+          data: data
+        })
+      })
+    })
+  });
+}

package/dist/lib/DataVisualProgress/demo/data.js

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ = require("../..");
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+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(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; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var Basic = function Basic() {
+  var _useState = (0, _react.useState)([{
+      name: '2023',
+      nameDes: '1月',
+      timestamp: 1672502400000,
+      level: '0'
+    }, {
+      name: '2023',
+      nameDes: '2月',
+      timestamp: 1675180800000,
+      level: '2'
+    }, {
+      name: '2023',
+      nameDes: '3月',
+      timestamp: 1680278400000,
+      level: '0'
+    }, {
+      name: '2023',
+      nameDes: '4月',
+      timestamp: 1685548800000,
+      level: '0'
+    }, {
+      name: '2023',
+      nameDes: '5月',
+      timestamp: 1688140800000,
+      level: '0'
+    }]),
+    _useState2 = _slicedToArray(_useState, 2),
+    data = _useState2[0],
+    setData = _useState2[1];
+  var onAggregationChange = function onAggregationChange(val) {
+    var curData = [];
+    switch (val) {
+      case 'y':
+        curData = [{
+          name: '2023',
+          nameDes: '',
+          timestamp: 1672502400000,
+          level: '0'
+        }];
+        break;
+      case 'M':
+        curData = [{
+          name: '2023',
+          nameDes: '1月',
+          timestamp: 1672502400000,
+          level: '0'
+        }, {
+          name: '2023',
+          nameDes: '2月',
+          timestamp: 1675180800000,
+          level: '2'
+        }, {
+          name: '2023',
+          nameDes: '3月',
+          timestamp: 1680278400000,
+          level: '0'
+        }, {
+          name: '2023',
+          nameDes: '4月',
+          timestamp: 1685548800000,
+          level: '0'
+        }, {
+          name: '2023',
+          nameDes: '5月',
+          timestamp: 1688140800000,
+          level: '0'
+        }];
+        break;
+      case 'd':
+        curData = [{
+          name: '2023',
+          nameDes: '01-02',
+          timestamp: 1672588800000,
+          sort: 363,
+          sortIndex: 2,
+          level: '0'
+        }];
+        break;
+      case 'h':
+        curData = [{
+          name: '10-07',
+          nameDes: '00:00',
+          timestamp: 1672588800000,
+          sort: 363,
+          sortIndex: 2,
+          level: '0'
+        }, {
+          name: '10-08',
+          nameDes: '00:00',
+          timestamp: 1672588800000,
+          sort: 363,
+          sortIndex: 2,
+          level: '0'
+        }];
+        break;
+    }
+    setData(curData);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.BatteryPackTimeLine, {
+    onAggregationChange: onAggregationChange,
+    data: data
+  });
+};
+var _default = exports.default = Basic;