@pisell/materials 1.0.1023 → 1.8.1

package/es/components/hardwareErrorTip/errorTipStatistics/index.js

@@ -1,43 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { prefix, ErrorTypeTheme, errorTypes } from "../types";
-import "./index.less";
-// 渲染单个错误统计项
-var renderErrorItem = function renderErrorItem(errorType, count) {
-  var IconComponent = errorType.icon;
-  var theme = ErrorTypeTheme[errorType.type];
-  return /*#__PURE__*/React.createElement("div", {
-    key: errorType.type,
-    className: classNames("".concat(prefix, "-error-tip-statistics-item ").concat(errorType.type)),
-    style: {
-      backgroundColor: theme.backgroundColor,
-      boxShadow: "0px 0px 3px 0px ".concat(theme.shadowColor)
-    }
-  }, /*#__PURE__*/React.createElement(IconComponent, {
-    style: {
-      color: theme.iconColor,
-      fontSize: 28
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "statistics-item-info"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "statistics-item-title"
-  }, errorType.title()), /*#__PURE__*/React.createElement("div", {
-    className: "statistics-item-count"
-  }, count)));
-};
-var Statistics = function Statistics(props) {
-  var _props$data = props.data,
-    data = _props$data === void 0 ? {
-      fatal: 0,
-      critical: 0,
-      normal: 0,
-      info: 0
-    } : _props$data;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefix, "-error-tip-statistics"))
-  }, errorTypes.map(function (errorType) {
-    return renderErrorItem(errorType, data[errorType.type]);
-  }));
-};
-export default Statistics;

package/es/components/hardwareErrorTip/errorTipStatistics/index.less

@@ -1,34 +0,0 @@
-.pisell-lowcode-error-tip-statistics {
-  display: flex;
-  gap: 16px;
-
-  .pisell-lowcode-error-tip-statistics-item {
-    padding: 24px;
-    flex: 1;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    // border: 1px solid;
-    border-radius: 8px;
-
-    .statistics-item-title {
-      font-weight: bold;
-      font-size: 14px;
-    }
-
-    .statistics-item-count {
-      font-weight: bold;
-      font-size: 24px;
-    }
-  }
-}
-
-// 响应式设计
-@media (max-width: 768px) {
-  .pisell-lowcode-error-tip-statistics {
-    
-    .pisell-lowcode-error-tip-statistics-item {
-      padding: 12px;
-    }
-  }
-}

package/es/components/hardwareErrorTip/index.js

@@ -1,287 +0,0 @@
-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 React, { useState, useEffect, useMemo } from 'react';
-import { Card, Tabs, Segmented, Select, Input, Button, Empty, Spin } from 'antd';
-import { SearchOutlined, DownloadOutlined } from '@ant-design/icons';
-import Statistics from "./errorTipStatistics";
-import ErrorCard from "./errorCard";
-import LogCard from "./logCard";
-import { getText } from "../../locales";
-import "./index.less";
-var TabPane = Tabs.TabPane;
-var Option = Select.Option;
-var HardwareErrorTip = function HardwareErrorTip(_ref) {
-  var statistics = _ref.statistics,
-    _ref$errors = _ref.errors,
-    errors = _ref$errors === void 0 ? [] : _ref$errors,
-    _ref$logs = _ref.logs,
-    logs = _ref$logs === void 0 ? [] : _ref$logs,
-    onExportLogs = _ref.onExportLogs,
-    onCloseError = _ref.onCloseError,
-    onTabChange = _ref.onTabChange,
-    externalActiveTab = _ref.activeTab,
-    _ref$isLoadingErrors = _ref.isLoadingErrors,
-    isLoadingErrors = _ref$isLoadingErrors === void 0 ? false : _ref$isLoadingErrors,
-    _ref$isLoadingLogs = _ref.isLoadingLogs,
-    isLoadingLogs = _ref$isLoadingLogs === void 0 ? false : _ref$isLoadingLogs,
-    style = _ref.style;
-  useEffect(function () {
-    document.body.id = 'body';
-  }, []);
-  var _useState = useState('errors'),
-    _useState2 = _slicedToArray(_useState, 2),
-    internalActiveTab = _useState2[0],
-    setInternalActiveTab = _useState2[1];
-  var activeTab = externalActiveTab !== undefined ? externalActiveTab : internalActiveTab;
-  var _useState3 = useState('all'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    deviceFilter = _useState4[0],
-    setDeviceFilter = _useState4[1];
-  var _useState5 = useState('all'),
-    _useState6 = _slicedToArray(_useState5, 2),
-    errorLevelFilter = _useState6[0],
-    setErrorLevelFilter = _useState6[1];
-  var _useState7 = useState('all'),
-    _useState8 = _slicedToArray(_useState7, 2),
-    logLevelFilter = _useState8[0],
-    setLogLevelFilter = _useState8[1];
-  var _useState9 = useState(''),
-    _useState10 = _slicedToArray(_useState9, 2),
-    searchText = _useState10[0],
-    setSearchText = _useState10[1];
-
-  // 获取设备列表
-  var getDeviceOptions = useMemo(function () {
-    var devices = new Set();
-    errors.forEach(function (error) {
-      var _error$device;
-      if ((_error$device = error.device) !== null && _error$device !== void 0 && _error$device.device_name) {
-        devices.add(error.device.device_name);
-      }
-    });
-    logs.forEach(function (log) {
-      var _log$device;
-      if ((_log$device = log.device) !== null && _log$device !== void 0 && _log$device.device_name) {
-        devices.add(log.device.device_name);
-      }
-    });
-    return Array.from(devices);
-  }, [errors, logs]);
-
-  // 过滤错误数据
-  var filteredErrors = useMemo(function () {
-    var filtered = errors;
-
-    // 设备筛选
-    if (deviceFilter !== 'all') {
-      filtered = filtered.filter(function (error) {
-        var _error$device2;
-        return ((_error$device2 = error.device) === null || _error$device2 === void 0 ? void 0 : _error$device2.device_name) === deviceFilter;
-      });
-    }
-
-    // 等级筛选
-    if (errorLevelFilter !== 'all') {
-      var levelMap = {
-        fatal: 0,
-        critical: 1,
-        normal: 2,
-        info: 3
-      };
-      var targetLevel = levelMap[errorLevelFilter];
-      filtered = filtered.filter(function (error) {
-        return error.error_level === targetLevel;
-      });
-    }
-    return filtered;
-  }, [errors, deviceFilter, errorLevelFilter]);
-
-  // 过滤日志数据
-  var filteredLogs = useMemo(function () {
-    var filtered = logs;
-
-    // 设备筛选
-    if (deviceFilter !== 'all') {
-      filtered = filtered.filter(function (log) {
-        var _log$device2;
-        return ((_log$device2 = log.device) === null || _log$device2 === void 0 ? void 0 : _log$device2.device_name) === deviceFilter;
-      });
-    }
-
-    // 等级筛选
-    if (logLevelFilter !== 'all') {
-      var levelMap = {
-        DEBUG: 0,
-        INFO: 1,
-        ERROR: 2
-      };
-      var targetLevel = levelMap[logLevelFilter];
-      filtered = filtered.filter(function (log) {
-        return log.log_level === targetLevel;
-      });
-    }
-
-    // 搜索筛选
-    if (searchText) {
-      filtered = filtered.filter(function (log) {
-        return log.message.toLowerCase().includes(searchText.toLowerCase());
-      });
-    }
-    return filtered;
-  }, [logs, deviceFilter, logLevelFilter, searchText]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "hardware-error-tip",
-    style: style
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "statistics-section"
-  }, /*#__PURE__*/React.createElement(Statistics, {
-    data: statistics
-  })), /*#__PURE__*/React.createElement(Card, {
-    className: "main-content"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "header"
-  }, /*#__PURE__*/React.createElement("h3", null, getText('pisell2.text.hardware-error.error-center')), /*#__PURE__*/React.createElement("div", {
-    className: "controls"
-  }, /*#__PURE__*/React.createElement(Select, {
-    value: deviceFilter,
-    onChange: setDeviceFilter,
-    style: {
-      marginRight: 8
-    },
-    placeholder: getText('pisell2.text.hardware-error.all-devices'),
-    popupMatchSelectWidth: false
-  }, /*#__PURE__*/React.createElement(Option, {
-    value: "all"
-  }, getText('pisell2.text.hardware-error.all-devices')), getDeviceOptions.map(function (device) {
-    return /*#__PURE__*/React.createElement(Option, {
-      key: device,
-      value: device
-    }, device);
-  })), activeTab === 'errors' ? /*#__PURE__*/React.createElement(Select, {
-    value: errorLevelFilter,
-    onChange: setErrorLevelFilter,
-    placeholder: getText('pisell2.text.hardware-error.all-levels'),
-    popupMatchSelectWidth: false
-  }, /*#__PURE__*/React.createElement(Option, {
-    value: "all"
-  }, getText('pisell2.text.hardware-error.all-levels')), /*#__PURE__*/React.createElement(Option, {
-    value: "fatal"
-  }, getText('pisell2.text.hardware-error.fatal')), /*#__PURE__*/React.createElement(Option, {
-    value: "critical"
-  }, getText('pisell2.text.hardware-error.critical')), /*#__PURE__*/React.createElement(Option, {
-    value: "normal"
-  }, getText('pisell2.text.hardware-error.normal')), /*#__PURE__*/React.createElement(Option, {
-    value: "info"
-  }, getText('pisell2.text.hardware-error.info'))) : /*#__PURE__*/React.createElement(Select, {
-    value: logLevelFilter,
-    onChange: setLogLevelFilter,
-    placeholder: getText('pisell2.text.hardware-error.all-levels'),
-    popupMatchSelectWidth: false
-  }, /*#__PURE__*/React.createElement(Option, {
-    value: "all"
-  }, getText('pisell2.text.hardware-error.all-levels')), /*#__PURE__*/React.createElement(Option, {
-    value: "ERROR"
-  }, getText('pisell2.text.hardware-error.error-info')), /*#__PURE__*/React.createElement(Option, {
-    value: "INFO"
-  }, getText('pisell2.text.hardware-error.important-info')), /*#__PURE__*/React.createElement(Option, {
-    value: "DEBUG"
-  }, getText('pisell2.text.hardware-error.debug-info'))))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Segmented, {
-    value: activeTab,
-    onChange: function onChange(value) {
-      if (externalActiveTab !== undefined) {
-        // 受控模式，通知外部
-        onTabChange === null || onTabChange === void 0 || onTabChange(value);
-      } else {
-        // 非受控模式，内部管理状态
-        setInternalActiveTab(value);
-      }
-    },
-    options: [{
-      label: getText('pisell2.text.hardware-error.error-list'),
-      value: 'errors'
-    }, {
-      label: getText('pisell2.text.hardware-error.error-logs'),
-      value: 'logs'
-    }],
-    style: {
-      fontWeight: 'bold'
-    }
-  }), activeTab === 'logs' ? /*#__PURE__*/React.createElement("div", {
-    className: "logs-search-export-bar"
-  }, /*#__PURE__*/React.createElement(Input, {
-    placeholder: getText('pisell2.text.hardware-error.search-logs'),
-    value: searchText,
-    onChange: function onChange(e) {
-      return setSearchText(e.target.value);
-    },
-    style: {
-      width: 300,
-      marginRight: 8
-    },
-    allowClear: true,
-    prefix: /*#__PURE__*/React.createElement(SearchOutlined, {
-      style: {
-        color: '#7e8490'
-      }
-    })
-  }), /*#__PURE__*/React.createElement(Button, {
-    type: "text",
-    icon: /*#__PURE__*/React.createElement(DownloadOutlined, null),
-    onClick: function onClick() {
-      return onExportLogs === null || onExportLogs === void 0 ? void 0 : onExportLogs(filteredLogs);
-    }
-  }, getText('pisell2.text.hardware-error.export-logs'))) : null), /*#__PURE__*/React.createElement(Tabs, {
-    activeKey: activeTab,
-    onChange: function onChange(key) {
-      if (externalActiveTab !== undefined) {
-        // 受控模式，通知外部
-        onTabChange === null || onTabChange === void 0 || onTabChange(key);
-      } else {
-        // 非受控模式，内部管理状态
-        setInternalActiveTab(key);
-      }
-    },
-    renderTabBar: function renderTabBar() {
-      return null;
-    },
-    style: {
-      marginTop: 16
-    }
-  }, /*#__PURE__*/React.createElement(TabPane, {
-    tab: getText('pisell2.text.hardware-error.error-list'),
-    key: "errors"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "error-list"
-  }, /*#__PURE__*/React.createElement(Spin, {
-    spinning: isLoadingErrors
-  }, !isLoadingErrors && filteredErrors.length === 0 ? /*#__PURE__*/React.createElement(Empty, {
-    description: getText('pisell2.text.hardware-error.no-errors')
-  }) : filteredErrors.map(function (error, index) {
-    return /*#__PURE__*/React.createElement(ErrorCard, {
-      key: index,
-      data: error,
-      onClose: onCloseError ? function () {
-        return onCloseError(error, index);
-      } : undefined
-    });
-  })))), /*#__PURE__*/React.createElement(TabPane, {
-    tab: getText('pisell2.text.hardware-error.error-logs'),
-    key: "logs"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "log-list"
-  }, /*#__PURE__*/React.createElement(Spin, {
-    spinning: isLoadingLogs
-  }, !isLoadingLogs && filteredLogs.length === 0 ? /*#__PURE__*/React.createElement(Empty, {
-    description: getText('pisell2.text.hardware-error.no-logs')
-  }) : filteredLogs.map(function (log, index) {
-    return /*#__PURE__*/React.createElement(LogCard, {
-      key: index,
-      data: log
-    });
-  })))))));
-};
-export default HardwareErrorTip;

package/es/components/hardwareErrorTip/index.less

@@ -1,95 +0,0 @@
-.hardware-error-tip {
-  display: flex;
-  flex-direction: column;
-
-  .main-content {
-    margin-top: 16px;
-    flex: 1;
-    overflow: hidden;
-
-    .pisell-lowcode-card-body {
-      display: flex;
-      flex-direction: column;
-      height: 100%;
-      overflow: hidden;
-    }
-
-    .pisell-lowcode-tabs {
-      flex: 1;
-      overflow: hidden;
-    }
-
-    .pisell-lowcode-tabs-content,
-    .pisell-lowcode-tabs-tabpane {
-      height: 100%;
-    }
-
-    .header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      margin-bottom: 16px;
-      padding-bottom: 12px;
-
-      h3 {
-        margin: 0;
-        font-size: 18px;
-        font-weight: 600;
-        color: #262626;
-      }
-
-      .controls {
-        display: flex;
-        align-items: center;
-      }
-    }
-
-    .logs-search-export-bar {
-      margin-top: 8px;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-    }
-
-    .error-list,
-    .log-list {
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-      gap: 12px;
-      overflow-y: auto;
-    }
-  }
-}
-
-// 响应式设计
-@media (max-width: 768px) {
-  .hardware-error-tip {
-    .error-tip-details {
-      > header {
-        flex-direction: column;
-        align-items: flex-start;
-        gap: 12px;
-
-        .right-area {
-          width: 100%;
-          justify-content: flex-start;
-        }
-      }
-    }
-
-    .log-controls {
-      flex-direction: column;
-      align-items: stretch;
-
-      .ant-input {
-        margin-right: 0 !important;
-        margin-bottom: 8px;
-      }
-    }
-
-    .content-area {
-      padding: 12px;
-    }
-  }
-}

package/es/components/hardwareErrorTip/logCard/index.js

@@ -1,102 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { prefix } from "../types";
-import { getText } from "../../../locales";
-import "./index.less";
-
-// 日志级别映射
-var LOG_LEVEL_MAP = {
-  0: 'debug',
-  // 调试信息
-  1: 'info',
-  // 重要操作信息
-  2: 'error' // 错误信息
-};
-
-// 日志级别颜色配置
-var LOG_LEVEL_COLORS = {
-  debug: '#666',
-  info: '#1890ff',
-  error: '#ff4d4f'
-};
-
-// 设备类型映射
-var DEVICE_TYPE_MAP = {
-  printer: getText('pisell2.text.hardware-error.device.printer'),
-  barcode_scanner: getText('pisell2.text.hardware-error.device.barcode-scanner'),
-  cds: getText('pisell2.text.hardware-error.device.cds'),
-  kds: getText('pisell2.text.hardware-error.device.kds'),
-  display: getText('pisell2.text.hardware-error.device.display'),
-  card_reader: getText('pisell2.text.hardware-error.device.card-reader'),
-  till: getText('pisell2.text.hardware-error.device.till'),
-  scale: getText('pisell2.text.hardware-error.device.scale')
-};
-var LogCard = function LogCard(props) {
-  var data = props.data;
-  var logLevel = LOG_LEVEL_MAP[data.log_level];
-  var logLevelColor = LOG_LEVEL_COLORS[logLevel];
-  var deviceTypeName = DEVICE_TYPE_MAP[data.device.device_type] || data.device.device_type;
-
-  // 格式化时间显示
-  var formatTime = function formatTime(timeStr) {
-    try {
-      var date = new Date(timeStr);
-      return date.toLocaleString('zh-CN', {
-        year: 'numeric',
-        month: '2-digit',
-        day: '2-digit',
-        hour: '2-digit',
-        minute: '2-digit',
-        second: '2-digit',
-        fractionalSecondDigits: 3
-      });
-    } catch (_unused) {
-      return timeStr;
-    }
-  };
-
-  // 格式化日志级别显示
-  var formatLogLevel = function formatLogLevel(level) {
-    var levelMap = {
-      0: 'DEBUG',
-      1: 'INFO',
-      2: 'ERROR'
-    };
-    return levelMap[level];
-  };
-
-  // 解析并格式化数据
-  var formatData = function formatData(dataStr) {
-    if (!dataStr) return null;
-    try {
-      var parsed = JSON.parse(dataStr);
-      return JSON.stringify(parsed, null, 2);
-    } catch (_unused2) {
-      return dataStr;
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefix, "-log-card"), logLevel),
-    style: {
-      borderLeftColor: logLevelColor
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-log-card-header")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-log-card-time")
-  }, formatTime(data.time)), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-log-card-level"),
-    style: {
-      color: logLevelColor
-    }
-  }, formatLogLevel(data.log_level)), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-log-card-device-id")
-  }, data.device.device_idfa)), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-log-card-content")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-log-card-service")
-  }, "[", deviceTypeName, "] ", data.message), data.data && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefix, "-log-card-data")
-  }, /*#__PURE__*/React.createElement("pre", null, formatData(data.data)))));
-};
-export default LogCard;

package/es/components/hardwareErrorTip/logCard/index.less

@@ -1,121 +0,0 @@
-.pisell-lowcode-log-card {
-  position: relative;
-  padding: 12px 16px;
-  margin-bottom: 8px;
-  border-radius: 4px;
-  border-left: 4px solid #ddd;
-  background-color: #fafafa;
-  transition: all 0.2s ease;
-
-  &:hover {
-    background-color: #f5f5f5;
-  }
-
-  // 头部信息
-  &-header {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    margin-bottom: 8px;
-    font-size: 12px;
-    color: #666;
-  }
-
-  &-time {
-    font-weight: 500;
-    color: #6b7280;
-  }
-
-  &-level {
-    font-weight: bold;
-    padding: 2px 6px;
-    border-radius: 3px;
-    background-color: rgba(0, 0, 0, 0.05);
-  }
-
-  &-device-id {
-    color: #6b7280;
-    font-weight: bold;
-  }
-
-  // 内容区域
-  &-content {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-  }
-
-  &-service {
-    color: #333;
-    line-height: 1.4;
-    font-weight: 500;
-  }
-
-  &-data {
-    background-color: #f8f8f8;
-    border-radius: 4px;
-    padding: 8px;
-    
-    pre {
-      margin: 0;
-      font-size: 12px;
-      color: #6b7280;
-      line-height: 1.3;
-      white-space: pre-wrap;
-      word-break: break-all;
-      font-family: unset;
-    }
-  }
-
-  // 不同日志级别的样式
-  &.debug {
-    border-left-color: #666;
-    
-    .pisell-lowcode-log-card-level {
-      background-color: rgba(102, 102, 102, 0.1);
-    }
-  }
-
-  &.info {
-    border-left-color: #1890ff;
-    
-    .pisell-lowcode-log-card-level {
-      background-color: rgba(24, 144, 255, 0.1);
-    }
-  }
-
-  &.error {
-    border-left-color: #ff4d4f;
-    background-color: #fff2f0;
-    
-    .pisell-lowcode-log-card-level {
-      background-color: rgba(255, 77, 79, 0.1);
-    }
-    
-    &:hover {
-      background-color: #ffebe8;
-    }
-  }
-}
-
-// 响应式设计
-@media (max-width: 768px) {
-  .pisell-lowcode-log-card {
-    padding: 8px 12px;
-    margin-bottom: 6px;
-
-    &-header {
-      flex-direction: column;
-      align-items: flex-start;
-      gap: 4px;
-    }
-
-    &-service {
-      font-size: 12px;
-    }
-
-    &-data pre {
-      font-size: 10px;
-    }
-  }
-}