@pisell/private-materials 3.4.5 → 3.4.6

package/es/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/es/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/es/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/es/components/booking/utils.d.ts

@@ -165,10 +165,10 @@ export declare const getProductTotalPrice: (item: any) => number;
 export declare const getDuration: (duration: number | {
     type: string;
     value: number;
-}) => number | "flexible" | {
+}) => number | {
     type: string;
     value: number;
-};
+} | "flexible";
 export declare const isWalkIn: (customer_id?: number | string) => boolean;
 export declare const getIsEdit: (state: any) => boolean;
 export {};

package/es/components/eftpos/deviceList/index.d.ts

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

package/es/components/eftpos/form/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @title: 递归循环表单数据
  * @Author: hongbing.wang

package/es/components/eftpos/group/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioGroupProps } from 'antd';
 export declare const CheckboxGroup: ({ direction, options, ...props }: any) => JSX.Element;
 export declare const RadioGroup: ({ direction, options, ...props }: RadioGroupProps & {

package/es/components/eftpos/hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Eftpos } from './const';
 /**
  * @title: tyro 设备连接

package/es/components/eftpos/icon/apiKey.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: ({ color }: {
     color?: string | undefined;
 }) => JSX.Element;

package/es/components/eftpos/icon/device.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: ({ color }: {
     color?: string | undefined;
 }) => JSX.Element;

package/es/components/eftpos/receipt/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @title: 自定义组件设置
  * @description: 自定义组件设置

package/es/components/eftpos/surcharge/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.css';
 /**
  * @title: 自定义组件设置

package/es/components/eftposPay/amount.d.ts

@@ -8,7 +8,7 @@ import { PosProps } from './const';
  */
 declare const _default: ({ className, onChange, onClose, formatAmount, isMobile, net, client }: {
     className?: string | undefined;
-    onChange?: ((status: "success" | "page" | "print" | "fail" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "success" | "page" | "fail" | "print" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

package/es/components/eftposPay/component/alert/warn.d.ts

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

package/es/components/eftposPay/component/header/titlebar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './titlebar.less';
 declare enum EPopupTitleBarVariantType {
     BackTitleClose = "back-title-cancel",

package/es/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/es/components/eftposPay/component/step/step.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: (props: {
     status: string;
     pedding?: string;

package/es/components/eftposPay/device.d.ts

@@ -10,7 +10,7 @@ import './device.less';
 declare const _default: ({ api, onChange, onClose, className, device_number, isMobile, net, client, formatAmount, }: {
     api: PayProps['api'];
     className?: string | undefined;
-    onChange?: ((status: "success" | "page" | "print" | "fail" | "mark_tx_processed", params?: string | {
+    onChange?: ((status: "success" | "page" | "fail" | "print" | "mark_tx_processed", params?: string | {
         [keys: string]: unknown;
     } | undefined, other?: any) => void) | undefined;
     onClose: () => void;

package/es/components/eftposPay/hooks.d.ts

@@ -15,11 +15,11 @@ export declare const useStoreRef: <T extends {
     readonly numRef: React.MutableRefObject<string | number | undefined>;
     readonly orderIdRef: React.MutableRefObject<string | number>;
     readonly modeRef: React.MutableRefObject<ModeEnum>;
-    readonly statusRef: React.MutableRefObject<"success" | "loading" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question">;
+    readonly statusRef: React.MutableRefObject<"success" | "warn" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question">;
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"tyro" | "windcave" | "stripe" | "payo">;
+    readonly eftposRef: React.MutableRefObject<"payo" | "tyro" | "windcave" | "stripe">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };

package/es/components/eftposPay/store/index.d.ts

@@ -174,7 +174,7 @@ export declare const updateCustom: (payload: {
 export declare const updateStatus: (status: 'loading' | 'warn' | 'fail' | 'success' | 'question') => {
     type: EActionTypes;
     payload: {
-        status: "success" | "loading" | "warn" | "fail" | "question";
+        status: "success" | "warn" | "loading" | "fail" | "question";
     };
 };
 /**
@@ -295,20 +295,20 @@ export declare const backUpFree: (payload: Partial<State>) => {
         name?: string | undefined;
         symbol?: string | undefined;
         amount?: string | number | undefined;
-        mode?: "refund" | "pay" | "fullPay" | "query" | undefined;
+        mode?: "pay" | "fullPay" | "refund" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "tyro" | "windcave" | "stripe" | "payo" | undefined;
+        eftpos?: "payo" | "tyro" | "windcave" | "stripe" | undefined;
         action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;
         title?: string | undefined;
         subTitle?: string | undefined;
-        type?: "unset" | "step" | undefined;
+        type?: "step" | "unset" | undefined;
         render?: boolean | undefined;
         net?: boolean | undefined;
         component?: string | undefined;
         form?: string | undefined;
-        status?: "success" | "loading" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
+        status?: "success" | "warn" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
         warn?: string | undefined;
         steps?: {
             /** 用于重置当前步骤 */

package/es/components/eftposPay/tyro/hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @title: 获取 Tyro 资源
  * @description:

package/es/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/es/components/eventBooking/components/Provider/Cart/Deposit/index.d.ts

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

package/es/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/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateStatus/index.d.ts

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

package/es/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/es/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/es/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/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/DayItem/index.d.ts

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

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/index.d.ts

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

package/es/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Status/index.d.ts

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

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

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

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/Finish/index.d.ts

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

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/SDK.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/PageLoading/index.d.ts

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

package/es/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/PaymentRequestForm.d.ts

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

package/es/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/es/components/pay/toC/PaymentMethods/StripePay/Stripe/index.d.ts

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

package/es/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/es/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/es/components/pisellSelectCustomerModal/RightPanel/Add/PhoneField/index.d.ts

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

package/es/components/productExtension/fields/Actor/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Actor: ({ name }: {
     name: string;
 }) => JSX.Element;

package/es/components/productExtension/fields/Forms/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface InfoProps {
     relation_id: any;
     action: any;

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

@@ -1,4 +1,4 @@
-var _excluded = ["showTab", "layout", "list", "onChange", "amountSymbol", "scrollDom", "value", "loading", "emptyDescription"];
+var _excluded = ["showTab", "layout", "list", "onChange", "amountSymbol", "scrollDom", "offsetDom", "value", "loading", "emptyDescription"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -16,7 +16,24 @@ import { useMemoizedFn, useDebounceFn } from 'ahooks';
 import { locales } from '@pisell/utils';
 import Tabs from "./tabs";
 import ProductGroup, { ProductGroupSkeleton } from "../productGroup";
-var io = null;
+// 获取元素相对于指定滚动容器的偏移量
+var getOffsetTopRelativeToScrollContainer = function getOffsetTopRelativeToScrollContainer(targetElement, scrollContainer) {
+  if (!targetElement || !scrollContainer) return 0;
+
+  // 如果目标元素就是滚动容器本身，返回0
+  if (targetElement === scrollContainer) {
+    return 0;
+  }
+
+  // 使用getBoundingClientRect计算相对偏移量
+  var targetRect = targetElement.getBoundingClientRect();
+  var containerRect = scrollContainer.getBoundingClientRect();
+
+  // targetRect.top - containerRect.top 得到目标元素相对于容器顶部的可视距离
+  // 考虑容器已经滚动的距离 再加上scrollContainer.scrollTop
+  // 这样得到的是目标元素在容器内容中的绝对位置
+  return targetRect.top - containerRect.top + scrollContainer.scrollTop;
+};
 var TabProduct = function TabProduct(props) {
   var _props$showTab = props.showTab,
     showTab = _props$showTab === void 0 ? true : _props$showTab,
@@ -26,6 +43,7 @@ var TabProduct = function TabProduct(props) {
     _props$amountSymbol = props.amountSymbol,
     amountSymbol = _props$amountSymbol === void 0 ? '$' : _props$amountSymbol,
     scrollDom = props.scrollDom,
+    offsetDom = props.offsetDom,
     currentProductId = props.value,
     loading = props.loading,
     emptyDescription = props.emptyDescription,
@@ -35,6 +53,8 @@ var TabProduct = function TabProduct(props) {
     _useState2 = _slicedToArray(_useState, 2),
     currentGroupId = _useState2[0],
     setCurrentGroupId = _useState2[1];
+  var tabLocatingRef = useRef(false);
+  var ioRef = useRef(null);
   useEffect(function () {
     if (list !== null && list !== void 0 && list.length) {
       setCurrentGroupId(list[0].id);
@@ -42,6 +62,11 @@ var TabProduct = function TabProduct(props) {
         handleObserver();
       });
     }
+
+    // 清理函数
+    return function () {
+      handleUnobserver();
+    };
   }, [list]);
 
   // 添加防抖的scroll函数
@@ -56,7 +81,7 @@ var TabProduct = function TabProduct(props) {
     var _marginTop = 270;
     var _marginBottom = window.innerHeight - 70 - 200 - 70;
     var _rootMargin = "".concat(_marginTop * -1, "px 0px ").concat(_marginBottom * -1, "px 0px");
-    io = new IntersectionObserver(function (entries) {
+    ioRef.current = new IntersectionObserver(function (entries) {
       var enteringEntries = entries.filter(function (entry) {
         return entry.isIntersecting;
       });
@@ -66,20 +91,24 @@ var TabProduct = function TabProduct(props) {
         var topMostEntry = enteringEntries.reduce(function (top, current) {
           return current.boundingClientRect.top < top.boundingClientRect.top ? current : top;
         });
-        var _topMostEntry$target$ = topMostEntry === null || topMostEntry === void 0 || (_topMostEntry$target = topMostEntry.target) === null || _topMostEntry$target === void 0 || (_topMostEntry$target = _topMostEntry$target.id) === null || _topMostEntry$target === void 0 ? void 0 : _topMostEntry$target.split('-'),
-          _topMostEntry$target$2 = _slicedToArray(_topMostEntry$target$, 2),
-          name = _topMostEntry$target$2[0],
-          id = _topMostEntry$target$2[1];
-        var newGroupId = Number(id);
-        setCurrentGroupId(newGroupId);
-        debouncedScroll.run(id);
-        // tabsRef?.current?.scroll(id);
+        var targetId = topMostEntry === null || topMostEntry === void 0 || (_topMostEntry$target = topMostEntry.target) === null || _topMostEntry$target === void 0 ? void 0 : _topMostEntry$target.id;
+        if (targetId) {
+          var _targetId$split = targetId.split('-'),
+            _targetId$split2 = _slicedToArray(_targetId$split, 2),
+            name = _targetId$split2[0],
+            id = _targetId$split2[1];
+          var newGroupId = Number(id);
+          if (!tabLocatingRef.current && !isNaN(newGroupId)) {
+            setCurrentGroupId(newGroupId);
+            debouncedScroll.run(id);
+          }
+        }
       }
     }, {
       root: null,
       rootMargin: _rootMargin
     });
-    if (list !== null && list !== void 0 && list.length) {
+    if (list !== null && list !== void 0 && list.length && ioRef.current) {
       var _iterator = _createForOfIteratorHelper(list),
         _step;
       try {
@@ -87,7 +116,7 @@ var TabProduct = function TabProduct(props) {
           var item = _step.value;
           var _item = document.querySelector("#list-".concat(item.id));
           if (_item) {
-            io.observe(_item);
+            ioRef.current.observe(_item);
           }
         }
       } catch (err) {
@@ -98,7 +127,7 @@ var TabProduct = function TabProduct(props) {
     }
   });
   var handleUnobserver = useMemoizedFn(function () {
-    if (list !== null && list !== void 0 && list.length && io) {
+    if (list !== null && list !== void 0 && list.length && ioRef.current) {
       var _iterator2 = _createForOfIteratorHelper(list),
         _step2;
       try {
@@ -106,7 +135,7 @@ var TabProduct = function TabProduct(props) {
           var item = _step2.value;
           var _item = document.querySelector("#list-".concat(item.id));
           if (_item) {
-            io.unobserve(_item);
+            ioRef.current.unobserve(_item);
           }
         }
       } catch (err) {
@@ -115,6 +144,11 @@ var TabProduct = function TabProduct(props) {
         _iterator2.f();
       }
     }
+    // 断开观察器连接
+    if (ioRef.current) {
+      ioRef.current.disconnect();
+      ioRef.current = null;
+    }
   });
   var renderContent = function renderContent() {
     if (loading) {
@@ -130,7 +164,7 @@ var TabProduct = function TabProduct(props) {
     return list.map(function (item, i) {
       return /*#__PURE__*/React.createElement("div", {
         id: "list-".concat(item.id),
-        key: i
+        key: "list-".concat(item.id)
       }, /*#__PURE__*/React.createElement(ProductGroup, _extends({
         onSelectProduct: onChange,
         currentProductId: currentProductId,
@@ -157,7 +191,7 @@ var TabProduct = function TabProduct(props) {
       shape: 'round'
     })));
   }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, showTab ? /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, showTab && list && list.length > 1 ? /*#__PURE__*/React.createElement("div", {
     className: "pisell-product-select-tabs-wrapper"
   }, loading ? tabSkeleton : /*#__PURE__*/React.createElement(Tabs, {
     ref: tabsRef,
@@ -165,31 +199,61 @@ var TabProduct = function TabProduct(props) {
     rowKey: 'id',
     tab: currentGroupId,
     onChange: function onChange(e) {
-      var _document, _document2;
-      var comWrapper = document.querySelector('.pisell-product-select-wrapper');
-      var categoryDom = document.querySelector('.pisell-product-select-tabs-wrapper');
-      var wrapperOffsetTop = comWrapper.offsetTop;
-      var top = 0;
-      if (categoryDom) {
-        top = categoryDom.offsetHeight;
-      }
-      var dom = (_document = document) === null || _document === void 0 ? void 0 : _document.querySelector('#list-' + e);
-      var main = (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.querySelector(scrollDom);
-      if (dom && main) {
-        var _list$;
-        if (e === ((_list$ = list[0]) === null || _list$ === void 0 ? void 0 : _list$.id)) {
-          main.scrollTop = 0;
-        } else {
-          main.scrollTop = dom.offsetTop - top - wrapperOffsetTop;
+      try {
+        var _document, _document2, _document3;
+        // 获取产品选择器包装容器
+        var productSelectWrapper = document.querySelector('.pisell-product-select-wrapper');
+        // 获取标签页包装容器
+        var tabsWrapper = document.querySelector('.pisell-product-select-tabs-wrapper');
+        // 计算标签页高度，用于滚动时的偏移
+        var tabsHeight = 0;
+        if (tabsWrapper) {
+          tabsHeight = tabsWrapper.offsetHeight;
         }
+
+        // 获取目标列表元素和滚动容器
+        var targetListElement = (_document = document) === null || _document === void 0 ? void 0 : _document.querySelector('#list-' + e);
+        var scrollContainer = scrollDom ? (_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.querySelector(scrollDom) : null;
+        // 获取额外偏移元素（如固定头部等）
+        var offsetElement = offsetDom ? (_document3 = document) === null || _document3 === void 0 ? void 0 : _document3.querySelector(offsetDom) : null;
+        var extraOffset = offsetElement ? offsetElement.clientHeight : 0;
+
+        // 停止观察器，防止滚动时触发tab切换
+        handleUnobserver();
+        // 标记正在进行tab定位，避免滚动时的干扰
+        tabLocatingRef.current = true;
+        if (targetListElement && scrollContainer) {
+          var _list$;
+          if (e === ((_list$ = list[0]) === null || _list$ === void 0 ? void 0 : _list$.id)) {
+            // 如果是第一个tab，滚动到产品选择器包装容器的位置
+            if (productSelectWrapper) {
+              var wrapperOffsetTop = getOffsetTopRelativeToScrollContainer(productSelectWrapper, scrollContainer);
+              scrollContainer.scrollTop = wrapperOffsetTop - extraOffset;
+            }
+          } else {
+            // 其他tab，滚动到对应列表元素位置，需要减去标签页高度
+            var listOffsetTop = getOffsetTopRelativeToScrollContainer(targetListElement, scrollContainer);
+            scrollContainer.scrollTop = listOffsetTop - tabsHeight - extraOffset;
+          }
+        }
+
+        // 更新当前选中的分组ID
+        setCurrentGroupId(e);
+        // 触发防抖滚动
+        debouncedScroll.run(e);
+        // 延迟恢复观察器
+        setTimeout(function () {
+          tabLocatingRef.current = false;
+          handleObserver();
+        }, 500);
+      } catch (error) {
+        console.error('Tab onChange error:', error);
+        // 即使出错也要恢复状态
+        tabLocatingRef.current = false;
+        setCurrentGroupId(e);
       }
-      handleUnobserver();
-      setCurrentGroupId(e);
-      setTimeout(function () {
-        handleObserver();
-      }, 1000);
     }
-  })) : null, /*#__PURE__*/React.createElement("div", {
+  })) : /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("br", null)), /*#__PURE__*/React.createElement("div", {
     className: "pisell-product-select-product-list"
   }, renderContent()));
 };

package/es/components/productSelect/components/TabProduct/tabs/index.less

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

package/es/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/es/components/schedules/calendar/calendarItem.d.ts

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