@cgeui/business-components 0.0.2 → 0.0.3

package/dist/esm/BatteryPack/common.js

@@ -0,0 +1,134 @@
+import { BATTERY_PACK_COLOR } from "../utils";
+import { formatTimestamp, isDisabled } from "./utils";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var CLEAR_STATUS = '3'; // 告警清除状态
+var CLEAR = 'clear';
+var ALARM_FAULT = '1'; // 告警
+
+var getAlarmLevel = function getAlarmLevel(faultStatus, level) {
+  return faultStatus === CLEAR_STATUS ? CLEAR : level;
+};
+var RenderAlarm = function RenderAlarm() {
+  var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var title = arguments.length > 1 ? arguments[1] : undefined;
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: list !== null && list !== void 0 && list.length ? /*#__PURE__*/_jsx("div", {
+      className: "catd-battery-pack-tooltip-box",
+      children: /*#__PURE__*/_jsxs("div", {
+        children: [/*#__PURE__*/_jsxs("span", {
+          className: "catd-battery-pack-tooltip-type",
+          children: [title, " "]
+        }), /*#__PURE__*/_jsx("span", {
+          className: "catd-battery-pack-tooltip-alarm-name-box",
+          children: list.map(function (item, index) {
+            return /*#__PURE__*/_jsxs("span", {
+              className: "catd-battery-pack-tooltip-alarm-name",
+              children: [/*#__PURE__*/_jsx("span", {
+                className: "catd-battery-pack-tooltip-alarm-color",
+                style: {
+                  background: BATTERY_PACK_COLOR[item.level]
+                }
+              }), /*#__PURE__*/_jsx("span", {
+                children: item.label
+              })]
+            }, index);
+          })
+        })]
+      })
+    }) : ''
+  });
+};
+var renderDataInfo = function renderDataInfo(item) {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [item !== null && item !== void 0 && item.dataTimestamp ? /*#__PURE__*/_jsxs("div", {
+      className: "catd-battery-pack-tooltip-data-time",
+      children: ["\u6700\u65B0\u6570\u636E\u65F6\u95F4\uFF1A", formatTimestamp(item === null || item === void 0 ? void 0 : item.dataTimestamp)]
+    }) : '', item !== null && item !== void 0 && item.dataName ? /*#__PURE__*/_jsxs("div", {
+      className: "catd-battery-pack-tooltip-data-info",
+      children: [/*#__PURE__*/_jsxs("span", {
+        className: "catd-battery-pack-tooltip-data-info-name",
+        children: [item === null || item === void 0 ? void 0 : item.dataName, item !== null && item !== void 0 && item.dataUnit ? '(' + item.dataUnit + ')' : '']
+      }), /*#__PURE__*/_jsx("span", {
+        children: item === null || item === void 0 ? void 0 : item.dataValue
+      })]
+    }) : '']
+  });
+};
+
+// pack预警
+export var packTooltip = function packTooltip(packAlarmList, alarmChecked, warningType, BatteryPack) {
+  var list = []; // 预警故障列表
+  var endSideAlarmList = []; // 端侧告警故障列表
+
+  packAlarmList === null || packAlarmList === void 0 || packAlarmList.forEach(function (item) {
+    if (warningType && item.value !== warningType) return;
+    var level = getAlarmLevel(item.faultStatus, item.level);
+    if ((item === null || item === void 0 ? void 0 : item.faultType) === ALARM_FAULT) {
+      endSideAlarmList.push({
+        label: item.label,
+        level: level
+      });
+    } else {
+      list.push({
+        label: item.label,
+        level: level
+      });
+    }
+  });
+  if (list !== null && list !== void 0 && list.length || endSideAlarmList !== null && endSideAlarmList !== void 0 && endSideAlarmList.length && alarmChecked) {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "catd-battery-pack-tooltip-itemType",
+        children: "Pack"
+      }), RenderAlarm(list, "".concat(BatteryPack.Warning)), alarmChecked ? RenderAlarm(endSideAlarmList, "".concat(BatteryPack.EndSideAlarm)) : '']
+    });
+  }
+  return '';
+};
+export var getDisableRender = function getDisableRender(level, lightData) {
+  return isDisabled(level, lightData) ? /*#__PURE__*/_jsx("div", {
+    className: "carouselDisable"
+  }) : '';
+};
+export var setCheckedBg = function setCheckedBg(isChecked) {
+  return isChecked ? /*#__PURE__*/_jsx("span", {
+    className: "itemInner"
+  }) : '';
+};
+export var cellOrSensorTooltip = function cellOrSensorTooltip(item, alarmChecked, BatteryPack, isShowLevelZero) {
+  if (item.level && item.level.toString() !== '0' && !isShowLevelZero || isShowLevelZero) {
+    var typeName = '';
+    if ((item === null || item === void 0 ? void 0 : item.type) === 'cell') typeName = BatteryPack === null || BatteryPack === void 0 ? void 0 : BatteryPack.Cell;
+    if ((item === null || item === void 0 ? void 0 : item.type) === 'sensor') typeName = BatteryPack === null || BatteryPack === void 0 ? void 0 : BatteryPack.Sensor;
+    var list = []; // 预警故障列表
+    var endSideAlarmList = []; // 端侧告警故障列表
+    var faultObj = item === null || item === void 0 ? void 0 : item.fault;
+    if (faultObj) {
+      Object.keys(faultObj).forEach(function (key) {
+        var _faultObj$key, _faultObj$key2, _faultObj$key3;
+        var name = ((_faultObj$key = faultObj[key]) === null || _faultObj$key === void 0 ? void 0 : _faultObj$key.label) || key;
+        var level = getAlarmLevel((_faultObj$key2 = faultObj[key]) === null || _faultObj$key2 === void 0 ? void 0 : _faultObj$key2.faultStatus, faultObj[key].level);
+        if ((_faultObj$key3 = faultObj[key]) !== null && _faultObj$key3 !== void 0 && _faultObj$key3.isAlarm) {
+          endSideAlarmList.push({
+            label: name,
+            level: level
+          });
+        } else {
+          list.push({
+            label: name,
+            level: level
+          });
+        }
+      });
+    }
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "catd-battery-pack-tooltip-itemType",
+        children: [typeName, ' ', item.type !== 'iso_r' ? item.value : BatteryPack === null || BatteryPack === void 0 ? void 0 : BatteryPack.InsulationResistanceSensor]
+      }), RenderAlarm(list, "".concat(BatteryPack === null || BatteryPack === void 0 ? void 0 : BatteryPack.Warning)), alarmChecked ? RenderAlarm(endSideAlarmList, "".concat(BatteryPack === null || BatteryPack === void 0 ? void 0 : BatteryPack.EndSideAlarm)) : '', renderDataInfo(item)]
+    });
+  }
+  return '';
+};

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

@@ -0,0 +1,226 @@
+import { BatteryPack } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+var App = function App() {
+  var data = {
+    cell: {
+      1: {
+        id: 1,
+        name: 'cell 1',
+        level: '3',
+        fault: {
+          51: {
+            label: '压差',
+            level: '2',
+            faultType: '0',
+            isAlarm: false,
+            faultStatus: '3' // 0,(告警未清除) 1, 2, 3（已清除）, 4
+          },
+          52: {
+            label: '压差',
+            level: '3',
+            faultType: '1',
+            isAlarm: true,
+            faultStatus: '2' // 0,(告警未清除) 1, 2, 3（已清除）, 4
+          }
+        }
+      },
+      2: {
+        id: 2,
+        name: 'cell 2',
+        level: '2'
+      },
+      3: {
+        id: 3,
+        name: 'cell 3',
+        level: '0'
+      },
+      4: {
+        id: 4,
+        name: 'cell 4',
+        level: '0'
+      },
+      5: {
+        id: 5,
+        name: 'cell 5',
+        level: '0'
+      },
+      6: {
+        id: 6,
+        name: 'cell 6',
+        level: '2'
+      },
+      7: {
+        id: 7,
+        name: 'cell 7',
+        level: '0'
+      },
+      8: {
+        id: 8,
+        name: 'cell 8',
+        level: '0'
+      },
+      9: {
+        id: 9,
+        name: 'cell 9',
+        level: '0'
+      },
+      10: {
+        id: 10,
+        name: 'cell 10',
+        level: '2'
+      },
+      11: {
+        id: 11,
+        name: 'cell 11',
+        level: '0'
+      },
+      12: {
+        id: 12,
+        name: 'cell 12',
+        level: '0'
+      },
+      13: {
+        id: 13,
+        name: 'cell 13',
+        level: '0'
+      },
+      14: {
+        id: 14,
+        name: 'cell 14',
+        level: '2'
+      },
+      15: {
+        id: 15,
+        name: 'cell 15',
+        level: '0'
+      },
+      16: {
+        id: 16,
+        name: 'cell 16',
+        level: '0'
+      },
+      17: {
+        id: 17,
+        name: 'cell 17',
+        level: '2'
+      },
+      18: {
+        id: 18,
+        name: 'cell 18',
+        level: '0'
+      },
+      19: {
+        id: 19,
+        name: 'cell 19',
+        level: '0'
+      },
+      20: {
+        id: 20,
+        name: 'cell 20',
+        level: '2'
+      },
+      21: {
+        id: 21,
+        name: 'cell 21',
+        level: '0'
+      },
+      22: {
+        id: 22,
+        name: 'cell 22',
+        level: '0'
+      }
+    },
+    sensor: {
+      1: {
+        id: 1,
+        name: 'sensor 1',
+        level: '0'
+      },
+      2: {
+        id: 2,
+        name: 'sensor 2',
+        level: '2'
+      },
+      3: {
+        id: 3,
+        name: 'sensor 3',
+        level: '0'
+      },
+      4: {
+        id: 4,
+        name: 'sensor 4',
+        level: '2'
+      },
+      5: {
+        id: 5,
+        name: 'sensor 5',
+        level: '0'
+      },
+      6: {
+        id: 6,
+        name: 'sensor 6',
+        level: '2'
+      },
+      7: {
+        id: 7,
+        name: 'sensor 7',
+        level: '0'
+      },
+      8: {
+        id: 8,
+        name: 'sensor 8',
+        level: '2'
+      },
+      9: {
+        id: 9,
+        name: 'sensor 9',
+        level: '0'
+      },
+      10: {
+        id: 10,
+        name: 'sensor 10',
+        level: '2'
+      }
+    },
+    iso_r: {
+      // 绝缘阻值数据,当showIsor为true时 展示
+      1: {
+        id: 1,
+        name: 'iso_r 1',
+        level: '3',
+        fault: {
+          51: {
+            label: '压差',
+            level: '2',
+            faultType: '0',
+            isAlarm: false,
+            faultStatus: '3' // 0,(告警未清除) 1, 2, 3（已清除）, 4
+          },
+          52: {
+            label: '压差',
+            level: '3',
+            faultType: '1',
+            isAlarm: true,
+            faultStatus: '2' // 0,(告警未清除) 1, 2, 3（已清除）, 4
+          }
+        }
+      }
+    },
+    pack: {
+      fault: [{
+        label: '故障',
+        level: '3',
+        faultType: '1'
+      }]
+    }
+  };
+  var onBatteryClick = function onBatteryClick() {};
+  return /*#__PURE__*/_jsx(BatteryPack, {
+    showIsor: true,
+    isorUnit: "K\u03A9",
+    alarmChecked: true,
+    onBatteryClick: onBatteryClick,
+    data: data
+  });
+};
+export default App;

package/dist/esm/BatteryPack/demo/assets/BatteryPackCombined.svg

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="796px" height="413px" viewBox="0 0 796 413" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 16</title>
+    <g id="2.0迭代2（930）" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="电池包2" transform="translate(-208.000000, -21.000000)">
+            <g id="编组-16" transform="translate(208.000000, 21.000000)">
+                <g id="编组-46">
+                    <g id="编组-12备份" transform="translate(0.000000, 127.500000)">
+                        <polyline id="路径备份-3" stroke="#005AFF" points="63 2 56 2 56 260 63 260"></polyline>
+                        <g id="编组-18备份" transform="translate(721.000000, 0.000000)">
+                            <polyline id="路径备份-4" stroke="#005AFF" transform="translate(3.500000, 87.000000) scale(-1, -1) translate(-3.500000, -87.000000) " points="7 4.10086216e-13 2.33146835e-15 4.10086216e-13 4.11892742e-14 174 7 174"></polyline>
+                            <text id="电芯" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal" line-spacing="12" fill="#005AFF">
+                                <tspan x="15" y="89.5">电芯</tspan>
+                            </text>
+                            <polyline id="路径备份-4" stroke="#005AFF" transform="translate(3.500000, 221.000000) scale(-1, -1) translate(-3.500000, -221.000000) " points="7 184 2.33146835e-15 184 4.11892742e-14 258 7 258"></polyline>
+                            <text id="温度传感器" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal" line-spacing="12" fill="#005AFF">
+                                <tspan x="15" y="227.5">温度传感器</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="132.5">电池包</tspan>
+                        </text>
+                    </g>
+                    <rect id="矩形" fill-rule="nonzero" x="74" y="0" width="617" height="358"></rect>
+                    <path d="M709.5,0.5 L709.5,412.5 L71.5,412.5 L71.5,0.5 L709.5,0.5 Z" id="矩形" stroke="#F3F4F7"></path>
+                    <g id="编组-34" transform="translate(74.000000, 16.000000)">
+                        <path d="M0,0 C2.209139,-4.05812251e-16 4,1.790861 4,4 L4,12 C4,14.209139 2.209139,16 0,16 L0,16 L0,16 L0,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="20" y="17">图表标题</tspan>
+                        </text>
+                        <line x1="-3.21096963e-15" y1="32" x2="634.999323" y2="32" id="路径-33" stroke="#E7EAEF"></line>
+                    </g>
+                </g>
+                <g id="编组-9备份" transform="translate(1.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 id="编组-9备份-2" transform="translate(1.000000, 66.000000)">
+                    <polyline id="路径备份-2" stroke="#005AFF" points="63 2.69162264e-14 56 2.69162264e-14 56 36 63 36"></polyline>
+                    <text id="按钮区域" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal" line-spacing="12" fill="#005AFF">
+                        <tspan x="0" y="25">按钮区域</tspan>
+                    </text>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/esm/BatteryPack/demo/assets/BatteryPackWithIsor.svg

@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="823px" height="449px" viewBox="0 0 823 449" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组 21</title>
+    <g id="2.0迭代2（930）" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="电池包1" transform="translate(-223.000000, -29.000000)">
+            <g id="编组-21" transform="translate(223.000000, 29.000000)">
+                <g id="编组-12备份" transform="translate(13.000000, 77.500000)">
+                    <polyline id="路径备份-3" stroke="#005AFF" points="53 -4.34623704e-12 46 -4.34623704e-12 46 355 53 355"></polyline>
+                    <g id="编组-18备份" transform="translate(711.000000, 3.000000)">
+                        <polyline id="路径备份-4" stroke="#005AFF" transform="translate(3.500000, 83.000000) scale(-1, -1) translate(-3.500000, -83.000000) " points="7 4.86352008e-12 2.33146835e-15 4.86352008e-12 5.91748872e-14 166 7 166"></polyline>
+                        <text id="电芯" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal" line-spacing="12" fill="#005AFF">
+                            <tspan x="15" y="90.5">电芯</tspan>
+                        </text>
+                    </g>
+                    <g id="编组-18备份-5" transform="translate(711.000000, 174.000000)">
+                        <polyline id="路径备份-4" stroke="#005AFF" transform="translate(3.500000, 63.000000) scale(-1, -1) translate(-3.500000, -63.000000) " points="7 4.17332835e-12 2.33146835e-15 4.17332835e-12 5.91748872e-14 126 7 126"></polyline>
+                        <text id="温度传感器" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal" line-spacing="12" fill="#005AFF">
+                            <tspan x="15" y="69.5">温度传感器</tspan>
+                        </text>
+                    </g>
+                    <g id="编组-18备份-6" transform="translate(711.000000, 305.000000)">
+                        <polyline id="路径备份-4" stroke="#005AFF" transform="translate(3.500000, 33.000000) scale(-1, -1) translate(-3.500000, -33.000000) " points="7 6.46943318e-12 2.33146835e-15 6.46943318e-12 5.91748872e-14 66 7 66"></polyline>
+                        <text id="绝缘阻值传感器" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal" line-spacing="12" fill="#005AFF">
+                            <tspan x="15" y="39.5">绝缘阻值传感器</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="177.5">电池包</tspan>
+                    </text>
+                </g>
+                <g id="编组-46" transform="translate(70.000000, 0.000000)">
+                    <rect id="矩形" fill-rule="nonzero" x="3" y="0" width="617" height="358"></rect>
+                    <path d="M638.5,0.5 L638.5,447.5 L0.5,447.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/BatteryPack/demo/basic.js

@@ -0,0 +1,174 @@
+import { BatteryPack } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+var App = function App() {
+  var data = {
+    cell: {
+      1: {
+        id: 1,
+        name: 'cell 1',
+        level: 'clear'
+      },
+      2: {
+        id: 2,
+        name: 'cell 2',
+        level: '2'
+      },
+      3: {
+        id: 3,
+        name: 'cell 3',
+        level: '3'
+      },
+      4: {
+        id: 4,
+        name: 'cell 4',
+        level: '1'
+      },
+      5: {
+        id: 5,
+        name: 'cell 5',
+        level: '0'
+      },
+      6: {
+        id: 6,
+        name: 'cell 6',
+        level: '2'
+      },
+      7: {
+        id: 7,
+        name: 'cell 7',
+        level: '0'
+      },
+      8: {
+        id: 8,
+        name: 'cell 8',
+        level: '0'
+      },
+      9: {
+        id: 9,
+        name: 'cell 9',
+        level: '0'
+      },
+      10: {
+        id: 10,
+        name: 'cell 10',
+        level: '2'
+      },
+      11: {
+        id: 11,
+        name: 'cell 11',
+        level: '0'
+      },
+      12: {
+        id: 12,
+        name: 'cell 12',
+        level: '0'
+      },
+      13: {
+        id: 13,
+        name: 'cell 13',
+        level: '0'
+      },
+      14: {
+        id: 14,
+        name: 'cell 14',
+        level: '2'
+      },
+      15: {
+        id: 15,
+        name: 'cell 15',
+        level: '0'
+      },
+      16: {
+        id: 16,
+        name: 'cell 16',
+        level: '0'
+      },
+      17: {
+        id: 17,
+        name: 'cell 17',
+        level: '2'
+      },
+      18: {
+        id: 18,
+        name: 'cell 18',
+        level: '0'
+      },
+      19: {
+        id: 19,
+        name: 'cell 19',
+        level: '0'
+      },
+      20: {
+        id: 20,
+        name: 'cell 20',
+        level: '2'
+      },
+      21: {
+        id: 21,
+        name: 'cell 21',
+        level: '0'
+      },
+      22: {
+        id: 22,
+        name: 'cell 22',
+        level: '0'
+      }
+    },
+    sensor: {
+      1: {
+        id: 1,
+        name: 'sensor 1',
+        level: '0'
+      },
+      2: {
+        id: 2,
+        name: 'sensor 2',
+        level: '2'
+      },
+      3: {
+        id: 3,
+        name: 'sensor 3',
+        level: '0'
+      },
+      4: {
+        id: 4,
+        name: 'sensor 4',
+        level: '2'
+      },
+      5: {
+        id: 5,
+        name: 'sensor 5',
+        level: '0'
+      },
+      6: {
+        id: 6,
+        name: 'sensor 6',
+        level: '2'
+      },
+      7: {
+        id: 7,
+        name: 'sensor 7',
+        level: '0'
+      },
+      8: {
+        id: 8,
+        name: 'sensor 8',
+        level: '2'
+      },
+      9: {
+        id: 9,
+        name: 'sensor 9',
+        level: '0'
+      },
+      10: {
+        id: 10,
+        name: 'sensor 10',
+        level: '2'
+      }
+    }
+  };
+  return /*#__PURE__*/_jsx(BatteryPack, {
+    data: data
+  });
+};
+export default App;