@pisell/materials 1.10.6 → 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,17 +63,36 @@ var PisellSuperTabs = function PisellSuperTabs(props, ref) {
     activeKey = _useTabsState.activeKey,
     handleTabChange = _useTabsState.handleTabChange;
   var scrollItemByRowKey = function scrollItemByRowKey(key) {
-    var _containerRef$current;
+    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;
     });
-    if (item) {
-      item.scrollIntoView({
-        behavior: 'smooth',
-        block: 'nearest',
-        inline: 'nearest'
-      });
+    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) {
@@ -99,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) {

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,19 +85,38 @@ var PisellSuperTabs = (props, ref) => {
     isControlled: isControlled ?? false
   });
   const scrollItemByRowKey = (key) => {
-    var _a2;
+    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);
-    if (item) {
-      item.scrollIntoView({
-        behavior: "smooth",
-        block: "nearest",
-        inline: "nearest"
-      });
+    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) {
@@ -148,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,

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[];

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

@@ -44,6 +44,7 @@ var import_index = require("./index.less");
 var BasicInfo = (props) => {
   const {
     isShowImage,
+    isShowQuantityBadge = true,
     dataSource = {},
     style,
     isMainProduct,
@@ -144,7 +145,7 @@ var BasicInfo = (props) => {
     return _originalTotal !== 0 && _originalTotal != _total;
   }, [isShowOriginalPrice, origin_total, total, hasSpecs, hasWeighingInfo]);
   if (type === "a5") {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: basicInfoClassName, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info product-info-a5` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: basicInfoClassName, style: style || {} }, isShowQuantityBadge ? renderNumTag() : null, renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info product-info-a5` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: `product-name ${renderEdit ? "product-name-edit" : ""}`
@@ -155,7 +156,7 @@ var BasicInfo = (props) => {
   if (type === "a9") {
     const showAmount = isBundle && !showFooter;
     const _price = showAmount ? Number(price ?? 0) * num : price;
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: basicInfoClassName, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info product-info-a9` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info ${isBundle ? "row" : ""}` }, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: basicInfoClassName, style: style || {} }, isShowQuantityBadge ? renderNumTag() : null, renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info product-info-a9` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info-wrap` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-basic-info ${isBundle ? "row" : ""}` }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: `product-name ${renderEdit ? "product-name-edit" : ""}`
@@ -163,6 +164,6 @@ var BasicInfo = (props) => {
       name
     ), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, /* @__PURE__ */ import_react.default.createElement("span", null, renderProductPrice()), _isShowOriginalPrice ? /* @__PURE__ */ import_react.default.createElement("span", { className: `original-price` }, (0, import_utils.formatAmount)(origin_total, 2, symbol)) : null)), renderProductMeta()), renderEdit));
   }
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: basicInfoClassName, style: style || {} }, renderNumTag(), renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), hasProductMeta ? renderProductMeta() : /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, renderProductPrice())), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-amount` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `total-amont` }, (0, import_utils.formatAmount)(total * num - (totalDifference ?? 0), 2, symbol)), origin_total && Number(total) !== Number(origin_total) ? /* @__PURE__ */ import_react.default.createElement("div", { className: `origin-amount` }, (0, import_utils.formatAmount)(origin_total * num, 2, symbol)) : null));
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: basicInfoClassName, style: style || {} }, isShowQuantityBadge ? renderNumTag() : null, renderImage(), !isShowImage || !image && !name ? /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 20 } }) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-info` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `product-name` }, name), hasProductMeta ? renderProductMeta() : /* @__PURE__ */ import_react.default.createElement("div", { className: `product-price` }, renderProductPrice())), /* @__PURE__ */ import_react.default.createElement("div", { className: `product-amount` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `total-amont` }, (0, import_utils.formatAmount)(total * num - (totalDifference ?? 0), 2, symbol)), origin_total && Number(total) !== Number(origin_total) ? /* @__PURE__ */ import_react.default.createElement("div", { className: `origin-amount` }, (0, import_utils.formatAmount)(origin_total * num, 2, symbol)) : null));
 };
 var basicInfo_default = BasicInfo;

package/lib/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/lib/components/productCard/cartSkuCard/components/packages/index.js

@@ -40,7 +40,12 @@ var import_basicInfo = __toESM(require("../basicInfo"));
 var import__ = require("../../index");
 var import_AmountFooter = __toESM(require("../../../components/AmountFooter"));
 var import_index = require("./index.less");
-var Packages = ({ isShowImage, dataSource = {}, type }) => {
+var Packages = ({
+  isShowImage,
+  isShowQuantityBadge,
+  dataSource = {},
+  type
+}) => {
   const { bundle = [], symbol = "$" } = dataSource;
   const showFooter = (0, import_react.useCallback)(
     (_bundle) => {
@@ -71,6 +76,7 @@ var Packages = ({ isShowImage, dataSource = {}, type }) => {
             import_basicInfo.default,
             {
               isShowImage,
+              isShowQuantityBadge,
               dataSource: {
                 ...item,
                 name: item.title,

package/lib/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/lib/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/lib/components/productCard/cartSkuCard/components/sales/index.js

@@ -39,7 +39,12 @@ var import_basicInfo = __toESM(require("../basicInfo"));
 var import_utils = require("@pisell/utils");
 var import__ = require("../../index");
 var import_index = require("./index.less");
-var Sales = ({ hideDivider, dataSource, isShowImage }) => {
+var Sales = ({
+  hideDivider,
+  dataSource,
+  isShowImage,
+  isShowQuantityBadge
+}) => {
   const { relation_products = [], symbol = "$" } = dataSource || {};
   let other_products = relation_products.map((p) => {
     return {
@@ -60,6 +65,7 @@ var Sales = ({ hideDivider, dataSource, isShowImage }) => {
           import_basicInfo.default,
           {
             isShowImage,
+            isShowQuantityBadge,
             style: {
               border: "1px solid #D0D5DD",
               borderRadius: 4,