@pisell/private-materials 6.4.56 → 6.4.57

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

@@ -0,0 +1,165 @@
+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/ticketBooking/components/ProductDisplayAdapter/ProductDisplayAdapter.tsx
+var ProductDisplayAdapter_exports = {};
+__export(ProductDisplayAdapter_exports, {
+  default: () => ProductDisplayAdapter_default
+});
+module.exports = __toCommonJS(ProductDisplayAdapter_exports);
+var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
+var import_productSelect = __toESM(require("../../../../plus/productSelect"));
+var import_List = __toESM(require("../../../list/List"));
+var import_SkuCard = __toESM(require("../../../../plus/productSelect/ProductCard/SkuCard"));
+var import_utils = require("./utils");
+var import_index = require("./index.less");
+var ProductDisplayAdapter = (props) => {
+  const {
+    config,
+    dataSource,
+    loading = false,
+    currentProductId,
+    onSelectProduct,
+    emptyDescription,
+    style,
+    className
+  } = props;
+  const { displayMode = "product-select" } = config;
+  const listRef = (0, import_react.useRef)(null);
+  const size = (0, import_ahooks.useSize)(listRef);
+  const renderProductSelect = (0, import_react.useMemo)(() => {
+    const {
+      showSearch = true,
+      showTab = true,
+      layout = { grid: true, config: "12:12" },
+      productListSetting = {
+        isProductCover: 1,
+        isTitle: 1,
+        isSubtitle: 1,
+        isPrice: 1,
+        isOriginPrice: 0,
+        isStock: 0
+      }
+    } = config.productSelectConfig || {};
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_productSelect.default,
+      {
+        dataSource,
+        layout,
+        onChange: onSelectProduct,
+        value: currentProductId,
+        loading,
+        productListSetting,
+        showSearch,
+        showTab,
+        emptyDescription,
+        style
+      }
+    );
+  }, [
+    config.productSelectConfig,
+    dataSource,
+    currentProductId,
+    onSelectProduct,
+    loading,
+    emptyDescription,
+    style
+  ]);
+  const renderSkuList = (0, import_react.useMemo)(() => {
+    const { listConfig = {}, skuCardAllConfig = {} } = config.skuListConfig || {};
+    const displayStyle = listConfig.layout || "grid";
+    const columns = listConfig.columns || 2;
+    const paginationType = listConfig.showPagination ? "pager" : "all";
+    const enableTab = listConfig.showTab || false;
+    const tabStyle = listConfig.tabStyle || "switch";
+    const stickyTop = listConfig.stickyTop !== void 0 ? listConfig.stickyTop : true;
+    const tabData = enableTab ? (0, import_utils.generateProductTabs)(dataSource, tabStyle) : void 0;
+    const filteredData = dataSource.map((item) => {
+      var _a, _b;
+      return {
+        ...item,
+        category: ((_b = (_a = item.category) == null ? void 0 : _a.map) == null ? void 0 : _b.call(_a, (category) => `${category.id}`)) || []
+      };
+    });
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `sku-list-container ${className || ""}`,
+        style,
+        ref: listRef
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_List.default,
+        {
+          className: "sku-list",
+          style: { maxHeight: size == null ? void 0 : size.height, overflow: "auto" },
+          data: filteredData,
+          loading,
+          displayStyle,
+          columns,
+          paginationType,
+          layoutDirection: "vertical",
+          tabStyle: enableTab ? tabStyle : "none",
+          tabData,
+          tabGroup: "category",
+          stickyTop,
+          emptyConfig: {
+            show: !loading && filteredData.length === 0,
+            text: emptyDescription
+          },
+          renderItem: (item, index) => /* @__PURE__ */ import_react.default.createElement(
+            import_SkuCard.default,
+            {
+              key: item.id,
+              ...skuCardAllConfig,
+              dataSource: (0, import_utils.formatSkuDataSource)(item),
+              onCardClick: () => onSelectProduct(item),
+              isSelected: item.id === currentProductId
+            }
+          )
+        }
+      )
+    );
+  }, [
+    config.skuListConfig,
+    dataSource,
+    loading,
+    currentProductId,
+    onSelectProduct,
+    emptyDescription,
+    style,
+    className,
+    size == null ? void 0 : size.height
+  ]);
+  if (displayMode === "sku-list") {
+    return renderSkuList;
+  }
+  return renderProductSelect;
+};
+var ProductDisplayAdapter_default = ProductDisplayAdapter;

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

@@ -0,0 +1,45 @@
+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/ticketBooking/components/ProductDisplayAdapter/index.tsx
+var ProductDisplayAdapter_exports = {};
+__export(ProductDisplayAdapter_exports, {
+  LegacyProductDisplayPresets: () => import_types.LegacyProductDisplayPresets,
+  ProductDisplayPresets: () => import_types.ProductDisplayPresets,
+  default: () => import_ProductDisplayAdapter.default,
+  resolveProductDisplayConfig: () => import_types.resolveProductDisplayConfig
+});
+module.exports = __toCommonJS(ProductDisplayAdapter_exports);
+var import_ProductDisplayAdapter = __toESM(require("./ProductDisplayAdapter"));
+var import_types = require("./types");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LegacyProductDisplayPresets,
+  ProductDisplayPresets,
+  resolveProductDisplayConfig
+});

package/lib/components/ticketBooking/components/ProductDisplayAdapter/index.less

@@ -0,0 +1,41 @@
+.sku-list-container {
+  height: 100%;
+  background-color: #4e4e4e;
+  .sku-list {
+    background-color: #4e4e4e;
+    overflow: auto;
+    border-radius: 0;
+    .list-group-items {
+      .list-item {
+        height: 100% !important;
+        .pisell-product-sku__card-wrapper {
+          height: 100% ;
+          .pisell-lowcode-card {
+            height: 100% !important;
+          }
+        }
+      }
+    }
+    &::-webkit-scrollbar {
+      display: none;
+      width: 0;
+      height: 0;
+    }
+  }
+  .list-content {
+    &::-webkit-scrollbar {
+      display: none;
+      width: 0;
+      height: 0;
+    }
+  }
+  .pisell-list-header {
+    overflow: auto;
+
+    &::-webkit-scrollbar {
+      display: none;
+      width: 0;
+      height: 0;
+    }
+  }
+}

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.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,9 +1,29 @@
+import { ProductDisplayConfig, ProductDisplayPresetKey } from '../ProductDisplayAdapter';
 import './index.less';
 interface AddServiceProps {
     onEdit?: any;
     dispatch?: any;
     state?: any;
     renderMode?: 'current' | 'drawer';
+    /**
+     * 产品展示配置
+     *
+     * 支持两种方式：
+     * 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;