@pisell/private-materials 6.7.9 → 6.8.1

package/lib/components/eftposPay/utils/log/index.js

@@ -0,0 +1,294 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/eftposPay/utils/log/index.ts
+var log_exports = {};
+__export(log_exports, {
+  default: () => log_default
+});
+module.exports = __toCommonJS(log_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var import_utils = require("@pisell/utils");
+var PAYMENT_LOGS_KEY = "pisell2_eftpos_payment_logs";
+var PaymentLogInstance = class _PaymentLogInstance {
+  static instance;
+  /** 当前交易记录号 */
+  currentNumber = null;
+  /** 当前日志记录 */
+  currentRecord = null;
+  constructor() {
+  }
+  /**
+   * 获取单例实例
+   */
+  static getInstance() {
+    if (!_PaymentLogInstance.instance) {
+      _PaymentLogInstance.instance = new _PaymentLogInstance();
+    }
+    return _PaymentLogInstance.instance;
+  }
+  /**
+   * 初始化支付日志
+   * @param number 交易记录号
+   * @param options 初始化选项
+   */
+  init(number, options) {
+    try {
+      this.checkAndUploadOldLogs();
+      this.currentNumber = number;
+      this.currentRecord = {
+        number,
+        orderId: options == null ? void 0 : options.orderId,
+        deviceId: options == null ? void 0 : options.deviceId,
+        paymentType: options == null ? void 0 : options.paymentType,
+        createdAt: (0, import_dayjs.default)().format("YYYY-MM-DD HH:mm:ss.SSS"),
+        logs: []
+      };
+      this.addLog({
+        title: "EFTPOS日志初始化",
+        content: { number, ...options || {} }
+      });
+      console.log(`📝 支付日志初始化成功，交易号: ${number}`);
+    } catch (error) {
+      console.error("❌ 支付日志初始化失败:", error);
+    }
+  }
+  /**
+   * 添加日志条目
+   * @param title 日志标题
+   * @param content 日志内容
+   */
+  addLog(params) {
+    try {
+      if (!this.currentRecord || !this.currentNumber) {
+        console.warn("⚠️ 日志未初始化，无法添加日志");
+        return;
+      }
+      const logEntry = {
+        title: params.title,
+        time: (0, import_dayjs.default)().format("YYYY-MM-DD HH:mm:ss.SSS")
+      };
+      if (params == null ? void 0 : params.content) {
+        logEntry.content = params.content;
+      }
+      this.currentRecord.logs.push(logEntry);
+      this.saveToLocalStorage();
+      console.log(`📝 添加支付日志: ${params.title}`, logEntry);
+    } catch (error) {
+      console.error("❌ 添加日志失败:", error);
+    }
+  }
+  /**
+   * 构建日志内容
+   * @param record 日志记录
+   * @returns 格式化的日志内容数组
+   */
+  buildLogContent(record) {
+    return [
+      {
+        key: "交易记录号",
+        value: record.number
+      },
+      {
+        key: "订单ID",
+        value: (record == null ? void 0 : record.orderId) || "未知"
+      },
+      {
+        key: "设备ID",
+        value: (record == null ? void 0 : record.deviceId) || "未知"
+      },
+      {
+        key: "支付类型",
+        value: (record == null ? void 0 : record.paymentType) || "未知"
+      },
+      {
+        key: "创建时间",
+        value: record.createdAt
+      },
+      {
+        key: "详细日志",
+        value: JSON.stringify(record.logs || [])
+      }
+    ];
+  }
+  /**
+   * 发送单条日志记录到飞书
+   * @param record 日志记录
+   * @param isRestore 是否是恢复上传
+   */
+  sendLogRecord(record, isRestore = false) {
+    const prefix = isRestore ? "[恢复]" : "";
+    const title = `${prefix}支付日志-${record.paymentType || "Unknown"}-${record.orderId || "Unknown"}`;
+    const content = this.buildLogContent(record);
+    (0, import_utils.sendWarningLog)({ title, content });
+    console.log(`✅ 日志已发送到飞书: ${title}`);
+  }
+  /**
+   * 发送日志到飞书
+   * @param title 日志标题（可选，仅在需要自定义标题时使用）
+   */
+  sendLogs(title) {
+    try {
+      if (!this.currentRecord) {
+        console.warn("⚠️ 没有日志记录需要发送");
+        return;
+      }
+      if (title) {
+        const content = this.buildLogContent(this.currentRecord);
+        (0, import_utils.sendWarningLog)({ title, content });
+        console.log(`✅ 日志已发送到飞书: ${title}`);
+      } else {
+        this.sendLogRecord(this.currentRecord, false);
+      }
+    } catch (error) {
+      console.error("❌ 发送日志到飞书失败:", error);
+    }
+  }
+  /**
+   * 清除当前日志
+   * @param shouldSend 清除前是否发送到飞书，默认为 true
+   */
+  clearLogs(shouldSend = true) {
+    try {
+      if (!this.currentNumber) {
+        console.warn("⚠️ 没有活动的日志记录需要清除");
+        return;
+      }
+      if (shouldSend && this.currentRecord) {
+        this.sendLogs();
+      }
+      this.removeFromLocalStorage(this.currentNumber);
+      this.currentNumber = null;
+      this.currentRecord = null;
+      console.log("🧹 日志已清除");
+    } catch (error) {
+      console.error("❌ 清除日志失败:", error);
+    }
+  }
+  /**
+   * 检查并上传旧日志
+   */
+  checkAndUploadOldLogs() {
+    try {
+      const oldLogs = this.getOldLogsFromLocalStorage();
+      if (oldLogs.length === 0) {
+        return;
+      }
+      console.log(`📤 发现 ${oldLogs.length} 条旧日志记录，准备上传...`);
+      for (const log of oldLogs) {
+        try {
+          this.sendLogRecord(log, true);
+          this.removeFromLocalStorage(log.number);
+          console.log(`✅ 旧日志已上传并删除: ${log.number}`);
+        } catch (error) {
+          console.error(`❌ 上传旧日志失败 (${log.number}):`, error);
+        }
+      }
+    } catch (error) {
+      console.error("❌ 检查旧日志失败:", error);
+    }
+  }
+  /**
+   * 获取所有支付日志对象
+   */
+  getAllLogsObject() {
+    try {
+      const value = localStorage.getItem(PAYMENT_LOGS_KEY);
+      if (!value) {
+        return {};
+      }
+      return JSON.parse(value);
+    } catch (error) {
+      console.error("❌ 读取 localStorage 失败:", error);
+      return {};
+    }
+  }
+  /**
+   * 保存所有支付日志对象
+   */
+  saveAllLogsObject(logsObject) {
+    try {
+      localStorage.setItem(PAYMENT_LOGS_KEY, JSON.stringify(logsObject));
+    } catch (error) {
+      console.error("❌ 保存到 localStorage 失败:", error);
+    }
+  }
+  /**
+   * 保存到 localStorage
+   */
+  saveToLocalStorage() {
+    try {
+      if (!this.currentRecord || !this.currentNumber) {
+        return;
+      }
+      const allLogs = this.getAllLogsObject();
+      allLogs[this.currentNumber] = this.currentRecord;
+      this.saveAllLogsObject(allLogs);
+    } catch (error) {
+      console.error("❌ 保存到 localStorage 失败:", error);
+    }
+  }
+  /**
+   * 从 localStorage 中删除
+   */
+  removeFromLocalStorage(number) {
+    try {
+      const allLogs = this.getAllLogsObject();
+      delete allLogs[number];
+      this.saveAllLogsObject(allLogs);
+    } catch (error) {
+      console.error("❌ 从 localStorage 删除失败:", error);
+    }
+  }
+  /**
+   * 获取所有旧日志
+   */
+  getOldLogsFromLocalStorage() {
+    try {
+      const allLogs = this.getAllLogsObject();
+      return Object.values(allLogs);
+    } catch (error) {
+      console.error("❌ 获取旧日志失败:", error);
+      return [];
+    }
+  }
+  /**
+   * 获取当前日志记录（用于调试）
+   */
+  getCurrentRecord() {
+    return this.currentRecord;
+  }
+  /**
+   * 获取当前交易号（用于调试）
+   */
+  getCurrentNumber() {
+    return this.currentNumber;
+  }
+};
+var paymentLog = PaymentLogInstance.getInstance();
+var log_default = paymentLog;

package/lib/components/eventBooking/components/ErrorTip/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const ErrorTip: ({ text }: any) => import("react").JSX.Element;
 export default ErrorTip;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateStatus/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Status: (props: any) => import("react").JSX.Element;
 export default Status;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/CallToBook/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare type CallToBookProps = {
     show: boolean;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/WeekItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const WeekItem: (props: any) => import("react").JSX.Element;
 export default WeekItem;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare type CalenDateWeekProps = {
     currentDate: string;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/DayItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const DayItem: (props: any) => import("react").JSX.Element;
 export default DayItem;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 import { CalendarItemProps } from '../../../../../type';
 declare const Item: (props: CalendarItemProps) => import("react").JSX.Element;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Status/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Status: (props: any) => import("react").JSX.Element;
 export default Status;

package/lib/components/index.d.ts

@@ -20,4 +20,5 @@ import StepController from './stepController';
 import PinModal from './pinModal';
 import PinVerifyModal from './pinVerifyModal';
 import { OAuthConfig, SaaSAdminAuth, OrgAdminAuth, CustomerAuth, CustomerOAuthConfig, DeviceAuth, POSOperatorAuth, OnlineShopAuth, SaaSManagermentAuth } from './authentication/admin';
-export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay, PisellSelectCustomerModal, Wallet, WalletList, WorkspaceList, WorkspaceListDetail, SubTotal, EditBookingModal, StepController, PinModal, PinVerifyModal, OAuthConfig, SaaSAdminAuth, OrgAdminAuth, CustomerAuth, CustomerOAuthConfig, DeviceAuth, POSOperatorAuth, OnlineShopAuth, SaaSManagermentAuth, };
+import Registry from './systemSettings/registry';
+export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay, PisellSelectCustomerModal, Wallet, WalletList, WorkspaceList, WorkspaceListDetail, SubTotal, EditBookingModal, StepController, PinModal, PinVerifyModal, OAuthConfig, SaaSAdminAuth, OrgAdminAuth, CustomerAuth, CustomerOAuthConfig, DeviceAuth, POSOperatorAuth, OnlineShopAuth, SaaSManagermentAuth, Registry, };

package/lib/components/index.js

@@ -47,6 +47,7 @@ __export(components_exports, {
   PinVerifyModal: () => import_pinVerifyModal.default,
   PisellSelectCustomerModal: () => import_pisellSelectCustomerModal.default,
   ProductExtension: () => import_productExtension.default,
+  Registry: () => import_registry.default,
   RuleSetting: () => import_ruleSetting.default,
   SaaSAdminAuth: () => import_admin.SaaSAdminAuth,
   SaaSManagermentAuth: () => import_admin.SaaSManagermentAuth,
@@ -83,6 +84,7 @@ var import_stepController = __toESM(require("./stepController"));
 var import_pinModal = __toESM(require("./pinModal"));
 var import_pinVerifyModal = __toESM(require("./pinVerifyModal"));
 var import_admin = require("./authentication/admin");
+var import_registry = __toESM(require("./systemSettings/registry"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Booking,
@@ -103,6 +105,7 @@ var import_admin = require("./authentication/admin");
   PinVerifyModal,
   PisellSelectCustomerModal,
   ProductExtension,
+  Registry,
   RuleSetting,
   SaaSAdminAuth,
   SaaSManagermentAuth,

package/lib/components/list/List.js

@@ -35,7 +35,6 @@ module.exports = __toCommonJS(List_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
-var import_Tab = __toESM(require("./components/Tab"));
 var import_Pagination = __toESM(require("./components/Pagination"));
 var import_EmptyState = __toESM(require("./components/EmptyState"));
 var import_ScrollLoader = __toESM(require("./components/ScrollLoader"));
@@ -48,6 +47,7 @@ var import_locales = __toESM(require("./locales"));
 var import_useWaterfall = __toESM(require("./hooks/useWaterfall"));
 var import_useListState = require("./hooks/useListState");
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_utils = require("./utils");
 var MOCK_LIST_DATA = (() => {
   const mockData = [];
   for (let i = 0; i < 8; i++) {
@@ -112,7 +112,8 @@ var List = (props) => {
     renderItem,
     emptyConfig = { show: true, text: getLocalText("pisell-list-empty-text-default", "No data available"), icon: null, description: "" },
     pagination,
-    loading = false
+    loading = false,
+    renderSearch
   } = props;
   console.log("List props", props);
   const tabItems = tabStyle === "none" ? [] : tabData || [];
@@ -131,6 +132,7 @@ var List = (props) => {
     externalCurrentPage: pagination == null ? void 0 : pagination.current,
     tabItems,
     defaultPageSize,
+    tabStyle,
     onLoadData
   });
   const { activeTab, isStickyActive } = listState;
@@ -143,6 +145,14 @@ var List = (props) => {
     }
     return fieldValue === targetValue;
   };
+  const dataIdMap = (0, import_react.useMemo)(() => {
+    return data.reduce((pre, cur) => {
+      return {
+        ...pre,
+        [cur.id]: cur
+      };
+    }, {});
+  }, [data]);
   const processedData = (0, import_react.useMemo)(() => {
     const sourceData = loading ? MOCK_LIST_DATA : data || [];
     if (tabStyle === "anchor" && tabItems.length > 0) {
@@ -192,20 +202,30 @@ var List = (props) => {
       if (!activeTab || activeTab === "all") {
         return [{ tabKey: "all", tabLabel: "", items: filteredData }];
       }
-      const currentTab = tabItems.find((tab) => tab.key === activeTab);
-      if (currentTab && currentTab.group) {
-        const filterField = "category";
-        filteredData = filteredData.filter((item) => matchesFieldValue(item[filterField], currentTab.group));
-      } else if (currentTab) {
-        const possibleFields = ["category", "status", "type", tabGroup];
-        for (const field of possibleFields) {
-          if (field && field !== "字段" && filteredData.some((item) => matchesFieldValue(item[field], activeTab))) {
-            filteredData = filteredData.filter((item) => matchesFieldValue(item[field], activeTab));
-            break;
+      if (Array.isArray(activeTab)) {
+        const productIds = (0, import_utils.findProductIdsByPath)(tabItems, activeTab, 0);
+        const items = productIds.map((id) => dataIdMap[id]);
+        return [{
+          tabKey: activeTab,
+          tabLabel: "",
+          items
+        }];
+      } else {
+        const currentTab = tabItems.find((tab) => tab.key === activeTab);
+        if (currentTab && currentTab.group) {
+          const filterField = "category";
+          filteredData = filteredData.filter((item) => matchesFieldValue(item[filterField], currentTab.group));
+        } else if (currentTab) {
+          const possibleFields = ["category", "status", "type", tabGroup];
+          for (const field of possibleFields) {
+            if (field && field !== "字段" && filteredData.some((item) => matchesFieldValue(item[field], activeTab))) {
+              filteredData = filteredData.filter((item) => matchesFieldValue(item[field], activeTab));
+              break;
+            }
           }
         }
+        return [{ tabKey: activeTab, tabLabel: (currentTab == null ? void 0 : currentTab.label) || "", items: filteredData }];
       }
-      return [{ tabKey: activeTab, tabLabel: (currentTab == null ? void 0 : currentTab.label) || "", items: filteredData }];
     }
   }, [data, activeTab, tabItems, tabGroup, tabStyle, loading]);
   const totalDataLength = (0, import_react.useMemo)(() => {
@@ -413,20 +433,11 @@ var List = (props) => {
       rowGap: `${rowGap}px`
     };
     if (displayStyle === "grid") {
-      if (layoutDirection === "vertical") {
-        return {
-          ...baseStyle,
-          display: "grid",
-          gridTemplateColumns: `repeat(${columns}, 1fr)`
-        };
-      } else {
-        return {
-          ...baseStyle,
-          display: "grid",
-          gridTemplateRows: `repeat(${rows}, 1fr)`,
-          gridAutoFlow: "column"
-        };
-      }
+      return {
+        ...baseStyle,
+        display: "grid",
+        gridTemplateColumns: `repeat(${columns}, 1fr)`
+      };
     } else {
       return {
         ...baseStyle,
@@ -495,22 +506,30 @@ var List = (props) => {
         /* @__PURE__ */ import_react.default.createElement(import_TabSkeleton.default, { tabStyle })
       );
     }
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { id: "level1-wrap" }), /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         ref: headerRef,
         className: headerClasses
       },
       /* @__PURE__ */ import_react.default.createElement(
-        import_Tab.default,
+        import_materials.PisellTabbar,
         {
-          className: (0, import_classnames.default)("pisell-list-tabs", `pisell-list-tabs-${tabStyle}`),
-          activeKey: activeTab,
-          items: tabItems,
+          levelConfig: {
+            level1: {
+              positionId: "#level1-wrap"
+            },
+            level2: {
+              positionId: "#level2-wrap"
+            }
+          },
+          style: { height: "100%" },
+          dataSource: tabItems,
+          value: activeTab,
           onChange: handleTabChangeWithScroll
         }
       )
-    );
+    ));
   };
   const renderContent = (0, import_react.useCallback)(() => {
     const hasChildren = children && import_react.default.Children.count(children) > 0;
@@ -541,6 +560,8 @@ var List = (props) => {
           }
         }
       },
+      renderSearch == null ? void 0 : renderSearch(),
+      /* @__PURE__ */ import_react.default.createElement("div", { id: "level2-wrap" }),
       layoutDirection === "vertical" && renderTabs(),
       totalDataLength === 0 && !loading ? /* @__PURE__ */ import_react.default.createElement(
         import_EmptyState.default,
@@ -633,7 +654,7 @@ var List = (props) => {
         )
       )
     );
-  }, [displayStyle, layoutDirection, paginationType, listStyle, processedData, renderItem, loading, children, height, scrollLoadState, emptyConfig, totalDataLength, tabStyle]);
+  }, [displayStyle, layoutDirection, paginationType, listStyle, processedData, renderItem, loading, children, height, scrollLoadState, emptyConfig, totalDataLength, tabStyle, renderSearch]);
   const renderFooter = () => {
     if (paginationType === "all" || paginationType === "scroll") return null;
     if (paginationType === "more") {
@@ -744,13 +765,14 @@ var List = (props) => {
     position: "relative",
     // 为悬浮按钮提供定位基准
     // 上下排版时，容器不需要滚动，让 list-content 控制滚动
-    ...layoutDirection === "vertical" && height !== "auto" && { overflowY: "hidden" }
+    ...layoutDirection === "vertical" && height !== "auto" && { overflowY: "hidden" },
+    ...layoutDirection === "horizontal" && { display: "flex", flexDirection: "row" }
   };
   const renderMainContent = () => {
     if (layoutDirection === "vertical") {
       return renderContent();
     } else {
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderTabs(), renderContent());
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderContent(), renderTabs());
     }
   };
   return /* @__PURE__ */ import_react.default.createElement(

package/lib/components/list/hooks/useListState.d.ts

@@ -6,7 +6,7 @@ export interface ListState {
 }
 export declare type ListAction = {
     type: 'SET_ACTIVE_TAB';
-    payload: string;
+    payload: string[] | string;
 } | {
     type: 'SET_CURRENT_PAGE';
     payload: number;
@@ -25,6 +25,8 @@ export interface UseListStateProps {
     defaultPageSize: number;
     /** 数据加载回调 */
     onLoadData?: (params: LoadDataParams) => void;
+    /** tab样式 */
+    tabStyle: 'anchor' | 'switch' | 'none';
 }
 export interface UseListStateReturn {
     state: ListState;
@@ -32,7 +34,7 @@ export interface UseListStateReturn {
     setCurrentPage: (page: number) => void;
     setStickyActive: (active: boolean) => void;
     resetPage: () => void;
-    handleTabChange: (key: string) => void;
+    handleTabChange: (key: string[] | string) => void;
     handlePageChange: (page: number, size?: number) => void;
     handleShowSizeChange: (current: number, size: number) => void;
     handleLoadMore: () => void;
@@ -40,4 +42,4 @@ export interface UseListStateReturn {
     handleScrollLoad: () => void;
     actualCurrentPage: number;
 }
-export declare const useListState: ({ externalCurrentPage, tabItems, defaultPageSize, onLoadData, }: UseListStateProps) => UseListStateReturn;
+export declare const useListState: ({ externalCurrentPage, tabItems, defaultPageSize, onLoadData, tabStyle, }: UseListStateProps) => UseListStateReturn;

package/lib/components/list/hooks/useListState.js

@@ -23,6 +23,7 @@ __export(useListState_exports, {
 });
 module.exports = __toCommonJS(useListState_exports);
 var import_react = require("react");
+var import_materials = require("@pisell/materials");
 function listStateReducer(state, action) {
   switch (action.type) {
     case "SET_ACTIVE_TAB":
@@ -41,7 +42,8 @@ var useListState = ({
   externalCurrentPage,
   tabItems,
   defaultPageSize,
-  onLoadData
+  onLoadData,
+  tabStyle
 }) => {
   const initialState = {
     activeTab: tabItems.length > 0 ? tabItems[0].key : "all",
@@ -49,6 +51,12 @@ var useListState = ({
     isStickyActive: false
   };
   const [state, dispatch] = (0, import_react.useReducer)(listStateReducer, initialState);
+  (0, import_react.useEffect)(() => {
+    if (tabStyle === "switch" && tabItems.length > 0) {
+      const defaultTab = import_materials.PisellTabbar.getDefaultActiveKey(tabItems, "id");
+      setActiveTab(defaultTab);
+    }
+  }, [tabItems]);
   const actualCurrentPage = externalCurrentPage || state.currentPage;
   const setActiveTab = (0, import_react.useCallback)((tab) => {
     dispatch({ type: "SET_ACTIVE_TAB", payload: tab });

package/lib/components/list/styles/base.less

@@ -35,5 +35,9 @@
     position: relative;
   }
 
+  #level2-wrap {
+    margin-bottom: 12px;
+  }
+
   /* 空状态样式已移至 EmptyState 组件 */
 }

package/lib/components/list/styles/content.less

@@ -315,7 +315,7 @@
   &.list-content-horizontal {
     /* 水平排版时，允许水平滚动 */
     overflow-x: auto;
-    overflow-y: hidden;
+    overflow-y: auto;
 
     &.list-content-grid {
       .list-items {

package/lib/components/list/styles/header.less

@@ -1,7 +1,7 @@
 /* 头部Tab栏样式 */
 
 .pisell-list-header {
-  padding: 16px;
+  padding: 0;
 
   &.pisell-list-header-sticky {
     position: sticky;
@@ -58,12 +58,12 @@
       top: 0;
       z-index: 10;
       /* 毛玻璃效果 */
-      background: rgba(255, 255, 255, 0.80);
+      background: transparent;
       backdrop-filter: blur(12px);
-      border-bottom: 1px solid #D0D5DD;
-      padding-bottom: 12px;
+      padding: 0;
       box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
       transition: box-shadow 0.2s ease, backdrop-filter 0.2s ease, background 0.2s ease;
+      border: none;
     }
 
   }