@pisell/private-materials 6.3.25 → 6.3.26

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

@@ -69,8 +69,19 @@ var Services = /*#__PURE__*/forwardRef(function (props, ref) {
       setProductLoading(false);
     });
   }, [isDateSelectedFirst]);
+
+  /**
+   * @description: 是否显示商品详情页面的步进器
+   * @param {*} useMemo
+   * @return {*}
+   */
+  var isShowProductDetailStepper = useMemo(function () {
+    var _ref3 = (appointmentBooking === null || appointmentBooking === void 0 ? void 0 : appointmentBooking.otherParams) || {},
+      productModuleParams = _ref3.productModuleParams;
+    return productModuleParams === null || productModuleParams === void 0 ? void 0 : productModuleParams.isShowProductDetailStepper;
+  }, [appointmentBooking === null || appointmentBooking === void 0 ? void 0 : appointmentBooking.otherParams]);
   var handleSelectProduct = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(item) {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(item, clickType) {
       var type;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -94,7 +105,9 @@ var Services = /*#__PURE__*/forwardRef(function (props, ref) {
                   open_deposit: 1
                 }),
                 setting: {
-                  can_input: true
+                  can_input: true,
+                  item_max_length: isShowProductDetailStepper,
+                  is_detail_open: clickType === 'cover'
                 }
               },
               callback: function () {
@@ -223,7 +236,7 @@ var Services = /*#__PURE__*/forwardRef(function (props, ref) {
                     }
                   }, _callee);
                 }));
-                function callback(_x2) {
+                function callback(_x3) {
                   return _callback.apply(this, arguments);
                 }
                 return callback;
@@ -235,14 +248,14 @@ var Services = /*#__PURE__*/forwardRef(function (props, ref) {
         }
       }, _callee2);
     }));
-    return function handleSelectProduct(_x) {
-      return _ref3.apply(this, arguments);
+    return function handleSelectProduct(_x, _x2) {
+      return _ref4.apply(this, arguments);
     };
   }();
   var productListSetting = useMemo(function () {
     var _context$engine, _productListBlock;
-    var _ref4 = ((_context$engine = context.engine) === null || _context$engine === void 0 ? void 0 : _context$engine.props) || {},
-      customPageData = _ref4.customPageData;
+    var _ref5 = ((_context$engine = context.engine) === null || _context$engine === void 0 ? void 0 : _context$engine.props) || {},
+      customPageData = _ref5.customPageData;
     var productListBlock;
     if (Array.isArray(customPageData === null || customPageData === void 0 ? void 0 : customPageData.block)) {
       productListBlock = customPageData.block.find(function (b) {
@@ -274,7 +287,8 @@ var Services = /*#__PURE__*/forwardRef(function (props, ref) {
       cardSelectedBg: 'var(--theme-color)'
     },
     productListSetting: productListSetting,
-    selectedItems: carts
+    selectedItems: carts,
+    hideCategoryWhenOne: true
   }));
 });
 export default Services;

package/es/plus/productSelect/ProductCard/index.d.ts

@@ -29,10 +29,12 @@ export interface ProductCardProps {
     onSelectProduct?: (item: any) => void;
     currentProductId?: number;
     onSelect?: (item: any) => void;
+    onSelectCover?: (item: any) => void;
+    onSelectInfo?: (item: any) => void;
     isSelected?: boolean;
     decorateConfig?: ProductCardConfig;
 }
-export declare const ProductCard: React.MemoExoticComponent<({ item, index, context, onSelect, isSelected, className, decorateConfig, }: ProductCardProps) => JSX.Element>;
+export declare const ProductCard: React.MemoExoticComponent<({ item, index, context, onSelect, onSelectCover, onSelectInfo, isSelected, className, decorateConfig, }: ProductCardProps) => JSX.Element>;
 export declare const DefaultItemContent: React.MemoExoticComponent<(props: {
     item: any;
     index: number;

package/es/plus/productSelect/ProductCard/index.js

@@ -42,6 +42,8 @@ export var ProductCard = /*#__PURE__*/memo(function (_ref) {
     index = _ref.index,
     context = _ref.context,
     onSelect = _ref.onSelect,
+    onSelectCover = _ref.onSelectCover,
+    onSelectInfo = _ref.onSelectInfo,
     isSelected = _ref.isSelected,
     className = _ref.className,
     _ref$decorateConfig = _ref.decorateConfig,
@@ -116,10 +118,11 @@ export var ProductCard = /*#__PURE__*/memo(function (_ref) {
   var cardContent = /*#__PURE__*/React.createElement("div", {
     className: classNames("".concat(PREFIX, "__product-card"), className, {
       selected: isSelected
-    }),
-    onClick: function onClick() {
-      onSelect === null || onSelect === void 0 || onSelect(item);
-    },
+    })
+    // onClick={() => {
+    //   onSelect?.(item);
+    // }}
+    ,
     "data-index": index,
     "data-item-index": index
   }, isProductCover ? /*#__PURE__*/React.createElement("div", {
@@ -127,6 +130,9 @@ export var ProductCard = /*#__PURE__*/memo(function (_ref) {
     style: {
       width: imgWidth || 'auto',
       height: imgHeight || 'auto'
+    },
+    onClick: function onClick() {
+      onSelectCover === null || onSelectCover === void 0 || onSelectCover(item);
     }
   }, item.cover ? /*#__PURE__*/React.createElement("img", {
     loading: "lazy",
@@ -141,7 +147,10 @@ export var ProductCard = /*#__PURE__*/memo(function (_ref) {
       borderRadius: radius
     }
   }, getTextCover(item.title))) : null, /*#__PURE__*/React.createElement("div", {
-    className: "card-right"
+    className: "card-right",
+    onClick: function onClick() {
+      onSelectInfo === null || onSelectInfo === void 0 || onSelectInfo(item);
+    }
   }, !!isTitle ? /*#__PURE__*/React.createElement("div", {
     className: "title"
   }, item.title) : null, !!isSubtitle && item.subtitle ? /*#__PURE__*/React.createElement("div", {

package/es/plus/productSelect/index.d.ts

@@ -8,7 +8,7 @@ interface ProductSelectProps {
         grid: boolean;
         config: string;
     };
-    onChange: (value: any) => void;
+    onChange: (value: any, type?: string) => void;
     value?: number;
     loading?: boolean;
     style?: React.CSSProperties;
@@ -25,7 +25,8 @@ interface ProductSelectProps {
     productListSetting?: Partial<any>;
     /** 兼容scrollDom */
     customScrollParent?: HTMLElement | string;
+    hideCategoryWhenOne?: boolean;
 }
 export declare const PREFIX = "pisell-product-select";
-declare const index: ({ dataSource, emptyDescription, showSearch, scrollDom, offsetDom, style, token: customToken, onChange, value, selectedItems, productListSetting, customScrollParent, loading, layout, ...rest }: ProductSelectProps) => JSX.Element;
+declare const index: ({ dataSource, emptyDescription, showSearch, scrollDom, offsetDom, style, token: customToken, onChange, value, selectedItems, productListSetting, customScrollParent, loading, layout, hideCategoryWhenOne, ...rest }: ProductSelectProps) => JSX.Element;
 export default index;

package/es/plus/productSelect/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", "emptyDescription", "showSearch", "scrollDom", "offsetDom", "style", "token", "onChange", "value", "selectedItems", "productListSetting", "customScrollParent", "loading", "layout"];
+var _excluded = ["dataSource", "emptyDescription", "showSearch", "scrollDom", "offsetDom", "style", "token", "onChange", "value", "selectedItems", "productListSetting", "customScrollParent", "loading", "layout", "hideCategoryWhenOne"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -67,6 +67,8 @@ var index = function index(_ref) {
     _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
     layout = _ref.layout,
+    _ref$hideCategoryWhen = _ref.hideCategoryWhenOne,
+    hideCategoryWhenOne = _ref$hideCategoryWhen === void 0 ? false : _ref$hideCategoryWhen,
     rest = _objectWithoutProperties(_ref, _excluded);
   var searchRef = useRef(null);
   var _useState = useState(''),
@@ -113,6 +115,22 @@ var index = function index(_ref) {
       });
     });
   }, [_groupedList]);
+
+  /**
+   * @title: 是否隐藏分类
+   * @description:
+   * @param {*} useMemo
+   * @return {*}
+   * @Author: WangHan
+   * @Date: 2025-10-09 15:13
+   */
+  var isHideCategory = useMemo(function () {
+    if (hideCategoryWhenOne) {
+      // 只有一个分类或者没有分类
+      return (_categories === null || _categories === void 0 ? void 0 : _categories.length) === 1 || !(_categories !== null && _categories !== void 0 && _categories.length);
+    }
+    return false;
+  }, [_categories, hideCategoryWhenOne]);
   useEffect(function () {
     if (!(_categories !== null && _categories !== void 0 && _categories.length)) {
       setActiveKey('');
@@ -151,9 +169,9 @@ var index = function index(_ref) {
   var disabled = useMemo(function () {
     return !!(productListSetting !== null && productListSetting !== void 0 && productListSetting.list_max_length) && Array.isArray(selectedItems) && (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) > 0;
   }, [productListSetting, selectedItems]);
-  var _onChange = useCallback(function (value) {
+  var _onChange = useCallback(function (value, type) {
     if (disabled) return;
-    onChange === null || onChange === void 0 || onChange(value);
+    onChange === null || onChange === void 0 || onChange(value, type);
   }, [disabled, onChange]);
   var debounceIndicator = useCallback(function (delay) {
     isIndicatorVisibleRef.current = true;
@@ -228,19 +246,19 @@ var index = function index(_ref) {
       // switchCategory('');
       setKeyword(e.target.value);
     }
-  })) : null, /*#__PURE__*/React.createElement(CategoryTabs, {
+  })) : null, !isHideCategory ? /*#__PURE__*/React.createElement(CategoryTabs, {
     activeKey: activeKey,
     items: _categories,
     onChange: switchCategory,
     loading: loading,
     skeleton: /*#__PURE__*/React.createElement(CategorySkeleton, null)
-  }), !loading && !(_groupedList !== null && _groupedList !== void 0 && _groupedList.length) ? /*#__PURE__*/React.createElement(PisellEmpty, {
+  }) : null, !loading && !(_groupedList !== null && _groupedList !== void 0 && _groupedList.length) ? /*#__PURE__*/React.createElement(PisellEmpty, {
     description: emptyDescription || locales.getText('pisell2.product-select.empty')
   }) : /*#__PURE__*/React.createElement(IntersectionObserverProvider, {
     rootMargin: "-270px 0px -270px 0px",
     priorityMode: "top"
   }, /*#__PURE__*/React.createElement(ProductList, {
-    className: "".concat(PREFIX, "__product-list"),
+    className: classNames("".concat(PREFIX, "__product-list"), _defineProperty({}, "".concat(PREFIX, "__product-list_hide_category"), isHideCategory)),
     loading: loading,
     data: loading ? MOCK_DATA : _groupedList,
     context: {
@@ -259,8 +277,15 @@ var index = function index(_ref) {
       return /*#__PURE__*/React.createElement(ProductCard, {
         index: index,
         item: item,
-        context: context,
-        onSelect: _onChange,
+        context: context
+        // onSelect={_onChange}
+        ,
+        onSelectCover: function onSelectCover(e) {
+          _onChange(e, 'cover');
+        },
+        onSelectInfo: function onSelectInfo(e) {
+          _onChange(e, 'info');
+        },
         isSelected: item.id === value,
         decorateConfig: productListSetting
       });

package/es/plus/productSelect/index.less

@@ -45,6 +45,10 @@
     padding: 0px 12px 12px;
   }
 
+  &__product-list_hide_category {
+    padding-top: 16px;
+  }
+
   &__tabs-wrapper {
     position: sticky;
     top: 0;

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

@@ -70,7 +70,11 @@ var Services = (0, import_react.forwardRef)((props, ref) => {
       setProductLoading(false);
     });
   }, [isDateSelectedFirst]);
-  const handleSelectProduct = async (item) => {
+  const isShowProductDetailStepper = (0, import_react.useMemo)(() => {
+    const { productModuleParams } = (appointmentBooking == null ? void 0 : appointmentBooking.otherParams) || {};
+    return productModuleParams == null ? void 0 : productModuleParams.isShowProductDetailStepper;
+  }, [appointmentBooking == null ? void 0 : appointmentBooking.otherParams]);
+  const handleSelectProduct = async (item, clickType) => {
     let type = "";
     if (!isRetailTemplate) {
       type = await checkProductType(item == null ? void 0 : item.id);
@@ -80,7 +84,7 @@ var Services = (0, import_react.forwardRef)((props, ref) => {
       type: "pisell1.productDetail",
       data: {
         detail: { ...item, open_deposit: 1 },
-        setting: { can_input: true }
+        setting: { can_input: true, item_max_length: isShowProductDetailStepper, is_detail_open: clickType === "cover" }
       },
       callback: async (data) => {
         var _a, _b;
@@ -201,7 +205,8 @@ var Services = (0, import_react.forwardRef)((props, ref) => {
         cardSelectedBg: "var(--theme-color)"
       },
       productListSetting,
-      selectedItems: carts
+      selectedItems: carts,
+      hideCategoryWhenOne: true
     }
   ));
 });

package/lib/plus/productSelect/ProductCard/index.d.ts

@@ -29,10 +29,12 @@ export interface ProductCardProps {
     onSelectProduct?: (item: any) => void;
     currentProductId?: number;
     onSelect?: (item: any) => void;
+    onSelectCover?: (item: any) => void;
+    onSelectInfo?: (item: any) => void;
     isSelected?: boolean;
     decorateConfig?: ProductCardConfig;
 }
-export declare const ProductCard: React.MemoExoticComponent<({ item, index, context, onSelect, isSelected, className, decorateConfig, }: ProductCardProps) => JSX.Element>;
+export declare const ProductCard: React.MemoExoticComponent<({ item, index, context, onSelect, onSelectCover, onSelectInfo, isSelected, className, decorateConfig, }: ProductCardProps) => JSX.Element>;
 export declare const DefaultItemContent: React.MemoExoticComponent<(props: {
     item: any;
     index: number;

package/lib/plus/productSelect/ProductCard/index.js

@@ -66,6 +66,8 @@ var ProductCard = (0, import_react.memo)(
     index,
     context,
     onSelect,
+    onSelectCover,
+    onSelectInfo,
     isSelected,
     className,
     decorateConfig = {}
@@ -129,9 +131,6 @@ var ProductCard = (0, import_react.memo)(
         className: (0, import_classnames.default)(`${import__.PREFIX}__product-card`, className, {
           selected: isSelected
         }),
-        onClick: () => {
-          onSelect == null ? void 0 : onSelect(item);
-        },
         "data-index": index,
         "data-item-index": index
       },
@@ -142,6 +141,9 @@ var ProductCard = (0, import_react.memo)(
           style: {
             width: imgWidth || "auto",
             height: imgHeight || "auto"
+          },
+          onClick: () => {
+            onSelectCover == null ? void 0 : onSelectCover(item);
           }
         },
         item.cover ? /* @__PURE__ */ import_react.default.createElement(
@@ -154,7 +156,19 @@ var ProductCard = (0, import_react.memo)(
           }
         ) : /* @__PURE__ */ import_react.default.createElement("div", { className: "text-cover", style: { borderRadius: radius } }, getTextCover(item.title))
       ) : null,
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "card-right" }, !!isTitle ? /* @__PURE__ */ import_react.default.createElement("div", { className: "title" }, item.title) : null, !!isSubtitle && item.subtitle ? /* @__PURE__ */ import_react.default.createElement("div", { className: "subtitle" }, item.subtitle) : null, !!isStock && !!item.is_track ? /* @__PURE__ */ import_react.default.createElement("div", { className: "stock" }, getStockText(item)) : null, renderPrice(item))
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "card-right",
+          onClick: () => {
+            onSelectInfo == null ? void 0 : onSelectInfo(item);
+          }
+        },
+        !!isTitle ? /* @__PURE__ */ import_react.default.createElement("div", { className: "title" }, item.title) : null,
+        !!isSubtitle && item.subtitle ? /* @__PURE__ */ import_react.default.createElement("div", { className: "subtitle" }, item.subtitle) : null,
+        !!isStock && !!item.is_track ? /* @__PURE__ */ import_react.default.createElement("div", { className: "stock" }, getStockText(item)) : null,
+        renderPrice(item)
+      )
     );
     if (context) {
       return /* @__PURE__ */ import_react.default.createElement(

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

@@ -8,7 +8,7 @@ interface ProductSelectProps {
         grid: boolean;
         config: string;
     };
-    onChange: (value: any) => void;
+    onChange: (value: any, type?: string) => void;
     value?: number;
     loading?: boolean;
     style?: React.CSSProperties;
@@ -25,7 +25,8 @@ interface ProductSelectProps {
     productListSetting?: Partial<any>;
     /** 兼容scrollDom */
     customScrollParent?: HTMLElement | string;
+    hideCategoryWhenOne?: boolean;
 }
 export declare const PREFIX = "pisell-product-select";
-declare const index: ({ dataSource, emptyDescription, showSearch, scrollDom, offsetDom, style, token: customToken, onChange, value, selectedItems, productListSetting, customScrollParent, loading, layout, ...rest }: ProductSelectProps) => JSX.Element;
+declare const index: ({ dataSource, emptyDescription, showSearch, scrollDom, offsetDom, style, token: customToken, onChange, value, selectedItems, productListSetting, customScrollParent, loading, layout, hideCategoryWhenOne, ...rest }: ProductSelectProps) => JSX.Element;
 export default index;

package/lib/plus/productSelect/index.js

@@ -79,6 +79,7 @@ var index = ({
   customScrollParent,
   loading = false,
   layout,
+  hideCategoryWhenOne = false,
   ...rest
 }) => {
   const searchRef = (0, import_react.useRef)(null);
@@ -119,6 +120,12 @@ var index = ({
       };
     });
   }, [_groupedList]);
+  const isHideCategory = (0, import_react.useMemo)(() => {
+    if (hideCategoryWhenOne) {
+      return (_categories == null ? void 0 : _categories.length) === 1 || !(_categories == null ? void 0 : _categories.length);
+    }
+    return false;
+  }, [_categories, hideCategoryWhenOne]);
   (0, import_react.useEffect)(() => {
     if (!(_categories == null ? void 0 : _categories.length)) {
       setActiveKey("");
@@ -158,9 +165,9 @@ var index = ({
     return !!(productListSetting == null ? void 0 : productListSetting.list_max_length) && Array.isArray(selectedItems) && (selectedItems == null ? void 0 : selectedItems.length) > 0;
   }, [productListSetting, selectedItems]);
   const _onChange = (0, import_react.useCallback)(
-    (value2) => {
+    (value2, type) => {
       if (disabled) return;
-      onChange == null ? void 0 : onChange(value2);
+      onChange == null ? void 0 : onChange(value2, type);
     },
     [disabled, onChange]
   );
@@ -237,7 +244,7 @@ var index = ({
         }
       }
     )) : null,
-    /* @__PURE__ */ import_react.default.createElement(
+    !isHideCategory ? /* @__PURE__ */ import_react.default.createElement(
       import_CategoryTabs.default,
       {
         activeKey,
@@ -246,7 +253,7 @@ var index = ({
         loading,
         skeleton: /* @__PURE__ */ import_react.default.createElement(import_CategoryTabs.CategorySkeleton, null)
       }
-    ),
+    ) : null,
     !loading && !(_groupedList == null ? void 0 : _groupedList.length) ? /* @__PURE__ */ import_react.default.createElement(
       import_materials2.PisellEmpty,
       {
@@ -261,7 +268,9 @@ var index = ({
       /* @__PURE__ */ import_react.default.createElement(
         import_ProductList.default,
         {
-          className: `${PREFIX}__product-list`,
+          className: (0, import_classnames.default)(`${PREFIX}__product-list`, {
+            [`${PREFIX}__product-list_hide_category`]: isHideCategory
+          }),
           loading,
           data: loading ? MOCK_DATA : _groupedList,
           context: {
@@ -281,7 +290,12 @@ var index = ({
                 index: index2,
                 item,
                 context: context2,
-                onSelect: _onChange,
+                onSelectCover: (e) => {
+                  _onChange(e, "cover");
+                },
+                onSelectInfo: (e) => {
+                  _onChange(e, "info");
+                },
                 isSelected: item.id === value,
                 decorateConfig: productListSetting
               }

package/lib/plus/productSelect/index.less

@@ -45,6 +45,10 @@
     padding: 0px 12px 12px;
   }
 
+  &__product-list_hide_category {
+    padding-top: 16px;
+  }
+
   &__tabs-wrapper {
     position: sticky;
     top: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.3.25",
+  "version": "6.3.26",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -59,10 +59,10 @@
     "react-infinite-scroll-component": "^6.1.0",
     "rc-virtual-list": "^3.11.3",
     "decimal.js": "^10.4.3",
-    "@pisell/utils": "3.0.1",
-    "@pisell/materials": "6.3.7",
+    "@pisell/date-picker": "3.0.4",
     "@pisell/icon": "0.0.11",
-    "@pisell/date-picker": "3.0.4"
+    "@pisell/utils": "3.0.1",
+    "@pisell/materials": "6.3.7"
   },
   "peerDependencies": {
     "react": "^18.0.0",