@pisell/private-materials 6.5.13 → 6.5.15

package/lib/components/ticketBooking/components/ProductDisplayAdapter/types.js

@@ -0,0 +1,247 @@
+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/ticketBooking/components/ProductDisplayAdapter/types.ts
+var types_exports = {};
+__export(types_exports, {
+  LegacyProductDisplayPresets: () => LegacyProductDisplayPresets,
+  ProductDisplayPresets: () => ProductDisplayPresets,
+  resolveProductDisplayConfig: () => resolveProductDisplayConfig
+});
+module.exports = __toCommonJS(types_exports);
+var ProductDisplayPresets = {
+  // 默认配置
+  default: {
+    displayMode: "product-select",
+    productSelectConfig: {
+      showSearch: true,
+      showTab: true,
+      layout: {
+        grid: true,
+        config: "12:12"
+      },
+      productListSetting: {
+        isProductCover: 1,
+        isTitle: 1,
+        isSubtitle: 1,
+        isPrice: 1,
+        isOriginPrice: 0,
+        isStock: 0
+      }
+    }
+  },
+  // 别名：product-select
+  "product-select": {
+    displayMode: "product-select",
+    productSelectConfig: {
+      showSearch: true,
+      showTab: true,
+      layout: {
+        grid: true,
+        config: "12:12"
+      },
+      productListSetting: {
+        isProductCover: 1,
+        isTitle: 1,
+        isSubtitle: 1,
+        isPrice: 1,
+        isOriginPrice: 0,
+        isStock: 0
+      }
+    }
+  },
+  // SkuList A1
+  "sku-list-a1": {
+    displayMode: "sku-list",
+    skuListConfig: {
+      listConfig: {
+        layout: "grid",
+        showPagination: false,
+        showTab: false
+      },
+      skuCardAllConfig: {
+        skuCardConfig: {
+          displayMode: "display_a1",
+          isFavorite: false,
+          layoutDirection: "column"
+        }
+      }
+    }
+  },
+  // SkuList A2 - 详细信息卡片
+  "sku-list-a2": {
+    displayMode: "sku-list",
+    skuListConfig: {
+      listConfig: {
+        layout: "grid",
+        showPagination: false,
+        showTab: false
+      },
+      skuCardAllConfig: {
+        skuCardConfig: {
+          displayMode: "display_a2",
+          layoutDirection: "row",
+          radius: 12,
+          paddingX: 12,
+          paddingY: 12,
+          skuImageConfig: {
+            isCover: true,
+            width: "140px",
+            height: "140px",
+            radius: 8
+          },
+          skuNameConfig: {
+            isOpen: true,
+            fontSize: 16,
+            fontWeight: 600,
+            color: "#101828",
+            ellipsisCount: 2
+          },
+          skuSubtitleConfig: {
+            isOpen: true,
+            fontSize: 14,
+            color: "#667085",
+            ellipsisCount: 1
+          },
+          skuPriceConfig: {
+            isOpen: true,
+            isPrice: true,
+            priceFontSize: 18,
+            priceFontWeight: 600,
+            priceColor: "#101828",
+            isOriginPrice: true,
+            originPriceFontSize: 14,
+            originPriceColor: "#98A2B3"
+          },
+          skuStockConfig: {
+            isOpen: true,
+            fontSize: 12,
+            color: "#667085"
+          }
+        }
+      }
+    }
+  },
+  // SkuList A5
+  "sku-list-a5": {
+    displayMode: "sku-list",
+    skuListConfig: {
+      listConfig: {
+        layout: "grid",
+        showPagination: false,
+        showTab: true,
+        // 启用 Tab
+        tabStyle: "switch",
+        // 使用 switch 模式
+        stickyTop: true,
+        // Tab 吸顶
+        columns: 5,
+        tabGroup: "category"
+      },
+      skuCardAllConfig: {
+        skuCardConfig: {
+          displayMode: "display_a5",
+          layoutDirection: "column",
+          background: "#ffffff",
+          paddingY: 8,
+          paddingX: 8,
+          marginY: 0,
+          marginX: 0,
+          radius: 12,
+          isBorderVisible: false,
+          borderWidth: 1,
+          borderColor: "#ffffff",
+          isFoldable: true
+        },
+        skuActionConfig: {
+          isOpen: false
+        },
+        skuTextConfig: {
+          skuSubtitleConfig: {
+            isOpen: false
+          },
+          skuNameConfig: {
+            isOpen: true
+            // fontSize: 18,
+            // fontWeight: 600,
+            // color: '#101828',
+            // ellipsisCount: 1,
+          },
+          skuPriceConfig: {
+            isOpen: true,
+            isPrice: true,
+            priceFontSize: 18,
+            priceFontWeight: 600,
+            priceColor: "#101828",
+            isShowZeroPrice: true,
+            isShowFreePrice: false,
+            isOriginPrice: true,
+            originPriceFontSize: 16,
+            originPriceFontWeight: 400,
+            originPriceColor: "#667085",
+            isTaxPrice: true,
+            isCustomText: false
+          }
+        },
+        skuImageConfig: {
+          isCover: true,
+          width: "100%",
+          height: "126px",
+          isTextFallback: true,
+          background: "#ffffff",
+          skuImageRadius: 12,
+          slotPosition: "left_top",
+          radius: 12
+        },
+        skuExtraConfig: {
+          isOpen: false
+        }
+      }
+    }
+  }
+};
+var LegacyProductDisplayPresets = {
+  /** @deprecated 使用 ProductDisplayPresets['product-select'] */
+  DEFAULT_PRODUCT_SELECT: ProductDisplayPresets["product-select"],
+  /** @deprecated 使用 ProductDisplayPresets['sku-list-a1'] */
+  DEFAULT_SKU_LIST_A1: ProductDisplayPresets["sku-list-a1"],
+  /** @deprecated 使用 ProductDisplayPresets['sku-list-a2'] */
+  DEFAULT_SKU_LIST_A2: ProductDisplayPresets["sku-list-a2"],
+  /** @deprecated 使用 ProductDisplayPresets['sku-list-a5'] */
+  DEFAULT_SKU_LIST_A5: ProductDisplayPresets["sku-list-a5"]
+};
+function resolveProductDisplayConfig(config) {
+  if (!config) {
+    return ProductDisplayPresets["default"];
+  }
+  if (typeof config === "string") {
+    const preset = ProductDisplayPresets[config];
+    if (!preset) {
+      console.warn(`Unknown preset key: "${config}", falling back to default`);
+      return ProductDisplayPresets["default"];
+    }
+    return preset;
+  }
+  return config;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LegacyProductDisplayPresets,
+  ProductDisplayPresets,
+  resolveProductDisplayConfig
+});

package/lib/components/ticketBooking/components/ProductDisplayAdapter/utils.d.ts

@@ -0,0 +1,50 @@
+/**
+ * 格式化 SKU 数据源，适配 SkuCard 组件
+ */
+export declare const formatSkuDataSource: (dataSource: any) => {
+    id: any;
+    title: any;
+    subtitle: any;
+    cover: any;
+    price: any;
+    original_price: any;
+    stock: any;
+    sortKeys: string[];
+};
+/**
+ * Tab 项接口定义（与 List 组件保持一致）
+ */
+export interface TabItem {
+    key: string;
+    label: string;
+    group?: string;
+}
+/**
+ * 产品分类信息接口
+ */
+interface ProductCategory {
+    id: number;
+    name: string;
+    icon?: string;
+    slug?: string;
+    sort?: number;
+}
+/**
+ * 产品项接口
+ */
+interface Product {
+    id: number;
+    title: string;
+    category?: ProductCategory[];
+    [key: string]: any;
+}
+/**
+ * 根据产品数据生成分类 Tabs（Switch 模式）
+ * 参考 TestResponsiveWrapper 的 generateSimpleTabItems 函数
+ *
+ * @param products 产品列表
+ * @param tabStyle tab 样式类型
+ * @returns TabItem 数组
+ */
+export declare const generateProductTabs: (products: Product[], tabStyle?: 'switch' | 'anchor') => TabItem[];
+export {};

package/lib/components/ticketBooking/components/ProductDisplayAdapter/utils.js

@@ -0,0 +1,100 @@
+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/ticketBooking/components/ProductDisplayAdapter/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  formatSkuDataSource: () => formatSkuDataSource,
+  generateProductTabs: () => generateProductTabs
+});
+module.exports = __toCommonJS(utils_exports);
+var formatSkuDataSource = (dataSource) => {
+  return {
+    id: dataSource.id,
+    title: dataSource.title,
+    subtitle: dataSource.subtitle,
+    cover: dataSource.cover,
+    price: dataSource.price,
+    original_price: dataSource.original_price,
+    stock: dataSource.stock_quantity,
+    sortKeys: ["title", "subtitle", "price"]
+  };
+};
+var generateProductTabs = (products, tabStyle = "switch") => {
+  if (!products || products.length === 0) {
+    return [{ key: "all", label: "全部" }];
+  }
+  if (tabStyle === "switch") {
+    const categoryMap = /* @__PURE__ */ new Map();
+    products.forEach((product) => {
+      if (product.category && Array.isArray(product.category)) {
+        product.category.forEach((cat) => {
+          if (!categoryMap.has(cat.id)) {
+            categoryMap.set(cat.id, cat);
+          }
+        });
+      }
+    });
+    const sortedCategories = Array.from(categoryMap.values()).sort(
+      (a, b) => (b.sort || 0) - (a.sort || 0)
+    );
+    const tabs = [
+      { key: "all", label: "全部" }
+    ];
+    sortedCategories.forEach((category) => {
+      tabs.push({
+        key: String(category.id),
+        label: category.name,
+        group: String(category.id)
+      });
+    });
+    return tabs;
+  } else {
+    const categoryCount = products.reduce((acc, product) => {
+      if (product.category && Array.isArray(product.category)) {
+        product.category.forEach((cat) => {
+          const key = String(cat.id);
+          if (!acc[key]) {
+            acc[key] = { count: 0, category: cat };
+          }
+          acc[key].count += 1;
+        });
+      }
+      return acc;
+    }, {});
+    const tabs = [
+      { key: "all", label: `全部 (${products.length})` }
+    ];
+    const sortedEntries = Object.entries(categoryCount).sort(
+      ([, a], [, b]) => (b.category.sort || 0) - (a.category.sort || 0)
+    );
+    sortedEntries.forEach(([key, { count, category }]) => {
+      tabs.push({
+        key,
+        label: `${category.name} (${count})`,
+        group: key
+      });
+    });
+    return tabs;
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatSkuDataSource,
+  generateProductTabs
+});

package/lib/components/ticketBooking/components/addServiceVariant/addService.d.ts

@@ -1,3 +1,4 @@
+import { ProductDisplayConfig, ProductDisplayPresetKey } from '../ProductDisplayAdapter';
 import './index.less';
 interface AddServiceProps {
     onEdit?: any;
@@ -5,6 +6,26 @@ interface AddServiceProps {
     state?: any;
     renderMode?: 'current' | 'drawer';
     onPrerenderComplete?: () => void;
+    onGetProductsReady?: (getProducts: any) => void;
+    /**
+     * 产品展示配置
+     *
+     * 支持两种方式：
+     * 1. 简易模式：传入预设字符串，如 'product-select', 'sku-list-a1', 'sku-list-a2', 'sku-list-a5'
+     * 2. 完整配置模式：传入完整的配置对象
+     *
+     * @example
+     * // 简易模式
+     * <AddService productDisplayConfig="sku-list-a1" />
+     *
+     * @example
+     * // 完整配置模式
+     * <AddService productDisplayConfig={{
+     *   displayMode: 'sku-list',
+     *   skuListConfig: { ... }
+     * }} />
+     */
+    productDisplayConfig?: ProductDisplayPresetKey | ProductDisplayConfig;
 }
 declare const AddSerivce: (props: AddServiceProps) => JSX.Element | null;
 export default AddSerivce;