@cgeui/business-components 0.0.1 → 0.0.3

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

@@ -0,0 +1,52 @@
+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; }
+import { forwardRef, useEffect, useState } from 'react';
+import { getBackgroundColor } from "../../utils";
+import "../style.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var AnalysisFaultLevelPage = /*#__PURE__*/forwardRef(function (props) {
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    list = _useState2[0],
+    setList = _useState2[1];
+  var legendData = props.legendData,
+    theme = props.theme;
+  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__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx("div", {
+      className: "analysisFaultLegendBox",
+      "data-theme": props.theme,
+      children: list === null || list === void 0 ? void 0 : list.map(function (item) {
+        return /*#__PURE__*/_jsxs("div", {
+          children: [/*#__PURE__*/_jsx("span", {
+            className: "analysisFaultLegendIcon",
+            style: {
+              backgroundColor: getBackgroundColor(theme, item.level)
+            }
+          }), /*#__PURE__*/_jsx("span", {
+            className: "analysisFaultLegendText",
+            children: item.name
+          })]
+        }, "".concat(item.name, "-").concat(item.level));
+      })
+    })
+  });
+});
+export default AnalysisFaultLevelPage;

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

@@ -0,0 +1,50 @@
+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; }
+import { BatteryPackTimeLine } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var Basic = function Basic() {
+  var _useState = 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__*/_jsx(BatteryPackTimeLine, {
+    data: data,
+    alarmChecked: true,
+    timeFilterOption: timeFilterOption
+  });
+};
+export default Basic;

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

@@ -0,0 +1,115 @@
+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; }
+import { BatteryPackTimeLine } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var Basic = function Basic() {
+  var _useState = 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__*/_jsx(BatteryPackTimeLine, {
+    onAggregationChange: onAggregationChange,
+    data: data,
+    alarmFaultShow: true
+  });
+};
+export default Basic;

package/dist/esm/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/esm/DataVisualProgress/demo/basic.js

@@ -0,0 +1,148 @@
+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; }
+import { BatteryPackTimeLine } from "../..";
+import { useState } from 'react';
+import backgroundImage from "./assets/backgroundImage.svg";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function DataVisualPage() {
+  var _useState = 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 + ')',
+    backgroundRepeat: 'no-repeat',
+    backgroundPosition: 'center',
+    backgroundSize: '100%'
+  };
+  var basicChartStyle = {
+    width: '39vw',
+    height: '100%',
+    marginTop: '18%',
+    marginLeft: '10%'
+  };
+  return /*#__PURE__*/_jsx("div", {
+    style: basicChartBoxStyle,
+    children: /*#__PURE__*/_jsx("div", {
+      style: basicChartBackgroundStyle,
+      children: /*#__PURE__*/_jsx("div", {
+        className: 'dataVisualProgress',
+        style: basicChartStyle,
+        children: /*#__PURE__*/_jsx(BatteryPackTimeLine, {
+          style: basicChartStyle,
+          alarmFaultShow: true,
+          onAggregationChange: onAggregationChange,
+          data: data
+        })
+      })
+    })
+  });
+}

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

@@ -0,0 +1,114 @@
+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; }
+import { BatteryPackTimeLine } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var Basic = function Basic() {
+  var _useState = 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__*/_jsx(BatteryPackTimeLine, {
+    onAggregationChange: onAggregationChange,
+    data: data
+  });
+};
+export default Basic;

package/dist/esm/DataVisualProgress/demo/dayListOption.js

@@ -0,0 +1,148 @@
+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; }
+import { BatteryPackTimeLine } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var Basic = function Basic() {
+  var _useState = 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 _useState3 = useState([1672502400000, 1688140800000]),
+    _useState4 = _slicedToArray(_useState3, 1),
+    dateTimeRange = _useState4[0];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    daySelectDefaultValue = _useState6[0],
+    setDaySelectDefaultValue = _useState6[1];
+  var getHourDataByDay = function getHourDataByDay(dayTime) {
+    var _curData;
+    var curData = [];
+    if (dayTime === 1672588800000) {
+      curData = [{
+        name: '10-07',
+        nameDes: '00:00',
+        timestamp: 1672588800000,
+        sort: 363,
+        sortIndex: 2,
+        level: '1'
+      }];
+    } else {
+      curData = [{
+        name: '10-08',
+        nameDes: '00:00',
+        timestamp: 1680278400000,
+        sort: 363,
+        sortIndex: 2,
+        level: '0'
+      }];
+    }
+    setDaySelectDefaultValue((_curData = curData) === null || _curData === void 0 || (_curData = _curData[0]) === null || _curData === void 0 ? void 0 : _curData.timestamp);
+    return curData;
+  };
+  var changeDay = function changeDay(val) {
+    setData(getHourDataByDay(val));
+  };
+  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 = getHourDataByDay(1672588800000);
+        break;
+    }
+    setData(curData);
+  };
+  return /*#__PURE__*/_jsx(BatteryPackTimeLine, {
+    onAggregationChange: onAggregationChange,
+    onChangeDay: changeDay,
+    isShowDaySelectWhenHour: true,
+    daySelectDefaultValue: daySelectDefaultValue,
+    dateTimeRange: dateTimeRange,
+    defaultAggregation: 'h',
+    daySelectOptionWhenHour: [{
+      timestamp: 1672588800000,
+      level: '1'
+    }, {
+      timestamp: 1680278400000,
+      level: '0'
+    }],
+    data: data,
+    lang: 'en-US'
+  });
+};
+export default Basic;