@pisell/materials 1.10.5 → 1.10.7

package/es/components/PisellSuperTabs/PisellSuperTabs.js

@@ -51,6 +51,7 @@ var PisellSuperTabs = function PisellSuperTabs(props, ref) {
     isControlled = _props$isControlled === void 0 ? true : _props$isControlled,
     __designMode = props.__designMode;
   var containerRef = useRef(null);
+  var scrollViewRef = useRef(null);
 
   // 状态管理：处理受控/非受控模式
   var _useTabsState = useTabsState({
@@ -62,13 +63,36 @@ var PisellSuperTabs = function PisellSuperTabs(props, ref) {
     activeKey = _useTabsState.activeKey,
     handleTabChange = _useTabsState.handleTabChange;
   var scrollItemByRowKey = function scrollItemByRowKey(key) {
-    var item = document.querySelector(".pisell-super-tabs-item-".concat(id, "-").concat(key));
-    console.log(".pisell-super-tabs-item-".concat(id, "-").concat(key));
-    if (item) {
-      item.scrollIntoView({
-        behavior: 'smooth'
-      });
+    var _containerRef$current, _scrollViewRef$curren, _scrollViewRef$curren2;
+    var item = Array.from(((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.querySelectorAll('[data-pisell-super-tabs-key]')) || []).find(function (element) {
+      return element.dataset.pisellSuperTabsKey === key;
+    });
+    var scrollContainer = (_scrollViewRef$curren = scrollViewRef.current) === null || _scrollViewRef$curren === void 0 || (_scrollViewRef$curren2 = _scrollViewRef$curren.getScrollContainer) === null || _scrollViewRef$curren2 === void 0 ? void 0 : _scrollViewRef$curren2.call(_scrollViewRef$curren);
+    if (!item || !scrollContainer) return;
+    var containerRect = scrollContainer.getBoundingClientRect();
+    var itemRect = item.getBoundingClientRect();
+    var canScrollX = scrollContainer.scrollWidth > scrollContainer.clientWidth + 1;
+    var canScrollY = scrollContainer.scrollHeight > scrollContainer.clientHeight + 1;
+    var nextLeft = scrollContainer.scrollLeft;
+    var nextTop = scrollContainer.scrollTop;
+    if (canScrollX && itemRect.left < containerRect.left) {
+      nextLeft -= containerRect.left - itemRect.left;
+    } else if (canScrollX && itemRect.right > containerRect.right) {
+      nextLeft += itemRect.right - containerRect.right;
     }
+    if (canScrollY && itemRect.top < containerRect.top) {
+      nextTop -= containerRect.top - itemRect.top;
+    } else if (canScrollY && itemRect.bottom > containerRect.bottom) {
+      nextTop += itemRect.bottom - containerRect.bottom;
+    }
+    if (nextLeft === scrollContainer.scrollLeft && nextTop === scrollContainer.scrollTop) {
+      return;
+    }
+    scrollContainer.scrollTo({
+      left: nextLeft,
+      top: nextTop,
+      behavior: 'smooth'
+    });
   };
   useImperativeHandle(ref, function () {
     if (__designMode) {
@@ -95,7 +119,9 @@ var PisellSuperTabs = function PisellSuperTabs(props, ref) {
   }, slotTop), /*#__PURE__*/React.createElement("div", {
     className: classNames('pisell-super-tabs-slot-left-' + id, slotLeftClassName),
     style: slotLeftStyle
-  }, slotLeft), /*#__PURE__*/React.createElement(PisellScrollView, resolvedScrollViewProps, /*#__PURE__*/React.createElement(PisellBasicGrid, _extends({}, gridProps, {
+  }, slotLeft), /*#__PURE__*/React.createElement(PisellScrollView, _extends({
+    ref: scrollViewRef
+  }, resolvedScrollViewProps), /*#__PURE__*/React.createElement(PisellBasicGrid, _extends({}, gridProps, {
     dataSource: dataSource,
     rowKey: rowKey,
     renderItem: function renderItem(item, index) {
@@ -140,6 +166,7 @@ var PisellSuperTabs = function PisellSuperTabs(props, ref) {
       // 包裹点击事件处理
       return /*#__PURE__*/React.createElement("div", {
         key: key,
+        "data-pisell-super-tabs-key": key,
         className: classNames('pisell-super-tabs-item', "pisell-super-tabs-item-".concat(id, "-").concat(key), {
           'pisell-super-tabs-item--active': active
         }, tabItemClassName),

package/es/components/PisellTabbar/template/Template1/PisellTabbar.js

@@ -85,9 +85,14 @@ var PisellTabbar = function PisellTabbar(props, ref) {
     _props$direction = props.direction,
     direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
     _props$showAllItem = props.showAllItem,
-    showAllItem = _props$showAllItem === void 0 ? true : _props$showAllItem;
+    showAllItem = _props$showAllItem === void 0 ? true : _props$showAllItem,
+    _props$showSearchItem = props.showSearchItem,
+    showSearchItem = _props$showSearchItem === void 0 ? true : _props$showSearchItem,
+    _props$scrollActiveIt = props.scrollActiveItemIntoView,
+    scrollActiveItemIntoView = _props$scrollActiveIt === void 0 ? false : _props$scrollActiveIt;
   var isVertical = direction === 'vertical';
   var containerRef = useRef(null);
+  var level1TabsRef = useRef(null);
   var searchRef = useRef(null);
   var firstCategoryKey = (_dataSource$0$id = (_dataSource$ = dataSource[0]) === null || _dataSource$ === void 0 ? void 0 : _dataSource$.id) !== null && _dataSource$0$id !== void 0 ? _dataSource$0$id : (_dataSource$2 = dataSource[0]) === null || _dataSource$2 === void 0 ? void 0 : _dataSource$2.key;
   var initialActiveKey = value !== null && value !== void 0 ? value : showAllItem ? getDefaultActiveKey(dataSource, 'id') : firstCategoryKey !== undefined ? [firstCategoryKey] : [];
@@ -145,6 +150,16 @@ var PisellTabbar = function PisellTabbar(props, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isSearchOpen = _useState2[0],
     setIsSearchOpen = _useState2[1];
+  useEffect(function () {
+    if (!scrollActiveItemIntoView || level1Value == null) return;
+    var animationFrame = requestAnimationFrame(function () {
+      var _level1TabsRef$curren, _level1TabsRef$curren2;
+      (_level1TabsRef$curren = level1TabsRef.current) === null || _level1TabsRef$curren === void 0 || (_level1TabsRef$curren2 = _level1TabsRef$curren.scrollItemByRowKey) === null || _level1TabsRef$curren2 === void 0 || _level1TabsRef$curren2.call(_level1TabsRef$curren, String(level1Value));
+    });
+    return function () {
+      return cancelAnimationFrame(animationFrame);
+    };
+  }, [level1Value, scrollActiveItemIntoView]);
 
   /**
    * 打开搜索模式
@@ -357,7 +372,7 @@ var PisellTabbar = function PisellTabbar(props, ref) {
    */
   var level1DataSource = useMemo(function () {
     var categoryItems = dataSource.length ? addDataSourceItemsByKey(dataSource, LEVEL_ADD_ITEMS.level1.filter(function (itemKey) {
-      return showAllItem || itemKey !== 'all';
+      return (showAllItem || itemKey !== 'all') && (showSearchItem || itemKey !== 'search');
     })) : [];
     var actionItems = (level1Actions || []).map(function (action, index) {
       return {
@@ -378,7 +393,7 @@ var PisellTabbar = function PisellTabbar(props, ref) {
     return isVertical ? full.filter(function (item) {
       return (item === null || item === void 0 ? void 0 : item.key) !== 'expand';
     }) : full;
-  }, [dataSource, isSearchOpen, isVertical, level1Actions, showAllItem]);
+  }, [dataSource, isSearchOpen, isVertical, level1Actions, showAllItem, showSearchItem]);
 
   /**
    * 渲染一级 Tab Item
@@ -646,6 +661,7 @@ var PisellTabbar = function PisellTabbar(props, ref) {
     style: style,
     ref: containerRef
   }, /*#__PURE__*/React.createElement(SuperTabs, {
+    ref: level1TabsRef,
     isControlled: true,
     id: tabbarId,
     className: classNames('pisell-tabbar__level', 'pisell-tabbar__level--1'),

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts

@@ -1,5 +1,5 @@
 declare const useDataSourceKey: () => {
-    dataSourceKey: string | undefined;
-    dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;
+    dataSourceKey: string | import("../../provider/dataSource/DataSourceContext").DataSourceType | undefined;
+    dataSourceKeyRef: import("react").MutableRefObject<string | import("../../provider/dataSource/DataSourceContext").DataSourceType | undefined>;
 };
 export default useDataSourceKey;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -19,7 +19,7 @@ interface UseTablePropsProps {
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
     currentComponentId: any;
-    title: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
+    title: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
         current: number;
@@ -28,7 +28,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         showSizeChanger: boolean;
     };
     columns: import("./useColumns").Column[];
-    subTitle: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
+    subTitle: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
     filter: {
         dom: any;

package/es/components/pisellDataSourceContainer/hooks/useDataSourceKey.d.ts

@@ -1,5 +1,5 @@
 declare const useDataSourceKey: () => {
-    dataSourceKey: string | undefined;
-    dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;
+    dataSourceKey: string | import("../../dataSourceComponents/provider/dataSource/DataSourceContext").DataSourceType | undefined;
+    dataSourceKeyRef: import("react").MutableRefObject<string | import("../../dataSourceComponents/provider/dataSource/DataSourceContext").DataSourceType | undefined>;
 };
 export default useDataSourceKey;

package/es/components/productCard/cartSkuCard/components/basicInfo/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import './index.less';
 interface IProps {
     isShowImage?: boolean;
+    isShowQuantityBadge?: boolean;
     dataSource: {
         image?: string;
         bundle?: any[];

package/es/components/productCard/cartSkuCard/components/basicInfo/index.js

@@ -13,6 +13,8 @@ import EditButton from "../../../components/Header/EditButton";
 import "./index.less";
 var BasicInfo = function BasicInfo(props) {
   var isShowImage = props.isShowImage,
+    _props$isShowQuantity = props.isShowQuantityBadge,
+    isShowQuantityBadge = _props$isShowQuantity === void 0 ? true : _props$isShowQuantity,
     _props$dataSource = props.dataSource,
     dataSource = _props$dataSource === void 0 ? {} : _props$dataSource,
     style = props.style,
@@ -121,7 +123,7 @@ var BasicInfo = function BasicInfo(props) {
     return /*#__PURE__*/React.createElement("div", {
       className: basicInfoClassName,
       style: style || {}
-    }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /*#__PURE__*/React.createElement("div", {
+    }, isShowQuantityBadge ? renderNumTag() : null, renderImage(), !isShowImage || !image && !name ? /*#__PURE__*/React.createElement("div", {
       style: {
         width: 20
       }
@@ -144,7 +146,7 @@ var BasicInfo = function BasicInfo(props) {
     return /*#__PURE__*/React.createElement("div", {
       className: basicInfoClassName,
       style: style || {}
-    }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /*#__PURE__*/React.createElement("div", {
+    }, isShowQuantityBadge ? renderNumTag() : null, renderImage(), !isShowImage || !image && !name ? /*#__PURE__*/React.createElement("div", {
       style: {
         width: 20
       }
@@ -165,7 +167,7 @@ var BasicInfo = function BasicInfo(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: basicInfoClassName,
     style: style || {}
-  }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /*#__PURE__*/React.createElement("div", {
+  }, isShowQuantityBadge ? renderNumTag() : null, renderImage(), !isShowImage || !image && !name ? /*#__PURE__*/React.createElement("div", {
     style: {
       width: 20
     }

package/es/components/productCard/cartSkuCard/components/packages/index.d.ts

@@ -2,11 +2,12 @@ import React from 'react';
 import './index.less';
 interface IProps {
     isShowImage?: boolean;
+    isShowQuantityBadge?: boolean;
     dataSource: {
         bundle?: any[];
         symbol?: string;
     };
     type?: 'a2' | 'a5' | 'a9';
 }
-declare const Packages: ({ isShowImage, dataSource, type }: IProps) => React.JSX.Element | null;
+declare const Packages: ({ isShowImage, isShowQuantityBadge, dataSource, type, }: IProps) => React.JSX.Element | null;
 export default Packages;

package/es/components/productCard/cartSkuCard/components/packages/index.js

@@ -14,6 +14,7 @@ import AmountFooter from "../../../components/AmountFooter";
 import "./index.less";
 var Packages = function Packages(_ref) {
   var isShowImage = _ref.isShowImage,
+    isShowQuantityBadge = _ref.isShowQuantityBadge,
     _ref$dataSource = _ref.dataSource,
     dataSource = _ref$dataSource === void 0 ? {} : _ref$dataSource,
     type = _ref.type;
@@ -51,6 +52,7 @@ var Packages = function Packages(_ref) {
         }
       }, /*#__PURE__*/React.createElement(BasicInfo, {
         isShowImage: isShowImage,
+        isShowQuantityBadge: isShowQuantityBadge,
         dataSource: _objectSpread(_objectSpread({}, item), {}, {
           name: item.title,
           image: item.cover,

package/es/components/productCard/cartSkuCard/components/packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

package/es/components/productCard/cartSkuCard/components/sales/index.d.ts

@@ -8,6 +8,7 @@ interface IProps {
         bundle?: any[];
     };
     isShowImage?: boolean;
+    isShowQuantityBadge?: boolean;
 }
-declare const Sales: ({ hideDivider, dataSource, isShowImage }: IProps) => React.JSX.Element | null;
+declare const Sales: ({ hideDivider, dataSource, isShowImage, isShowQuantityBadge, }: IProps) => React.JSX.Element | null;
 export default Sales;

package/es/components/productCard/cartSkuCard/components/sales/index.js

@@ -14,7 +14,8 @@ import "./index.less";
 var Sales = function Sales(_ref) {
   var hideDivider = _ref.hideDivider,
     dataSource = _ref.dataSource,
-    isShowImage = _ref.isShowImage;
+    isShowImage = _ref.isShowImage,
+    isShowQuantityBadge = _ref.isShowQuantityBadge;
   var _ref2 = dataSource || {},
     _ref2$relation_produc = _ref2.relation_products,
     relation_products = _ref2$relation_produc === void 0 ? [] : _ref2$relation_produc,
@@ -44,6 +45,7 @@ var Sales = function Sales(_ref) {
     renderItem: function renderItem(item) {
       return /*#__PURE__*/React.createElement(BasicInfo, {
         isShowImage: isShowImage,
+        isShowQuantityBadge: isShowQuantityBadge,
         style: {
           border: '1px solid #D0D5DD',
           borderRadius: 4,

package/es/components/productCard/cartSkuCard/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["dataSource", "isShowImage", "isShowOriginalPrice", "isShowHolder", "isShowNote", "isShowDelete", "isShowInlineDelete", "isShowAmountFooter", "isShowPackageNote", "isShowEditProduct", "disabledClick", "disabledEditClick", "onEditProduct", "onAction", "onDelete", "onNote", "onLike", "onCard", "onChangeResource", "onPromotion", "onGift", "onChangeHolder", "itemType", "type", "rightActions", "rightActionsDisplay", "escapeDom", "maxSpecsCount", "isShowRelatedProduct"];
+var _excluded = ["dataSource", "isShowImage", "isShowQuantityBadge", "isShowOriginalPrice", "isShowHolder", "isShowNote", "isShowDelete", "isShowInlineDelete", "isShowAmountFooter", "isShowPackageNote", "isShowEditProduct", "disabledClick", "disabledEditClick", "onEditProduct", "onAction", "onDelete", "onNote", "onLike", "onCard", "onChangeResource", "onPromotion", "onGift", "onChangeHolder", "itemType", "type", "rightActions", "rightActionsDisplay", "escapeDom", "maxSpecsCount", "isShowRelatedProduct"];
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -42,6 +42,8 @@ var CartSkuCard = function CartSkuCard(props) {
     dataSource = _props$dataSource === void 0 ? defaultValue.dataSource : _props$dataSource,
     _props$isShowImage = props.isShowImage,
     isShowImage = _props$isShowImage === void 0 ? defaultValue.isShowImage : _props$isShowImage,
+    _props$isShowQuantity = props.isShowQuantityBadge,
+    isShowQuantityBadge = _props$isShowQuantity === void 0 ? true : _props$isShowQuantity,
     _props$isShowOriginal = props.isShowOriginalPrice,
     isShowOriginalPrice = _props$isShowOriginal === void 0 ? defaultValue.isShowOriginalPrice : _props$isShowOriginal,
     _props$isShowHolder = props.isShowHolder,
@@ -167,6 +169,7 @@ var CartSkuCard = function CartSkuCard(props) {
   var renderA2 = function renderA2() {
     return /*#__PURE__*/React.createElement(React.Fragment, null, renderMainProduct( /*#__PURE__*/React.createElement(BasicInfo, {
       isShowImage: isShowImage,
+      isShowQuantityBadge: isShowQuantityBadge,
       dataSource: dataSource,
       isMainProduct: true,
       maxSpecsCount: maxSpecsCount
@@ -194,6 +197,7 @@ var CartSkuCard = function CartSkuCard(props) {
       type: "pisell2-trash-01"
     })) : null, renderMainProduct( /*#__PURE__*/React.createElement(BasicInfo, {
       isShowImage: isShowImage,
+      isShowQuantityBadge: isShowQuantityBadge,
       dataSource: dataSource,
       isMainProduct: true,
       type: type,
@@ -207,11 +211,13 @@ var CartSkuCard = function CartSkuCard(props) {
       dataSource: dataSource
     })) : null, /*#__PURE__*/React.createElement(Packages, {
       dataSource: dataSource,
-      isShowImage: isShowImage
+      isShowImage: isShowImage,
+      isShowQuantityBadge: isShowQuantityBadge
     }), /*#__PURE__*/React.createElement(Sales, {
       dataSource: dataSource,
       hideDivider: !!(dataSource !== null && dataSource !== void 0 && (_dataSource$bundle = dataSource.bundle) !== null && _dataSource$bundle !== void 0 && _dataSource$bundle.length),
-      isShowImage: isShowImage
+      isShowImage: isShowImage,
+      isShowQuantityBadge: isShowQuantityBadge
     }), (_dataSource$items = dataSource.items) !== null && _dataSource$items !== void 0 && _dataSource$items.length ? /*#__PURE__*/React.createElement(Items, {
       dataSource: dataSource,
       hideDivider: hideDivider
@@ -245,6 +251,7 @@ var CartSkuCard = function CartSkuCard(props) {
       type: "pisell2-trash-01"
     })) : null, renderMainProduct( /*#__PURE__*/React.createElement(BasicInfo, {
       isShowImage: isShowImage,
+      isShowQuantityBadge: isShowQuantityBadge,
       dataSource: dataSource,
       isMainProduct: true,
       type: type,
@@ -255,6 +262,7 @@ var CartSkuCard = function CartSkuCard(props) {
     })), /*#__PURE__*/React.createElement(Packages, {
       dataSource: dataSource,
       isShowImage: isShowImage,
+      isShowQuantityBadge: isShowQuantityBadge,
       type: type
     }), isShowAmountFooter ? /*#__PURE__*/React.createElement(AmountFooter, {
       item: dataSource,

package/es/components/productCard/components/Packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;

package/es/components/productCard/lineItem/BookingLineItem.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["dataSource", "type", "cartSkuType", "isShowBookingHeader", "relatedProductDataSource", "addTimeProductDataSources", "rightActions", "rightActionsDisplay", "escapeDom", "isShowImage", "isFormSubject", "isShowDelete", "isShowInlineDelete", "isShowNote", "isShowAmountFooter", "disabledClick", "disabledEdit", "statusOptions", "statusLoading", "statusDisabled", "isShowRelatedProduct", "holderOptions", "onBookingStatusChange", "onAddTimeProductCard", "onAction", "onDelete", "onNote", "onCard", "onPromotion", "onGift"];
+var _excluded = ["dataSource", "type", "cartSkuType", "isShowBookingHeader", "relatedProductDataSource", "addTimeProductDataSources", "rightActions", "rightActionsDisplay", "escapeDom", "isShowImage", "isShowQuantityBadge", "isFormSubject", "isShowDelete", "isShowInlineDelete", "isShowNote", "isShowAmountFooter", "disabledClick", "disabledEdit", "statusOptions", "statusLoading", "statusDisabled", "isShowRelatedProduct", "holderOptions", "onBookingStatusChange", "onAddTimeProductCard", "onAction", "onDelete", "onNote", "onCard", "onPromotion", "onGift"];
 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
@@ -62,6 +62,8 @@ var BookingLineItem = function BookingLineItem(props) {
     rightActionsDisplay = _props$rightActionsDi === void 0 ? 'swipe' : _props$rightActionsDi,
     escapeDom = props.escapeDom,
     isShowImage = props.isShowImage,
+    _props$isShowQuantity = props.isShowQuantityBadge,
+    isShowQuantityBadge = _props$isShowQuantity === void 0 ? true : _props$isShowQuantity,
     isFormSubject = props.isFormSubject,
     isShowDelete = props.isShowDelete,
     _props$isShowInlineDe = props.isShowInlineDelete,
@@ -179,12 +181,14 @@ var BookingLineItem = function BookingLineItem(props) {
     }) : null;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BasicInfo, {
       isShowImage: isShowImage,
+      isShowQuantityBadge: isShowQuantityBadge,
       dataSource: productDataSource,
       type: cartSkuType,
       maxSpecsCount: props.maxSpecsCount || 1
     }), /*#__PURE__*/React.createElement(Packages, {
       dataSource: productDataSource,
       isShowImage: isShowImage,
+      isShowQuantityBadge: isShowQuantityBadge,
       type: cartSkuType
     }), isShowAmountFooter ? /*#__PURE__*/React.createElement(AmountFooter, {
       item: productDataSource,

package/es/components/productCard/types.d.ts

@@ -67,6 +67,7 @@ export declare type ProductCardTypes = {
     dataSource: productType;
     isFormSubject?: boolean;
     isShowImage?: boolean;
+    isShowQuantityBadge?: boolean;
     isShowOriginalPrice?: boolean;
     isShowHolder?: boolean;
     isShowNote?: boolean;

package/es/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts

@@ -1,5 +1,5 @@
 declare const useGapSize: (gap: number | number[]) => {
-    horizontal: number;
-    vertical: number;
+    horizontal: any;
+    vertical: any;
 };
 export default useGapSize;

package/es/components/table/Table/fields/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const fieldMaps: {
     text: {
         field: {

package/es/components/table/Table/fields/select/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

package/es/components/table/Table/fields/select/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/es/components/table/Table/fields/treeSelect/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[] | Record<string, any>[];
     key: string | string[];
     item: Record<string, any>;
-}): boolean;
+}): any;

package/es/components/table/Table/fields/treeSelect/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import filter from "./filterUtil";
 declare const _default: {
     field: {

package/es/components/table/Table/utils.d.ts

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("filters" | "column_setting" | "gallery_setting" | "order_by" | "group_by" | "view_mode" | "filter_setting")[];
+}) => ("view_mode" | "filter_setting" | "group_by" | "order_by" | "column_setting" | "gallery_setting" | "filters")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/es/utils/index.d.ts

@@ -1,4 +1,4 @@
 export declare const isBrowser: boolean;
-export declare const getCssNumber: (val: string | number) => string;
+export declare const getCssNumber: (val: string | number) => string | number;
 export declare function uuid(): string;
 export * from './mergeWith';

package/es/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => boolean;
+export declare const isMobile: () => any;

package/lib/components/PisellSuperTabs/PisellSuperTabs.js

@@ -77,6 +77,7 @@ var PisellSuperTabs = (props, ref) => {
     __designMode
   } = props;
   const containerRef = (0, import_react.useRef)(null);
+  const scrollViewRef = (0, import_react.useRef)(null);
   const { activeKey, handleTabChange } = (0, import_hooks.useTabsState)({
     value,
     defaultValue,
@@ -84,11 +85,38 @@ var PisellSuperTabs = (props, ref) => {
     isControlled: isControlled ?? false
   });
   const scrollItemByRowKey = (key) => {
-    const item = document.querySelector(`.pisell-super-tabs-item-${id}-${key}`);
-    console.log(`.pisell-super-tabs-item-${id}-${key}`);
-    if (item) {
-      item.scrollIntoView({ behavior: "smooth" });
+    var _a2, _b2, _c2;
+    const item = Array.from(
+      ((_a2 = containerRef.current) == null ? void 0 : _a2.querySelectorAll(
+        "[data-pisell-super-tabs-key]"
+      )) || []
+    ).find((element) => element.dataset.pisellSuperTabsKey === key);
+    const scrollContainer = (_c2 = (_b2 = scrollViewRef.current) == null ? void 0 : _b2.getScrollContainer) == null ? void 0 : _c2.call(_b2);
+    if (!item || !scrollContainer) return;
+    const containerRect = scrollContainer.getBoundingClientRect();
+    const itemRect = item.getBoundingClientRect();
+    const canScrollX = scrollContainer.scrollWidth > scrollContainer.clientWidth + 1;
+    const canScrollY = scrollContainer.scrollHeight > scrollContainer.clientHeight + 1;
+    let nextLeft = scrollContainer.scrollLeft;
+    let nextTop = scrollContainer.scrollTop;
+    if (canScrollX && itemRect.left < containerRect.left) {
+      nextLeft -= containerRect.left - itemRect.left;
+    } else if (canScrollX && itemRect.right > containerRect.right) {
+      nextLeft += itemRect.right - containerRect.right;
     }
+    if (canScrollY && itemRect.top < containerRect.top) {
+      nextTop -= containerRect.top - itemRect.top;
+    } else if (canScrollY && itemRect.bottom > containerRect.bottom) {
+      nextTop += itemRect.bottom - containerRect.bottom;
+    }
+    if (nextLeft === scrollContainer.scrollLeft && nextTop === scrollContainer.scrollTop) {
+      return;
+    }
+    scrollContainer.scrollTo({
+      left: nextLeft,
+      top: nextTop,
+      behavior: "smooth"
+    });
   };
   (0, import_react.useImperativeHandle)(ref, () => {
     if (__designMode) {
@@ -140,7 +168,7 @@ var PisellSuperTabs = (props, ref) => {
       },
       slotLeft
     ),
-    /* @__PURE__ */ import_react.default.createElement(import_PisellScrollView.default, { ...resolvedScrollViewProps }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement(import_PisellScrollView.default, { ref: scrollViewRef, ...resolvedScrollViewProps }, /* @__PURE__ */ import_react.default.createElement(
       import_PisellBasicGrid.default,
       {
         ...gridProps,
@@ -180,6 +208,7 @@ var PisellSuperTabs = (props, ref) => {
             "div",
             {
               key,
+              "data-pisell-super-tabs-key": key,
               className: (0, import_classnames.default)(
                 "pisell-super-tabs-item",
                 `pisell-super-tabs-item-${id}-${key}`,

package/lib/components/PisellTabbar/template/Template1/PisellTabbar.js

@@ -81,10 +81,13 @@ var PisellTabbar = (props, ref) => {
     searchProps,
     level1Actions,
     direction = "horizontal",
-    showAllItem = true
+    showAllItem = true,
+    showSearchItem = true,
+    scrollActiveItemIntoView = false
   } = props;
   const isVertical = direction === "vertical";
   const containerRef = (0, import_react.useRef)(null);
+  const level1TabsRef = (0, import_react.useRef)(null);
   const searchRef = (0, import_react.useRef)(null);
   const firstCategoryKey = ((_a = dataSource[0]) == null ? void 0 : _a.id) ?? ((_b = dataSource[0]) == null ? void 0 : _b.key);
   const initialActiveKey = value ?? (showAllItem ? (0, import_utils.getDefaultActiveKey)(dataSource, "id") : firstCategoryKey !== void 0 ? [firstCategoryKey] : []);
@@ -116,6 +119,14 @@ var PisellTabbar = (props, ref) => {
     return getActiveKey(2);
   }, [activeKey]);
   const [isSearchOpen, setIsSearchOpen] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (!scrollActiveItemIntoView || level1Value == null) return;
+    const animationFrame = requestAnimationFrame(() => {
+      var _a2, _b2;
+      (_b2 = (_a2 = level1TabsRef.current) == null ? void 0 : _a2.scrollItemByRowKey) == null ? void 0 : _b2.call(_a2, String(level1Value));
+    });
+    return () => cancelAnimationFrame(animationFrame);
+  }, [level1Value, scrollActiveItemIntoView]);
   const openSearchMode = () => {
     setCacheActiveKey(activeKey);
     _setActiveKey([]);
@@ -340,7 +351,7 @@ var PisellTabbar = (props, ref) => {
       const categoryItems = dataSource.length ? (0, import_utils.addDataSourceItemsByKey)(
         dataSource,
         import_constants.LEVEL_ADD_ITEMS.level1.filter(
-          (itemKey) => showAllItem || itemKey !== "all"
+          (itemKey) => (showAllItem || itemKey !== "all") && (showSearchItem || itemKey !== "search")
         )
       ) : [];
       const actionItems = (level1Actions || []).map((action, index) => ({
@@ -356,7 +367,14 @@ var PisellTabbar = (props, ref) => {
       }
       return isVertical ? full.filter((item) => (item == null ? void 0 : item.key) !== "expand") : full;
     },
-    [dataSource, isSearchOpen, isVertical, level1Actions, showAllItem]
+    [
+      dataSource,
+      isSearchOpen,
+      isVertical,
+      level1Actions,
+      showAllItem,
+      showSearchItem
+    ]
   );
   const renderLevel1Item = (0, import_react.useCallback)(
     (itemProps) => {
@@ -658,6 +676,7 @@ var PisellTabbar = (props, ref) => {
     /* @__PURE__ */ import_react.default.createElement(
       import_PisellSuperTabs.default,
       {
+        ref: level1TabsRef,
         isControlled: true,
         id: tabbarId,
         className: (0, import_classnames.default)(

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts

@@ -1,5 +1,5 @@
 declare const useDataSourceKey: () => {
-    dataSourceKey: string | undefined;
-    dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;
+    dataSourceKey: string | import("../../provider/dataSource/DataSourceContext").DataSourceType | undefined;
+    dataSourceKeyRef: import("react").MutableRefObject<string | import("../../provider/dataSource/DataSourceContext").DataSourceType | undefined>;
 };
 export default useDataSourceKey;

package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -19,7 +19,7 @@ interface UseTablePropsProps {
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
     currentComponentId: any;
-    title: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
+    title: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
         current: number;
@@ -28,7 +28,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         showSizeChanger: boolean;
     };
     columns: import("./useColumns").Column[];
-    subTitle: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
+    subTitle: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
     filter: {
         dom: any;

package/lib/components/pisellDataSourceContainer/hooks/useDataSourceKey.d.ts

@@ -1,5 +1,5 @@
 declare const useDataSourceKey: () => {
-    dataSourceKey: string | undefined;
-    dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;
+    dataSourceKey: string | import("../../dataSourceComponents/provider/dataSource/DataSourceContext").DataSourceType | undefined;
+    dataSourceKeyRef: import("react").MutableRefObject<string | import("../../dataSourceComponents/provider/dataSource/DataSourceContext").DataSourceType | undefined>;
 };
 export default useDataSourceKey;

package/lib/components/productCard/cartSkuCard/components/basicInfo/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import './index.less';
 interface IProps {
     isShowImage?: boolean;
+    isShowQuantityBadge?: boolean;
     dataSource: {
         image?: string;
         bundle?: any[];