@pisell/materials 1.8.38 → 1.8.41

package/lib/components/dataSourceComponents/dataSourceSubForm/index.js

@@ -1,8 +1,8 @@
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_objectSpread2 = require("../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
+const require_JsonWrapperContext = require("../dataSourceForm/provider/jsonWrapper/JsonWrapperContext.js");
 const require_DataSourceProvider = require("../provider/dataSource/DataSourceProvider.js");
 const require_FormSettingProvider = require("../dataSourceForm/provider/formSetting/FormSettingProvider.js");
-const require_JsonWrapperContext = require("../dataSourceForm/provider/jsonWrapper/JsonWrapperContext.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let antd = require("antd");

package/lib/components/dataSourceComponents/dataSourceTable/BaseTable.js

@@ -2,9 +2,9 @@ const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
 const require_objectSpread2 = require("../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
 const require_objectWithoutProperties = require("../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectWithoutProperties.js");
 const require_asyncToGenerator = require("../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js");
-const require_index = require("../../table/index.js");
-const require_useVariables = require("../hooks/useVariables.js");
 const require_useDataSource = require("../hooks/useDataSource.js");
+const require_useVariables = require("../hooks/useVariables.js");
+const require_index = require("../../table/index.js");
 const require_ActionsProvider = require("../provider/actions/ActionsProvider.js");
 const require_useDrawerState = require("./hooks/useDrawerState.js");
 const require_useDesignMode = require("./hooks/useDesignMode.js");

package/lib/components/dataSourceComponents/dataSourceTable/filter/index.js

@@ -1,7 +1,7 @@
 const require_runtime = require("../../../../_virtual/_rolldown/runtime.js");
 const require_objectSpread2 = require("../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
-const require_index = require("../../../filter/components/FilterButton/index.js");
 const require_useDataSource = require("../../hooks/useDataSource.js");
+const require_index = require("../../../filter/components/FilterButton/index.js");
 const require_index$1 = require("../../fields/Input/index.js");
 const require_utils = require("./utils.js");
 let react = require("react");

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

@@ -3,9 +3,9 @@ const require_index = require("../../../../locales/index.js");
 const require_objectSpread2 = require("../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
 const require_asyncToGenerator = require("../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js");
 const require_index$1 = require("../../../pisellModal/index.js");
+const require_useDataSource = require("../../hooks/useDataSource.js");
 const require_index$2 = require("../../../pisellToast/index.js");
 const require_useVariables = require("../../hooks/useVariables.js");
-const require_useDataSource = require("../../hooks/useDataSource.js");
 const require_useComponentId = require("../../hooks/useComponentId.js");
 const require_index$3 = require("../filter/index.js");
 const require_usePagination = require("./usePagination.js");
@@ -27,7 +27,7 @@ dayjs = require_runtime.__toESM(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 = require_useComponentId.default(originProps);
 	const { list, destroy, update } = require_useDataSource.default();
@@ -65,6 +65,7 @@ const useTableProps = (props) => {
 						const deleteTime = (0, dayjs.default)().format("YYYY-MM-DD HH:mm:ss");
 						yield update === null || update === void 0 ? void 0 : update.runAsync(require_objectSpread2._objectSpread2(require_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();
 					require_index$2.default({ content: require_index.getText("pisell-action-delete-success") });
 				}));

package/lib/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/lib/components/dataSourceComponents/dataSourceWrapper/BaseWrapper.js

@@ -1,6 +1,6 @@
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
-const require_useVariables = require("../hooks/useVariables.js");
 const require_useDataSource = require("../hooks/useDataSource.js");
+const require_useVariables = require("../hooks/useVariables.js");
 const require_useComponentId = require("../hooks/useComponentId.js");
 let react = require("react");
 react = require_runtime.__toESM(react);

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

@@ -7,6 +7,10 @@ let _pisell_utils = require("@pisell/utils");
 let dayjs = require("dayjs");
 dayjs = require_runtime.__toESM(dayjs);
 //#region src/components/dataSourceComponents/fields/DatePicker/WithMode.ts
+/**
+* @title: 带模式控制的 DatePicker 组件
+* @description: 支持 edit、view、disabled 等渲染模式的日期选择器
+*/
 const DatePickerWithMode = require_utils.withMode(require_datePickerCpt.default, require_ReadPretty.default, (props) => {
 	return require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, props), {}, { value: (0, _pisell_utils.isString)(props.value) && props.value ? (0, dayjs.default)(props.value) : props.value });
 });

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

@@ -1,5 +1,5 @@
-const require_index = require("../../../iconSelect/index.js");
 const require_utils = require("../../dataSourceForm/utils.js");
+const require_index = require("../../../iconSelect/index.js");
 const require_ReadPretty = require("./ReadPretty.js");
 //#region src/components/dataSourceComponents/fields/IconSelect/WithMode.tsx
 const IconSelectWithMode = require_utils.withMode(require_index.default, require_ReadPretty.default);

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

@@ -2,8 +2,8 @@ const require_runtime = require("../../../../_virtual/_rolldown/runtime.js");
 const require_objectSpread2 = require("../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
 const require_objectWithoutProperties = require("../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectWithoutProperties.js");
 const require_index = require("../../../iconfont/index.js");
-const require_index$1 = require("../../../pisellQRScanner/index.js");
 const require_utils = require("../../dataSourceForm/utils.js");
+const require_index$1 = require("../../../pisellQRScanner/index.js");
 const require_ReadPretty = require("./ReadPretty.js");
 let react = require("react");
 react = require_runtime.__toESM(react);

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

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

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

@@ -1,5 +1,5 @@
-const require_utils = require("../../dataSourceForm/utils.js");
 const require_index = require("../../../radio/index.js");
+const require_utils = require("../../dataSourceForm/utils.js");
 const require_ReadPretty = require("./ReadPretty.js");
 //#region src/components/dataSourceComponents/fields/Radio/WithMode.ts
 const RadioWithMode = require_utils.withMode(require_index.default, require_ReadPretty.default);

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

@@ -1,9 +1,9 @@
 const require_runtime = require("../../../../_virtual/_rolldown/runtime.js");
 const require_objectSpread2 = require("../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
 const require_usePisellConfig = require("../../../pisell-config-provider/hooks/usePisellConfig.js");
-const require_utils = require("../../../table/Table/utils.js");
+const require_utils = require("../../dataSourceForm/utils.js");
+const require_utils$1 = require("../../../table/Table/utils.js");
 const require_index = require("../../../select-time/index.js");
-const require_utils$1 = require("../../dataSourceForm/utils.js");
 const require_ReadPretty = require("./ReadPretty.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
@@ -66,7 +66,7 @@ const TimePicker = (props) => {
 		onChange: (timeString) => {
 			if (onChange) onChange(timeString ? (0, dayjs.default)(`${(0, dayjs.default)().format("YYYY-MM-DD")} ${timeString}`) : null, timeString || "");
 		},
-		timePickerProps: require_objectSpread2._objectSpread2({ format }, require_utils.omit(props, ["value", "defaultValue"]) || {}),
+		timePickerProps: require_objectSpread2._objectSpread2({ format }, require_utils$1.omit(props, ["value", "defaultValue"]) || {}),
 		popoverProps: {},
 		timeProps: {},
 		slice: 15
@@ -76,6 +76,6 @@ const TimePicker = (props) => {
 		defaultValue
 	}));
 };
-const TimePickerWithMode = require_utils$1.withMode(TimePicker, require_ReadPretty.default);
+const TimePickerWithMode = require_utils.withMode(TimePicker, require_ReadPretty.default);
 //#endregion
 exports.default = TimePickerWithMode;

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

@@ -3,12 +3,12 @@ const require_index = require("../../../locales/index.js");
 const require_objectSpread2 = require("../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
 const require_useEngineContext = require("../../../hooks/useEngineContext.js");
 const require_asyncToGenerator = require("../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js");
+const require_useDataSource = require("./useDataSource.js");
 const require_index$1 = require("../../pisellToast/index.js");
 const require_useFormat = require("../dataSourceTable/hooks/useFormat.js");
 const require_serve = require("../dataSourceForm/serve.js");
 const require_useVariables = require("./useVariables.js");
 const require_useParseActionsVariable = require("./useParseActionsVariable.js");
-const require_useDataSource = require("./useDataSource.js");
 let react = require("react");
 let ahooks = require("ahooks");
 //#region src/components/dataSourceComponents/hooks/useActions.ts

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

@@ -1,8 +1,8 @@
 const require_runtime = require("../../../../_virtual/_rolldown/runtime.js");
 const require_objectSpread2 = require("../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
 const require_DataSourceContext = require("./DataSourceContext.js");
-const require_useVariables = require("../../hooks/useVariables.js");
 const require_useDataSource = require("../../hooks/useDataSource.js");
+const require_useVariables = require("../../hooks/useVariables.js");
 const require_useActions = require("../../hooks/useActions.js");
 const require_useSetRequest = require("../../../../hooks/useSetRequest.js");
 let react = require("react");

package/lib/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/lib/components/drag-sort-tree/index.js

@@ -5,7 +5,6 @@ react = require_runtime.__toESM(react);
 let _dnd_kit_core = require("@dnd-kit/core");
 let _dnd_kit_sortable = require("@dnd-kit/sortable");
 let _dnd_kit_modifiers = require("@dnd-kit/modifiers");
-require("./index.less");
 //#region src/components/drag-sort-tree/index.tsx
 const DragSortTree = (props) => {
 	const { value, rowKey, tabKey, hiddenKeys, onChange } = props;

package/lib/components/drawer/index.js

@@ -14,7 +14,7 @@ let _pisell_icon_es_Pin02 = require("@pisell/icon/es/Pin02");
 _pisell_icon_es_Pin02 = require_runtime.__toESM(_pisell_icon_es_Pin02);
 require("./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;
@@ -27,8 +27,7 @@ const Title = (props) => {
 	}, /* @__PURE__ */ react.default.createElement(_pisell_icon_es_Pin02.default, null)));
 };
 const Drawer = (props) => {
-	const { others, rootClassName } = props, resetProps = require_objectWithoutProperties._objectWithoutProperties(props, _excluded);
-	const _ref = others || {}, { rootClassName: othersRootClassName } = _ref, restOthers = require_objectWithoutProperties._objectWithoutProperties(_ref, _excluded2);
+	const { others } = props, resetProps = require_objectWithoutProperties._objectWithoutProperties(props, _excluded);
 	const { operateMode, headerStyle, placement, onClose, showPin, width, getContainer, open } = props;
 	const [persistentState, setPersistentState] = (0, ahooks.useControllableValue)(props, {
 		trigger: "onPersistentChange",
@@ -82,7 +81,10 @@ const Drawer = (props) => {
 				setPersistentState
 			})
 		};
-		return require_objectSpread2._objectSpread2({ closeIcon: /* @__PURE__ */ react.default.createElement("span", { className: `${prefix}drawer-header-close-icon` }, /* @__PURE__ */ react.default.createElement(_pisell_icon_es_XClose.default, null)) }, headerStyle);
+		return require_objectSpread2._objectSpread2({
+			rootClassName: `${prefix}basic-drawer-root`,
+			closeIcon: /* @__PURE__ */ react.default.createElement(_pisell_icon_es_XClose.default, { className: `${prefix}drawer-header-close-icon` })
+		}, headerStyle);
 	}, [
 		operateMode,
 		placement,
@@ -90,8 +92,7 @@ const Drawer = (props) => {
 		persistentState,
 		setPersistentState
 	]);
-	const mergedRootClassName = (0, classnames.default)(operateMode !== "outside" && `${prefix}basic-drawer-root`, rootClassName, othersRootClassName);
-	return /* @__PURE__ */ react.default.createElement(antd.Drawer, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, resetProps), innerProps), otherProps), restOthers), {}, { rootClassName: mergedRootClassName || void 0 }));
+	return /* @__PURE__ */ react.default.createElement(antd.Drawer, require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, resetProps), innerProps), otherProps), others));
 };
 //#endregion
 exports.default = Drawer;

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

@@ -77,11 +77,9 @@ const FilterItem = (props) => {
 		if (!CustomComponent) return null;
 		const componentProps = require_objectSpread2._objectSpread2(require_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.default.createElement(antd.Form.Item, require_objectSpread2._objectSpread2({
 			label,
-			name: isMultiFieldComposite ? void 0 : name,
+			name,
 			hidden: isHidden
 		}, (other === null || other === void 0 ? void 0 : other.formItemProps) || {}), /* @__PURE__ */ react.default.createElement(CustomComponent, componentProps));
 	}

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

@@ -10,12 +10,11 @@ const QuickFilter = (props) => {
 	const filterArr = (0, react.useMemo)(() => {
 		return [...notSortFilter || [], ...quickFilter || []];
 	}, [quickFilter, notSortFilter]);
-	return /* @__PURE__ */ react.default.createElement(antd.Space, { wrap: true }, filterArr.map((item, index) => {
+	return /* @__PURE__ */ react.default.createElement(antd.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.default.createElement(require_index.default, {
-			key: item.key && String(item.key) || keyHint || `quick-filter-${index}`,
+			key: name.join("-"),
 			name,
 			type: item.type,
 			other: item.other,

package/lib/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/lib/components/hardwareErrorTip/errorCard/index.js

@@ -0,0 +1,71 @@
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_index = require("../../../locales/index.js");
+const require_index$1 = require("../../iconfont/index.js");
+const require_types = require("../types.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _ant_design_icons = require("@ant-design/icons");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+require("./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: require_index.getText("pisell2.text.hardware-error.device.printer"),
+	barcode_scanner: require_index.getText("pisell2.text.hardware-error.device.barcode-scanner"),
+	cds: require_index.getText("pisell2.text.hardware-error.device.cds"),
+	kds: require_index.getText("pisell2.text.hardware-error.device.kds"),
+	display: require_index.getText("pisell2.text.hardware-error.device.display"),
+	card_reader: require_index.getText("pisell2.text.hardware-error.device.card-reader"),
+	till: require_index.getText("pisell2.text.hardware-error.device.till"),
+	scale: require_index.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 = require_types.errorTypes.find((type) => type.type === errorType);
+	const theme = require_types.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.default.createElement("div", {
+		className: (0, classnames.default)(`${require_types.prefix}-error-card`, errorType),
+		style: {
+			backgroundColor: theme.backgroundColor,
+			borderLeft: `4px solid ${theme.iconColor}`
+		}
+	}, onClose && !["fatal", "critical"].includes(errorType) && /* @__PURE__ */ react.default.createElement(_ant_design_icons.CloseCircleOutlined, {
+		className: `pisell-lowcode-error-card-close`,
+		onClick: onClose
+	}), /* @__PURE__ */ react.default.createElement("div", { className: `${require_types.prefix}-error-card-header` }, /* @__PURE__ */ react.default.createElement("div", { className: `${require_types.prefix}-error-card-level` }, /* @__PURE__ */ react.default.createElement("span", {
+		className: `${require_types.prefix}-error-card-level-text`,
+		style: {
+			color: theme.iconColor,
+			backgroundColor: theme.badgeColor
+		}
+	}, errorConfig.title()), /* @__PURE__ */ react.default.createElement("span", { className: `${require_types.prefix}-error-card-device` }, /* @__PURE__ */ react.default.createElement(require_index$1.default, {
+		type: deviceIcon,
+		style: {
+			marginRight: 8,
+			fontSize: 16
+		}
+	}), deviceTypeName))), /* @__PURE__ */ react.default.createElement("div", { className: `${require_types.prefix}-error-card-content` }, /* @__PURE__ */ react.default.createElement("div", { className: `${require_types.prefix}-error-card-info-row` }, /* @__PURE__ */ react.default.createElement("span", { className: `${require_types.prefix}-error-card-label` }, require_index.getText("pisell2.text.hardware-error.error-code"), ":"), /* @__PURE__ */ react.default.createElement("span", { className: `${require_types.prefix}-error-card-value` }, data.error_code), /* @__PURE__ */ react.default.createElement("span", { className: `${require_types.prefix}-error-card-label` }, require_index.getText("pisell2.text.hardware-error.time"), ":"), /* @__PURE__ */ react.default.createElement("span", { className: `${require_types.prefix}-error-card-value` }, data.time)), /* @__PURE__ */ react.default.createElement("div", { className: `${require_types.prefix}-error-card-description` }, /* @__PURE__ */ react.default.createElement("div", { className: `${require_types.prefix}-error-card-label` }, require_index.getText("pisell2.text.hardware-error.error-description"), ":"), /* @__PURE__ */ react.default.createElement("div", { className: `${require_types.prefix}-error-card-message` }, data.error_message)), /* @__PURE__ */ react.default.createElement("div", { className: `${require_types.prefix}-error-card-solution` }, /* @__PURE__ */ react.default.createElement("div", { className: `${require_types.prefix}-error-card-label` }, require_index.getText("pisell2.text.hardware-error.solution"), ":"), /* @__PURE__ */ react.default.createElement("div", { className: `${require_types.prefix}-error-card-solution-text` }, "请检查", deviceTypeName, "电源和连接线"))));
+};
+//#endregion
+exports.default = ErrorCard;

package/lib/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/lib/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/lib/components/hardwareErrorTip/errorTipStatistics/index.js

@@ -0,0 +1,34 @@
+const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
+const require_types = require("../types.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+require("./index.less");
+//#region src/components/hardwareErrorTip/errorTipStatistics/index.tsx
+const renderErrorItem = (errorType, count) => {
+	const IconComponent = errorType.icon;
+	const theme = require_types.ErrorTypeTheme[errorType.type];
+	return /* @__PURE__ */ react.default.createElement("div", {
+		key: errorType.type,
+		className: (0, classnames.default)(`${require_types.prefix}-error-tip-statistics-item ${errorType.type}`),
+		style: {
+			backgroundColor: theme.backgroundColor,
+			boxShadow: `0px 0px 3px 0px ${theme.shadowColor}`
+		}
+	}, /* @__PURE__ */ react.default.createElement(IconComponent, { style: {
+		color: theme.iconColor,
+		fontSize: 28
+	} }), /* @__PURE__ */ react.default.createElement("div", { className: "statistics-item-info" }, /* @__PURE__ */ react.default.createElement("div", { className: "statistics-item-title" }, errorType.title()), /* @__PURE__ */ react.default.createElement("div", { className: "statistics-item-count" }, count)));
+};
+const Statistics = (props) => {
+	const { data = {
+		fatal: 0,
+		critical: 0,
+		normal: 0,
+		info: 0
+	} } = props;
+	return /* @__PURE__ */ react.default.createElement("div", { className: (0, classnames.default)(`${require_types.prefix}-error-tip-statistics`) }, require_types.errorTypes.map((errorType) => renderErrorItem(errorType, data[errorType.type])));
+};
+//#endregion
+exports.default = Statistics;

package/lib/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/lib/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 };