@pisell/private-materials 6.9.1 → 6.9.3

package/lib/plus/orderList/serve.js

@@ -0,0 +1,177 @@
+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/plus/orderList/serve.ts
+var serve_exports = {};
+__export(serve_exports, {
+  batchAddOrderTags: () => batchAddOrderTags,
+  batchDeleteOrderTags: () => batchDeleteOrderTags,
+  batchPutOrderStatus: () => batchPutOrderStatus,
+  batchVoidedOrder: () => batchVoidedOrder,
+  editordership: () => editordership,
+  getChannelSelectOptions: () => getChannelSelectOptions,
+  getCustomerSelectOptions: () => getCustomerSelectOptions,
+  getLocationSelectOptions: () => getLocationSelectOptions,
+  getLogisticsSelectOptions: () => getLogisticsSelectOptions,
+  getPaymentSelectOptions: () => getPaymentSelectOptions,
+  getTagSelectOptions: () => getTagSelectOptions,
+  listApi: () => listApi,
+  openUrl: () => openUrl,
+  postSendInvoice: () => postSendInvoice,
+  printPack: () => printPack,
+  printPicking: () => printPicking
+});
+module.exports = __toCommonJS(serve_exports);
+var import_utils = require("../../utils");
+var import_dayjs = __toESM(require("dayjs"));
+var formatParams = (params) => {
+  const { pageNumber, pageSize, orderDate, total_amount, sort_key, ...rest } = params;
+  let order_by, sort;
+  if (sort_key) {
+    const [orderByValue, sortValue] = sort_key.split(":");
+    order_by = orderByValue;
+    sort = sortValue;
+  }
+  return {
+    ...rest,
+    skip: pageNumber || 1,
+    num: pageSize || 10,
+    ...(orderDate == null ? void 0 : orderDate[0]) && { start_time: (0, import_dayjs.default)(orderDate[0]).format("YYYY-MM-DD") },
+    ...(orderDate == null ? void 0 : orderDate[1]) && { end_time: (0, import_dayjs.default)(orderDate[1]).format("YYYY-MM-DD") },
+    ...(total_amount == null ? void 0 : total_amount.min) !== void 0 && { min_total_amount: total_amount.min },
+    ...(total_amount == null ? void 0 : total_amount.max) !== void 0 && { max_total_amount: total_amount.max },
+    ...order_by && { order_by },
+    ...sort && { sort },
+    with: [
+      "customer",
+      "contactsInfo",
+      "tag",
+      "createAccount",
+      "paidPayment",
+      "lastEditAccount"
+    ]
+  };
+};
+var listApi = async (params) => {
+  const res = await import_utils.request.getRequest().post(`/shop/order/v2/list`, formatParams(params), { abort: true, fullResult: true, isShopApi: true });
+  return res == null ? void 0 : res.data;
+};
+var getCustomerSelectOptions = async (params) => {
+  var _a;
+  const res = await import_utils.request.getRequest().get(`/shop/customer`, { search: params, skip: 1, num: 100 }, { abort: true, fullResult: true, isShopApi: true });
+  return ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.list) || [];
+};
+var getTagSelectOptions = async (params) => {
+  var _a;
+  const res = await import_utils.request.getRequest().get(`/shop/order/tag`, { name: params, skip: 1, num: 100 }, { abort: true, fullResult: true, isShopApi: true });
+  return ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.list) || [];
+};
+var getChannelSelectOptions = async (params) => {
+  const res = await import_utils.request.getRequest().get(`/shop/product/channel`, {}, { abort: true, fullResult: true, isShopApi: true });
+  return res == null ? void 0 : res.data;
+};
+var getPaymentSelectOptions = async (params) => {
+  const res = await import_utils.request.getRequest().get(`/shop/pay/custom-payment/shop`, {}, { abort: true, fullResult: true, isShopApi: true });
+  return res == null ? void 0 : res.data;
+};
+var getLogisticsSelectOptions = async (params) => {
+  const res = await import_utils.request.getRequest().get(`/shop/order/logistics-company`, {}, { abort: true, fullResult: true, isShopApi: true });
+  return res == null ? void 0 : res.data;
+};
+var getLocationSelectOptions = async (params) => {
+  const res = await import_utils.request.getRequest().get(`/shop/shop/location`, {}, { abort: true, fullResult: true, isShopApi: true });
+  return res == null ? void 0 : res.data;
+};
+var channelModules = (biz) => {
+  return {};
+};
+var editordership = (params) => {
+  return import_utils.request.getRequest().post("/shop/order/order/shipments", { ...params, ...channelModules() }, { isShopApi: true });
+};
+var postSendInvoice = (params) => {
+  return import_utils.request.getRequest().post("/shop/order/send-order-invoice", { ...params, ...channelModules() }, { isShopApi: true });
+};
+var openUrl = (host, url, shopId, ids) => {
+  let str = (ids || []).reduce((str2, item) => str2 + "&order_ids[]=" + item, "");
+  try {
+    const _host = host || (app == null ? void 0 : app.request.getConfig().getUrl({ url: "", config: { isShopApi: true } }));
+    const previewPrefix = "/shop";
+    const prefix = _host.startsWith(previewPrefix) ? "" : previewPrefix;
+    window.open(
+      `${_host}${prefix}${url}?shop_id=${shopId}${str}`
+    );
+  } catch (err) {
+  }
+};
+var printPack = (params) => {
+  return openUrl("", "/order/print/packing", params.shop_id, params.ids);
+};
+var printPicking = (params) => {
+  return openUrl("", "/order/print/picking", params.shop_id, params.ids);
+};
+var batchAddOrderTags = (params) => {
+  return import_utils.request.getRequest().post("/shop/order/order/tag", {
+    status: "attach",
+    ...params
+  }, {
+    isShopApi: true
+  });
+};
+var batchDeleteOrderTags = (params) => {
+  return import_utils.request.getRequest().post("/shop/order/order/tag", {
+    status: "detach",
+    ...params
+  }, {
+    isShopApi: true
+  });
+};
+var batchVoidedOrder = (params) => {
+  return import_utils.request.getRequest().post("/shop/order/manual-voided", { ...params, ...channelModules() }, { isShopApi: true });
+};
+var batchPutOrderStatus = (params) => import_utils.request.getRequest().put("/shop/order/update-status", { order_ids: params.order_ids, status: params.status, is_void: params.is_void, ...channelModules() }, {
+  isShopApi: true
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  batchAddOrderTags,
+  batchDeleteOrderTags,
+  batchPutOrderStatus,
+  batchVoidedOrder,
+  editordership,
+  getChannelSelectOptions,
+  getCustomerSelectOptions,
+  getLocationSelectOptions,
+  getLogisticsSelectOptions,
+  getPaymentSelectOptions,
+  getTagSelectOptions,
+  listApi,
+  openUrl,
+  postSendInvoice,
+  printPack,
+  printPicking
+});

package/lib/plus/productSelect/ProductCard/SkuCard/components/CardCom/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ProductCardConfig } from '../../type';
 import './index.less';
 declare const CardCom: ({ props, className }: {

package/lib/plus/productSelect/ProductCard/SkuCard/components/Price/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ProductCardConfig } from '../../type';
 import './index.less';
 declare const Price: ({ props }: {

package/lib/plus/productSelect/ProductCard/index.js

@@ -131,7 +131,7 @@ var ProductCard = (0, import_react.memo)(
         className: (0, import_classnames.default)(`${import__.PREFIX}__product-card`, className, {
           selected: isSelected
         }),
-        onPointerUp: () => {
+        onClick: () => {
           onSelect == null ? void 0 : onSelect(item);
         },
         "data-index": index,
@@ -145,7 +145,7 @@ var ProductCard = (0, import_react.memo)(
             width: imgWidth || "auto",
             height: imgHeight || "auto"
           },
-          onPointerUp: () => {
+          onClick: () => {
             onSelectCover == null ? void 0 : onSelectCover(item);
           }
         },
@@ -163,7 +163,7 @@ var ProductCard = (0, import_react.memo)(
         "div",
         {
           className: "card-right",
-          onPointerUp: () => {
+          onClick: () => {
             onSelectInfo == null ? void 0 : onSelectInfo(item);
           }
         },

package/lib/plus/productSelect/ProductList/gridComponents.d.ts

@@ -4,9 +4,11 @@ export interface GridConfig {
     config: string;
 }
 export declare const parseGridConfig: (config: string) => number[];
-export declare const createGridComponents: (layout?: GridConfig | null) => {
+export declare const createGridComponents: (layout?: GridConfig | null, { tabSwitchMode }?: {
+    tabSwitchMode?: "anchor" | "switch" | undefined;
+}) => {
     List: React.MemoExoticComponent<({ children, ...props }: any) => JSX.Element>;
-    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => JSX.Element>;
+    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => JSX.Element | null>;
 };
 export declare const GRID_LAYOUTS: {
     readonly SINGLE_COLUMN: {
@@ -36,9 +38,9 @@ export declare const GRID_LAYOUTS: {
 };
 export declare const createTwoColumnGrid: () => {
     List: React.MemoExoticComponent<({ children, ...props }: any) => JSX.Element>;
-    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => JSX.Element>;
+    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => JSX.Element | null>;
 };
 export declare const createCustomGrid: (config: string) => {
     List: React.MemoExoticComponent<({ children, ...props }: any) => JSX.Element>;
-    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => JSX.Element>;
+    Item: React.MemoExoticComponent<({ children, index, item, ...props }: any) => JSX.Element | null>;
 };

package/lib/plus/productSelect/ProductList/gridComponents.js

@@ -45,7 +45,7 @@ var calculateColumnWidth = (columns, index) => {
   const percentage = columns[index] / total * 100;
   return `${percentage}%`;
 };
-var createGridComponents = (layout) => {
+var createGridComponents = (layout, { tabSwitchMode = "anchor" } = {}) => {
   if (!layout) {
     layout = GRID_LAYOUTS.SINGLE_COLUMN;
   }
@@ -85,11 +85,17 @@ var createGridComponents = (layout) => {
   const GridItemComponent = (0, import_react.memo)(({ children, index, item, ...props }) => {
     if (!isGrid) {
       if (item && item.__typename === "category") {
+        if (tabSwitchMode === "switch") {
+          return null;
+        }
         return /* @__PURE__ */ import_react.default.createElement("div", { id: `ps_category_${item.id}`, ...props }, children);
       }
       return /* @__PURE__ */ import_react.default.createElement("div", { ...props }, children);
     }
     if (item && item.__typename === "category") {
+      if (tabSwitchMode === "switch") {
+        return null;
+      }
       return /* @__PURE__ */ import_react.default.createElement(
         "div",
         {

package/lib/plus/productSelect/index.d.ts

@@ -26,7 +26,9 @@ interface ProductSelectProps {
     /** 兼容scrollDom */
     customScrollParent?: HTMLElement | string;
     hideCategoryWhenOne?: boolean;
+    /** tab切换模式 */
+    tabSwitchMode?: 'switch' | 'anchor';
 }
 export declare const PREFIX = "pisell-product-select";
-declare const index: ({ dataSource, emptyDescription, showSearch, scrollDom, offsetDom, style, token: customToken, onChange, value, selectedItems, productListSetting, customScrollParent, loading, layout, hideCategoryWhenOne, ...rest }: ProductSelectProps) => JSX.Element;
+declare const index: ({ dataSource, emptyDescription, showSearch, scrollDom, offsetDom, style, token: customToken, onChange, value, selectedItems, productListSetting, customScrollParent, loading, layout, hideCategoryWhenOne, tabSwitchMode, ...rest }: ProductSelectProps) => JSX.Element;
 export default index;

package/lib/plus/productSelect/index.js

@@ -48,6 +48,7 @@ var import_locales = __toESM(require("./locales"));
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var import_materials2 = require("@pisell/materials");
 var import_index = require("./index.less");
+var import_utils3 = require("@pisell/utils");
 var MOCK_DATA = (() => {
   const mockData = [];
   mockData.push({
@@ -80,6 +81,7 @@ var index = ({
   loading = false,
   layout,
   hideCategoryWhenOne = false,
+  tabSwitchMode = "anchor",
   ...rest
 }) => {
   var _a, _b;
@@ -90,14 +92,16 @@ var index = ({
   );
   const searchRef = (0, import_react.useRef)(null);
   const [keyword, setKeyword] = (0, import_react.useState)("");
-  const [activeKey, setActiveKey] = (0, import_react.useState)("");
+  const [activeKey, setActiveKey] = (0, import_react.useState)(["0"]);
   const [scrollParent, setScrollParent] = (0, import_react.useState)(null);
   const isIndicatorVisibleRef = (0, import_react.useRef)(false);
   const containerRef = (0, import_react.useRef)(null);
   const _customScrollParent = customScrollParent || scrollDom;
   const gridComponents = (0, import_react.useMemo)(() => {
-    return (0, import_ProductList.createGridComponents)(layout);
-  }, [layout]);
+    return (0, import_ProductList.createGridComponents)(layout, {
+      tabSwitchMode
+    });
+  }, [layout, tabSwitchMode]);
   const _filteredList = (0, import_react.useMemo)(() => {
     if (!keyword) return dataSource;
     return dataSource.filter((product) => {
@@ -109,6 +113,29 @@ var index = ({
     let _list = _filteredList || [];
     return (0, import_utils2.groupProductsByCategory)(_list);
   }, [_filteredList]);
+  const _displayList = (0, import_react.useMemo)(() => {
+    if (tabSwitchMode === "anchor") {
+      return _groupedList;
+    }
+    if (!activeKey) {
+      return _groupedList;
+    }
+    return _groupedList.filter((item) => {
+      if (item.__typename === "category") {
+        return false;
+      }
+      if ((0, import_utils3.isArr)(activeKey)) {
+        if (activeKey.includes("0")) {
+          return true;
+        }
+        return activeKey.includes(String(item.__categoryId));
+      }
+      if (activeKey === "0") {
+        return true;
+      }
+      return String(item.__categoryId) === activeKey;
+    });
+  }, [tabSwitchMode, _groupedList, activeKey]);
   const _categories = (0, import_react.useMemo)(() => {
     return _groupedList.filter((item) => item.__typename === "category").map((item) => {
       return {
@@ -119,21 +146,24 @@ var index = ({
     });
   }, [_groupedList]);
   const isHideCategory = (0, import_react.useMemo)(() => {
+    if ((productListSetting == null ? void 0 : productListSetting.layout) === 0) {
+      return true;
+    }
     if (hideCategoryWhenOne) {
       return (_categories == null ? void 0 : _categories.length) === 1 || !(_categories == null ? void 0 : _categories.length);
     }
     return false;
-  }, [_categories, hideCategoryWhenOne]);
+  }, [_categories, hideCategoryWhenOne, productListSetting == null ? void 0 : productListSetting.layout]);
   (0, import_react.useEffect)(() => {
     if (!(_categories == null ? void 0 : _categories.length)) {
-      setActiveKey("");
+      setActiveKey([]);
       return;
     }
     if (!activeKey) {
-      switchCategory(_categories[0].key);
+      switchCategory("0");
     } else {
       const found = _categories.find((category) => category.key === activeKey);
-      if (!found) switchCategory(_categories[0].key);
+      if (!found) switchCategory("0");
     }
   }, [_categories]);
   (0, import_react.useLayoutEffect)(() => {
@@ -178,12 +208,15 @@ var index = ({
   }, []);
   const lastActiveKeyRef = (0, import_react.useRef)("");
   const handleItemIntersectionIn = (0, import_react.useCallback)((item) => {
+    if (tabSwitchMode === "switch") {
+      return;
+    }
     const _key = String(item.__categoryId);
     if (!isIndicatorVisibleRef.current && _key && _key !== lastActiveKeyRef.current) {
       setActiveKey(_key);
       lastActiveKeyRef.current = _key;
     }
-  }, []);
+  }, [tabSwitchMode]);
   const _listContext = (0, import_react.useMemo)(() => {
     return {
       onItemIntersectionIn: handleItemIntersectionIn,
@@ -192,8 +225,11 @@ var index = ({
     };
   }, [handleItemIntersectionIn]);
   const switchCategory = (key) => {
-    setActiveKey(key);
+    setActiveKey((0, import_utils3.isArr)(key) ? key : [key]);
     lastActiveKeyRef.current = key;
+    if (tabSwitchMode === "switch") {
+      return;
+    }
     debounceIndicator(300);
     const categoryIndex = _groupedList.findIndex(
       (item) => item.__typename === "category" && String(item.id) === key
@@ -249,7 +285,16 @@ var index = ({
         }
       }
     )) : null,
-    !isHideCategory ? /* @__PURE__ */ import_react.default.createElement(
+    !isHideCategory ? tabSwitchMode === "switch" ? /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellTabbarTemplate1,
+      {
+        style: { position: "sticky", top: 0, zIndex: 10, background: "var(--ps-container-bg, #fff)" },
+        dataSource: _categories,
+        value: activeKey,
+        onChange: switchCategory,
+        className: `${PREFIX}__tabs-wrapper`
+      }
+    ) : /* @__PURE__ */ import_react.default.createElement(
       import_CategoryTabs.default,
       {
         activeKey,
@@ -277,7 +322,7 @@ var index = ({
             [`${PREFIX}__product-list_hide_category`]: isHideCategory
           }),
           loading,
-          data: loading ? MOCK_DATA : _groupedList,
+          data: loading ? MOCK_DATA : _displayList,
           _customScrollParent: scrollParent,
           context: _listContext,
           components: gridComponents,

package/lib/plus/skuOptionsSelection/components/OptionsModal/index.js

@@ -45,6 +45,7 @@ var OptionsModal = (props) => {
   const [stepNumber, setStepNumber] = (0, import_react.useState)(1);
   const [modalValue, setModalValue] = (0, import_react.useState)((props == null ? void 0 : props.modalValue) || {});
   const customConfig = (0, import_hooks.useStore)((s) => s.customConfig);
+  console.log(customConfig, "customConfig>>>>>>>");
   (0, import_react.useEffect)(() => {
     var _a2, _b2;
     if (!!((_a2 = props == null ? void 0 : props.modalValue) == null ? void 0 : _a2.quantity)) {

package/lib/plus/skuOptionsSelection/components/VariantCard/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const VariantCard: (props: any) => JSX.Element;
 export default VariantCard;

package/lib/plus/skuOptionsSelection/components/VariantCard/index.js

@@ -79,6 +79,8 @@ var VariantCard = (props) => {
           color: priceConfig == null ? void 0 : priceConfig.color
         }
       },
+      import_utils.locales.getText("pisell2.skuOptionsSelection.variantItemCard.price"),
+      ":",
       priceText
     ) : null
   ));

package/lib/plus/skuOptionsSelection/locales.d.ts

@@ -5,6 +5,7 @@ declare const _default: {
         'pisell2.skuOptionsSelection.titleExtra.totalPrice': string;
         'pisell2.skuOptionsSelection.optionItemCard.editSelections': string;
         'pisell2.skuOptionsSelection.variantItemCard.soldOut': string;
+        'pisell2.skuOptionsSelection.variantItemCard.price': string;
         'pisell2.skuOptionsSelection.optionItemCard.typeText': string;
         'pisell2.skuOptionsSelection.optionItemCard.overSelected': string;
     };
@@ -14,6 +15,7 @@ declare const _default: {
         'pisell2.skuOptionsSelection.titleExtra.totalPrice': string;
         'pisell2.skuOptionsSelection.optionItemCard.editSelections': string;
         'pisell2.skuOptionsSelection.variantItemCard.soldOut': string;
+        'pisell2.skuOptionsSelection.variantItemCard.price': string;
         'pisell2.skuOptionsSelection.optionItemCard.typeText': string;
         'pisell2.skuOptionsSelection.optionItemCard.overSelected': string;
     };
@@ -23,6 +25,7 @@ declare const _default: {
         'pisell2.skuOptionsSelection.titleExtra.totalPrice': string;
         'pisell2.skuOptionsSelection.optionItemCard.editSelections': string;
         'pisell2.skuOptionsSelection.variantItemCard.soldOut': string;
+        'pisell2.skuOptionsSelection.variantItemCard.price': string;
         'pisell2.skuOptionsSelection.optionItemCard.typeText': string;
         'pisell2.skuOptionsSelection.optionItemCard.overSelected': string;
     };

package/lib/plus/skuOptionsSelection/locales.js

@@ -29,6 +29,7 @@ var locales_default = {
     "pisell2.skuOptionsSelection.titleExtra.totalPrice": "Subtotal: {{price}}",
     "pisell2.skuOptionsSelection.optionItemCard.editSelections": "Edit selections",
     "pisell2.skuOptionsSelection.variantItemCard.soldOut": "Out of stock",
+    "pisell2.skuOptionsSelection.variantItemCard.price": "Price",
     "pisell2.skuOptionsSelection.optionItemCard.typeText": "Type",
     "pisell2.skuOptionsSelection.optionItemCard.overSelected": "Over selected"
   },
@@ -38,6 +39,7 @@ var locales_default = {
     "pisell2.skuOptionsSelection.titleExtra.totalPrice": "小计：{{price}}",
     "pisell2.skuOptionsSelection.optionItemCard.editSelections": "编辑选择",
     "pisell2.skuOptionsSelection.variantItemCard.soldOut": "库存不足",
+    "pisell2.skuOptionsSelection.variantItemCard.price": "价格",
     "pisell2.skuOptionsSelection.optionItemCard.typeText": "类型",
     "pisell2.skuOptionsSelection.optionItemCard.overSelected": "已达上限"
   },
@@ -47,6 +49,7 @@ var locales_default = {
     "pisell2.skuOptionsSelection.titleExtra.totalPrice": "小計：{{price}}",
     "pisell2.skuOptionsSelection.optionItemCard.editSelections": "編輯選擇",
     "pisell2.skuOptionsSelection.variantItemCard.soldOut": "庫存不足",
+    "pisell2.skuOptionsSelection.variantItemCard.price": "價格",
     "pisell2.skuOptionsSelection.optionItemCard.typeText": "類型",
     "pisell2.skuOptionsSelection.optionItemCard.overSelected": "已達上限"
   }

package/lib/plus/skuOptionsSelection/utils/transformBundleGroup.js

@@ -76,6 +76,11 @@ var transformBundleGroup = (bundleGroup) => {
         autoValidate: true,
         required: Number(item == null ? void 0 : item.min_quantity) > 0 ? true : false
       },
+      layout: {
+        type: "antdGrid",
+        columns: 2,
+        gutter: [16, 16]
+      },
       headerProps: {
         renderExtra: (props) => {
           return /* @__PURE__ */ import_react.default.createElement(import_TitleExtra.default, { ...props || {} });
@@ -83,6 +88,11 @@ var transformBundleGroup = (bundleGroup) => {
       },
       stepperProps: {
         horizontalPadding: "8px"
+      },
+      layout: {
+        type: "antdGrid",
+        columns: 2,
+        gutter: [16, 16]
       }
     };
     selectorDataSource.renderItem = (itemProps) => {

package/lib/plus/skuOptionsSelection/utils/transformOptionGroup.js

@@ -58,6 +58,11 @@ var transformOptionGroup = (optionGroup) => {
             max: optionItem == null ? void 0 : optionItem.max_quantity,
             autoValidate: true
           },
+          layout: {
+            type: "antdGrid",
+            columns: 2,
+            gutter: [16, 16]
+          },
           _extra: {
             canSell,
             hasStock
@@ -92,6 +97,11 @@ var transformOptionGroup = (optionGroup) => {
       },
       stepperProps: {
         horizontalPadding: "8px"
+      },
+      layout: {
+        type: "antdGrid",
+        columns: 2,
+        gutter: [16, 16]
       }
     };
     selectorDataSource.renderItem = (itemProps) => {

package/lib/plus/skuOptionsSelection/utils/transformSelectorValueToValue.js

@@ -163,6 +163,7 @@ var transformSelectorValueToValue = (selectorValue) => {
       }
     }
   }
+  console.log("transformValue>>>>>", transformValue);
   return transformValue;
 };
 // Annotate the CommonJS export names for ESM import in node:

package/lib/plus/skuOptionsSelection/utils/transformValueToSelectorValue.js

@@ -170,6 +170,8 @@ var createBundleValue = (v, dataSource) => {
       });
       _createdValue.data._data = _data;
     }
+    _createdValue.data.num = (v1 == null ? void 0 : v1.num) || 1;
+    _createdValue.data.quantity = (v1 == null ? void 0 : v1.quantity) || 1;
     _createdValue.quantity = (_createdValue.quantity || 0) + ((v1 == null ? void 0 : v1.quantity) || 0);
     const _pricePrefix = (findedBundleItem == null ? void 0 : findedBundleItem.price_type) === "markdown" ? -1 : 1;
     _createdValue.totalPrice = new import_decimal.default(_createdValue.totalPrice || 0).plus(

package/lib/plus/skuOptionsSelection/utils/transformVariantGroup.js

@@ -61,6 +61,11 @@ var transformVariantGroup = (variantGroup) => {
           ruleConfig: {
             autoValidate: true
           },
+          layout: {
+            type: "antdGrid",
+            columns: 2,
+            gutter: [16, 16]
+          },
           _extra: {
             canSell,
             hasStock
@@ -93,6 +98,11 @@ var transformVariantGroup = (variantGroup) => {
       },
       stepperProps: {
         horizontalPadding: "8px"
+      },
+      layout: {
+        type: "antdGrid",
+        columns: 2,
+        gutter: [16, 16]
       }
     };
     selectorDataSource.renderItem = (itemProps) => {

package/lib/plus/walletPassGallery/components/passDetail/index.js

@@ -85,10 +85,17 @@ var PassDetail = (props) => {
     extension_data = [],
     customer_order_behavior_count = 0
   } = product || {};
-  const _getDetail = (0, import_ahooks.useRequest)(() => (0, import_serve.getDetailApi)({ id, apiPrefix, order_behavior_count_customer_id: customer_id }), {
-    ready: !!id,
-    refreshDeps: [id, customer_id]
-  });
+  const _getDetail = (0, import_ahooks.useRequest)(
+    () => (0, import_serve.getDetailApi)({
+      id,
+      apiPrefix,
+      order_behavior_count_customer_id: customer_id
+    }),
+    {
+      ready: !!id,
+      refreshDeps: [id, customer_id]
+    }
+  );
   const scheduleList = (0, import_react.useMemo)(() => {
     return (custom_schedule_snapshot == null ? void 0 : custom_schedule_snapshot.data) || [];
   }, [custom_schedule_snapshot]);
@@ -124,7 +131,10 @@ var PassDetail = (props) => {
   }, []);
   const descs = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
-    const detail = (0, import_utils3.formatScheduleText)(scheduleList, (_b2 = (_a2 = context == null ? void 0 : context.engine) == null ? void 0 : _a2.props) == null ? void 0 : _b2.locale);
+    const detail = (0, import_utils3.formatScheduleText)(
+      scheduleList,
+      (_b2 = (_a2 = context == null ? void 0 : context.engine) == null ? void 0 : _a2.props) == null ? void 0 : _b2.locale
+    );
     let expireText = expire_date ? expire_date : import_utils.locales.getText("wallet-pass-gallery.expireDate");
     if (scheduleList.length > 0) {
       let validityTexts = "";
@@ -230,7 +240,15 @@ var PassDetail = (props) => {
   const renderTimeLine = () => {
     if (tag === "product_discount_card") return null;
     if (!showTimeLine) return null;
-    return /* @__PURE__ */ import_react.default.createElement(import_timelineSection.default, { code, tag, timezone });
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_timelineSection.default,
+      {
+        code,
+        tag,
+        timezone,
+        apiPrefix
+      }
+    );
   };
   if (!props.dataSource) return null;
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(

package/lib/plus/walletPassGallery/components/timelineSection/index.d.ts

@@ -3,6 +3,7 @@ interface TimelineSectionProps {
     code: string;
     tag: string;
     timezone: string;
+    apiPrefix?: '/shop' | '/h5';
 }
 declare const TimelineSection: (props: TimelineSectionProps) => JSX.Element;
 export default TimelineSection;