@pisell/materials 1.8.41 → 1.8.43

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

@@ -1,137 +0,0 @@
-.pisell-lowcode-error-card {
-  position: relative;
-  padding: 16px;
-  margin-bottom: 12px;
-  border-radius: 8px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-  transition: all 0.3s ease;
-
-  &:hover {
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  }
-
-  // 关闭按钮
-  &-close {
-    position: absolute;
-    top: 8px;
-    right: 8px;
-    width: 20px;
-    height: 20px;
-    border: none;
-    font-size: 16px;
-    color: #999;
-    transition: all 0.2s ease;
-
-    &:hover {
-      color: #333;
-    }
-  }
-
-  // 头部区域
-  &-header {
-    margin-bottom: 12px;
-  }
-
-  &-level {
-    display: flex;
-    align-items: center;
-    gap: 16px;
-    font-weight: bold;
-    font-size: 14px;
-  }
-
-  &-level-text {
-    padding: 2px 8px;
-    border-radius: 12px;
-  }
-
-  &-device {
-    display: inline-flex;
-    align-items: center;
-  }
-
-  // 内容区域
-  &-content {
-    display: flex;
-    flex-direction: column;
-    gap: 12px;
-  }
-
-  &-info-row {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    flex-wrap: wrap;
-  }
-
-  &-label {
-    font-size: 12px;
-    color: #666;
-    font-weight: 500;
-  }
-
-  &-value {
-    font-size: 12px;
-    color: #333;
-    font-weight: 600;
-  }
-
-  &-description {
-    display: flex;
-    gap: 4px;
-  }
-
-  &-message {
-    font-size: 14px;
-    color: #333;
-    font-weight: 600;
-    line-height: 1.4;
-  }
-
-  &-solution {
-    display: flex;
-    gap: 4px;
-  }
-
-  &-solution-text {
-    font-size: 13px;
-    color: #666;
-    line-height: 1.4;
-  }
-
-  // 错误级别样式
-  &.fatal {
-    border-left-color: #cf1322;
-  }
-
-  &.critical {
-    border-left-color: #d4380d;
-  }
-
-  &.normal {
-    border-left-color: #0958d9;
-  }
-
-  &.info {
-    border-left-color: #389e0d;
-  }
-}
-
-// 响应式设计
-@media (max-width: 768px) {
-  .pisell-lowcode-error-card {
-    padding: 12px;
-    margin-bottom: 8px;
-
-    &-info-row {
-      flex-direction: column;
-      align-items: flex-start;
-      gap: 4px;
-    }
-
-    &-description,
-    &-solution {
-      flex-direction: column;
-    }
-  }
-}

package/es/components/hardwareErrorTip/errorTipStatistics/index.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-//#region src/components/hardwareErrorTip/errorTipStatistics/index.d.ts
-type StatisticsData = {
-  fatal: number;
-  critical: number;
-  normal: number;
-  info: number;
-};
-//#endregion
-export { StatisticsData };

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

@@ -1,31 +0,0 @@
-import { ErrorTypeTheme, errorTypes, prefix } from "../types.js";
-import React from "react";
-import classNames from "classnames";
-import "./index.less";
-//#region src/components/hardwareErrorTip/errorTipStatistics/index.tsx
-const renderErrorItem = (errorType, count) => {
-	const IconComponent = errorType.icon;
-	const theme = ErrorTypeTheme[errorType.type];
-	return /* @__PURE__ */ React.createElement("div", {
-		key: errorType.type,
-		className: classNames(`${prefix}-error-tip-statistics-item ${errorType.type}`),
-		style: {
-			backgroundColor: theme.backgroundColor,
-			boxShadow: `0px 0px 3px 0px ${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)));
-};
-const Statistics = (props) => {
-	const { data = {
-		fatal: 0,
-		critical: 0,
-		normal: 0,
-		info: 0
-	} } = props;
-	return /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefix}-error-tip-statistics`) }, errorTypes.map((errorType) => renderErrorItem(errorType, data[errorType.type])));
-};
-//#endregion
-export { Statistics as default };

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.d.ts

@@ -1,20 +0,0 @@
-import { StatisticsData } from "./errorTipStatistics/index.js";
-import { ErrorCardData } from "./errorCard/index.js";
-import { LogCardData } from "./logCard/index.js";
-import React from "react";
-//#region src/components/hardwareErrorTip/index.d.ts
-interface HardwareErrorTipProps {
-  statistics: StatisticsData;
-  errors?: ErrorCardData[];
-  logs?: LogCardData[];
-  onExportLogs?: (logs: any) => void;
-  onCloseError?: (error: ErrorCardData, index?: number) => void;
-  onTabChange?: (activeTab: string) => void;
-  activeTab?: string;
-  isLoadingErrors?: boolean;
-  isLoadingLogs?: boolean;
-  style?: React.CSSProperties;
-}
-declare const HardwareErrorTip: React.FC<HardwareErrorTipProps>;
-//#endregion
-export { HardwareErrorTip };

package/es/components/hardwareErrorTip/index.js

@@ -1,151 +0,0 @@
-import { getText } from "../../locales/index.js";
-import Statistics from "./errorTipStatistics/index.js";
-import ErrorCard from "./errorCard/index.js";
-import LogCard from "./logCard/index.js";
-import React, { useEffect, useMemo, useState } from "react";
-import { Button, Card, Empty, Input, Segmented, Select, Spin, Tabs } from "antd";
-import { DownloadOutlined, SearchOutlined } from "@ant-design/icons";
-import "./index.less";
-//#region src/components/hardwareErrorTip/index.tsx
-const { TabPane } = Tabs;
-const { Option } = Select;
-const HardwareErrorTip = ({ statistics, errors = [], logs = [], onExportLogs, onCloseError, onTabChange, activeTab: externalActiveTab, isLoadingErrors = false, isLoadingLogs = false, style }) => {
-	useEffect(() => {
-		document.body.id = "body";
-	}, []);
-	const [internalActiveTab, setInternalActiveTab] = useState("errors");
-	const activeTab = externalActiveTab !== void 0 ? externalActiveTab : internalActiveTab;
-	const [deviceFilter, setDeviceFilter] = useState("all");
-	const [errorLevelFilter, setErrorLevelFilter] = useState("all");
-	const [logLevelFilter, setLogLevelFilter] = useState("all");
-	const [searchText, setSearchText] = useState("");
-	const getDeviceOptions = useMemo(() => {
-		const devices = /* @__PURE__ */ new Set();
-		errors.forEach((error) => {
-			var _error$device;
-			if ((_error$device = error.device) === null || _error$device === void 0 ? void 0 : _error$device.device_name) devices.add(error.device.device_name);
-		});
-		logs.forEach((log) => {
-			var _log$device;
-			if ((_log$device = log.device) === null || _log$device === void 0 ? void 0 : _log$device.device_name) devices.add(log.device.device_name);
-		});
-		return Array.from(devices);
-	}, [errors, logs]);
-	const filteredErrors = useMemo(() => {
-		let filtered = errors;
-		if (deviceFilter !== "all") filtered = filtered.filter((error) => {
-			var _error$device2;
-			return ((_error$device2 = error.device) === null || _error$device2 === void 0 ? void 0 : _error$device2.device_name) === deviceFilter;
-		});
-		if (errorLevelFilter !== "all") {
-			const targetLevel = {
-				fatal: 0,
-				critical: 1,
-				normal: 2,
-				info: 3
-			}[errorLevelFilter];
-			filtered = filtered.filter((error) => error.error_level === targetLevel);
-		}
-		return filtered;
-	}, [
-		errors,
-		deviceFilter,
-		errorLevelFilter
-	]);
-	const filteredLogs = useMemo(() => {
-		let filtered = logs;
-		if (deviceFilter !== "all") filtered = filtered.filter((log) => {
-			var _log$device2;
-			return ((_log$device2 = log.device) === null || _log$device2 === void 0 ? void 0 : _log$device2.device_name) === deviceFilter;
-		});
-		if (logLevelFilter !== "all") {
-			const targetLevel = {
-				DEBUG: 0,
-				INFO: 1,
-				ERROR: 2
-			}[logLevelFilter];
-			filtered = filtered.filter((log) => log.log_level === targetLevel);
-		}
-		if (searchText) filtered = filtered.filter((log) => log.message.toLowerCase().includes(searchText.toLowerCase()));
-		return filtered;
-	}, [
-		logs,
-		deviceFilter,
-		logLevelFilter,
-		searchText
-	]);
-	return /* @__PURE__ */ React.createElement("div", {
-		className: "hardware-error-tip",
-		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((device) => /* @__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: (value) => {
-			if (externalActiveTab !== void 0) 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: (e) => 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: () => onExportLogs === null || onExportLogs === void 0 ? void 0 : onExportLogs(filteredLogs)
-	}, getText("pisell2.text.hardware-error.export-logs"))) : null), /* @__PURE__ */ React.createElement(Tabs, {
-		activeKey: activeTab,
-		onChange: (key) => {
-			if (externalActiveTab !== void 0) onTabChange === null || onTabChange === void 0 || onTabChange(key);
-			else setInternalActiveTab(key);
-		},
-		renderTabBar: () => 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((error, index) => /* @__PURE__ */ React.createElement(ErrorCard, {
-		key: index,
-		data: error,
-		onClose: onCloseError ? () => onCloseError(error, index) : void 0
-	}))))), /* @__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((log, index) => /* @__PURE__ */ React.createElement(LogCard, {
-		key: index,
-		data: log
-	}))))))));
-};
-//#endregion
-export { HardwareErrorTip as default };

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.d.ts

@@ -1,25 +0,0 @@
-import React from "react";
-//#region src/components/hardwareErrorTip/logCard/index.d.ts
-declare const DEVICE_TYPE_MAP: {
-  readonly printer: any;
-  readonly barcode_scanner: any;
-  readonly cds: any;
-  readonly kds: any;
-  readonly display: any;
-  readonly card_reader: any;
-  readonly till: any;
-  readonly scale: any;
-};
-interface LogCardData {
-  log_level: 0 | 1 | 2;
-  message: string;
-  time: string;
-  device: {
-    device_type: keyof typeof DEVICE_TYPE_MAP;
-    device_name: string;
-    device_idfa: string;
-  };
-  data?: string;
-}
-//#endregion
-export { LogCardData };

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

@@ -1,72 +0,0 @@
-import { getText } from "../../../locales/index.js";
-import { prefix } from "../types.js";
-import React from "react";
-import classNames from "classnames";
-import "./index.less";
-//#region src/components/hardwareErrorTip/logCard/index.tsx
-const LOG_LEVEL_MAP = {
-	0: "debug",
-	1: "info",
-	2: "error"
-};
-const LOG_LEVEL_COLORS = {
-	debug: "#666",
-	info: "#1890ff",
-	error: "#ff4d4f"
-};
-const 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")
-};
-const LogCard = (props) => {
-	const { data } = props;
-	const logLevel = LOG_LEVEL_MAP[data.log_level];
-	const logLevelColor = LOG_LEVEL_COLORS[logLevel];
-	const deviceTypeName = DEVICE_TYPE_MAP[data.device.device_type] || data.device.device_type;
-	const formatTime = (timeStr) => {
-		try {
-			return new Date(timeStr).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;
-		}
-	};
-	const formatLogLevel = (level) => {
-		return {
-			0: "DEBUG",
-			1: "INFO",
-			2: "ERROR"
-		}[level];
-	};
-	const formatData = (dataStr) => {
-		if (!dataStr) return null;
-		try {
-			const parsed = JSON.parse(dataStr);
-			return JSON.stringify(parsed, null, 2);
-		} catch (_unused2) {
-			return dataStr;
-		}
-	};
-	return /* @__PURE__ */ React.createElement("div", {
-		className: classNames(`${prefix}-log-card`, logLevel),
-		style: { borderLeftColor: logLevelColor }
-	}, /* @__PURE__ */ React.createElement("div", { className: `${prefix}-log-card-header` }, /* @__PURE__ */ React.createElement("div", { className: `${prefix}-log-card-time` }, formatTime(data.time)), /* @__PURE__ */ React.createElement("div", {
-		className: `${prefix}-log-card-level`,
-		style: { color: logLevelColor }
-	}, formatLogLevel(data.log_level)), /* @__PURE__ */ React.createElement("div", { className: `${prefix}-log-card-device-id` }, data.device.device_idfa)), /* @__PURE__ */ React.createElement("div", { className: `${prefix}-log-card-content` }, /* @__PURE__ */ React.createElement("div", { className: `${prefix}-log-card-service` }, "[", deviceTypeName, "] ", data.message), data.data && /* @__PURE__ */ React.createElement("div", { className: `pisell-lowcode-log-card-data` }, /* @__PURE__ */ React.createElement("pre", null, formatData(data.data)))));
-};
-//#endregion
-export { LogCard as default };

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;
-    }
-  }
-}