@pisell/private-materials 6.0.25 → 6.1.1

package/lib/components/pay/toC/locales.js

@@ -84,7 +84,7 @@ var locales_default = {
     "tocPay.text.scanBarQrCode": "Scan Bar/QR code",
     "tocPay.text.enterCodes": "Enter codes",
     "tocPay.text.searchDescribe": "Please enter code or encode",
-    "tocPay.text.walletPassEmpty": "No cards available. Please scan or search for cards.",
+    "tocPay.text.walletPassEmpty": (walletName) => `No ${walletName}`,
     "tocPay.text.walletPassDisabled": "Disabled",
     "tocPay.text.walletPassPermanent": "Permanent",
     "tocPay.text.walletPassCompleteTitle": "Please click ‘Submit’ button at the bottom to complete",
@@ -94,7 +94,29 @@ var locales_default = {
     "tocPay.text.walletSearchEmpty": "No results found.",
     "tocPay.text.detectIncognitoConfirm": "You are currently in private mode, wallet payment may not succeed. Please copy the link and continue payment in a non-private browsing tab.",
     "tocPay.text.copyLink": "Copy link",
-    "tocPay.text.copySuccess": "Copy Success"
+    "tocPay.text.copySuccess": "Copy Success",
+    "tocPay.text.walletName": (shopName) => `${shopName}'s wallet`,
+    "tocPay.text.bestValueFound": "Best wallet combination for you！",
+    "tocPay.text.welcomeToUseWalletPass": (walletName) => `Welcome to use ${walletName}`,
+    "tocPay.text.totalSavings": "Total savings",
+    "tocPay.text.bestCombination": (walletName) => `Best combination of your available ${walletName} options`,
+    "tocPay.text.recommended": "Recommended",
+    "tocPay.text.edit": "Edit",
+    "tocPay.text.confirm": "Confirm",
+    "tocPay.text.unusedAndContinueToPayment": "Unused and continue to payment",
+    "tocPay.text.walletPassAvailable": (walletName) => `You have no valid ${walletName}`,
+    "tocPay.text.useWalletPass": (walletName) => `Go to ${walletName}`,
+    "tocPay.text.useWalletPassAdd": (walletName) => `Go to ${walletName}`,
+    "tocPay.text.editWalletPass": (walletName) => `Change Combination`,
+    "tocPay.text.skipAndContinueToPayment": "Skip and continue to payment",
+    "tocPay.text.youMightHaveAnEligibleWalletPass": (walletName) => `You might have an eligible ${walletName}`,
+    "tocPay.text.checkIfYouHaveAnyPointsCardRechargableCardOrVouchersToUse": "Check if you have any Points Card, Rechargable Card , or Vouchers to use",
+    "tocPay.text.addPointsCard": "Add points card, rechargable card, or vouchers if have any in hand.",
+    "tocPay.text.hasNoWalletPassAmount": "View points card, rechargable card, or vouchers options",
+    "tocPay.text.multipleSelectionAvailable": "Multiple selection available",
+    "tocPay.text.youCanSelectMultipleWalletPassesToCombineForPayment": (walletName) => `You can select multiple ${walletName} to combine for payment`,
+    "tocPay.text.bestValueCombination": "Best value combination",
+    "tocPay.text.viewDetail": "View detail"
   },
   "zh-CN": {
     "tocPay.text.checkout": "结账",
@@ -157,7 +179,7 @@ var locales_default = {
     "tocPay.text.scanBarQrCode": "扫描条形码/二维码",
     "tocPay.text.enterCodes": "输入编码",
     "tocPay.text.searchDescribe": "请输入卡片编码或发行编码",
-    "tocPay.text.walletPassEmpty": "没有可使用的卡片，请扫描或搜索卡片",
+    "tocPay.text.walletPassEmpty": (walletName) => `没有可使用的${walletName}`,
     "tocPay.text.walletPassDisabled": "不可用",
     "tocPay.text.walletPassPermanent": "永久有效",
     "tocPay.text.walletPassCompleteTitle": "请点击底部的“提交”按钮完成支付",
@@ -166,7 +188,29 @@ var locales_default = {
     "tocPay.text.walletSearchEmpty": "没有查询到任何结果。",
     "tocPay.text.detectIncognitoConfirm": "当前处于无痕模式，钱包支付可能失败，请复制链接在非无痕模式下继续支付。",
     "tocPay.text.copyLink": "复制链接",
-    "tocPay.text.copySuccess": "复制成功"
+    "tocPay.text.copySuccess": "复制成功",
+    "tocPay.text.walletName": (shopName) => `${shopName}钱包`,
+    "tocPay.text.bestValueFound": "找到最佳组合选择！",
+    "tocPay.text.welcomeToUseWalletPass": (walletName) => `欢迎使用${walletName}`,
+    "tocPay.text.totalSavings": "总节省",
+    "tocPay.text.bestCombination": (walletName) => `可用${walletName}选项的最佳组合`,
+    "tocPay.text.recommended": "推荐",
+    "tocPay.text.edit": "编辑",
+    "tocPay.text.confirm": "确认",
+    "tocPay.text.unusedAndContinueToPayment": "不使用并继续付款",
+    "tocPay.text.walletPassAvailable": (walletName) => `暂无${walletName}可用`,
+    "tocPay.text.useWalletPass": (walletName) => `前往${walletName}`,
+    "tocPay.text.useWalletPassAdd": (walletName) => `前往${walletName}添加`,
+    "tocPay.text.editWalletPass": (walletName) => `修改优惠组合`,
+    "tocPay.text.skipAndContinueToPayment": "跳过并继续付款",
+    "tocPay.text.youMightHaveAnEligibleWalletPass": (walletName) => `您可能拥有符合条件的${walletName}`,
+    "tocPay.text.checkIfYouHaveAnyPointsCardRechargableCardOrVouchersToUse": "检查您是否有积分卡、充值卡或代金券可供使用",
+    "tocPay.text.addPointsCard": "如您有任何优惠券、储值卡、积分卡",
+    "tocPay.text.hasNoWalletPassAmount": "点击查看可激活的储值、积分、代金券选项",
+    "tocPay.text.multipleSelectionAvailable": "可多选",
+    "tocPay.text.youCanSelectMultipleWalletPassesToCombineForPayment": (walletName) => `您可以选择多个${walletName}进行组合付款`,
+    "tocPay.text.bestValueCombination": "最佳组合",
+    "tocPay.text.viewDetail": "查看详情"
   },
   "zh-HK": {
     "tocPay.text.checkout": "結帳",
@@ -229,7 +273,7 @@ var locales_default = {
     "tocPay.text.scanBarQrCode": "掃描條形碼/二維碼",
     "tocPay.text.enterCodes": "輸入編碼",
     "tocPay.text.searchDescribe": "請輸入卡片編碼或發行編碼",
-    "tocPay.text.walletPassEmpty": "沒有可使用的卡片，請掃描或搜尋卡片",
+    "tocPay.text.walletPassEmpty": (walletName) => `沒有可使用的${walletName}`,
     "tocPay.text.walletPassDisabled": "不可用",
     "tocPay.text.walletPassPermanent": "永久有效",
     "tocPay.text.walletPassCompleteTitle": "請點擊底部的“提交”按鈕完成支付",
@@ -238,6 +282,28 @@ var locales_default = {
     "tocPay.text.walletSearchEmpty": "沒有查詢到任何結果。",
     "tocPay.text.detectIncognitoConfirm": "目前處於無痕模式，錢包支付可能失敗，請複製連結在非無痕模式下繼續支付。",
     "tocPay.text.copyLink": "復製链接",
-    "tocPay.text.copySuccess": "復製成功"
+    "tocPay.text.copySuccess": "復製成功",
+    "tocPay.text.walletName": (shopName) => `${shopName}錢包`,
+    "tocPay.text.bestValueFound": "找到最佳組合選擇！",
+    "tocPay.text.welcomeToUseWalletPass": (walletName) => `歡迎使用${walletName}`,
+    "tocPay.text.totalSavings": "總節省",
+    "tocPay.text.bestCombination": (walletName) => `可用${walletName}選項的最佳組合`,
+    "tocPay.text.recommended": "推薦",
+    "tocPay.text.edit": "編輯",
+    "tocPay.text.confirm": "確認",
+    "tocPay.text.unusedAndContinueToPayment": "不使用並繼續付款",
+    "tocPay.text.walletPassAvailable": (walletName) => `暂无${walletName} 可用`,
+    "tocPay.text.useWalletPass": (walletName) => `前往${walletName}`,
+    "tocPay.text.useWalletPassAdd": (walletName) => `前往${walletName}添加`,
+    "tocPay.text.editWalletPass": (walletName) => `修改優惠組合`,
+    "tocPay.text.skipAndContinueToPayment": "跳過並繼續付款",
+    "tocPay.text.youMightHaveAnEligibleWalletPass": (walletName) => `您可能擁有符合條件的${walletName}`,
+    "tocPay.text.checkIfYouHaveAnyPointsCardRechargableCardOrVouchersToUse": "檢查您是否有積分卡、充值卡或代金券可供使用",
+    "tocPay.text.addPointsCard": "如您有任何优惠券、储值卡、积分卡",
+    "tocPay.text.hasNoWalletPassAmount": "點擊查看可激活的儲值、積分、代金券選項",
+    "tocPay.text.multipleSelectionAvailable": "可多選",
+    "tocPay.text.youCanSelectMultipleWalletPassesToCombineForPayment": (walletName) => `您可以選擇多個${walletName}進行組合付款`,
+    "tocPay.text.bestValueCombination": "最佳組合",
+    "tocPay.text.viewDetail": "查看詳情"
   }
 };

package/lib/components/pay/toC/model.d.ts

@@ -6,6 +6,10 @@ export interface FormState {
     payCallback: (res?: any) => void;
     history?: any;
     payGroup?: PayGroup;
+    walletSetting: {
+        name: string;
+        popup_status: 0 | 1 | null;
+    };
 }
 export interface PayGroup {
     order_id?: string;

package/lib/components/pay/toC/model.js

@@ -32,6 +32,10 @@ var defaultState = {
   payCallback: () => {
   },
   history: null,
+  walletSetting: {
+    name: "",
+    popup_status: null
+  },
   payGroup: {
     wait_amount: 0
   }
@@ -48,6 +52,12 @@ var { Provider, Context } = (0, import_utils.miniRedux)({
       (0, import_payGroup.syncPayGroupToStorage)(res);
       return { ...state, payGroup: res };
     },
+    setWalletSetting(state, payload) {
+      return { ...state, walletSetting: {
+        ...state.walletSetting,
+        ...payload
+      } };
+    },
     init(state, payload) {
       return { ...defaultState, ...payload };
     }

package/lib/components/pay/toC/serve.d.ts

@@ -32,3 +32,26 @@ export declare const getPaymentInit: (values: {
     order_id?: string;
     amount?: number;
 }) => Promise<any>;
+/**
+ * @title: 获取钱包名称和弹窗状态
+ * @description:
+ * @param {object} values
+ * @return {*}
+ * @Author: shengjie.zuo
+ * @member: 马天宇
+ * @Date: 2025-02-21 10:42
+ */
+export declare const getWalletNameAndPopupStatus: (values: {
+    setting_type?: string;
+}) => Promise<{
+    wallet: {
+        name?: {
+            en: string;
+            'zh-CN': string;
+            'zh-HK': string;
+        };
+    };
+    wallet_setting: {
+        popup_status?: 1 | 0;
+    };
+}>;

package/lib/components/pay/toC/serve.js

@@ -21,7 +21,8 @@ var serve_exports = {};
 __export(serve_exports, {
   getPaymentInit: () => getPaymentInit,
   getPaymentList: () => getPaymentList,
-  getPaymentsAndWalletPass: () => getPaymentsAndWalletPass
+  getPaymentsAndWalletPass: () => getPaymentsAndWalletPass,
+  getWalletNameAndPopupStatus: () => getWalletNameAndPopupStatus
 });
 module.exports = __toCommonJS(serve_exports);
 var import_utils = require("../../../utils");
@@ -35,14 +36,12 @@ var getPaymentList = async (values) => {
   );
   let arr = [];
   if ((0, import_utils2.isWx)()) {
-    arr = arr.concat([
-      "mw.google"
-    ]);
+    arr = arr.concat(["mw.google"]);
   }
   if (!(0, import_utils2.isWx)()) {
     arr = arr.concat(["globepay.wechat.jsapi", "superpay.wechat.h5"]);
   }
-  if (!(0, import_utils2.isSafari)()) {
+  if (!(0, import_utils2.isIOS)()) {
     arr = arr.concat(["mw.apple"]);
   }
   paymentList = paymentList.filter((d) => !arr.includes(d.service));
@@ -60,7 +59,9 @@ var getPaymentList = async (values) => {
 };
 var getPaymentsAndWalletPass = async (values) => {
   let { data } = await import_utils.request.getRequest().get("/h5/pay/order/payments-and-walletpass", values);
-  const walletPass = (data.payment_list || []).find((d) => d.service === "pisell.wallet_pass");
+  const walletPass = (data.payment_list || []).find(
+    (d) => d.service === "pisell.wallet_pass"
+  );
   return {
     ...data,
     walletPass
@@ -70,9 +71,14 @@ var getPaymentInit = async (values) => {
   let { data } = await import_utils.request.getRequest().post("/h5/pay/payment/init", values);
   return data;
 };
+var getWalletNameAndPopupStatus = async (values) => {
+  const { data } = await import_utils.request.getRequest().get("/h5/wallet/setting", values);
+  return data;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   getPaymentInit,
   getPaymentList,
-  getPaymentsAndWalletPass
+  getPaymentsAndWalletPass,
+  getWalletNameAndPopupStatus
 });

package/lib/components/pay/toC/utils.d.ts

@@ -1,4 +1,5 @@
 import { PayGroup } from "./model";
+import { WalletPassDataType } from "./PaymentMethods/WalletPass/serve";
 /**
  * 计算walletPass列表数据的总金额
  * @param list
@@ -21,7 +22,7 @@ export declare const formatWalletPassParams: (payGroup: PayGroup) => {
     order_id: string;
     payment_group_id: number;
     payments: {
-        amount: any;
+        amount: string;
         wallet_pass_use_value: any;
         voucher_id: any;
         tag: any;
@@ -47,3 +48,10 @@ export declare const isFranchiseeShop: (path?: any, history?: any) => any;
  */
 export declare const getFranchiseeShopId: (path?: any, history?: any) => number;
 export declare const formatFranchiseeRoute: (url: string, history?: any) => string;
+export declare const getAvailableMaxAmount: (data: WalletPassDataType) => string;
+export declare const clientPayment: (params: {
+    order_id: number;
+    type: "aliPay" | "wxPay";
+    values: any;
+    interaction?: any;
+}) => void;

package/lib/components/pay/toC/utils.js

@@ -20,9 +20,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var utils_exports = {};
 __export(utils_exports, {
   calcWalletPassListAmount: () => calcWalletPassListAmount,
+  clientPayment: () => clientPayment,
   formatFranchiseeRoute: () => formatFranchiseeRoute,
   formatWalletPassList2PreparePayments: () => formatWalletPassList2PreparePayments,
   formatWalletPassParams: () => formatWalletPassParams,
+  getAvailableMaxAmount: () => getAvailableMaxAmount,
   getFranchiseeShopId: () => getFranchiseeShopId,
   getIsWalletPassAndTripartitePayment: () => getIsWalletPassAndTripartitePayment,
   isFranchiseeShop: () => isFranchiseeShop
@@ -31,13 +33,13 @@ module.exports = __toCommonJS(utils_exports);
 var import_decimal = require("decimal.js");
 var import_status = require("./status");
 var calcWalletPassListAmount = (list) => {
-  return list.reduce((pre, cur) => pre.add(new import_decimal.Decimal(String(cur.available_max_amount || 0))), new import_decimal.Decimal("0")).toNumber();
+  return list.reduce((pre, cur) => pre.add(new import_decimal.Decimal(String(getAvailableMaxAmount(cur) || 0))), new import_decimal.Decimal("0")).toNumber();
 };
 var formatWalletPassList2PreparePayments = (list) => {
   return (list || []).map((item) => {
     return {
       voucher_id: item.id || 0,
-      amount: Number(item.available_max_amount) || 0,
+      amount: Number(getAvailableMaxAmount(item)) || 0,
       tag: item.tag || ""
     };
   });
@@ -46,7 +48,7 @@ var formatWalletPassParams = (payGroup) => {
   const { order_id, payment_group_id, walletPass } = payGroup;
   const payments = (walletPass == null ? void 0 : walletPass.cards.map((item) => {
     return {
-      amount: item.available_max_amount,
+      amount: getAvailableMaxAmount(item),
       wallet_pass_use_value: item.available_max_par_value,
       voucher_id: item.id,
       tag: item.tag,
@@ -81,12 +83,30 @@ var formatFranchiseeRoute = (url, history) => {
   }
   return url;
 };
+var getAvailableMaxAmount = (data) => {
+  return data.tag !== "point_card" ? data.available_max_amount : data == null ? void 0 : data.recommended_usage_amount;
+};
+var clientPayment = (params) => {
+  var _a, _b;
+  const { interaction, type, order_id, values } = params;
+  (_b = (_a = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a.postMessageToApp) == null ? void 0 : _b.call(_a, {
+    module: "global",
+    key: "paymentClient",
+    data: {
+      type,
+      order_id,
+      ...values
+    }
+  });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   calcWalletPassListAmount,
+  clientPayment,
   formatFranchiseeRoute,
   formatWalletPassList2PreparePayments,
   formatWalletPassParams,
+  getAvailableMaxAmount,
   getFranchiseeShopId,
   getIsWalletPassAndTripartitePayment,
   isFranchiseeShop

package/lib/components/pisellSelectCustomerModal/RightPanel/Add/BirthdayField/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const DateSectionCom: ({ value, onChange, showTime, className, style, useSpace, format, itemStyle, }: any) => JSX.Element;
 export default DateSectionCom;

package/lib/components/pisellSelectCustomerModal/RightPanel/Add/GenderField/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const GenderField: (props: any) => JSX.Element;
 export default GenderField;

package/lib/components/pisellSelectCustomerModal/RightPanel/Add/PhoneField/index.js

@@ -36,15 +36,18 @@ var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_ahooks = require("ahooks");
 var import_serve = require("./serve");
+var import_utils = require("../../../../../utils");
+var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
 var defaultValue = {
   code: "+61",
   phone: ""
 };
 var PhoneField = ({ value, onChange }) => {
+  const context = (0, import_useEngineContext.default)();
+  import_utils.request.setRequest(context.appHelper.utils.request);
   const codes = (0, import_ahooks.useRequest)(import_serve.getCountries, {
     manual: true
   });
-  console.log("codes", codes.data);
   (0, import_react.useEffect)(() => {
     codes.run();
   }, []);

package/lib/components/pisellSelectCustomerModal/RightPanel/Add/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface AddClientProps {
     onChange: (value: any) => void;

package/lib/components/pisellSelectCustomerModal/RightPanel/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface RightPanelProps {
     value: any;

package/lib/components/productExtension/fields/SelectProducts/ProductItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import "./index.less";
+import './index.less';
 declare const ProductItem: ({ item, onClick, amountSymbol, style, className, }: any) => JSX.Element;
 export default ProductItem;

package/lib/components/productExtension/fields/SelectProducts/ProductItem/index.js

@@ -35,6 +35,8 @@ module.exports = __toCommonJS(ProductItem_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
 var import_classnames = __toESM(require("classnames"));
+var import_decimal = __toESM(require("decimal.js"));
+var import_pisellPriceText = __toESM(require("../../../../productSelect/components/pisellPriceText"));
 var import_index = require("./index.less");
 var ProductItem = ({
   item = {},
@@ -43,6 +45,11 @@ var ProductItem = ({
   style,
   className
 }) => {
+  const { price, is_bundle, minimum_markup_price } = item;
+  let _price = price;
+  if (is_bundle) {
+    _price = new import_decimal.default(price).plus(new import_decimal.default(minimum_markup_price)).toFixed(2);
+  }
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -59,7 +66,7 @@ var ProductItem = ({
         className: "product-item-card-cover"
       }
     ) : null,
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "product-item-card-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "product-item-card-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "product-item-card-price" }, (0, import_utils.formatAmount)(item.price, 2, amountSymbol)))
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "product-item-card-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "product-item-card-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "product-item-card-price" }, /* @__PURE__ */ import_react.default.createElement(import_pisellPriceText.default, { value: _price, isMini: is_bundle })))
   );
 };
 var ProductItem_default = ProductItem;

package/lib/components/productExtension/fields/SelectProducts/ProductItemPreview/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const ProductItemPreview: ({ item, onClick, onRemove, amountSymbol, style, className, }: any) => JSX.Element;
 export default ProductItemPreview;

package/lib/components/productExtension/fields/SelectProducts/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 interface valueType {
 }

package/lib/components/productExtension/fields/SelectResourcesTable/index.d.ts

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

package/lib/components/productExtension/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 interface ProductExtensionProps {
     onDataChange: any;

package/lib/components/productSelect/components/TabProduct/index.d.ts

@@ -0,0 +1,2 @@
+declare const TabProduct: (props: any) => JSX.Element;
+export default TabProduct;

package/lib/components/productSelect/components/TabProduct/index.js

@@ -0,0 +1,189 @@
+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/productSelect/components/TabProduct/index.tsx
+var TabProduct_exports = {};
+__export(TabProduct_exports, {
+  default: () => TabProduct_default
+});
+module.exports = __toCommonJS(TabProduct_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
+var import_ahooks = require("ahooks");
+var import_utils = require("@pisell/utils");
+var import_tabs = __toESM(require("./tabs"));
+var import_productGroup = __toESM(require("../productGroup"));
+var io = null;
+var TabProduct = (props) => {
+  const {
+    showTab = true,
+    layout,
+    list,
+    onChange,
+    amountSymbol = "$",
+    scrollDom,
+    value: currentProductId,
+    loading,
+    emptyDescription,
+    ...rest
+  } = props;
+  const tabsRef = (0, import_react.useRef)();
+  const [currentGroupId, setCurrentGroupId] = (0, import_react.useState)(1);
+  (0, import_react.useEffect)(() => {
+    if (list == null ? void 0 : list.length) {
+      setCurrentGroupId(list[0].id);
+      requestAnimationFrame(() => {
+        handleObserver();
+      });
+    }
+  }, [list]);
+  const debouncedScroll = (0, import_ahooks.useDebounceFn)(
+    (id) => {
+      var _a;
+      (_a = tabsRef == null ? void 0 : tabsRef.current) == null ? void 0 : _a.scroll(id);
+    },
+    { wait: 100 }
+    // 100ms防抖
+  );
+  const handleObserver = (0, import_ahooks.useMemoizedFn)(() => {
+    const _marginTop = 270;
+    const _marginBottom = window.innerHeight - 70 - 200 - 70;
+    const _rootMargin = `${_marginTop * -1}px 0px ${_marginBottom * -1}px 0px`;
+    io = new IntersectionObserver(
+      (entries) => {
+        var _a, _b;
+        const enteringEntries = entries.filter((entry) => entry.isIntersecting);
+        if (enteringEntries.length > 0) {
+          const topMostEntry = enteringEntries.reduce((top, current) => {
+            return current.boundingClientRect.top < top.boundingClientRect.top ? current : top;
+          });
+          const [name, id] = (_b = (_a = topMostEntry == null ? void 0 : topMostEntry.target) == null ? void 0 : _a.id) == null ? void 0 : _b.split("-");
+          const newGroupId = Number(id);
+          setCurrentGroupId(newGroupId);
+          debouncedScroll.run(id);
+        }
+      },
+      {
+        root: null,
+        rootMargin: _rootMargin
+      }
+    );
+    if (list == null ? void 0 : list.length) {
+      for (const item of list) {
+        const _item = document.querySelector(`#list-${item.id}`);
+        if (_item) {
+          io.observe(_item);
+        }
+      }
+    }
+  });
+  const handleUnobserver = (0, import_ahooks.useMemoizedFn)(() => {
+    if ((list == null ? void 0 : list.length) && io) {
+      for (const item of list) {
+        const _item = document.querySelector(`#list-${item.id}`);
+        if (_item) {
+          io.unobserve(_item);
+        }
+      }
+    }
+  });
+  const renderContent = () => {
+    if (loading) {
+      return /* @__PURE__ */ import_react.default.createElement(import_productGroup.ProductGroupSkeleton, { layout });
+    }
+    if (!(list == null ? void 0 : list.length)) {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_materials.PisellEmpty,
+        {
+          description: emptyDescription || import_utils.locales.getText("pisell2.product-select.empty")
+        }
+      );
+    }
+    return list.map((item, i) => {
+      return /* @__PURE__ */ import_react.default.createElement("div", { id: `list-${item.id}`, key: i }, /* @__PURE__ */ import_react.default.createElement(
+        import_productGroup.default,
+        {
+          onSelectProduct: onChange,
+          currentProductId,
+          key: item.id,
+          data: item,
+          layout,
+          ...rest
+        }
+      ));
+    });
+  };
+  const tabSkeleton = (0, import_react.useMemo)(() => {
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-pisell-tabs" }, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "booking-pisell-tabs-btn-left",
+        style: { marginLeft: 20, width: 0 }
+      }
+    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-pisell-tabs-content" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton.Button, { active: true, size: "large", shape: "round" })));
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showTab ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-product-select-tabs-wrapper" }, loading ? tabSkeleton : /* @__PURE__ */ import_react.default.createElement(
+    import_tabs.default,
+    {
+      ref: tabsRef,
+      options: list,
+      rowKey: "id",
+      tab: currentGroupId,
+      onChange: (e) => {
+        var _a;
+        let comWrapper = document.querySelector(
+          ".pisell-product-select-wrapper"
+        );
+        let categoryDom = document.querySelector(
+          ".pisell-product-select-tabs-wrapper"
+        );
+        let wrapperOffsetTop = comWrapper.offsetTop;
+        let top = 0;
+        if (categoryDom) {
+          top = categoryDom.offsetHeight;
+        }
+        const dom = document == null ? void 0 : document.querySelector("#list-" + e);
+        const main = document == null ? void 0 : document.querySelector(scrollDom);
+        if (dom && main) {
+          if (e === ((_a = list[0]) == null ? void 0 : _a.id)) {
+            main.scrollTop = 0;
+          } else {
+            main.scrollTop = dom.offsetTop - top - wrapperOffsetTop;
+          }
+        }
+        handleUnobserver();
+        setCurrentGroupId(e);
+        setTimeout(() => {
+          handleObserver();
+        }, 1e3);
+      }
+    }
+  )) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-product-select-product-list" }, renderContent()));
+};
+var TabProduct_default = TabProduct;

package/lib/components/productSelect/components/TabProduct/tabs/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './index.less';
+export interface Com<T> extends React.FC<T> {
+}
+export declare type RowKey = string | number;
+export interface Option {
+    id: number | string;
+    name: React.ReactNode;
+}
+export interface TabsProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange'> {
+    renderTab: (item: any) => React.ReactNode;
+    rowKey: RowKey;
+    name: RowKey;
+    onChange: (key: RowKey, _item: any) => void;
+    tab: RowKey;
+    className: string;
+    tabsRef: any;
+    options: Option[];
+}
+declare const _default: React.ForwardRefExoticComponent<Omit<Partial<TabsProps>, "ref"> & React.RefAttributes<unknown>>;
+export default _default;