@pisell/private-materials 3.4.41 → 3.4.43

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);
@@ -82,7 +86,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;
@@ -205,7 +209,8 @@ var Services = (0, import_react.forwardRef)((props, ref) => {
         cardSelectedBg: "var(--theme-color)"
       },
       productListSetting,
-      selectedItems: carts
+      selectedItems: carts,
+      hideCategoryWhenOne: true
     }
   ));
 });

package/lib/components/authentication/admin/AuthMethods/AuthMethods.less

@@ -6,13 +6,17 @@
 .auth-methods-item {
   display: flex;
   align-items: center;
-  padding: 20px 24px;
   border: 1px solid #f0f0f0;
   border-radius: 8px;
   background: #fff;
   margin-bottom: 12px;
-  transition: all 0.3s;
-  cursor: move;
+}
+
+.auth-methods-item-body {
+  display: flex;
+  flex: 1;
+  padding: 20px 24px 20px 0;
+  align-items: center;
 }
 
 .auth-methods-item:hover {
@@ -23,14 +27,12 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  margin-right: 16px;
   color: #d9d9d9;
-  font-size: 16px;
+  font-size: 20px;
+  padding-left: 24px;
+  padding-right: 16px;
   cursor: grab;
-}
-
-.auth-methods-item-drag:active {
-  cursor: grabbing;
+  align-self: stretch;
 }
 
 .auth-methods-item-icon {

package/lib/components/authentication/admin/AuthMethods/index.js

@@ -37,6 +37,7 @@ __export(AuthMethods_exports, {
 module.exports = __toCommonJS(AuthMethods_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
 var import_icons = require("@ant-design/icons");
 var import_core = require("@dnd-kit/core");
 var import_sortable = require("@dnd-kit/sortable");
@@ -87,8 +88,7 @@ var SortableItem = ({
       })
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: "auth-methods-item-drag", ...attributes, ...listeners }, /* @__PURE__ */ import_react.default.createElement(import_icons.HolderOutlined, null)),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "auth-methods-item-icon" }, method.icon),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "auth-methods-item-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "auth-methods-item-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "auth-methods-item-title" }, method.title), /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "auth-methods-item-body" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "auth-methods-item-icon" }, method.icon), /* @__PURE__ */ import_react.default.createElement("div", { className: "auth-methods-item-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "auth-methods-item-header" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "auth-methods-item-title" }, method.title), /* @__PURE__ */ import_react.default.createElement(
       "span",
       {
         className: (0, import_classnames.default)(
@@ -97,8 +97,15 @@ var SortableItem = ({
         )
       },
       getCategoryText(method.category)
-    )), /* @__PURE__ */ import_react.default.createElement("div", { className: "auth-methods-item-description" }, method.description), method.configLink && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginTop: 8, fontSize: 12, color: "#8c8c8c", display: "flex", alignItems: "center", gap: 4 } }, /* @__PURE__ */ import_react.default.createElement(import_icons.InfoCircleOutlined, { style: { marginRight: 4 } }), import_utils.locales.getText(method.configLink), /* @__PURE__ */ import_react.default.createElement("div", { className: "auth-methods-item-config-link", onClick: onConfigClick }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("auth.oauth.config.link")))))),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "auth-methods-item-actions" }, enableSetting && method.hasSettings && /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "default", icon: /* @__PURE__ */ import_react.default.createElement(import_icons.SettingOutlined, null), onClick: onSettings }, import_utils.locales.getText("auth.button.settings")), /* @__PURE__ */ import_react.default.createElement(import_antd.Switch, { checked: method.enabled, onChange: onToggle, disabled: method.disableToggle }))
+    )), /* @__PURE__ */ import_react.default.createElement("div", { className: "auth-methods-item-description" }, method.description), method.configLink && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { style: { marginTop: 8, fontSize: 12, color: "#8c8c8c", display: "flex", alignItems: "center", gap: 4 } }, /* @__PURE__ */ import_react.default.createElement(import_icons.InfoCircleOutlined, { style: { marginRight: 4 } }), import_utils.locales.getText(method.configLink), /* @__PURE__ */ import_react.default.createElement("div", { className: "auth-methods-item-config-link", onClick: onConfigClick }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("auth.oauth.config.link")))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "auth-methods-item-actions" }, enableSetting && method.hasSettings && /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Button,
+      {
+        type: "default",
+        icon: /* @__PURE__ */ import_react.default.createElement(import_icons.SettingOutlined, null),
+        onClick: () => onSettings()
+      },
+      import_utils.locales.getText("auth.button.settings")
+    ), /* @__PURE__ */ import_react.default.createElement(import_antd.Switch, { checked: method.enabled, onChange: onToggle, disabled: method.disableToggle })))
   );
 };
 var AuthMethods = ({
@@ -118,7 +125,12 @@ var AuthMethods = ({
   (0, import_react.useEffect)(() => {
     if (initialMethods && initialMethods.length > 0) {
       console.log("AuthMethods 组件同步父组件数据:", initialMethods);
-      setMethods(initialMethods);
+      const sortedMethods = [...initialMethods].sort((a, b) => {
+        const sortA = a.sort ?? 0;
+        const sortB = b.sort ?? 0;
+        return sortA - sortB;
+      });
+      setMethods(sortedMethods);
     }
   }, [initialMethods]);
   const sensors = (0, import_core.useSensors)(
@@ -138,8 +150,12 @@ var AuthMethods = ({
         const oldIndex = items.findIndex((item) => item.id === active.id);
         const newIndex = items.findIndex((item) => item.id === over.id);
         const newItems = (0, import_sortable.arrayMove)(items, oldIndex, newIndex);
-        onOrderChange == null ? void 0 : onOrderChange(newItems);
-        return newItems;
+        const updatedItems = newItems.map((item, index) => ({
+          ...item,
+          sort: index
+        }));
+        onOrderChange == null ? void 0 : onOrderChange(updatedItems);
+        return updatedItems;
       });
     }
   };

package/lib/components/booking/components/TabProduct/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 interface TabProductProps {
     list: any[];

package/lib/components/booking/components/formItemChildrenWrap/index.d.ts

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

package/lib/components/booking/forms/table/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const Table: ({ value, onChange, field, mode, onAdd }: any) => JSX.Element;
 export default Table;

package/lib/components/booking/info/clientVariant/hooks/useIsLowSpeedNetwork.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const useIsLowSpeedNetwork: () => import("react").MutableRefObject<boolean>;
 export default useIsLowSpeedNetwork;

package/lib/components/booking/info/service/like/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const Like: ({ status, onChange, className, style, }: {
     style?: any;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -19,7 +19,7 @@ export declare const useStoreRef: <T extends {
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"stripe" | "payo" | "tyro" | "windcave" | "linkly">;
+    readonly eftposRef: React.MutableRefObject<"stripe" | "tyro" | "windcave" | "payo" | "linkly">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };

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

@@ -297,7 +297,7 @@ export declare const backUpFree: (payload: Partial<State>) => {
         amount?: string | number | undefined;
         mode?: "refund" | "pay" | "fullPay" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "stripe" | "payo" | "tyro" | "windcave" | "linkly" | undefined;
+        eftpos?: "stripe" | "tyro" | "windcave" | "payo" | "linkly" | undefined;
         action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;

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

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

package/lib/components/eventBooking/components/Provider/Cart/Deposit/index.d.ts

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

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

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

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/DayItem/index.d.ts

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

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

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

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

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

package/lib/components/pay/toC/PaymentMethods/ApplePay/index.js

@@ -94,7 +94,7 @@ var ApplePay = (props, ref) => {
       linkElement.href = currentURL;
       const shop_domain = linkElement.hostname;
       const _href = `${config.pay}${(0, import_utils2.formatFranchiseeRoute)(
-        `/apple-pay?order_id=${(_g = state.payGroup) == null ? void 0 : _g.order_id}&shop_id=${shopId}&locale=${locale}&shop_domain=${shop_domain}&total_amount=${values.amount}&payment_group_id=${values.payment_group_id}&front_order_uuid=${state.front_order_uuid}`,
+        `/apple-pay?order_id=${(_g = state.payGroup) == null ? void 0 : _g.order_id}&shop_id=${shopId}&locale=${locale}&shop_domain=${shop_domain}&total_amount=${values.amount}&payment_group_id=${values.payment_group_id}&front_order_uuid=${state.front_order_uuid}&is_replace_router=1`,
         state.history
       )}`;
       paymentLogger.addLog({

package/lib/components/pay/toC/PaymentMethods/GooglePay/index.js

@@ -107,7 +107,7 @@ var GooglePay = (props, ref) => {
       linkElement.href = currentURL;
       const shop_domain = linkElement.hostname;
       const _href = `${config.pay}${(0, import_utils2.formatFranchiseeRoute)(
-        `/google-pay?order_id=${(_k = state.payGroup) == null ? void 0 : _k.order_id}&shop_id=${shopId}&locale=${locale}&shop_domain=${shop_domain}&total_amount=${values.amount}&payment_group_id=${values.payment_group_id}&front_order_uuid=${state.front_order_uuid}`,
+        `/google-pay?order_id=${(_k = state.payGroup) == null ? void 0 : _k.order_id}&shop_id=${shopId}&locale=${locale}&shop_domain=${shop_domain}&total_amount=${values.amount}&payment_group_id=${values.payment_group_id}&front_order_uuid=${state.front_order_uuid}&is_replace_router=1`,
         state.history
       )}`;
       paymentLogger.addLog({

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

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

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

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

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

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

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

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

package/lib/components/schedules/calendar/calendarItem.d.ts

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

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetail/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const ProductDetail: ({ form, currentProduct, }: {
     form: any;

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetailByDate/index.d.ts

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

package/lib/components/schedules/resources/relationProduct/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const RelationProduct: ({ value, onChange, }: {
     value?: any;

package/lib/components/shoppingCart/components/Empty/index.d.ts

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

package/lib/components/shoppingCart/components/Render/index.d.ts

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

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": "3.4.41",
+  "version": "3.4.43",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -59,8 +59,8 @@
     "react-infinite-scroll-component": "^6.1.0",
     "rc-virtual-list": "^3.11.3",
     "decimal.js": "^10.4.3",
-    "@pisell/materials": "3.3.63",
     "@pisell/utils": "3.0.1",
+    "@pisell/materials": "3.3.63",
     "@pisell/icon": "0.0.11",
     "@pisell/date-picker": "3.0.3"
   },