@pisell/private-materials 3.4.5 → 3.4.7

package/lib/components/appointmentBooking/components/Content/index.js

@@ -46,10 +46,14 @@ var import_Form = __toESM(require("../Form"));
 var import_ConfirmInformation = __toESM(require("../ConfirmInformation"));
 var import_context = require("../../context");
 var import_PolicyModal = __toESM(require("../../deposit/components/PolicyModal"));
+var import_utils2 = require("../Resource/utils");
 var import_hooks = require("../../hooks");
 var import_index = require("./index.less");
+var import_useComponents = __toESM(require("../../../../hooks/useComponents"));
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_utils3 = require("../../utils");
 var Layout = () => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const stepRef = (0, import_react.useRef)();
   const {
     currentStep,
@@ -68,9 +72,37 @@ var Layout = () => {
   const { getHolders } = (0, import_hooks.useAppointmentBookingAccount)();
   const { removeStep } = (0, import_hooks.useAppointmentBookingStep)();
   const { shopDiscount } = (0, import_hooks.useShopDiscount)();
+  const { customPageData } = (_a = (0, import_useEngineContext.default)().engine) == null ? void 0 : _a.props;
+  const [CustomComponent] = (0, import_useComponents.default)({
+    components: ["CustomComponent"]
+  });
+  console.log("CustomComponent:", CustomComponent, typeof CustomComponent, CustomComponent == null ? void 0 : CustomComponent.$$typeof);
   (0, import_hooks.useAppointmentBookingCart)();
   (0, import_hooks.useAppointmentBookingStep)();
   const [params, setParams] = (0, import_react.useState)({});
+  const utils = (0, import_hooks.contextUtils)();
+  const context = (0, import_useEngineContext.default)();
+  const { pubsub } = context.appHelper.utils;
+  (0, import_react.useEffect)(() => {
+    const handleLoginSuccess = async () => {
+      var _a2;
+      if (!isFormSubject) {
+        const user = JSON.parse(((_a2 = utils == null ? void 0 : utils.storage) == null ? void 0 : _a2.get("customer")) || "{}");
+        const currentUser = (0, import_utils3.formatCustomer)(user);
+        const accountLists = await appointmentBooking.getAccounts();
+        const meAccount = accountLists == null ? void 0 : accountLists.find((d) => !(d == null ? void 0 : d.isGuest));
+        appointmentBooking.setLoginAccount(meAccount == null ? void 0 : meAccount.id, currentUser);
+      } else {
+        if (!isRetailTemplate) {
+          getHolders();
+        }
+      }
+    };
+    pubsub.subscribe("pisell1.login.success", handleLoginSuccess);
+    return () => {
+      pubsub.unsubscribe("pisell1.login.success");
+    };
+  }, []);
   (0, import_react.useEffect)(() => {
     appointmentBooking.removeStep("fill-form");
     return () => {
@@ -115,6 +147,7 @@ var Layout = () => {
     }
   }, [isFormSubject, isLogin, isRetailTemplate]);
   (0, import_react.useEffect)(() => {
+    var _a2;
     if (!(currentStep == null ? void 0 : currentStep.step)) return;
     setLoading(false);
     setResourceOtherParams({
@@ -126,7 +159,10 @@ var Layout = () => {
       top: 0,
       behavior: "smooth"
     });
-  }, [(_a = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a.key]);
+    if (((_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key) === "confirm-information") {
+      (0, import_utils2.scrollToFirstErrorCard)(".pisell-lowcode-product-card-error");
+    }
+  }, [(_b = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _b.key]);
   const components = {
     // 选择服务
     "select-service": import_Services.default,
@@ -151,8 +187,14 @@ var Layout = () => {
     } else {
       Com2 = components[key];
     }
-    return /* @__PURE__ */ import_react.default.createElement(Com2, { onChange: setParams, params, ref: stepRef });
-  }, [(_b = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _b.key]);
+    if (key === "select-service") {
+      return /* @__PURE__ */ import_react.default.createElement(CustomComponent, { block: customPageData == null ? void 0 : customPageData.block, customComponents: {
+        product_list: /* @__PURE__ */ import_react.default.createElement(Com2, { onChange: setParams, params, ref: stepRef })
+      } });
+    } else {
+      return /* @__PURE__ */ import_react.default.createElement(Com2, { onChange: setParams, params, ref: stepRef });
+    }
+  }, [(_c = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _c.key]);
   (0, import_react.useEffect)(() => {
     var _a2, _b2;
     if ((0, import_utils.isMobile)()) {
@@ -170,7 +212,7 @@ var Layout = () => {
         content.style.overflowY = "auto";
       }
     }
-  }, [(_c = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _c.key]);
+  }, [(_d = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _d.key]);
   const isShowCartCom = (0, import_react.useMemo)(() => {
     var _a2;
     const key = (_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key;
@@ -182,14 +224,14 @@ var Layout = () => {
       var _a3, _b2;
       return (_b2 = (_a3 = stepRef == null ? void 0 : stepRef.current) == null ? void 0 : _a3.next) == null ? void 0 : _b2.call(_a3);
     } }));
-  }, [isDateSelectedFirst, (_d = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _d.key]);
+  }, [isDateSelectedFirst, (_e = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _e.key]);
   const isFooter = (0, import_react.useMemo)(() => {
     var _a2;
     if (!(0, import_utils.isMobile)()) return false;
     const key = (_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key;
     if (isDateSelectedFirst && key === "select-date") return false;
     return key !== "confirm-information";
-  }, [isDateSelectedFirst, (_e = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _e.key]);
+  }, [isDateSelectedFirst, (_f = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _f.key]);
   const depositProtocolRequest = (id) => {
     var _a2;
     return (_a2 = appointmentBooking == null ? void 0 : appointmentBooking.getProtocol) == null ? void 0 : _a2.call(appointmentBooking, id);

package/lib/components/appointmentBooking/components/Footer/index.d.ts

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

package/lib/components/appointmentBooking/components/Guest/components/InformationOptionsModal/index.d.ts

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

package/lib/components/appointmentBooking/components/Services/index.js

@@ -171,12 +171,17 @@ var Services = (0, import_react.forwardRef)((props, ref) => {
     }
     return (productListBlock == null ? void 0 : productListBlock.setting) || {};
   }, [context]);
+  const _isMobile = (0, import_react.useMemo)(() => {
+    if (typeof import_utils.isMobile === "function") return (0, import_utils.isMobile)();
+    return import_utils.isMobile;
+  }, import_utils.isMobile);
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-service-wrap" }, /* @__PURE__ */ import_react.default.createElement(
     import_productSelect.default,
     {
       dataSource: products,
       onChange: handleSelectProduct,
-      scrollDom: (0, import_utils.isMobile)() ? ".parallel-content-wrap" : ".parallel-booking-wrap",
+      scrollDom: _isMobile ? ".parallel-content-wrap" : ".parallel-booking-wrap",
+      offsetDom: _isMobile ? "" : ".pisell-section-headers",
       loading: productLoading,
       emptyDescription: import_utils.locales.getText(
         "pisell2.appointment.booking.empty.service"

package/lib/components/appointmentBooking/components/TimeSlicing/index.js

@@ -36,8 +36,9 @@ var import_react = __toESM(require("react"));
 var import_materials = require("@pisell/materials");
 var import_utils = require("@pisell/utils");
 var import_context = require("../../context");
+var import_utils2 = require("../Resource/utils");
 var import_hooks = require("../../hooks");
-var import_utils2 = require("../../utils");
+var import_utils3 = require("../../utils");
 var import_index = require("./index.less");
 var TimeSlicing = (0, import_react.forwardRef)((props, ref) => {
   const [selectedResource, setSelectedResource] = (0, import_react.useState)("");
@@ -54,7 +55,7 @@ var TimeSlicing = (0, import_react.forwardRef)((props, ref) => {
     next: () => {
       const isUnSelectedTimes = appointmentBooking.checkCartItems("date");
       if ((isUnSelectedTimes == null ? void 0 : isUnSelectedTimes.length) > 0) {
-        (0, import_utils2.Toast)(import_utils.locales.getText("pisell2.appointment.unselect.time"));
+        (0, import_utils3.Toast)(import_utils.locales.getText("pisell2.appointment.unselect.time"));
         return;
       }
       nextStep();
@@ -65,11 +66,14 @@ var TimeSlicing = (0, import_react.forwardRef)((props, ref) => {
   }, []);
   const getAutoSelect = async (val) => {
     setSelectedTime(val);
+    (0, import_utils2.scrollToFirstErrorCard)(".pisell-lowcode-product-card-error");
     const result = await appointmentBooking.submitTimeSlot(val);
   };
   (0, import_react.useEffect)(() => {
     var _a, _b, _c;
-    let appoimentBookingProductCart = carts.filter((item) => !appointmentBooking.isTargetCartIdNormalProduct(item == null ? void 0 : item._id));
+    let appoimentBookingProductCart = carts.filter(
+      (item) => !appointmentBooking.isTargetCartIdNormalProduct(item == null ? void 0 : item._id)
+    );
     if ((times == null ? void 0 : times.length) > 0 && (appoimentBookingProductCart == null ? void 0 : appoimentBookingProductCart.length) > 0) {
       const startTime = ((_a = appoimentBookingProductCart == null ? void 0 : appoimentBookingProductCart[0]) == null ? void 0 : _a.start_time) || ((_b = times == null ? void 0 : times[0]) == null ? void 0 : _b.start_time);
       setSelectedResource(startTime);

package/lib/components/appointmentBooking/components/Voucher/index.js

@@ -41,7 +41,6 @@ var import_utils = require("@pisell/utils");
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var import_materials = require("@pisell/materials");
 var import_hooks = require("../../hooks");
-var import_utils2 = require("../../utils");
 var import_voucher = require("../../../booking/components/voucher/index.less");
 var import_index = require("./index.less");
 var ShopDiscountHooks = {
@@ -154,16 +153,6 @@ var VoucherCard = (props) => {
           if (!action) return;
           openLoginModal({
             callback: (status) => {
-              var _a2, _b2, _c;
-              const user = (_c = (_b2 = (_a2 = utils.store) == null ? void 0 : _a2.getState()) == null ? void 0 : _b2.global) == null ? void 0 : _c.userInfo;
-              const currentUser2 = (0, import_utils2.formatCustomer)(user);
-              const meAccount = accountLists == null ? void 0 : accountLists.find((d) => !(d == null ? void 0 : d.isGuest));
-              if (status === "success") {
-                appointmentBooking.setLoginAccount(
-                  meAccount == null ? void 0 : meAccount.id,
-                  currentUser2
-                );
-              }
             }
           });
         }

package/lib/components/appointmentBooking/hooks.js

@@ -265,23 +265,12 @@ var useAppointmentBookingStep = () => {
       };
       const checkLogin = async () => {
         if (!isLogin) {
-          const accountLists = await appointmentBooking.getAccounts();
+          const { pubsub } = utils;
+          pubsub.once("pisell1.login.success", () => {
+            checkHolder();
+          });
           return openLoginModal({
             callback: (status) => {
-              var _a3;
-              if (status === "success") {
-                if (!isFormSubject) {
-                  const user = JSON.parse(((_a3 = utils == null ? void 0 : utils.storage) == null ? void 0 : _a3.get("customer")) || "{}");
-                  const currentUser = (0, import_utils2.formatCustomer)(user);
-                  const meAccount = accountLists == null ? void 0 : accountLists.find((d) => !(d == null ? void 0 : d.isGuest));
-                  appointmentBooking.setLoginAccount(meAccount == null ? void 0 : meAccount.id, currentUser);
-                } else {
-                  if (!isRetailTemplate) {
-                    getHolders();
-                  }
-                }
-                checkHolder();
-              }
             }
           });
         } else {
@@ -390,7 +379,7 @@ var useAppointmentBookingLogin = () => {
     utils.action({
       type: "pisell1.login",
       data: {
-        type: "plugin"
+        // type: 'plugin'
       },
       callback
     });

package/lib/components/booking/addons/model.d.ts

@@ -1,10 +1 @@
-/// <reference types="react" />
-import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

package/lib/components/booking/forms/model.d.ts

@@ -1,10 +1 @@
-/// <reference types="react" />
-import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

package/lib/components/booking/info/dateRange/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 export declare const disabledDate: (current: any, position: any, currentDate: any) => any;
 declare const DateRange: ({ state, dispatch, key }: any) => JSX.Element;

package/lib/components/booking/info/model.d.ts

@@ -1,14 +1,5 @@
-/// <reference types="react" />
-import { FormState } from '../model';
 export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

package/lib/components/booking/info/service2/Lists.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Lists: ({ onEdit, onChange }: any) => JSX.Element;
 export default Lists;

package/lib/components/booking/materiels/holder/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SelectProps } from 'antd';
 interface HolderProps extends SelectProps {
     selectProps?: SelectProps;

package/lib/components/booking/model.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface FormState {
     amountSymbol: string;
     apis: {
@@ -105,11 +104,4 @@ export declare const walkInData: {
     id: number;
     nickname: string;
 };
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

package/lib/components/booking/notes/model.d.ts

@@ -1,10 +1 @@
-/// <reference types="react" />
-import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

package/lib/components/booking/payments/model.d.ts

@@ -1,10 +1 @@
-/// <reference types="react" />
-import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

package/lib/components/eftposPay/component/step/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StatusType } from '../../const';
 declare const _default: (props: {
     status: StatusType;

package/lib/components/eventBooking/components/ErrorTip/index.d.ts

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

package/lib/components/eventBooking/components/Provider/InformationOptionsModal/index.d.ts

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

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/CallToBook/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type CallToBookProps = {
     show: boolean;
     type: string;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/WeekItem/index.d.ts

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

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateWeek/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare type CalenDateWeekProps = {
     currentDate: string;

package/lib/components/eventBooking/components/scheduleCalendar/calendarItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDataItem } from '../../type';
 declare type CalendarItemProps = {
     month: string;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const SetupForm: ({ onReady, amount, order_id, payment_method, scene, }: any) => JSX.Element;
 export default SetupForm;

package/lib/components/pay/toC/WalletPassBlock/components/WalletUseList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WalletPassDataType } from '../../../PaymentMethods/WalletPass/serve';
 import './index.less';
 interface WalletUseListProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface FormState {
     platform: 'pc' | 'h5' | '' | undefined;
     order: any;
@@ -29,11 +28,4 @@ export interface PayGroup {
     pay_number?: string;
     _order: any;
 }
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

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

@@ -39,7 +39,15 @@ 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 getOffsetTopRelativeToScrollContainer = (targetElement, scrollContainer) => {
+  if (!targetElement || !scrollContainer) return 0;
+  if (targetElement === scrollContainer) {
+    return 0;
+  }
+  const targetRect = targetElement.getBoundingClientRect();
+  const containerRect = scrollContainer.getBoundingClientRect();
+  return targetRect.top - containerRect.top + scrollContainer.scrollTop;
+};
 var TabProduct = (props) => {
   const {
     showTab = true,
@@ -48,6 +56,7 @@ var TabProduct = (props) => {
     onChange,
     amountSymbol = "$",
     scrollDom,
+    offsetDom,
     value: currentProductId,
     loading,
     emptyDescription,
@@ -55,6 +64,8 @@ var TabProduct = (props) => {
   } = props;
   const tabsRef = (0, import_react.useRef)();
   const [currentGroupId, setCurrentGroupId] = (0, import_react.useState)(1);
+  const tabLocatingRef = (0, import_react.useRef)(false);
+  const ioRef = (0, import_react.useRef)(null);
   (0, import_react.useEffect)(() => {
     if (list == null ? void 0 : list.length) {
       setCurrentGroupId(list[0].id);
@@ -62,6 +73,9 @@ var TabProduct = (props) => {
         handleObserver();
       });
     }
+    return () => {
+      handleUnobserver();
+    };
   }, [list]);
   const debouncedScroll = (0, import_ahooks.useDebounceFn)(
     (id) => {
@@ -75,18 +89,23 @@ var TabProduct = (props) => {
     const _marginTop = 270;
     const _marginBottom = window.innerHeight - 70 - 200 - 70;
     const _rootMargin = `${_marginTop * -1}px 0px ${_marginBottom * -1}px 0px`;
-    io = new IntersectionObserver(
+    ioRef.current = new IntersectionObserver(
       (entries) => {
-        var _a, _b;
+        var _a;
         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);
+          const targetId = (_a = topMostEntry == null ? void 0 : topMostEntry.target) == null ? void 0 : _a.id;
+          if (targetId) {
+            const [name, id] = targetId.split("-");
+            const newGroupId = Number(id);
+            if (!tabLocatingRef.current && !isNaN(newGroupId)) {
+              setCurrentGroupId(newGroupId);
+              debouncedScroll.run(id);
+            }
+          }
         }
       },
       {
@@ -94,24 +113,28 @@ var TabProduct = (props) => {
         rootMargin: _rootMargin
       }
     );
-    if (list == null ? void 0 : list.length) {
+    if ((list == null ? void 0 : list.length) && ioRef.current) {
       for (const item of list) {
         const _item = document.querySelector(`#list-${item.id}`);
         if (_item) {
-          io.observe(_item);
+          ioRef.current.observe(_item);
         }
       }
     }
   });
   const handleUnobserver = (0, import_ahooks.useMemoizedFn)(() => {
-    if ((list == null ? void 0 : list.length) && io) {
+    if ((list == null ? void 0 : list.length) && ioRef.current) {
       for (const item of list) {
         const _item = document.querySelector(`#list-${item.id}`);
         if (_item) {
-          io.unobserve(_item);
+          ioRef.current.unobserve(_item);
         }
       }
     }
+    if (ioRef.current) {
+      ioRef.current.disconnect();
+      ioRef.current = null;
+    }
   });
   const renderContent = () => {
     if (loading) {
@@ -126,7 +149,7 @@ var TabProduct = (props) => {
       );
     }
     return list.map((item, i) => {
-      return /* @__PURE__ */ import_react.default.createElement("div", { id: `list-${item.id}`, key: i }, /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ import_react.default.createElement("div", { id: `list-${item.id}`, key: `list-${item.id}` }, /* @__PURE__ */ import_react.default.createElement(
         import_productGroup.default,
         {
           onSelectProduct: onChange,
@@ -148,7 +171,7 @@ var TabProduct = (props) => {
       }
     ), /* @__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(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showTab && list && list.length > 1 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-product-select-tabs-wrapper" }, loading ? tabSkeleton : /* @__PURE__ */ import_react.default.createElement(
     import_tabs.default,
     {
       ref: tabsRef,
@@ -157,33 +180,47 @@ var TabProduct = (props) => {
       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;
+        try {
+          const productSelectWrapper = document.querySelector(
+            ".pisell-product-select-wrapper"
+          );
+          const tabsWrapper = document.querySelector(
+            ".pisell-product-select-tabs-wrapper"
+          );
+          let tabsHeight = 0;
+          if (tabsWrapper) {
+            tabsHeight = tabsWrapper.offsetHeight;
+          }
+          const targetListElement = document == null ? void 0 : document.querySelector("#list-" + e);
+          const scrollContainer = scrollDom ? document == null ? void 0 : document.querySelector(scrollDom) : null;
+          const offsetElement = offsetDom ? document == null ? void 0 : document.querySelector(offsetDom) : null;
+          const extraOffset = offsetElement ? offsetElement.clientHeight : 0;
+          handleUnobserver();
+          tabLocatingRef.current = true;
+          if (targetListElement && scrollContainer) {
+            if (e === ((_a = list[0]) == null ? void 0 : _a.id)) {
+              if (productSelectWrapper) {
+                const wrapperOffsetTop = getOffsetTopRelativeToScrollContainer(productSelectWrapper, scrollContainer);
+                scrollContainer.scrollTop = wrapperOffsetTop - extraOffset;
+              }
+            } else {
+              const listOffsetTop = getOffsetTopRelativeToScrollContainer(targetListElement, scrollContainer);
+              scrollContainer.scrollTop = listOffsetTop - tabsHeight - extraOffset;
+            }
           }
+          setCurrentGroupId(e);
+          debouncedScroll.run(e);
+          setTimeout(() => {
+            tabLocatingRef.current = false;
+            handleObserver();
+          }, 500);
+        } catch (error) {
+          console.error("Tab onChange error:", error);
+          tabLocatingRef.current = false;
+          setCurrentGroupId(e);
         }
-        handleUnobserver();
-        setCurrentGroupId(e);
-        setTimeout(() => {
-          handleObserver();
-        }, 1e3);
       }
     }
-  )) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-product-select-product-list" }, renderContent()));
+  )) : /* @__PURE__ */ import_react.default.createElement("p", null, /* @__PURE__ */ import_react.default.createElement("br", 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.less

@@ -107,6 +107,7 @@
         text-overflow: ellipsis;
         overflow: hidden;
         white-space: nowrap;
+        user-select: none;
       }
 
       &:hover {

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

@@ -14,6 +14,8 @@ interface ProductSelectProps {
     value?: number;
     loading?: boolean;
     scrollDom?: string;
+    /** 某些设置了固定头部的情况 */
+    offsetDom?: string;
     style?: React.CSSProperties;
     emptyDescription?: string;
     token?: Partial<ProductSelectToken>;

package/lib/components/schedules/components/CurrentDay/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare type CurrentDayProps = {
     onClose: () => void;