@pisell/materials 1.10.5 → 1.10.7

package/lib/components/productCard/cartSkuCard/components/basicInfo/index.js

@@ -44,6 +44,7 @@ var import_index = require("./index.less");
 var BasicInfo = (props) => {
   const {
     isShowImage,
+    isShowQuantityBadge = true,
     dataSource = {},
     style,
     isMainProduct,
@@ -144,7 +145,7 @@ var BasicInfo = (props) => {
     return _originalTotal !== 0 && _originalTotal != _total;
   }, [isShowOriginalPrice, origin_total, total, hasSpecs, hasWeighingInfo]);
   if (type === "a5") {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: basicInfoClassName, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info product-info-a5` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: basicInfoClassName, style: style || {} }, isShowQuantityBadge ? renderNumTag() : null, renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info product-info-a5` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: `product-name ${renderEdit ? "product-name-edit" : ""}`
@@ -155,7 +156,7 @@ var BasicInfo = (props) => {
   if (type === "a9") {
     const showAmount = isBundle && !showFooter;
     const _price = showAmount ? Number(price ?? 0) * num : price;
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: basicInfoClassName, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info product-info-a9` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info ${isBundle ? "row" : ""}` }, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: basicInfoClassName, style: style || {} }, isShowQuantityBadge ? renderNumTag() : null, renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info product-info-a9` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info ${isBundle ? "row" : ""}` }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: `product-name ${renderEdit ? "product-name-edit" : ""}`
@@ -163,6 +164,6 @@ var BasicInfo = (props) => {
       name
     ), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, /* @__PURE__ */ import_react.default.createElement("span", null, renderProductPrice()), _isShowOriginalPrice ? /* @__PURE__ */ import_react.default.createElement("span", { className: `original-price` }, (0, import_utils.formatAmount)(origin_total, 2, symbol)) : null)), renderProductMeta()), renderEdit));
   }
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: basicInfoClassName, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), hasProductMeta ? renderProductMeta() : /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, renderProductPrice())), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-amount` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `total-amont` }, (0, import_utils.formatAmount)(total * num - (totalDifference ?? 0), 2, symbol)), origin_total && Number(total) !== Number(origin_total) ? /* @__PURE__ */ import_react.default.createElement("div", { className: `origin-amount` }, (0, import_utils.formatAmount)(origin_total * num, 2, symbol)) : null));
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: basicInfoClassName, style: style || {} }, isShowQuantityBadge ? renderNumTag() : null, renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), hasProductMeta ? renderProductMeta() : /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, renderProductPrice())), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-amount` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `total-amont` }, (0, import_utils.formatAmount)(total * num - (totalDifference ?? 0), 2, symbol)), origin_total && Number(total) !== Number(origin_total) ? /* @__PURE__ */ import_react.default.createElement("div", { className: `origin-amount` }, (0, import_utils.formatAmount)(origin_total * num, 2, symbol)) : null));
 };
 var basicInfo_default = BasicInfo;

package/lib/components/productCard/cartSkuCard/components/packages/index.d.ts

@@ -2,11 +2,12 @@ import React from 'react';
 import './index.less';
 interface IProps {
     isShowImage?: boolean;
+    isShowQuantityBadge?: boolean;
     dataSource: {
         bundle?: any[];
         symbol?: string;
     };
     type?: 'a2' | 'a5' | 'a9';
 }
-declare const Packages: ({ isShowImage, dataSource, type }: IProps) => React.JSX.Element | null;
+declare const Packages: ({ isShowImage, isShowQuantityBadge, dataSource, type, }: IProps) => React.JSX.Element | null;
 export default Packages;

package/lib/components/productCard/cartSkuCard/components/packages/index.js

@@ -40,7 +40,12 @@ var import_basicInfo = __toESM(require("../basicInfo"));
 var import__ = require("../../index");
 var import_AmountFooter = __toESM(require("../../../components/AmountFooter"));
 var import_index = require("./index.less");
-var Packages = ({ isShowImage, dataSource = {}, type }) => {
+var Packages = ({
+  isShowImage,
+  isShowQuantityBadge,
+  dataSource = {},
+  type
+}) => {
   const { bundle = [], symbol = "$" } = dataSource;
   const showFooter = (0, import_react.useCallback)(
     (_bundle) => {
@@ -71,6 +76,7 @@ var Packages = ({ isShowImage, dataSource = {}, type }) => {
             import_basicInfo.default,
             {
               isShowImage,
+              isShowQuantityBadge,
               dataSource: {
                 ...item,
                 name: item.title,

package/lib/components/productCard/cartSkuCard/components/packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

package/lib/components/productCard/cartSkuCard/components/sales/index.d.ts

@@ -8,6 +8,7 @@ interface IProps {
         bundle?: any[];
     };
     isShowImage?: boolean;
+    isShowQuantityBadge?: boolean;
 }
-declare const Sales: ({ hideDivider, dataSource, isShowImage }: IProps) => React.JSX.Element | null;
+declare const Sales: ({ hideDivider, dataSource, isShowImage, isShowQuantityBadge, }: IProps) => React.JSX.Element | null;
 export default Sales;

package/lib/components/productCard/cartSkuCard/components/sales/index.js

@@ -39,7 +39,12 @@ var import_basicInfo = __toESM(require("../basicInfo"));
 var import_utils = require("@pisell/utils");
 var import__ = require("../../index");
 var import_index = require("./index.less");
-var Sales = ({ hideDivider, dataSource, isShowImage }) => {
+var Sales = ({
+  hideDivider,
+  dataSource,
+  isShowImage,
+  isShowQuantityBadge
+}) => {
   const { relation_products = [], symbol = "$" } = dataSource || {};
   let other_products = relation_products.map((p) => {
     return {
@@ -60,6 +65,7 @@ var Sales = ({ hideDivider, dataSource, isShowImage }) => {
           import_basicInfo.default,
           {
             isShowImage,
+            isShowQuantityBadge,
             style: {
               border: "1px solid #D0D5DD",
               borderRadius: 4,

package/lib/components/productCard/cartSkuCard/index.js

@@ -62,6 +62,7 @@ var CartSkuCard = (props) => {
   const {
     dataSource = import_status.defaultValue.dataSource,
     isShowImage = import_status.defaultValue.isShowImage,
+    isShowQuantityBadge = true,
     isShowOriginalPrice = import_status.defaultValue.isShowOriginalPrice,
     isShowHolder = import_status.defaultValue.isShowHolder,
     isShowNote = import_status.defaultValue.isShowNote,
@@ -163,6 +164,7 @@ var CartSkuCard = (props) => {
         import_basicInfo.default,
         {
           isShowImage,
+          isShowQuantityBadge,
           dataSource,
           isMainProduct: true,
           maxSpecsCount
@@ -199,6 +201,7 @@ var CartSkuCard = (props) => {
         import_basicInfo.default,
         {
           isShowImage,
+          isShowQuantityBadge,
           dataSource,
           isMainProduct: true,
           type,
@@ -208,12 +211,20 @@ var CartSkuCard = (props) => {
           onEditProduct
         }
       )
-    ), itemType !== "booking" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_timeRange.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_resources.default, { dataSource })) : null, /* @__PURE__ */ import_react.default.createElement(import_packages.default, { dataSource, isShowImage }), /* @__PURE__ */ import_react.default.createElement(
+    ), itemType !== "booking" ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_timeRange.default, { dataSource }), /* @__PURE__ */ import_react.default.createElement(import_resources.default, { dataSource })) : null, /* @__PURE__ */ import_react.default.createElement(
+      import_packages.default,
+      {
+        dataSource,
+        isShowImage,
+        isShowQuantityBadge
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
       import_sales.default,
       {
         dataSource,
         hideDivider: !!((_a2 = dataSource == null ? void 0 : dataSource.bundle) == null ? void 0 : _a2.length),
-        isShowImage
+        isShowImage,
+        isShowQuantityBadge
       }
     ), ((_b2 = dataSource.items) == null ? void 0 : _b2.length) ? /* @__PURE__ */ import_react.default.createElement(import_MultiDay.default, { dataSource, hideDivider }) : isShowAmountFooter ? /* @__PURE__ */ import_react.default.createElement(
       import_AmountFooter.default,
@@ -252,6 +263,7 @@ var CartSkuCard = (props) => {
         import_basicInfo.default,
         {
           isShowImage,
+          isShowQuantityBadge,
           dataSource,
           isMainProduct: true,
           type,
@@ -266,6 +278,7 @@ var CartSkuCard = (props) => {
       {
         dataSource,
         isShowImage,
+        isShowQuantityBadge,
         type
       }
     ), isShowAmountFooter ? /* @__PURE__ */ import_react.default.createElement(

package/lib/components/productCard/components/Packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

package/lib/components/productCard/lineItem/BookingLineItem.js

@@ -73,6 +73,7 @@ var BookingLineItem = (props) => {
     rightActionsDisplay = "swipe",
     escapeDom,
     isShowImage,
+    isShowQuantityBadge = true,
     isFormSubject,
     isShowDelete,
     isShowInlineDelete = isShowDelete,
@@ -181,6 +182,7 @@ var BookingLineItem = (props) => {
       import_basicInfo.default,
       {
         isShowImage,
+        isShowQuantityBadge,
         dataSource: productDataSource,
         type: cartSkuType,
         maxSpecsCount: props.maxSpecsCount || 1
@@ -190,6 +192,7 @@ var BookingLineItem = (props) => {
       {
         dataSource: productDataSource,
         isShowImage,
+        isShowQuantityBadge,
         type: cartSkuType
       }
     ), isShowAmountFooter ? /* @__PURE__ */ import_react.default.createElement(

package/lib/components/productCard/types.d.ts

@@ -67,6 +67,7 @@ export declare type ProductCardTypes = {
     dataSource: productType;
     isFormSubject?: boolean;
     isShowImage?: boolean;
+    isShowQuantityBadge?: boolean;
     isShowOriginalPrice?: boolean;
     isShowHolder?: boolean;
     isShowNote?: boolean;

package/lib/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts

@@ -1,5 +1,5 @@
 declare const useGapSize: (gap: number | number[]) => {
-    horizontal: number;
-    vertical: number;
+    horizontal: any;
+    vertical: any;
 };
 export default useGapSize;

package/lib/components/table/Table/fields/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {

package/lib/components/table/Table/fields/select/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

package/lib/components/table/Table/fields/select/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/fields/treeSelect/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[] | Record<string, any>[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

package/lib/components/table/Table/fields/treeSelect/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/lib/components/table/Table/utils.d.ts

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("filters" | "column_setting" | "gallery_setting" | "order_by" | "group_by" | "view_mode" | "filter_setting")[];
+}) => ("view_mode" | "filter_setting" | "group_by" | "order_by" | "column_setting" | "gallery_setting" | "filters")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/lib/utils/index.d.ts

@@ -1,4 +1,4 @@
 export declare const isBrowser: boolean;
-export declare const getCssNumber: (val: string | number) => string;
+export declare const getCssNumber: (val: string | number) => string | number;
 export declare function uuid(): string;
 export * from './mergeWith';

package/lib/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => boolean;
+export declare const isMobile: () => any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.10.5",
+  "version": "1.10.7",
   "scripts": {
     "dev:tailwind-css": "tailwindcss -c ./tailwind.materials.config.cjs --postcss ./postcss.materials-tailwind.cjs -i ./src/tailwind-input.css -o ./src/pisell-materials.tw.css --watch",
     "build:tailwind-css:once": "tailwindcss -c ./tailwind.materials.config.cjs --postcss ./postcss.materials-tailwind.cjs -i ./src/tailwind-input.css -o ./src/pisell-materials.tw.css",

package/es/components/PisellGroupView/PisellGroupView.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { PisellGroupViewProps } from './types';
-import './PisellGroupView.less';
-/**
- * 使用 memo 优化性能：props 未变化时跳过重渲染
- */
-declare const MemoizedPisellGroupView: <T>(props: PisellGroupViewProps<T>) => React.JSX.Element;
-export { MemoizedPisellGroupView as PisellGroupView };
-export default MemoizedPisellGroupView;

package/es/components/PisellGroupView/PisellGroupView.stories.d.ts

@@ -1,27 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import PisellGroupView from './PisellGroupView';
-/**
- * PisellGroupView 分组展示组件
- *
- * 通用、数据无关的「分组展示容器」：先按条件把列表分组，
- * 再为每个分组渲染 头部 / 统计 / 主体 / 操作 四块，各块均可自定义渲染。
- */
-declare const meta: Meta<typeof PisellGroupView>;
-export default meta;
-declare type Story = StoryObj<typeof PisellGroupView>;
-/**
- * 基础用法：按「商品 + 时间」组合分组，展示四块结构
- */
-export declare const Basic: Story;
-/**
- * 单字段分组 + 主体多列布局（itemLayout 对象，内部使用 PisellBasicGrid）
- */
-export declare const GridBody: Story;
-/**
- * 利用 ItemContext.groupKeys 在主体卡片中省略「头部已展示」的字段
- */
-export declare const OmitHeaderFields: Story;
-/**
- * 空数据态
- */
-export declare const Empty: Story;

package/es/components/PisellGroupView/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * PisellGroupView 组件导出
- * @description 通用、数据无关的分组展示容器
- */
-export { PisellGroupView, default } from './PisellGroupView';
-export type { PisellGroupViewProps, GroupModel, GroupBlocks, ItemContext, ItemLayout, GroupViewVariant, } from './types';

package/es/components/PisellGroupView/types.d.ts

@@ -1,124 +0,0 @@
-import type { CSSProperties, ReactNode } from 'react';
-import type { GroupKey, GroupResult } from '@pisell/utils';
-/**
- * 单个分组的数据模型
- * @template T - 数据项类型
- * @description 复用 `@pisell/utils` 的 `GroupResult`，包含 groupId、keys、keyMap、items 等
- */
-export declare type GroupModel<T> = GroupResult<T>;
-/**
- * 主体（第三块）渲染单条数据时的上下文
- * @template T - 数据项类型
- */
-export interface ItemContext<T> {
-    /** 当前数据所属分组 */
-    group: GroupModel<T>;
-    /** 当前数据在分组内的下标 */
-    index: number;
-    /**
-     * 参与分组的字段名列表
-     * @description
-     * 调用方可据此在卡片中省略「头部已展示」的字段，避免重复展示。
-     * 当使用自定义函数分组时，该数组为空。
-     */
-    groupKeys: string[];
-}
-/**
- * 主体（第三块）的布局配置
- * @description
- * - `'stack'`：纵向堆叠每条卡片（默认）
- * - 对象：透传给内部 `PisellBasicGrid` 实现多列/横向布局
- */
-export declare type ItemLayout = 'stack' | {
-    /** 一行显示的卡片数 */
-    columns?: number;
-    /** 卡片间距 */
-    gap?: number | string;
-    /** 排列方向 */
-    direction?: 'horizontal' | 'vertical';
-    /** 是否换行 */
-    wrap?: 'wrap' | 'nowrap';
-};
-/**
- * 一个分组渲染出的四块内容
- * @description 透传给 `renderGroup`，便于调用方自定义整组容器但复用四块默认内容
- */
-export interface GroupBlocks {
-    /** ① 头部：分组条件对应的相同信息 */
-    header: ReactNode;
-    /** ② 统计栏：来自分组数据的统计信息 */
-    stats: ReactNode;
-    /** ③ 主体：分组内所有条目（卡片） */
-    body: ReactNode;
-    /** ④ 操作区：批量操作 */
-    actions: ReactNode;
-}
-/**
- * 多端 variant
- * @description 仅用于在根节点追加 `--${variant}` class，由 Less 控制展示差异
- */
-export declare type GroupViewVariant = 'desktop' | 'tablet' | 'pos' | 'phone';
-/**
- * PisellGroupView 组件 Props
- * @template T - 数据项类型
- * @description
- * 通用、数据无关的「分组展示容器」：先按 `groupBy` 将 `dataSource` 分组，
- * 再为每个分组渲染头部 / 统计 / 主体 / 操作四块，各块均可由外部自定义渲染。
- */
-export interface PisellGroupViewProps<T = unknown> {
-    /** 数据源（应为外部已映射好的列表） */
-    dataSource: T[];
-    /**
-     * 分组规则
-     * @description
-     * - `string`：单字段路径，支持 `'a.b.c'` 点路径
-     * - `string[]`：多字段组合（如 `['productId', 'time']`）
-     * - `(item, index) => GroupKey | GroupKey[]`：完全自定义
-     */
-    groupBy: string | string[] | ((item: T, index: number) => GroupKey | GroupKey[]);
-    /** 自定义分组 id 生成，默认各键以 `|` 拼接 */
-    getGroupId?: (keys: GroupKey[]) => string;
-    /** 分组之间的排序；不传保持首次出现顺序 */
-    sortGroups?: (a: GroupModel<T>, b: GroupModel<T>) => number;
-    /** 分组内数据项的排序；不传保持原始相对顺序 */
-    sortItems?: (a: T, b: T) => number;
-    /** ① 头部：分组条件对应的相同信息（时间、商品名、客户等） */
-    renderHeader?: (group: GroupModel<T>) => ReactNode;
-    /** ② 统计栏：可自定义展示，数据来源于分组后的数据 */
-    renderStats?: (group: GroupModel<T>) => ReactNode;
-    /** ③ 主体：渲染分组内的单条数据为卡片 */
-    renderItem?: (item: T, ctx: ItemContext<T>) => ReactNode;
-    /** ④ 操作区：批量操作（加时、编辑等） */
-    renderActions?: (group: GroupModel<T>) => ReactNode;
-    /**
-     * 主体布局
-     * @default 'stack'
-     */
-    itemLayout?: ItemLayout;
-    /**
-     * 自定义主体容器
-     * @param group - 当前分组
-     * @param defaultBody - 组件按 `itemLayout` + `renderItem` 渲染出的默认主体
-     */
-    renderBody?: (group: GroupModel<T>, defaultBody: ReactNode) => ReactNode;
-    /**
-     * 自定义整组容器
-     * @param group - 当前分组
-     * @param blocks - 四块默认内容（header/stats/body/actions）
-     * @description 提供后将完全接管单个分组的结构，调用方可自由编排四块顺序与包裹
-     */
-    renderGroup?: (group: GroupModel<T>, blocks: GroupBlocks) => ReactNode;
-    /** 数据源为空时的渲染 */
-    renderEmpty?: () => ReactNode;
-    /**
-     * 主体内单条卡片的 key
-     * @description 不传时使用 index（仅在列表无增删改时安全）
-     */
-    rowKey?: string | ((item: T, index: number) => string);
-    /** 多端 variant，仅追加根节点 class */
-    variant?: GroupViewVariant;
-    /** 自定义类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: CSSProperties;
-}

package/es/components/PisellGroupView/utils/index.d.ts

@@ -1,20 +0,0 @@
-import type { PisellGroupViewProps } from '../types';
-/**
- * 组件样式前缀
- */
-export declare const COMPONENT_PREFIX = "pisell-group-view";
-/**
- * 解析参与分组的字段名列表
- * @param groupBy - 组件的 groupBy 配置
- * @returns 字段名数组；自定义函数分组时返回空数组
- * @description 用于透传给 `renderItem`，让调用方据此省略头部已展示的字段
- */
-export declare const getGroupFieldNames: <T>(groupBy: string | string[] | ((item: T, index: number) => any)) => string[];
-/**
- * 获取主体内单条数据的稳定 key
- * @param item - 数据项
- * @param index - 索引
- * @param rowKey - rowKey 配置
- * @returns key 字符串
- */
-export declare const resolveItemKey: <T>(item: T, index: number, rowKey?: string | ((item: T, index: number) => string) | undefined) => string;

package/es/components/PisellProcedure/PisellProcedure.stories.d.ts

@@ -1,163 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import PisellProcedure from './PisellProcedure';
-/**
- * PisellProcedure 流程容器组件
- *
- * 用于管理多步骤流程的复合容器组件，基于 PisellLayout 实现三段式布局
- * 包含头部区域（步骤条）、主体区域（内容区+信息区）、底部区域（操作按钮）
- */
-declare const meta: Meta<typeof PisellProcedure>;
-export default meta;
-declare type Story = StoryObj<typeof PisellProcedure>;
-/**
- * 基础用法
- * @description 默认流程容器，包含头部、主体、底部三个区域
- */
-export declare const Default: Story;
-/**
- * 页面模式
- * @description 默认模式，支持响应式和移动端适配
- */
-export declare const PageMode: Story;
-/**
- * 弹窗模式
- * @description 用于弹窗场景，不应用移动端适配
- */
-export declare const ModalMode: Story;
-/**
- * 步骤控制
- * @description 使用 onStepsChange 监听步骤变化
- */
-export declare const StepControl: Story;
-/**
- * 步骤拦截
- * @description 通过 onNext/onPrev 返回 false 阻止步骤切换
- */
-export declare const StepIntercept: Story;
-/**
- * 无侧边栏
- */
-export declare const WithoutSidebar: Story;
-/**
- * 无头部
- */
-export declare const WithoutHeader: Story;
-/**
- * 无底部
- */
-export declare const WithoutFooter: Story;
-/**
- * 最小配置
- * @description 仅显示主体内容
- */
-export declare const MinimalConfig: Story;
-/**
- * 头部插槽顺序 - 默认
- * @description left 在左，right 在右
- */
-export declare const HeaderSlotDefault: Story;
-/**
- * 头部插槽顺序 - 反转
- * @description left 在右，right 在左
- */
-export declare const HeaderSlotReverse: Story;
-/**
- * 隐藏步骤条
- * @description 仅显示头部插槽，不显示步骤条
- */
-export declare const HideSteps: Story;
-/**
- * 第一步显示返回按钮
- * @description 通过 showBackOnFirstStep 控制
- */
-export declare const ShowBackOnFirstStep: Story;
-/**
- * 返回确认弹窗
- * @description 点击返回时弹出确认弹窗
- */
-export declare const BackConfirmModal: Story;
-/**
- * 关闭确认弹窗
- * @description 点击关闭时弹出确认弹窗
- */
-export declare const CloseConfirmModal: Story;
-/**
- * 主体布局 - 比例布局
- * @description 使用比例分配内容区和侧边栏宽度
- */
-export declare const BodyRatioLayout: Story;
-/**
- * 主体布局 - 固定宽度
- * @description 侧边栏使用固定宽度
- */
-export declare const BodyFixedLayout: Story;
-/**
- * 主体布局 - 垂直布局
- * @description 内容区和侧边栏上下排列
- */
-export declare const BodyVerticalLayout: Story;
-/**
- * 主体布局 - 内容顺序反转
- * @description 侧边栏在左/上，内容区在右/下
- */
-export declare const BodyContentOrderReverse: Story;
-/**
- * 底部位置 - 悬浮在侧边栏
- * @description 默认位置，底部悬浮在侧边栏区域
- */
-export declare const FooterFloatSidebar: Story;
-/**
- * 底部位置 - 固定在整体底部
- */
-export declare const FooterFixedBottom: Story;
-/**
- * 底部位置 - 悬浮在整体区域
- * @description 移动端默认使用此模式
- */
-export declare const FooterFloatAll: Story;
-/**
- * 底部位置 - 悬浮在内容区
- */
-export declare const FooterFloatContent: Story;
-/**
- * 底部位置 - 内嵌在内容区底部
- */
-export declare const FooterFixedContentBottom: Story;
-/**
- * 底部位置 - 内嵌在侧边栏底部
- */
-export declare const FooterFixedSidebarBottom: Story;
-/**
- * 移动端总结按钮
- * @description 移动端显示总结按钮，点击可查看侧边栏内容
- */
-export declare const MobileSummaryButton: Story;
-/**
- * 溢出收纳功能
- * @description 当宽度不足时，按钮会被收纳到 More 菜单中
- */
-export declare const OverflowActions: Story;
-/**
- * 禁用溢出收纳
- * @description 不启用溢出收纳，按钮会换行显示
- */
-export declare const DisableOverflow: Story;
-/**
- * 完整示例 - 购物流程
- * @description 模拟真实的购物流程
- */
-export declare const ShoppingFlow: Story;
-/**
- * 完整示例 - 注册流程
- * @description 模拟用户注册流程
- */
-export declare const RegistrationFlow: Story;
-/**
- * 完整示例 - 表单向导
- * @description 多步表单向导
- */
-export declare const FormWizard: Story;
-/**
- * 交互测试 - 组件渲染
- */
-export declare const InteractionTest: Story;