@pisell/private-materials 6.5.12 → 6.5.14

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

@@ -0,0 +1,149 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/list/hooks/useListState.ts
+var useListState_exports = {};
+__export(useListState_exports, {
+  useListState: () => useListState
+});
+module.exports = __toCommonJS(useListState_exports);
+var import_react = require("react");
+function listStateReducer(state, action) {
+  switch (action.type) {
+    case "SET_ACTIVE_TAB":
+      return { ...state, activeTab: action.payload };
+    case "SET_CURRENT_PAGE":
+      return { ...state, currentPage: action.payload };
+    case "SET_STICKY_ACTIVE":
+      return { ...state, isStickyActive: action.payload };
+    case "RESET_PAGE":
+      return { ...state, currentPage: 1 };
+    default:
+      return state;
+  }
+}
+var useListState = ({
+  externalCurrentPage,
+  tabItems,
+  defaultPageSize,
+  onLoadData
+}) => {
+  const initialState = {
+    activeTab: tabItems.length > 0 ? tabItems[0].key : "all",
+    currentPage: 1,
+    isStickyActive: false
+  };
+  const [state, dispatch] = (0, import_react.useReducer)(listStateReducer, initialState);
+  const actualCurrentPage = externalCurrentPage || state.currentPage;
+  const setActiveTab = (0, import_react.useCallback)((tab) => {
+    dispatch({ type: "SET_ACTIVE_TAB", payload: tab });
+  }, []);
+  const setCurrentPage = (0, import_react.useCallback)((page) => {
+    dispatch({ type: "SET_CURRENT_PAGE", payload: page });
+  }, []);
+  const setStickyActive = (0, import_react.useCallback)((active) => {
+    dispatch({ type: "SET_STICKY_ACTIVE", payload: active });
+  }, []);
+  const resetPage = (0, import_react.useCallback)(() => {
+    dispatch({ type: "RESET_PAGE" });
+  }, []);
+  const loadData = (0, import_react.useCallback)((params) => {
+    onLoadData == null ? void 0 : onLoadData(params);
+  }, [onLoadData]);
+  const handleTabChange = (0, import_react.useCallback)((key) => {
+    setActiveTab(key);
+    resetPage();
+    loadData({
+      trigger: "tabChange",
+      currentPage: 1,
+      pageSize: defaultPageSize,
+      activeTab: key
+    });
+  }, [setActiveTab, resetPage, loadData, defaultPageSize]);
+  const handlePageChange = (0, import_react.useCallback)((page, size) => {
+    const previousPage = actualCurrentPage;
+    const pageSize = size || defaultPageSize;
+    setCurrentPage(page);
+    loadData({
+      trigger: "pagination",
+      currentPage: page,
+      pageSize,
+      activeTab: state.activeTab,
+      previousPage
+    });
+  }, [actualCurrentPage, defaultPageSize, setCurrentPage, loadData, state.activeTab]);
+  const handleShowSizeChange = (0, import_react.useCallback)((current, size) => {
+    const previousPageSize = defaultPageSize;
+    setCurrentPage(current);
+    loadData({
+      trigger: "pageSize",
+      currentPage: current,
+      pageSize: size,
+      activeTab: state.activeTab,
+      previousPageSize
+    });
+  }, [defaultPageSize, setCurrentPage, loadData, state.activeTab]);
+  const handleLoadMore = (0, import_react.useCallback)(() => {
+    const nextPage = actualCurrentPage + 1;
+    setCurrentPage(nextPage);
+    loadData({
+      trigger: "loadMore",
+      currentPage: nextPage,
+      pageSize: defaultPageSize,
+      activeTab: state.activeTab
+    });
+  }, [actualCurrentPage, setCurrentPage, loadData, defaultPageSize, state.activeTab]);
+  const handleViewLess = (0, import_react.useCallback)(() => {
+    resetPage();
+    loadData({
+      trigger: "pagination",
+      currentPage: 1,
+      pageSize: defaultPageSize,
+      activeTab: state.activeTab,
+      previousPage: actualCurrentPage
+    });
+  }, [resetPage, loadData, defaultPageSize, state.activeTab, actualCurrentPage]);
+  const handleScrollLoad = (0, import_react.useCallback)(() => {
+    const nextPage = actualCurrentPage + 1;
+    setCurrentPage(nextPage);
+    loadData({
+      trigger: "scroll",
+      currentPage: nextPage,
+      pageSize: defaultPageSize,
+      activeTab: state.activeTab
+    });
+  }, [actualCurrentPage, setCurrentPage, loadData, defaultPageSize, state.activeTab]);
+  return {
+    state,
+    setActiveTab,
+    setCurrentPage,
+    setStickyActive,
+    resetPage,
+    handleTabChange,
+    handlePageChange,
+    handleShowSizeChange,
+    handleLoadMore,
+    handleViewLess,
+    handleScrollLoad,
+    actualCurrentPage
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useListState
+});

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

@@ -0,0 +1,34 @@
+export interface WaterfallItem {
+    id: string | number;
+    data: any;
+    height?: number;
+    width?: number;
+}
+export interface WaterfallTrack<T = any> {
+    items: T[];
+    size: number;
+}
+export interface WaterfallLayoutOptions {
+    tracks: number;
+    trackGap: number;
+    itemGap: number;
+    direction: 'vertical' | 'horizontal';
+}
+export interface WaterfallLayout<T = any> {
+    tracks: WaterfallTrack<T>[];
+    totalSize: number;
+}
+export declare const useWaterfall: <T extends {
+    id: string | number;
+    height?: number | undefined;
+    width?: number | undefined;
+}>(items: T[], options: WaterfallLayoutOptions) => {
+    layout: WaterfallLayout<T>;
+    registerItemRef: (id: string | number, element: HTMLElement | null) => void;
+    measureItemSize: (id: string | number) => {
+        width: number;
+        height: number;
+    };
+    recalculateLayout: () => void;
+};
+export default useWaterfall;

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

@@ -0,0 +1,124 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/list/hooks/useWaterfall.ts
+var useWaterfall_exports = {};
+__export(useWaterfall_exports, {
+  default: () => useWaterfall_default,
+  useWaterfall: () => useWaterfall
+});
+module.exports = __toCommonJS(useWaterfall_exports);
+var import_react = require("react");
+var useWaterfall = (items, options) => {
+  const [recalcVersion, setRecalcVersion] = (0, import_react.useState)(0);
+  const itemSizes = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const itemRefs = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const registerItemRef = (0, import_react.useCallback)((id, element) => {
+    if (element) {
+      itemRefs.current.set(id, element);
+    } else {
+      itemRefs.current.delete(id);
+    }
+  }, []);
+  const measureItemSize = (0, import_react.useCallback)((id) => {
+    const element = itemRefs.current.get(id);
+    if (element) {
+      const rect = element.getBoundingClientRect();
+      const size = { width: rect.width, height: rect.height };
+      itemSizes.current.set(id, size);
+      return size;
+    }
+    return itemSizes.current.get(id) || { width: 200, height: 200 };
+  }, []);
+  const getItemSize = (0, import_react.useCallback)((item) => {
+    const { direction } = options;
+    if (direction === "vertical") {
+      if (item.height) return item.height;
+      const measured = itemSizes.current.get(item.id);
+      return (measured == null ? void 0 : measured.height) || 200;
+    } else {
+      if (item.width) return item.width;
+      const measured = itemSizes.current.get(item.id);
+      return (measured == null ? void 0 : measured.width) || 200;
+    }
+  }, [options]);
+  const layout = (0, import_react.useMemo)(() => {
+    const { tracks: trackCount, trackGap, itemGap, direction } = options;
+    const newTracks = Array.from({ length: trackCount }, () => ({
+      items: [],
+      size: 0
+    }));
+    items.forEach((item) => {
+      const shortestTrackIndex = newTracks.reduce((minIndex, track, index, arr) => {
+        return track.size < arr[minIndex].size ? index : minIndex;
+      }, 0);
+      const targetTrack = newTracks[shortestTrackIndex];
+      const itemSize = getItemSize(item);
+      targetTrack.items.push(item);
+      if (targetTrack.items.length > 1) {
+        targetTrack.size += itemGap;
+      }
+      targetTrack.size += itemSize;
+    });
+    const totalSize = Math.max(...newTracks.map((track) => track.size), 0);
+    return {
+      tracks: newTracks,
+      totalSize
+    };
+  }, [items, options, recalcVersion, getItemSize]);
+  const recalculateLayout = (0, import_react.useCallback)(() => {
+    let hasChanges = false;
+    itemRefs.current.forEach((element, id) => {
+      const rect = element.getBoundingClientRect();
+      const newSize = { width: rect.width, height: rect.height };
+      const oldSize = itemSizes.current.get(id);
+      if (!oldSize || oldSize.width !== newSize.width || oldSize.height !== newSize.height) {
+        hasChanges = true;
+        itemSizes.current.set(id, newSize);
+      }
+    });
+    if (hasChanges) {
+      setRecalcVersion((prev) => prev + 1);
+    }
+  }, []);
+  (0, import_react.useEffect)(() => {
+    let timeoutId;
+    const handleResize = () => {
+      clearTimeout(timeoutId);
+      timeoutId = setTimeout(() => {
+        recalculateLayout();
+      }, 100);
+    };
+    window.addEventListener("resize", handleResize);
+    return () => {
+      window.removeEventListener("resize", handleResize);
+      clearTimeout(timeoutId);
+    };
+  }, [recalculateLayout]);
+  return {
+    layout,
+    registerItemRef,
+    measureItemSize,
+    recalculateLayout
+  };
+};
+var useWaterfall_default = useWaterfall;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useWaterfall
+});

package/lib/components/list/index.d.ts

@@ -0,0 +1,10 @@
+export { default } from './List';
+export { default as ResponsiveList, createResponsiveConfig } from './ResponsiveWrapper';
+export { default as TestResponsiveWrapper } from './TestResponsiveWrapper';
+export { default as Pagination } from './components/Pagination';
+export { default as Tab } from './components/Tab';
+export { useDevice, getUserAgentInfo } from './hooks/useDevice';
+export { default as TestList } from './TestResponsiveWrapper';
+export type { ListProps, BaseListItem, EmptyStateConfig, PaginationInfo, LayoutConfig, TabConfig, PaginationConfig, LegacyListProps, TabItem, ResponsiveProps, ResponsiveWrapperProps, DeviceType, DeviceInfo, LoadMoreParams, LoadDataParams, LoadDataTrigger } from './types';
+export type { TabProps } from './components/Tab';
+export type { PaginationProps } from './components/Pagination/Pagination';

package/lib/components/list/index.js

@@ -0,0 +1,60 @@
+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/list/index.tsx
+var list_exports = {};
+__export(list_exports, {
+  Pagination: () => import_Pagination.default,
+  ResponsiveList: () => import_ResponsiveWrapper.default,
+  Tab: () => import_Tab.default,
+  TestList: () => import_TestResponsiveWrapper2.default,
+  TestResponsiveWrapper: () => import_TestResponsiveWrapper.default,
+  createResponsiveConfig: () => import_ResponsiveWrapper.createResponsiveConfig,
+  default: () => import_List.default,
+  getUserAgentInfo: () => import_useDevice.getUserAgentInfo,
+  useDevice: () => import_useDevice.useDevice
+});
+module.exports = __toCommonJS(list_exports);
+var import_List = __toESM(require("./List"));
+var import_ResponsiveWrapper = __toESM(require("./ResponsiveWrapper"));
+var import_TestResponsiveWrapper = __toESM(require("./TestResponsiveWrapper"));
+var import_Pagination = __toESM(require("./components/Pagination"));
+var import_Tab = __toESM(require("./components/Tab"));
+var import_useDevice = require("./hooks/useDevice");
+var import_TestResponsiveWrapper2 = __toESM(require("./TestResponsiveWrapper"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Pagination,
+  ResponsiveList,
+  Tab,
+  TestList,
+  TestResponsiveWrapper,
+  createResponsiveConfig,
+  getUserAgentInfo,
+  useDevice
+});

package/lib/components/list/locales.d.ts

@@ -0,0 +1,66 @@
+declare const _default: {
+    en: {
+        'pisell-list-tab-group-default': string;
+        'pisell-list-empty-text-default': string;
+        'pisell-list-load-more': string;
+        'pisell-list-view-less': string;
+        'pisell-list-pagination-total': (start: number, end: number, total: number) => string;
+        'pisell-list-pagination-total-fallback': (start: number, end: number, total: number) => string;
+        'pisell-list-pagination-page-of': (current: number, total: number) => string;
+        'pisell-list-pagination-previous': string;
+        'pisell-list-pagination-next': string;
+        'pisell-list-scroll-down': string;
+        'pisell-list-scroll-right': string;
+        'pisell-list-scroll-to-bottom': string;
+        'pisell-list-scroll-to-end': string;
+        'pisell-list-loading': string;
+        'pisell-list-loading-more': string;
+        'pisell-list-no-more-data': string;
+        'pisell-list-group-title-all': string;
+        'pisell-list-load-error': string;
+        'pisell-list-retry': string;
+    };
+    'zh-CN': {
+        'pisell-list-tab-group-default': string;
+        'pisell-list-empty-text-default': string;
+        'pisell-list-load-more': string;
+        'pisell-list-view-less': string;
+        'pisell-list-pagination-total': (start: number, end: number, total: number) => string;
+        'pisell-list-pagination-total-fallback': (start: number, end: number, total: number) => string;
+        'pisell-list-pagination-page-of': (current: number, total: number) => string;
+        'pisell-list-pagination-previous': string;
+        'pisell-list-pagination-next': string;
+        'pisell-list-scroll-down': string;
+        'pisell-list-scroll-right': string;
+        'pisell-list-scroll-to-bottom': string;
+        'pisell-list-scroll-to-end': string;
+        'pisell-list-loading': string;
+        'pisell-list-loading-more': string;
+        'pisell-list-no-more-data': string;
+        'pisell-list-group-title-all': string;
+        'pisell-list-load-error': string;
+        'pisell-list-retry': string;
+    };
+    'zh-HK': {
+        'pisell-list-tab-group-default': string;
+        'pisell-list-empty-text-default': string;
+        'pisell-list-load-more': string;
+        'pisell-list-view-less': string;
+        'pisell-list-pagination-total': (start: number, end: number, total: number) => string;
+        'pisell-list-pagination-total-fallback': (start: number, end: number, total: number) => string;
+        'pisell-list-pagination-page-of': (current: number, total: number) => string;
+        'pisell-list-pagination-previous': string;
+        'pisell-list-pagination-next': string;
+        'pisell-list-scroll-down': string;
+        'pisell-list-scroll-right': string;
+        'pisell-list-scroll-to-bottom': string;
+        'pisell-list-scroll-to-end': string;
+        'pisell-list-loading': string;
+        'pisell-list-loading-more': string;
+        'pisell-list-no-more-data': string;
+        'pisell-list-group-title-all': string;
+        'pisell-list-load-error': string;
+        'pisell-list-retry': string;
+    };
+};
+export default _default;

package/lib/components/list/locales.js

@@ -0,0 +1,113 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/list/locales.ts
+var locales_exports = {};
+__export(locales_exports, {
+  default: () => locales_default
+});
+module.exports = __toCommonJS(locales_exports);
+var locales_default = {
+  "en": {
+    // Tab related
+    "pisell-list-tab-group-default": "Field",
+    // Empty state
+    "pisell-list-empty-text-default": "No data available",
+    // Load more actions
+    "pisell-list-load-more": "Load More",
+    "pisell-list-view-less": "View Less",
+    // Pagination
+    "pisell-list-pagination-total": (start, end, total) => `Showing ${start}-${end} of ${total} items`,
+    "pisell-list-pagination-total-fallback": (start, end, total) => `Showing ${start}-${end} of ${total} items`,
+    "pisell-list-pagination-page-of": (current, total) => `Page ${current} of ${total}`,
+    "pisell-list-pagination-previous": "Previous",
+    "pisell-list-pagination-next": "Next",
+    // Scroll actions
+    "pisell-list-scroll-down": "Scroll Down",
+    "pisell-list-scroll-right": "Scroll Right",
+    "pisell-list-scroll-to-bottom": "Scroll to bottom and load more",
+    "pisell-list-scroll-to-end": "Scroll to end and load more",
+    // Loading states
+    "pisell-list-loading": "Loading...",
+    "pisell-list-loading-more": "Loading more...",
+    "pisell-list-no-more-data": "No more data",
+    // Group titles
+    "pisell-list-group-title-all": "All",
+    // Error states
+    "pisell-list-load-error": "Failed to load data",
+    "pisell-list-retry": "Retry"
+  },
+  "zh-CN": {
+    // Tab related
+    "pisell-list-tab-group-default": "字段",
+    // Empty state
+    "pisell-list-empty-text-default": "暂无数据",
+    // Load more actions
+    "pisell-list-load-more": "查看更多",
+    "pisell-list-view-less": "查看更少",
+    // Pagination
+    "pisell-list-pagination-total": (start, end, total) => `显示第 ${start}-${end} 条，共 ${total} 条`,
+    "pisell-list-pagination-total-fallback": (start, end, total) => `显示第 ${start}-${end} 条，共 ${total} 条`,
+    "pisell-list-pagination-page-of": (current, total) => `第 ${current} 页，共 ${total} 页`,
+    "pisell-list-pagination-previous": "上一页",
+    "pisell-list-pagination-next": "下一页",
+    // Scroll actions
+    "pisell-list-scroll-down": "向下滚动",
+    "pisell-list-scroll-right": "向右滚动",
+    "pisell-list-scroll-to-bottom": "滚动到底部并加载更多",
+    "pisell-list-scroll-to-end": "滚动到末尾并加载更多",
+    // Loading states
+    "pisell-list-loading": "加载中...",
+    "pisell-list-loading-more": "加载更多中...",
+    "pisell-list-no-more-data": "没有更多数据了",
+    // Group titles
+    "pisell-list-group-title-all": "全部",
+    // Error states
+    "pisell-list-load-error": "数据加载失败",
+    "pisell-list-retry": "重试"
+  },
+  "zh-HK": {
+    // Tab related
+    "pisell-list-tab-group-default": "字段",
+    // Empty state
+    "pisell-list-empty-text-default": "暫無數據",
+    // Load more actions
+    "pisell-list-load-more": "查看更多",
+    "pisell-list-view-less": "查看更少",
+    // Pagination
+    "pisell-list-pagination-total": (start, end, total) => `顯示第 ${start}-${end} 條，共 ${total} 條`,
+    "pisell-list-pagination-total-fallback": (start, end, total) => `顯示第 ${start}-${end} 條，共 ${total} 條`,
+    "pisell-list-pagination-page-of": (current, total) => `第 ${current} 頁，共 ${total} 頁`,
+    "pisell-list-pagination-previous": "上一頁",
+    "pisell-list-pagination-next": "下一頁",
+    // Scroll actions
+    "pisell-list-scroll-down": "向下滾動",
+    "pisell-list-scroll-right": "向右滾動",
+    "pisell-list-scroll-to-bottom": "滾動到底部並加載更多",
+    "pisell-list-scroll-to-end": "滾動到末尾並加載更多",
+    // Loading states
+    "pisell-list-loading": "加載中...",
+    "pisell-list-loading-more": "加載更多中...",
+    "pisell-list-no-more-data": "沒有更多數據了",
+    // Group titles
+    "pisell-list-group-title-all": "全部",
+    // Error states
+    "pisell-list-load-error": "數據加載失敗",
+    "pisell-list-retry": "重試"
+  }
+};

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

@@ -0,0 +1,39 @@
+/* List 组件基础样式 */
+@import './header.less';
+@import './content.less';
+@import './footer.less';
+@import './floatButton.less';
+@import './responsive.less';
+@import '../components/Pagination/Pagination.less';
+
+/* 主容器样式 */
+.pisell-list {
+  display: flex;
+  flex-direction: column;
+  background: #f8f9fa;
+  border-radius: 8px;
+  overflow: hidden;
+
+  /* 垂直排版的特殊滚动处理 */
+  &.pisell-list-vertical {
+    .list-content {
+      /* 默认禁用内容区域的独立滚动，让容器级别滚动 */
+      &:not(.list-content-scroll) {
+        overflow-y: visible;
+      }
+
+      /* scroll模式下仍需要内容区域滚动 */
+      &.list-content-scroll {
+        overflow-y: auto;
+      }
+    }
+  }
+
+  /* 当启用sticky时的额外样式 */
+  &.pisell-list-sticky-enabled {
+    /* sticky相关的额外处理可以在这里添加 */
+    position: relative;
+  }
+
+  /* 空状态样式已移至 EmptyState 组件 */
+}