@pisell/materials 6.8.9 → 6.8.10

package/es/components/PisellTabbar/template/Template1/constants.js

@@ -0,0 +1,33 @@
+export { getExpandConfig, DEFAULT_ITEMS } from "../../constants";
+/**
+ * 默认层级配置
+ */
+export var DEFAULT_LEVEL_CONFIG = {
+  level1: {
+    superTabsBg: '#ffffff00',
+    cardWidth: 100,
+    cardHeight: 40,
+    paddingLeft: 0
+  },
+  level2: {
+    superTabsBg: '#ffffff00',
+    cardWidth: 120,
+    cardHeight: 40,
+    paddingLeft: 20
+  },
+  level3: {
+    superTabsBg: '#ffffff00',
+    cardWidth: 120,
+    cardHeight: 40,
+    paddingLeft: 40
+  }
+};
+
+/**
+ * 获取层级对应的添加项配置
+ */
+export var LEVEL_ADD_ITEMS = {
+  level1: ['all'],
+  level2: ['expand', 'all'],
+  level3: ['expand', 'all']
+};

package/es/components/PisellTabbar/template/Template1/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * PisellTabbar 组件导出文件
+ * @module PisellTabbar
+ */
+import PisellTabbar from './PisellTabbar';
+export default PisellTabbar;

package/es/components/PisellTabbar/template/Template1/index.js

@@ -0,0 +1,7 @@
+/**
+ * PisellTabbar 组件导出文件
+ * @module PisellTabbar
+ */
+
+import PisellTabbar from "./PisellTabbar";
+export default PisellTabbar;

package/es/components/PisellTabbar/template/Template1/utils/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * PisellTabbar 工具函数
+ */
+import { TabbarDataSource } from '../../../types';
+/**
+ * 向数据源添加特殊项（如 all、search、expand 按钮）
+ *
+ * @param dataSource - 原始数据源
+ * @param keys - 要添加的特殊项 key 数组
+ * @returns 添加了特殊项的新数据源
+ *
+ * @example
+ * ```tsx
+ * const newData = addDataSourceItemsByKey(categoryData, ['expand', 'all']);
+ * // 返回: [expandItem, allItem, ...categoryData]
+ * ```
+ */
+export declare const addDataSourceItemsByKey: (dataSource: TabbarDataSource[], keys: ('all' | 'search' | 'expand')[]) => TabbarDataSource[];
+/**
+ * 获取默认激活的 key 数组
+ *
+ * @param dataSource - 数据源
+ * @param rowKey - 用作唯一标识的字段名
+ * @returns 默认激活的 key 数组（多层级）
+ *
+ * @description
+ * 默认选中第一项，如果第一项有子级，同时选中第一个子级
+ *
+ * @example
+ * ```tsx
+ * const defaultKeys = getDefaultActiveKey(categoryData, 'id');
+ * // 返回: [1, 0] (第一层级的第一项ID，第二层级的第一项ID)
+ * ```
+ */
+export declare const getDefaultActiveKey: (dataSource: TabbarDataSource[], rowKey: string) => (string | number)[];

package/es/components/PisellTabbar/template/Template1/utils/index.js

@@ -0,0 +1,96 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { getText } from "../../../../../locales";
+
+/**
+ * PisellTabbar 工具函数
+ */
+
+/**
+ * 默认的特殊项配置
+ */
+var defaultItems = {
+  all: {
+    id: '0',
+    shop_id: 9,
+    parent_id: 0,
+    name: getText('pisell-tabbar-all'),
+    slug: 'all',
+    icon: ''
+  },
+  search: {
+    id: -1,
+    shop_id: 9,
+    parent_id: 0,
+    name: 'Search',
+    slug: 'Search',
+    key: 'search',
+    icon: '',
+    customClick: true
+  },
+  expand: {
+    id: -2,
+    shop_id: 9,
+    parent_id: 0,
+    key: 'expand',
+    icon: 'pisell2-expand-01',
+    name: 'Expand',
+    slug: 'expand',
+    customClick: true
+  }
+};
+
+/**
+ * 向数据源添加特殊项（如 all、search、expand 按钮）
+ * 
+ * @param dataSource - 原始数据源
+ * @param keys - 要添加的特殊项 key 数组
+ * @returns 添加了特殊项的新数据源
+ * 
+ * @example
+ * ```tsx
+ * const newData = addDataSourceItemsByKey(categoryData, ['expand', 'all']);
+ * // 返回: [expandItem, allItem, ...categoryData]
+ * ```
+ */
+export var addDataSourceItemsByKey = function addDataSourceItemsByKey(dataSource, keys) {
+  return [].concat(_toConsumableArray(keys.map(function (key) {
+    return defaultItems[key];
+  })), _toConsumableArray(dataSource));
+};
+
+/**
+ * 获取默认激活的 key 数组
+ * 
+ * @param dataSource - 数据源
+ * @param rowKey - 用作唯一标识的字段名
+ * @returns 默认激活的 key 数组（多层级）
+ * 
+ * @description
+ * 默认选中第一项，如果第一项有子级，同时选中第一个子级
+ * 
+ * @example
+ * ```tsx
+ * const defaultKeys = getDefaultActiveKey(categoryData, 'id');
+ * // 返回: [1, 0] (第一层级的第一项ID，第二层级的第一项ID)
+ * ```
+ */
+export var getDefaultActiveKey = function getDefaultActiveKey(dataSource, rowKey) {
+  var _activeKey = ['0'];
+
+  // if (dataSource.length) {
+  //   // 添加第一层级的第一项
+  //   _activeKey.push(dataSource[0][rowKey as keyof TabbarDataSource] as string | number);
+
+  //   // 如果第一项有子级，添加第二层级的第一项
+  //   if (dataSource[0].children?.length) {
+  //     _activeKey.push(0);
+  //   }
+  // }
+
+  return _activeKey;
+};

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

@@ -2,6 +2,39 @@
  * PisellTabbar 工具函数
  */
 import { TabbarDataSource } from '../types';
+/**
+ * 默认的特殊项配置
+ */
+export declare const defaultItems: {
+    all: {
+        id: number;
+        shop_id: number;
+        parent_id: number;
+        name: any;
+        slug: string;
+        icon: string;
+    };
+    search: {
+        id: number;
+        shop_id: number;
+        parent_id: number;
+        name: string;
+        slug: string;
+        key: string;
+        icon: string;
+        customClick: boolean;
+    };
+    expand: {
+        id: number;
+        shop_id: number;
+        parent_id: number;
+        key: string;
+        icon: string;
+        name: string;
+        slug: string;
+        customClick: boolean;
+    };
+};
 /**
  * 向数据源添加特殊项（如 all、search、expand 按钮）
  *

package/es/components/PisellTabbar/utils/index.js

@@ -4,6 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { getText } from "../../../locales";
 /**
  * PisellTabbar 工具函数
  */
@@ -11,12 +12,12 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 /**
  * 默认的特殊项配置
  */
-var defaultItems = {
+export var defaultItems = {
   all: {
     id: 0,
     shop_id: 9,
     parent_id: 0,
-    name: 'All',
+    name: getText('pisell-tabbar-all'),
     slug: 'All',
     icon: ''
   },

package/es/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/es/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/es/index.d.ts

@@ -153,7 +153,7 @@ export { default as VirtualInput } from './components/virtualInput';
 export { default as AutoResizeText } from './components/auto-resize-text';
 export { default as PisellBasicGrid } from './components/PisellBasicGrid';
 export type { PisellBasicGridProps } from './components/PisellBasicGrid';
-export { PisellScrollView } from './components/PisellScrollView';
+export { default as PisellScrollView } from './components/PisellScrollView';
 export type { PisellScrollViewProps } from './components/PisellScrollView';
 export { default as PisellSuperTabs } from './components/PisellSuperTabs';
 export type { PisellSuperTabsProps, TabDataItem, } from './components/PisellSuperTabs';
@@ -165,5 +165,6 @@ export type { MultilevelCardProps } from './components/PisellCards/components/Mu
 export { default as PisellImageCard } from './components/PisellCards/components/PisellImageCard';
 export type { PisellImageCardProps, ImageDataSource, ImageFillMode, } from './components/PisellCards/components/PisellImageCard';
 export { default as PisellTabbar } from './components/PisellTabbar';
+export { default as PisellTabbarTemplate1 } from './components/PisellTabbar/template/Template1';
 export type { PisellTabbarProps, TabbarDataSource, LevelType, } from './components/PisellTabbar';
 export { default as PisellTabbar2 } from './components/PisellTabbar2';

package/es/index.js

@@ -148,11 +148,12 @@ export { default as Keyboard } from "./components/keyboard";
 export { default as VirtualInput } from "./components/virtualInput";
 export { default as AutoResizeText } from "./components/auto-resize-text";
 export { default as PisellBasicGrid } from "./components/PisellBasicGrid";
-export { PisellScrollView } from "./components/PisellScrollView";
+export { default as PisellScrollView } from "./components/PisellScrollView";
 export { default as PisellSuperTabs } from "./components/PisellSuperTabs";
 export { default as TextCard } from "./components/PisellCards/components/TextCard";
 export { default as GraphicTextCard } from "./components/PisellCards/components/GraphicTextCard";
 export { default as MultilevelCard } from "./components/PisellCards/components/MultilevelCard";
 export { default as PisellImageCard } from "./components/PisellCards/components/PisellImageCard";
 export { default as PisellTabbar } from "./components/PisellTabbar";
+export { default as PisellTabbarTemplate1 } from "./components/PisellTabbar/template/Template1";
 export { default as PisellTabbar2 } from "./components/PisellTabbar2";

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

@@ -0,0 +1,163 @@
+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;