@pisell/materials 1.8.38 → 1.8.41

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.js

@@ -2,9 +2,9 @@ import { getText } from "../../../../locales/index.js";
 import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { _asyncToGenerator } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js";
 import PisellModal from "../../../pisellModal/index.js";
+import useDataSource from "../../hooks/useDataSource.js";
 import PisellToast from "../../../pisellToast/index.js";
 import useVariables from "../../hooks/useVariables.js";
-import useDataSource from "../../hooks/useDataSource.js";
 import useComponentId from "../../hooks/useComponentId.js";
 import Filter from "../filter/index.js";
 import usePagination from "./usePagination.js";
@@ -24,7 +24,7 @@ import dayjs from "dayjs";
 const useTableProps = (props) => {
 	var _originProps$dataSour;
 	const { originProps, openDrawer, closeDrawer, refreshData, handleFilterChange, tableRef, getInitialValues } = props;
-	const { title: propsTitle, subTitle: propsSubTitle, titleButtons, tableButtons, operation, filter: propsFilter, search, clickToDetail, onRow: propsOnRow, filterBy, currentSettingKey, __id } = originProps;
+	const { title: propsTitle, subTitle: propsSubTitle, titleButtons, tableButtons, operation, filter: propsFilter, search, clickToDetail, onRow: propsOnRow, filterBy, onDeleteFinish, currentSettingKey, __id } = originProps;
 	const { items, show, title: operationTitle, width, align, fixed, type } = operation || {};
 	const componentId = useComponentId(originProps);
 	const { list, destroy, update } = useDataSource();
@@ -62,6 +62,7 @@ const useTableProps = (props) => {
 						const deleteTime = dayjs().format("YYYY-MM-DD HH:mm:ss");
 						yield update === null || update === void 0 ? void 0 : update.runAsync(_objectSpread2(_objectSpread2({}, record), {}, { deleted_at: deleteTime }));
 					} else yield destroy === null || destroy === void 0 ? void 0 : destroy.runAsync(record.id);
+					onDeleteFinish === null || onDeleteFinish === void 0 || onDeleteFinish(record);
 					refreshData();
 					PisellToast({ content: getText("pisell-action-delete-success") });
 				}));

package/es/components/dataSourceComponents/dataSourceTable/type.d.ts

@@ -75,6 +75,7 @@ interface DataSourceTableProps {
     }[];
   };
   onValuesChange?: (changedValues: any, values: any) => void;
+  onDeleteFinish?: (record: Record<string, any>) => void;
   extraParams?: {
     list?: Record<string, any>;
     get?: Record<string, any>;

package/es/components/dataSourceComponents/dataSourceWrapper/BaseWrapper.js

@@ -1,5 +1,5 @@
-import useVariables from "../hooks/useVariables.js";
 import useDataSource from "../hooks/useDataSource.js";
+import useVariables from "../hooks/useVariables.js";
 import useComponentId from "../hooks/useComponentId.js";
 import React, { useEffect } from "react";
 //#region src/components/dataSourceComponents/dataSourceWrapper/BaseWrapper.tsx

package/es/components/dataSourceComponents/fields/DatePicker/WithMode.js

@@ -5,6 +5,10 @@ import DatePickerReadPretty from "./ReadPretty.js";
 import { isString } from "@pisell/utils";
 import dayjs from "dayjs";
 //#region src/components/dataSourceComponents/fields/DatePicker/WithMode.ts
+/**
+* @title: 带模式控制的 DatePicker 组件
+* @description: 支持 edit、view、disabled 等渲染模式的日期选择器
+*/
 const DatePickerWithMode = withMode(DatePickerCpt, DatePickerReadPretty, (props) => {
 	return _objectSpread2(_objectSpread2({}, props), {}, { value: isString(props.value) && props.value ? dayjs(props.value) : props.value });
 });

package/es/components/dataSourceComponents/fields/IconSelect/WithMode.js

@@ -1,5 +1,5 @@
-import IconSelect from "../../../iconSelect/index.js";
 import { withMode } from "../../dataSourceForm/utils.js";
+import IconSelect from "../../../iconSelect/index.js";
 import IconSelectReadPretty from "./ReadPretty.js";
 //#region src/components/dataSourceComponents/fields/IconSelect/WithMode.tsx
 const IconSelectWithMode = withMode(IconSelect, IconSelectReadPretty);

package/es/components/dataSourceComponents/fields/Input/WithMode.js

@@ -1,8 +1,8 @@
 import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import { _objectWithoutProperties } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectWithoutProperties.js";
 import IconFont from "../../../iconfont/index.js";
-import PisellQRScanner from "../../../pisellQRScanner/index.js";
 import { withMode } from "../../dataSourceForm/utils.js";
+import PisellQRScanner from "../../../pisellQRScanner/index.js";
 import InputReadPretty from "./ReadPretty.js";
 import React, { useEffect, useState } from "react";
 import { Input } from "antd";

package/es/components/dataSourceComponents/fields/Input.Phone/serve.js

@@ -13,7 +13,10 @@ const _excluded = ["appHelper"];
 */
 const getCountryDataList = function() {
 	var _ref = _asyncToGenerator(function* () {
-		const { data } = yield request.getRequest().get(`/country:list`, {}, {
+		const { data } = yield request.getRequest().get(`/country:list`, {
+			page: 1,
+			pageSize: 999
+		}, {
 			isNocobase: true,
 			fullResult: true,
 			headers: { "x-data-source": "pisell2" }

package/es/components/dataSourceComponents/fields/Radio/WithMode.js

@@ -1,5 +1,5 @@
-import { withMode } from "../../dataSourceForm/utils.js";
 import Radio from "../../../radio/index.js";
+import { withMode } from "../../dataSourceForm/utils.js";
 import RadioReadPretty from "./ReadPretty.js";
 //#region src/components/dataSourceComponents/fields/Radio/WithMode.ts
 const RadioWithMode = withMode(Radio, RadioReadPretty);

package/es/components/dataSourceComponents/fields/TimePicker/WithMode.js

@@ -1,8 +1,8 @@
 import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import usePisellConfig from "../../../pisell-config-provider/hooks/usePisellConfig.js";
+import { withMode } from "../../dataSourceForm/utils.js";
 import { omit } from "../../../table/Table/utils.js";
 import SelectTime from "../../../select-time/index.js";
-import { withMode } from "../../dataSourceForm/utils.js";
 import TimePickerReadPretty from "./ReadPretty.js";
 import React, { useMemo } from "react";
 import { isString } from "@pisell/utils";

package/es/components/dataSourceComponents/hooks/useActions.js

@@ -2,12 +2,12 @@ import { getText } from "../../../locales/index.js";
 import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import useEngineContext from "../../../hooks/useEngineContext.js";
 import { _asyncToGenerator } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js";
+import useDataSource from "./useDataSource.js";
 import PisellToast from "../../pisellToast/index.js";
 import useFormat from "../dataSourceTable/hooks/useFormat.js";
 import { createNocobaseData, customApi, deleteNocobaseData, getNocobaseData, getNocobaseDataList, updateNocobaseData } from "../dataSourceForm/serve.js";
 import useVariables from "./useVariables.js";
 import useParseActionsVariable from "./useParseActionsVariable.js";
-import useDataSource from "./useDataSource.js";
 import { useMemo } from "react";
 import { useMemoizedFn } from "ahooks";
 //#region src/components/dataSourceComponents/hooks/useActions.ts

package/es/components/dataSourceComponents/provider/dataSource/DataSourceProvider.js

@@ -1,7 +1,7 @@
 import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import DataSourceContext from "./DataSourceContext.js";
-import useVariables from "../../hooks/useVariables.js";
 import useDataSource from "../../hooks/useDataSource.js";
+import useVariables from "../../hooks/useVariables.js";
 import useActions from "../../hooks/useActions.js";
 import useSetRequest from "../../../../hooks/useSetRequest.js";
 import React, { useMemo } from "react";

package/es/components/drag-sort-tree/index.d.ts

@@ -1,5 +1,6 @@
 import { SortType } from "./types.js";
 import React from "react";
+
 //#region src/components/drag-sort-tree/index.d.ts
 declare const DragSortTree: (props: SortType) => React.JSX.Element;
 //#endregion

package/es/components/drag-sort-tree/index.js

@@ -3,7 +3,6 @@ import React, { useEffect, useState } from "react";
 import { DndContext, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
 import { SortableContext, arrayMove, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { restrictToParentElement, restrictToVerticalAxis } from "@dnd-kit/modifiers";
-import "./index.less";
 //#region src/components/drag-sort-tree/index.tsx
 const DragSortTree = (props) => {
 	const { value, rowKey, tabKey, hiddenKeys, onChange } = props;

package/es/components/drawer/index.js

@@ -9,7 +9,7 @@ import { useControllableValue, useUpdateEffect } from "ahooks";
 import Pin02 from "@pisell/icon/es/Pin02";
 import "./index.less";
 //#region src/components/drawer/index.tsx
-const _excluded = ["others", "rootClassName"], _excluded2 = ["rootClassName"];
+const _excluded = ["others"];
 const prefix = "pisell-lowcode-";
 const Title = (props) => {
 	const { placement, onClose, showPin, persistentState, setPersistentState } = props;
@@ -22,8 +22,7 @@ const Title = (props) => {
 	}, /* @__PURE__ */ React.createElement(Pin02, null)));
 };
 const Drawer$1 = (props) => {
-	const { others, rootClassName } = props, resetProps = _objectWithoutProperties(props, _excluded);
-	const _ref = others || {}, { rootClassName: othersRootClassName } = _ref, restOthers = _objectWithoutProperties(_ref, _excluded2);
+	const { others } = props, resetProps = _objectWithoutProperties(props, _excluded);
 	const { operateMode, headerStyle, placement, onClose, showPin, width, getContainer, open } = props;
 	const [persistentState, setPersistentState] = useControllableValue(props, {
 		trigger: "onPersistentChange",
@@ -77,7 +76,10 @@ const Drawer$1 = (props) => {
 				setPersistentState
 			})
 		};
-		return _objectSpread2({ closeIcon: /* @__PURE__ */ React.createElement("span", { className: `${prefix}drawer-header-close-icon` }, /* @__PURE__ */ React.createElement(XClose, null)) }, headerStyle);
+		return _objectSpread2({
+			rootClassName: `${prefix}basic-drawer-root`,
+			closeIcon: /* @__PURE__ */ React.createElement(XClose, { className: `${prefix}drawer-header-close-icon` })
+		}, headerStyle);
 	}, [
 		operateMode,
 		placement,
@@ -85,8 +87,7 @@ const Drawer$1 = (props) => {
 		persistentState,
 		setPersistentState
 	]);
-	const mergedRootClassName = classNames(operateMode !== "outside" && `${prefix}basic-drawer-root`, rootClassName, othersRootClassName);
-	return /* @__PURE__ */ React.createElement(Drawer, _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, resetProps), innerProps), otherProps), restOthers), {}, { rootClassName: mergedRootClassName || void 0 }));
+	return /* @__PURE__ */ React.createElement(Drawer, _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, resetProps), innerProps), otherProps), others));
 };
 //#endregion
 export { Drawer$1 as default };

package/es/components/filter/components/FilterItem/index.js

@@ -85,11 +85,9 @@ const FilterItem = (props) => {
 		if (!CustomComponent) return null;
 		const componentProps = _objectSpread2(_objectSpread2({}, itemProps || {}), other || {});
 		delete componentProps.component;
-		/** 自定义容器内自行挂多个 Form.Item（多字段）时，外层不注册 name，避免与内层字段冲突 */
-		const isMultiFieldComposite = Array.isArray(other === null || other === void 0 ? void 0 : other.compositeFilterFieldNames) && other.compositeFilterFieldNames.length > 0;
 		return /* @__PURE__ */ React.createElement(Form.Item, _objectSpread2({
 			label,
-			name: isMultiFieldComposite ? void 0 : name,
+			name,
 			hidden: isHidden
 		}, (other === null || other === void 0 ? void 0 : other.formItemProps) || {}), /* @__PURE__ */ React.createElement(CustomComponent, componentProps));
 	}

package/es/components/filter/components/QuickFilter/index.js

@@ -8,12 +8,11 @@ const QuickFilter = (props) => {
 	const filterArr = useMemo(() => {
 		return [...notSortFilter || [], ...quickFilter || []];
 	}, [quickFilter, notSortFilter]);
-	return /* @__PURE__ */ React.createElement(Space, { wrap: true }, filterArr.map((item, index) => {
+	return /* @__PURE__ */ React.createElement(Space, { wrap: true }, filterArr.map((item) => {
 		var _item$name;
 		const name = [formFiltersPrefix, (_item$name = item.name) === null || _item$name === void 0 ? void 0 : _item$name.toString()].filter(Boolean);
-		const keyHint = name.length > 0 ? name.join("-") : "";
 		return /* @__PURE__ */ React.createElement(FilterItem, {
-			key: item.key && String(item.key) || keyHint || `quick-filter-${index}`,
+			key: name.join("-"),
 			name,
 			type: item.type,
 			other: item.other,

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

@@ -0,0 +1,25 @@
+import React from "react";
+//#region src/components/hardwareErrorTip/errorCard/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 ErrorCardData {
+  error_level: 0 | 1 | 2 | 3;
+  error_message: string;
+  error_code: string;
+  time: string;
+  device: {
+    device_type: keyof typeof DEVICE_TYPE_MAP;
+    device_name: string;
+    device_idfa: string;
+  };
+}
+//#endregion
+export { ErrorCardData };

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

@@ -0,0 +1,68 @@
+import { getText } from "../../../locales/index.js";
+import IconFont from "../../iconfont/index.js";
+import { ErrorTypeTheme, errorTypes, prefix } from "../types.js";
+import React from "react";
+import { CloseCircleOutlined } from "@ant-design/icons";
+import classNames from "classnames";
+import "./index.less";
+//#region src/components/hardwareErrorTip/errorCard/index.tsx
+const ERROR_LEVEL_MAP = {
+	0: "fatal",
+	1: "critical",
+	2: "normal",
+	3: "info"
+};
+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 DEVICE_ICON_MAP = {
+	printer: "pisell2-printer",
+	barcode_scanner: "pisell2-a-Scanner1",
+	cds: "pisell2-a-device1",
+	kds: "pisell2-a-device1",
+	display: "pisell2-monitor-03",
+	card_reader: "pisell2-a-NFC2",
+	till: "pisell2-coins-hand",
+	scale: "pisell2-scales-02"
+};
+const ErrorCard = (props) => {
+	const { data, onClose } = props;
+	const errorType = ERROR_LEVEL_MAP[data.error_level];
+	const errorConfig = errorTypes.find((type) => type.type === errorType);
+	const theme = ErrorTypeTheme[errorType];
+	const deviceTypeName = DEVICE_TYPE_MAP[data.device.device_type] || data.device.device_type;
+	const deviceIcon = DEVICE_ICON_MAP[data.device.device_type] || "pisell2-container";
+	if (!errorConfig) return null;
+	errorConfig.icon;
+	return /* @__PURE__ */ React.createElement("div", {
+		className: classNames(`${prefix}-error-card`, errorType),
+		style: {
+			backgroundColor: theme.backgroundColor,
+			borderLeft: `4px solid ${theme.iconColor}`
+		}
+	}, onClose && !["fatal", "critical"].includes(errorType) && /* @__PURE__ */ React.createElement(CloseCircleOutlined, {
+		className: `pisell-lowcode-error-card-close`,
+		onClick: onClose
+	}), /* @__PURE__ */ React.createElement("div", { className: `${prefix}-error-card-header` }, /* @__PURE__ */ React.createElement("div", { className: `${prefix}-error-card-level` }, /* @__PURE__ */ React.createElement("span", {
+		className: `${prefix}-error-card-level-text`,
+		style: {
+			color: theme.iconColor,
+			backgroundColor: theme.badgeColor
+		}
+	}, errorConfig.title()), /* @__PURE__ */ React.createElement("span", { className: `${prefix}-error-card-device` }, /* @__PURE__ */ React.createElement(IconFont, {
+		type: deviceIcon,
+		style: {
+			marginRight: 8,
+			fontSize: 16
+		}
+	}), deviceTypeName))), /* @__PURE__ */ React.createElement("div", { className: `${prefix}-error-card-content` }, /* @__PURE__ */ React.createElement("div", { className: `${prefix}-error-card-info-row` }, /* @__PURE__ */ React.createElement("span", { className: `${prefix}-error-card-label` }, getText("pisell2.text.hardware-error.error-code"), ":"), /* @__PURE__ */ React.createElement("span", { className: `${prefix}-error-card-value` }, data.error_code), /* @__PURE__ */ React.createElement("span", { className: `${prefix}-error-card-label` }, getText("pisell2.text.hardware-error.time"), ":"), /* @__PURE__ */ React.createElement("span", { className: `${prefix}-error-card-value` }, data.time)), /* @__PURE__ */ React.createElement("div", { className: `${prefix}-error-card-description` }, /* @__PURE__ */ React.createElement("div", { className: `${prefix}-error-card-label` }, getText("pisell2.text.hardware-error.error-description"), ":"), /* @__PURE__ */ React.createElement("div", { className: `${prefix}-error-card-message` }, data.error_message)), /* @__PURE__ */ React.createElement("div", { className: `${prefix}-error-card-solution` }, /* @__PURE__ */ React.createElement("div", { className: `${prefix}-error-card-label` }, getText("pisell2.text.hardware-error.solution"), ":"), /* @__PURE__ */ React.createElement("div", { className: `${prefix}-error-card-solution-text` }, "请检查", deviceTypeName, "电源和连接线"))));
+};
+//#endregion
+export { ErrorCard as default };

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

@@ -0,0 +1,137 @@
+.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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1,34 @@
+.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

@@ -0,0 +1,20 @@
+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 };