@pisell/materials 1.0.1059 → 1.0.1060

package/lib/components/pisellFloorMapLayout/utils/floorMapViewConfigDiff.js

@@ -0,0 +1,128 @@
+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/pisellFloorMapLayout/utils/floorMapViewConfigDiff.ts
+var floorMapViewConfigDiff_exports = {};
+__export(floorMapViewConfigDiff_exports, {
+  floorMapViewConfigsEqual: () => floorMapViewConfigsEqual,
+  normalizeFloorMapViewConfigFromProp: () => normalizeFloorMapViewConfigFromProp
+});
+module.exports = __toCommonJS(floorMapViewConfigDiff_exports);
+var import_isEqual = __toESM(require("lodash/isEqual"));
+var import_types = require("../types");
+function normalizeFloorMapViewConfigFromProp(floorMapConfigProp) {
+  const src = floorMapConfigProp;
+  const base = src.canvasUi != null ? structuredClone(src) : structuredClone({
+    ...src,
+    canvasUi: {
+      canCreate: src.canCreate ?? false,
+      canEdit: src.canEdit ?? false
+    }
+  });
+  if (base.canvasUi.canCreate && (!base.elementKinds || base.elementKinds.length === 0)) {
+    base.elementKindCategories = [
+      { id: "furniture", label: "桌椅设施", order: 0 },
+      { id: "decoration", label: "装饰与区域", order: 1 }
+    ];
+    base.elementKinds = [
+      {
+        value: "table",
+        label: "方桌",
+        categoryId: "furniture",
+        dataBindingPolicy: "optional",
+        allowedDataSourceKeys: ["sales"],
+        showInPalette: true
+      },
+      {
+        value: "marker",
+        label: "标记",
+        categoryId: "decoration",
+        dataBindingPolicy: "none",
+        showInPalette: true
+      },
+      {
+        value: import_types.FLOOR_MAP_STAGE_ELEMENT_KIND,
+        label: "舞台/区域",
+        categoryId: "decoration",
+        dataBindingPolicy: "none",
+        showInPalette: true
+      },
+      {
+        value: import_types.FLOOR_MAP_IMAGE_ELEMENT_KIND,
+        label: "图片（底图）",
+        categoryId: "decoration",
+        dataBindingPolicy: "none",
+        showInPalette: true
+      },
+      {
+        value: "icon",
+        label: "图标",
+        categoryId: "decoration",
+        dataBindingPolicy: "none",
+        defaultShape: "circle",
+        showInPalette: true
+      }
+    ];
+  }
+  if (!base.sceneElements) base.sceneElements = [];
+  return base;
+}
+function sortStableForCompare(config) {
+  var _a, _b, _c;
+  const c = structuredClone(config);
+  c.canvases = [...c.canvases].sort(
+    (a, b) => String(a.id).localeCompare(String(b.id))
+  );
+  c.sceneElements = [...c.sceneElements ?? []].sort(
+    (a, b) => String(a.instanceId).localeCompare(String(b.instanceId))
+  );
+  if ((_a = c.elementKinds) == null ? void 0 : _a.length) {
+    c.elementKinds = [...c.elementKinds].sort(
+      (a, b) => String(a.value).localeCompare(String(b.value))
+    );
+  }
+  if ((_b = c.elementKindCategories) == null ? void 0 : _b.length) {
+    c.elementKindCategories = [...c.elementKindCategories].sort(
+      (a, b) => String(a.id).localeCompare(String(b.id))
+    );
+  }
+  if ((_c = c.edges) == null ? void 0 : _c.length) {
+    c.edges = [...c.edges].sort(
+      (a, b) => String(a.id).localeCompare(String(b.id))
+    );
+  }
+  return c;
+}
+function floorMapViewConfigsEqual(a, b) {
+  return (0, import_isEqual.default)(sortStableForCompare(a), sortStableForCompare(b));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  floorMapViewConfigsEqual,
+  normalizeFloorMapViewConfigFromProp
+});

package/lib/components/pisellFloorMapLayout/utils/layoutMeasurements.d.ts

@@ -0,0 +1,30 @@
+/**
+ * 平面图/布局内容区尺寸计算：格子与像素单位、gap 解析、包围盒
+ */
+import type { FloorMapItemBase, FloorMapItemUnit } from '../types';
+/** 默认每格像素 */
+export declare const DEFAULT_CELL_SIZE = 64;
+/** 默认 item 间距（像素） */
+export declare const DEFAULT_ITEM_GAP = 8;
+/**
+ * 将 mapLayer.gap 解析为像素数
+ */
+export declare function gapToPx(gap: number | string | undefined): number;
+/**
+ * 根据 items 计算内容区像素宽高
+ * - cell：按格子数 + cellSize + itemGap 计算
+ * - pixel：按 item 的 x/y/width/height 像素取边界（仅右/下边界，用于非 floor map 或兼容）
+ */
+export declare function getContentSize<T extends FloorMapItemBase>(items: T[], cellSize: number, itemGap: number, itemUnit: FloorMapItemUnit): {
+    contentWidth: number;
+    contentHeight: number;
+};
+/**
+ * pixel 模式下取 items 包围盒（含左/上），用于画布四周扩 padding 时的尺寸与偏移
+ */
+export declare function getPixelBoundingBox<T extends FloorMapItemBase>(items: T[], cellSize: number): {
+    minLeft: number;
+    minTop: number;
+    maxRight: number;
+    maxBottom: number;
+} | null;

package/lib/components/pisellFloorMapLayout/utils/layoutMeasurements.js

@@ -0,0 +1,96 @@
+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/pisellFloorMapLayout/utils/layoutMeasurements.ts
+var layoutMeasurements_exports = {};
+__export(layoutMeasurements_exports, {
+  DEFAULT_CELL_SIZE: () => DEFAULT_CELL_SIZE,
+  DEFAULT_ITEM_GAP: () => DEFAULT_ITEM_GAP,
+  gapToPx: () => gapToPx,
+  getContentSize: () => getContentSize,
+  getPixelBoundingBox: () => getPixelBoundingBox
+});
+module.exports = __toCommonJS(layoutMeasurements_exports);
+var DEFAULT_CELL_SIZE = 64;
+var DEFAULT_ITEM_GAP = 8;
+function gapToPx(gap) {
+  if (gap === void 0) return DEFAULT_ITEM_GAP;
+  if (typeof gap === "number") return gap;
+  const match = String(gap).match(/^(\d+(?:\.\d+)?)\s*px?$/i);
+  return match ? Number(match[1]) : DEFAULT_ITEM_GAP;
+}
+function getContentSize(items, cellSize, itemGap, itemUnit) {
+  if (!items.length) {
+    if (itemUnit === "pixel") {
+      return { contentWidth: cellSize * 4, contentHeight: cellSize * 3 };
+    }
+    const g2 = itemGap;
+    return {
+      contentWidth: 4 * (cellSize + g2) + g2,
+      contentHeight: 3 * (cellSize + g2) + g2
+    };
+  }
+  if (itemUnit === "pixel") {
+    let maxRight = 0;
+    let maxBottom = 0;
+    for (const item of items) {
+      const w = item.width ?? cellSize;
+      const h = item.height ?? cellSize;
+      maxRight = Math.max(maxRight, item.x + w);
+      maxBottom = Math.max(maxBottom, item.y + h);
+    }
+    return { contentWidth: maxRight, contentHeight: maxBottom };
+  }
+  let maxX = 0;
+  let maxY = 0;
+  for (const item of items) {
+    const w = item.width ?? 1;
+    const h = item.height ?? 1;
+    maxX = Math.max(maxX, item.x + w);
+    maxY = Math.max(maxY, item.y + h);
+  }
+  const g = itemGap;
+  return {
+    contentWidth: maxX * (cellSize + g) + g,
+    contentHeight: maxY * (cellSize + g) + g
+  };
+}
+function getPixelBoundingBox(items, cellSize) {
+  if (!items.length) return null;
+  let minLeft = Infinity;
+  let minTop = Infinity;
+  let maxRight = -Infinity;
+  let maxBottom = -Infinity;
+  for (const item of items) {
+    const w = item.width ?? cellSize;
+    const h = item.height ?? cellSize;
+    minLeft = Math.min(minLeft, item.x);
+    minTop = Math.min(minTop, item.y);
+    maxRight = Math.max(maxRight, item.x + w);
+    maxBottom = Math.max(maxBottom, item.y + h);
+  }
+  return { minLeft, minTop, maxRight, maxBottom };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_CELL_SIZE,
+  DEFAULT_ITEM_GAP,
+  gapToPx,
+  getContentSize,
+  getPixelBoundingBox
+});

package/lib/components/pisellFloorMapLayout/utils/mergeCanvasesForTabs.d.ts

@@ -0,0 +1,7 @@
+import type { FloorMapCanvas, FloorMapViewConfig } from '../types';
+/**
+ * 为画布 Tab 合并展示用字段：
+ * - `tabBadge` 若在配置中已给出则原样使用（含 0）；
+ * - 否则用当前 `sceneElements` 中属于该画布的数量，且仅在大于 0 时展示角标。
+ */
+export declare function mergeCanvasesForTabs(config: FloorMapViewConfig): FloorMapCanvas[];

package/lib/components/pisellFloorMapLayout/utils/mergeCanvasesForTabs.js

@@ -0,0 +1,41 @@
+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/pisellFloorMapLayout/utils/mergeCanvasesForTabs.ts
+var mergeCanvasesForTabs_exports = {};
+__export(mergeCanvasesForTabs_exports, {
+  mergeCanvasesForTabs: () => mergeCanvasesForTabs
+});
+module.exports = __toCommonJS(mergeCanvasesForTabs_exports);
+function mergeCanvasesForTabs(config) {
+  const elements = config.sceneElements ?? [];
+  return config.canvases.map((c) => {
+    const autoCount = elements.filter((e) => e.canvasId === c.id).length;
+    let tabBadge;
+    if (c.tabBadge !== void 0 && c.tabBadge !== null) {
+      tabBadge = c.tabBadge;
+    } else if (autoCount > 0) {
+      tabBadge = autoCount;
+    }
+    return { ...c, tabBadge };
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  mergeCanvasesForTabs
+});

package/lib/components/pisellFloorMapLayout/utils/snap.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 吸附：将坐标或尺寸按 snapStep 取整；snapStep 为 0 不吸附
+ */
+export declare function snapValue(value: number, snapStep: number): number;
+export declare function snapRect(x: number, y: number, width: number, height: number, snapStep: number): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};

package/lib/components/pisellFloorMapLayout/utils/snap.js

@@ -0,0 +1,43 @@
+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/pisellFloorMapLayout/utils/snap.ts
+var snap_exports = {};
+__export(snap_exports, {
+  snapRect: () => snapRect,
+  snapValue: () => snapValue
+});
+module.exports = __toCommonJS(snap_exports);
+function snapValue(value, snapStep) {
+  if (!snapStep || snapStep <= 0) return value;
+  return Math.round(value / snapStep) * snapStep;
+}
+function snapRect(x, y, width, height, snapStep) {
+  if (!snapStep || snapStep <= 0) return { x, y, width, height };
+  return {
+    x: snapValue(x, snapStep),
+    y: snapValue(y, snapStep),
+    width: Math.max(snapStep, snapValue(width, snapStep)),
+    height: Math.max(snapStep, snapValue(height, snapStep))
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  snapRect,
+  snapValue
+});

package/lib/components/pisellHierarchicalSummaryList/PisellHierarchicalSummaryList.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { PisellHierarchicalSummaryListProps } from './types';
+import './PisellHierarchicalSummaryList.less';
+/** 根节点类名，供上层用同一 DOM 包裹列表与其它区块时使用 */
+export declare const PREFIX_CLS = "pisell-hierarchical-summary-list";
+export declare const PisellHierarchicalSummaryList: React.FC<PisellHierarchicalSummaryListProps>;

package/lib/components/pisellHierarchicalSummaryList/PisellHierarchicalSummaryList.js

@@ -0,0 +1,179 @@
+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/pisellHierarchicalSummaryList/PisellHierarchicalSummaryList.tsx
+var PisellHierarchicalSummaryList_exports = {};
+__export(PisellHierarchicalSummaryList_exports, {
+  PREFIX_CLS: () => PREFIX_CLS,
+  PisellHierarchicalSummaryList: () => PisellHierarchicalSummaryList
+});
+module.exports = __toCommonJS(PisellHierarchicalSummaryList_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_components = require("./components");
+var import_hooks = require("./hooks");
+var import_PisellHierarchicalSummaryList = require("./PisellHierarchicalSummaryList.less");
+var PREFIX_CLS = "pisell-hierarchical-summary-list";
+function normalizeItems(items) {
+  return items.filter((i) => !i.hidden).slice().sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+}
+function walkForDefaultExpandedKeys(options) {
+  const { items, defaultExpandedLevel, getKey } = options;
+  if (!defaultExpandedLevel || defaultExpandedLevel <= 0) return [];
+  const keys = [];
+  const dfs = (list, level, parentPathKeys) => {
+    if (level > defaultExpandedLevel) return;
+    const normalized = normalizeItems(list);
+    normalized.forEach((item, index) => {
+      const key = item.key ?? getKey(item, { level, index, parentPathKeys });
+      const children = normalizeItems(item.children ?? []);
+      const hasChildren = children.length > 0;
+      const canExpandThisLevel = level < defaultExpandedLevel;
+      if (hasChildren && canExpandThisLevel) {
+        keys.push(key);
+        dfs(children, level + 1, [...parentPathKeys, key]);
+      }
+    });
+  };
+  dfs(items, 1, []);
+  return keys;
+}
+var PisellHierarchicalSummaryList = import_react.default.memo(
+  ({
+    items,
+    expandedKeys,
+    defaultExpandedKeys,
+    defaultExpandedLevel = 0,
+    onExpandedKeysChange,
+    accordion = false,
+    maxRenderLevel,
+    maxExpandLevel,
+    indent = 16,
+    rowGap = 8,
+    padding,
+    gaps,
+    levelConfig,
+    renderLabel,
+    renderValue,
+    getKey: getKeyProp,
+    aggregate,
+    className,
+    style,
+    renderRoot = true
+  }) => {
+    const rootStyle = (0, import_react.useMemo)(
+      () => ({
+        ...style,
+        ...padding !== void 0 ? {
+          padding: typeof padding === "number" ? `${padding}px` : padding
+        } : {}
+      }),
+      [padding, style]
+    );
+    const getKey = (0, import_react.useCallback)(
+      (item, ctx) => {
+        if (item.key !== void 0 && item.key !== null) return item.key;
+        if (getKeyProp) return getKeyProp(item, ctx);
+        const parent = ctx.parentPathKeys.map(String).join("/");
+        return `lvl${ctx.level}:${parent ? `${parent}/` : ""}${ctx.index}`;
+      },
+      [getKeyProp]
+    );
+    const computedDefaultExpandedKeys = (0, import_react.useMemo)(
+      () => walkForDefaultExpandedKeys({ items, defaultExpandedLevel, getKey }),
+      [defaultExpandedLevel, getKey, items]
+    );
+    const mergedDefaultExpandedKeys = (0, import_react.useMemo)(() => {
+      const merged = /* @__PURE__ */ new Set();
+      (defaultExpandedKeys ?? []).forEach((k) => merged.add(k));
+      computedDefaultExpandedKeys.forEach((k) => merged.add(k));
+      return Array.from(merged);
+    }, [computedDefaultExpandedKeys, defaultExpandedKeys]);
+    const expandedController = (0, import_hooks.useExpandedKeys)({
+      expandedKeys,
+      defaultExpandedKeys: mergedDefaultExpandedKeys,
+      onExpandedKeysChange
+    });
+    const normalizedRootItems = (0, import_react.useMemo)(() => normalizeItems(items), [items]);
+    const toggleExpanded = (0, import_react.useCallback)(
+      (key, options) => {
+        var _a;
+        const prev = expandedController.expandedKeys;
+        const set = new Set(prev);
+        const isExpanded = set.has(key);
+        if (isExpanded) {
+          set.delete(key);
+          expandedController.setExpandedKeys(Array.from(set));
+          return;
+        }
+        if (accordion && ((_a = options == null ? void 0 : options.siblingKeys) == null ? void 0 : _a.length)) {
+          options.siblingKeys.forEach((k) => set.delete(k));
+        }
+        set.add(key);
+        expandedController.setExpandedKeys(Array.from(set));
+      },
+      [accordion, expandedController]
+    );
+    const rowsContent = normalizedRootItems.map((item, index) => {
+      const rootLevel = index === 0 ? 1 : 2;
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_components.Row,
+        {
+          key: item.key ?? getKey(item, { level: rootLevel, index, parentPathKeys: [] }),
+          prefixCls: PREFIX_CLS,
+          item,
+          level: rootLevel,
+          index,
+          parentPathKeys: [],
+          expandedKeySet: expandedController.expandedKeySet,
+          toggleExpanded,
+          getKey,
+          levelConfig,
+          indent,
+          rowGap,
+          gaps,
+          maxRenderLevel,
+          maxExpandLevel,
+          aggregate,
+          renderLabel,
+          renderValue
+        }
+      );
+    });
+    if (renderRoot === false) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { style: rootStyle }, rowsContent);
+    }
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(PREFIX_CLS, className), style: rootStyle }, rowsContent);
+  }
+);
+PisellHierarchicalSummaryList.displayName = "PisellHierarchicalSummaryList";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PREFIX_CLS,
+  PisellHierarchicalSummaryList
+});

package/lib/components/pisellHierarchicalSummaryList/PisellHierarchicalSummaryList.less

@@ -0,0 +1,129 @@
+/**
+ * PisellHierarchicalSummaryList 组件样式
+ * 布局与结构在此定义；行内文案/颜色/字重等可由 levelConfig（labelTextStyle / valueTextStyle / metaTextStyle）
+ * 通过 Row 内联样式覆盖，便于上层 1:1 复刻设计稿。
+ */
+
+@prefix: pisell-hierarchical-summary-list;
+
+.@{prefix} {
+  width: 100%;
+  background: #fff;
+  padding: 20px;
+
+  /* 标题栏（L1/L2）上下 20px，展开后下边距 16px，由 Row 内联 style 控制 */
+
+  &-node {
+    &:first-child {
+      margin-top: 0 !important;
+    }
+  }
+
+  &-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    width: 100%;
+  }
+
+  &-row-expandable {
+    cursor: pointer;
+  }
+
+  &-row-left {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    min-width: 0;
+    flex: 1;
+  }
+
+  /* 默认样式，可由 levelConfig.labelTextStyle 覆盖；flex: 0 0 auto 使 itemsCount 紧挨标题左侧而非靠右 */
+
+  &-row-label {
+    flex: 0 0 auto;
+    min-width: 0;
+    color: #1b1b1b;
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 700;
+    white-space: normal;
+    word-break: break-word;
+  }
+
+  &-row-meta {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    flex-shrink: 0;
+  }
+
+  /* 默认样式，可由 levelConfig.metaTextStyle 覆盖；itemsCount 等 meta 文案颜色 #667085 */
+
+  &-row-dot,
+  &-row-items-count,
+  &-row-info {
+    color: #667085;
+    font-size: 16px;
+    line-height: 24px;
+  }
+
+  &-row-items-count {
+    font-weight: 400;
+    white-space: nowrap;
+  }
+
+  /* 子项列表左侧圆点（level 3+），颜色与 meta 一致 */
+
+  &-row-bullet {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    line-height: 24px;
+  }
+
+  &-row-info {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    line-height: 1;
+  }
+
+  &-row-right {
+    display: inline-flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 6px;
+    flex-shrink: 0;
+    white-space: nowrap;
+  }
+
+  /* 默认样式，可由 levelConfig.valueTextStyle 覆盖 */
+
+  &-row-value {
+    color: #1b1b1b;
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 700;
+  }
+
+  &-row-extra {
+    display: inline-flex;
+    align-items: center;
+  }
+
+  &-row-expand-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
+    height: 24px;
+  }
+
+  &-children {
+    width: 100%;
+  }
+}
+

package/lib/components/pisellHierarchicalSummaryList/PisellHierarchicalSummaryList.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PisellHierarchicalSummaryList } from './PisellHierarchicalSummaryList';
+declare const meta: Meta<typeof PisellHierarchicalSummaryList>;
+export default meta;
+declare type Story = StoryObj<typeof PisellHierarchicalSummaryList>;
+export declare const Default: Story;
+export declare const Accordion: Story;
+export declare const MaxExpandLevel: Story;
+export declare const AggregateSum: Story;
+export declare const FullFeatured: Story;