@pisell/private-materials 6.2.32 → 6.2.33

package/lib/components/booking/info2/service/editService/index.less

@@ -2,13 +2,12 @@
   padding: 24px 32px 100px !important;
 }
 
-
 .pisell-lowcode__booking-service-body-edit-footer {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
-  border-top: 1px solid #E7E8E9;
+  border-top: 1px solid #e7e8e9;
   padding: 20px 32px;
   display: flex;
   align-items: center;
@@ -16,12 +15,19 @@
   gap: 12px;
   background-color: #fff;
 
+  .pisell-lowcode__booking-service-body-edit-footer-left {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    width: fit-content;
+  }
+
   .pisell-lowcode__booking-service-delete-wrap {
     height: 48px;
     width: 48px;
     border-radius: 8px;
-    border: 1px solid var(--gray-300, #D0D5DD);
-    background: var(--base-white, #FFF);
+    border: 1px solid var(--gray-300, #d0d5dd);
+    background: var(--base-white, #fff);
     box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
     cursor: pointer;
     display: flex;
@@ -29,11 +35,42 @@
     justify-content: center;
 
     .pisell-lowcode__booking-service-delete-icon {
-      color: #B42318;
+      color: #b42318;
       font-size: 20px;
     }
   }
 
+  .pisell-lowcode__booking-service-buttons-item {
+    height: 48px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex: 1;
+    position: relative;
+
+    &.note-button {
+      .note-indicator {
+        position: absolute;
+        top: 0; // 不使用负数偏移
+        right: 0; // 不使用负数偏移
+        transform: translate(12%, -12%); // 向外溢出约 2-3px
+        width: 24px;
+        height: 24px;
+        border-radius: 50%;
+        background-color: #7f56da; // 紫色
+        color: #fff;
+        font-weight: 700;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        line-height: 1;
+        font-size: 30px;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+        pointer-events: none;
+      }
+    }
+  }
+
   .pisell-lowcode__booking-service-body-edit-footer-apple {
     flex: 1;
     height: 48px;
@@ -46,14 +83,12 @@
 .pisell-lowcode-select-selection-item {
   .resource-option {
     padding-left: 0;
-
   }
 }
 
 .pisell-lowcode-select-item-option-content {
   .resource-option {
     padding-left: 0;
-
   }
 }
 
@@ -63,7 +98,7 @@
   gap: 8px;
 
   .resource-option-alert-icon {
-    color: #B42318;
+    color: #b42318;
     cursor: pointer;
   }
 }
@@ -72,7 +107,7 @@
   min-height: 40px;
   cursor: pointer;
   background-color: #ffffff;
-  border: 1px solid #D0D5DD;
+  border: 1px solid #d0d5dd;
   border-radius: 10px;
   transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
   overflow: hidden;
@@ -90,10 +125,11 @@
       flex: 1;
     }
 
-    .current-service-info-change-btn {}
+    .current-service-info-change-btn {
+    }
   }
 
   &:hover {
     border-color: #7f56d9;
   }
-}
+}

package/lib/components/booking/locales.js

@@ -85,7 +85,7 @@ var locales_default = {
     "pisell2.text.enroll.detail": "Details",
     "pisell2.text.add-products-successfully": "Add products successfully",
     "pisell2.text.add": "Add",
-    "pisell2.text.created-successfully": "Appointment created",
+    "pisell2.text.created-successfully": "Order saved. You can find it in Order List.",
     "pisell2.text.edit-successfully": "Edited successfully",
     "pisell2.text.updated": " updated",
     "pisell2.text.appointment-updated": "Appointment updated",
@@ -304,7 +304,7 @@ var locales_default = {
     "pisell2.action-buttons.no-items-to-adjust": "No items in cart to adjust price.",
     "pisell2.action-buttons.adjust-order-price": "Adjust Order Price",
     "pisell2.action-buttons.price-adjusted-success": "Order price adjusted successfully.",
-    "pisell2.action-buttons.clear-success": "Clear Success",
+    "pisell2.action-buttons.clear-success": "Cart Cleared",
     "pisell2.text.manual-price-adjustment": "Discount",
     // Customise Item Modal
     "pisell2.customise-item.modal-title": "Create and Add Customise (Once-off) Item",
@@ -427,7 +427,7 @@ var locales_default = {
     "pisell2.text.refund-amount": "退款金额",
     //
     "pisell2.text.add": "添加",
-    "pisell2.text.created-successfully": "预约已创建",
+    "pisell2.text.created-successfully": "订单已保存。您可以在订单列表中找到它。",
     "pisell2.text.edit-successfully": "编辑成功",
     "pisell2.text.appointment-updated": "预约已更新",
     "pisell2.text.updated": "已更新",
@@ -764,7 +764,7 @@ var locales_default = {
     "pisell2.text.add-products-successfully": "添加商品成功",
     //
     "pisell2.text.add": "添加",
-    "pisell2.text.created-successfully": "預約已創建",
+    "pisell2.text.created-successfully": "訂單已保存。 您可以在訂單清單中找到它。",
     "pisell2.text.edit-successfully": "編輯成功",
     "pisell2.text.appointment-updated": "預約已更新",
     "pisell2.text.updated": "已更新",

package/lib/components/booking/materiels/startTime/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SelectProps } from "antd";
 interface StartTimeProps extends SelectProps {
     locale?: string;

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

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

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

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

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

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

package/lib/components/productSelect/components/productGroup/index.js

@@ -116,7 +116,7 @@ var ProductGroup = ({
         "img",
         {
           loading: "lazy",
-          src: item.cover,
+          src: import_utils.image.ali(item.cover, 360),
           style: { borderRadius: radius }
         }
       ) : /* @__PURE__ */ import_react.default.createElement(

package/lib/components/shoppingCart/components/Cart/Product.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ProductProps } from '../../type';
 declare const Product: (props: ProductProps) => JSX.Element;
 export default Product;

package/lib/components/shoppingCart/components/Cart/Product.js

@@ -89,7 +89,8 @@ var Product = (props) => {
     const conf = productCardStyleConfig[`${type}_product_card_style`];
     return {
       isShowImage: conf == null ? void 0 : conf.show_product_image,
-      isShowDelete: conf == null ? void 0 : conf.show_remove_button
+      isShowDelete: conf == null ? void 0 : conf.show_remove_button,
+      disabledEdit: true
     };
   });
   return (0, import_react.useMemo)(() => {
@@ -99,12 +100,12 @@ var Product = (props) => {
       let isRetail;
       if (state.scenario === "booking2") {
         isRetail = (0, import_utils.isNormalProductByDurationSchedule)(item == null ? void 0 : item._origin);
-        Comp = isRetail ? import_materials.ProductCard.V2 : import_materials.ProductCard;
+        Comp = import_materials.ProductCard.V2;
       }
       return /* @__PURE__ */ import_react.default.createElement(
         Comp,
         {
-          type: isRetail ? "a2" : void 0,
+          type: isRetail ? "a2" : "a5",
           rightActions: [
             {
               key: "update_number",

package/lib/components/ticketBooking/components/timeBar/index.js

@@ -78,7 +78,7 @@ var TimeBar = (props) => {
   });
   return (0, import_react.useMemo)(() => {
     var _a2, _b2, _c, _d;
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-time-bar" }, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-time-bar", style: { backgroundColor: state.isDateChange ? "#F79009" : "" } }, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Button,
       {
         icon: /* @__PURE__ */ import_react.default.createElement(import_icons.LeftOutlined, null),

package/lib/components/ticketBooking/hooks/pisellos/useCustomer.js

@@ -30,7 +30,9 @@ var useCustomer = (props) => {
   const bookingTicket = (0, import_bookingTicket.useBookingTicket)();
   const pisellos = (0, import_useEngineContext.usePisellOS)();
   const [customers, setCustomers] = (0, import_react.useState)([]);
-  const [selectedCustomer, setSelectedCustomer] = (0, import_react.useState)(null);
+  const [selectedCustomer, setSelectedCustomer] = (0, import_react.useState)(
+    null
+  );
   const [loading, setLoading] = (0, import_react.useState)(false);
   const [error, setError] = (0, import_react.useState)(null);
   const [pagination, setPagination] = (0, import_react.useState)({
@@ -59,41 +61,50 @@ var useCustomer = (props) => {
       setSelectedCustomer(customer);
       (_a = props.changeCustomerToGlobalState) == null ? void 0 : _a.call(props, customer);
     });
-    pisellos.effects.on("customer:onPaginationChange", (paginationInfo) => {
-      setPagination(paginationInfo);
-    });
+    pisellos.effects.on(
+      "customer:onPaginationChange",
+      (paginationInfo) => {
+        setPagination(paginationInfo);
+      }
+    );
     return () => {
       pisellos.effects.off("customer:onUpdate");
       pisellos.effects.off("customer:onSelected");
       pisellos.effects.off("customer:onPaginationChange");
     };
   }, [bookingTicket]);
-  const loadCustomers = (0, import_ahooks.useMemoizedFn)(async (params) => {
-    try {
-      setLoading(true);
-      await bookingTicket.getCustomerList(params);
-    } catch (err) {
-      setError(err == null ? void 0 : err.message);
+  const loadCustomers = (0, import_ahooks.useMemoizedFn)(
+    async (params) => {
+      try {
+        setLoading(true);
+        await bookingTicket.getCustomerList(params);
+      } catch (err) {
+        setError(err == null ? void 0 : err.message);
+      }
+      setLoading(false);
     }
-    setLoading(false);
-  });
+  );
   const initLoad = (0, import_ahooks.useMemoizedFn)(async (keyword = "") => {
     try {
+      setLoading(true);
       await bookingTicket.resetAndLoadCustomers({
         search: keyword || void 0
       });
     } catch (error2) {
       console.error("初始化加载失败:", error2);
     }
+    setLoading(false);
   });
   const loadMore = (0, import_ahooks.useMemoizedFn)(async () => {
     if (!hasMore || loadingMore) return;
     setLoadingMore(true);
+    setLoading(true);
     try {
       await bookingTicket.loadMoreCustomers();
     } catch (error2) {
       console.error("加载更多失败:", error2);
     }
+    setLoading(false);
     setLoadingMore(false);
   });
   const changePage = (0, import_ahooks.useMemoizedFn)(async (page, pageSize) => {

package/lib/components/ticketBooking/locales.js

@@ -75,7 +75,10 @@ var locales_default = {
     "pisell2.ticket-booking.in-cart": (number) => `${number} in cart`,
     "pisell2.product.card.cart-items": (number) => `${number}items`,
     "pisell2.product.card.subtotal": "Subtotal",
-    "pisell2.product.card.hour.minute": (hour, minute) => `${hour > 0 ? `${hour}h` : ""}${hour > 0 && minute > 0 ? " " : ""}${minute > 0 ? `${minute}min` : ""}`,
+    "pisell2.product.card.hour.minute": (hour, minute) => {
+      if (hour === 0 && minute === 0) return `${minute}min`;
+      return `${hour > 0 ? `${hour}h` : ""}${hour > 0 && minute > 0 ? " " : ""}${minute > 0 ? `${minute}min` : ""}`;
+    },
     "pisell2.product.card.day": (val) => `${val > 1 ? " days" : " day"}`,
     "pisell2.product.card.day.event": (val) => `${val > 1 ? " events" : " event"}`,
     "pisell2.product.card.minute": (val) => `${val > 1 ? " minutes" : " minute"}`,
@@ -134,7 +137,10 @@ var locales_default = {
     "pisell2.product.card.cart-items": (number) => `${number}件商品`,
     "pisell2.product.card.subtotal": "小计",
     "pisell2.ticket-booking.in-cart": (number) => `已有${number}件`,
-    "pisell2.product.card.hour.minute": (hour, minute) => `${hour > 0 ? `${hour}小时` : ""}${minute > 0 ? `${minute}分钟` : ""}`,
+    "pisell2.product.card.hour.minute": (hour, minute) => {
+      if (hour === 0 && minute === 0) return `${minute}分钟`;
+      return `${hour > 0 ? `${hour}小时` : ""}${minute > 0 ? `${minute}分钟` : ""}`;
+    },
     "pisell2.product.card.day": (val) => "天",
     "pisell2.product.card.day.event": (val) => "个活动",
     "pisell2.product.card.minute": (val) => "分钟",
@@ -193,7 +199,10 @@ var locales_default = {
     "pisell2.ticket-booking.in-cart": (number) => `已有${number}件`,
     "pisell2.product.card.cart-items": (number) => `${number}件商品`,
     "pisell2.product.card.subtotal": "小計",
-    "pisell2.product.card.hour.minute": (hour, minute) => `${hour > 0 ? `${hour}小時` : ""}${minute > 0 ? `${minute}分鐘` : ""}`,
+    "pisell2.product.card.hour.minute": (hour, minute) => {
+      if (hour === 0 && minute === 0) return `${minute}分鐘`;
+      return `${hour > 0 ? `${hour}小時` : ""}${minute > 0 ? `${minute}分鐘` : ""}`;
+    },
     "pisell2.product.card.day": (val) => "天",
     "pisell2.product.card.day.event": (val) => "个活動",
     "pisell2.product.card.minute": (val) => "分鐘",

package/lib/plus/clientCard/locales.js

@@ -31,11 +31,11 @@ var locales_default = {
   "zh-CN": {
     "pisell2.text.add-client": "添加客户",
     "pisell2.text.change-client": "更换客户",
-    "pisell2.text.remove-client": "移除客戶"
+    "pisell2.text.remove-client": "移除客户"
   },
   "zh-HK": {
     "pisell2.text.add-client": "新增客戶",
     "pisell2.text.change-client": "更換客戶",
-    "pisell2.text.remove-client": "移除客户"
+    "pisell2.text.remove-client": "移除客戶"
   }
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 import { IClientNameProps } from './type';
 declare const ClientName: ({ className, dataSource, style }: IClientNameProps) => JSX.Element | null;

package/lib/plus/clinetSearch/Add/PhoneField/index.d.ts

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

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

@@ -11,7 +11,6 @@ interface ClientSearchProps extends Omit<ComprehensiveSearchProps, 'resultDispla
     onLoadMore?: () => void;
 }
 export declare type ClientSearchRef = {
-    setSearchKeyword: (keyword: string) => void;
     resetScrollPosition: () => void;
 };
 declare const ClientSearch: React.ForwardRefExoticComponent<ClientSearchProps & React.RefAttributes<ClientSearchRef>>;

package/lib/plus/clinetSearch/index.js

@@ -85,8 +85,10 @@ var ClientSearch = (0, import_react.forwardRef)(
           import_InfiniteScroll.default,
           {
             dataLength: searchResults.length,
-            next: onLoadMore || (() => {
-            }),
+            next: () => {
+              console.log("loading more");
+              onLoadMore == null ? void 0 : onLoadMore();
+            },
             hasMore: hasMore || false,
             style: { width: "100%" },
             loader: /* @__PURE__ */ import_react.default.createElement(
@@ -101,7 +103,8 @@ var ClientSearch = (0, import_react.forwardRef)(
               import_utils.locales.getText("pisell2.text.loading")
             ),
             endMessage: /* @__PURE__ */ import_react.default.createElement("div", { style: { textAlign: "center", color: "#999" } }, (searchResults == null ? void 0 : searchResults.length) ? import_utils.locales.getText("pisell2.text.no-more-data") : null),
-            scrollableTarget: "client-search_infinite-scroll"
+            scrollableTarget: "client-search_infinite-scroll",
+            scrollThreshold: "180px"
           },
           /* @__PURE__ */ import_react.default.createElement(
             import_antd.List,
@@ -167,10 +170,6 @@ var ClientSearch = (0, import_react.forwardRef)(
       handleModalCancel();
     };
     (0, import_react.useImperativeHandle)(ref, () => ({
-      setSearchKeyword: (keyword) => {
-        var _a2, _b2;
-        (_b2 = (_a2 = comprehensiveSearchRef.current) == null ? void 0 : _a2.setSearchKeyword) == null ? void 0 : _b2.call(_a2, keyword);
-      },
       resetScrollPosition: () => {
         if (scrollContainerRef.current) {
           scrollContainerRef.current.scrollTop = 0;

package/lib/plus/clinetSearch/index.less

@@ -26,6 +26,10 @@
     padding-right: 16px;
     color: rgba(0, 0, 0, 0.85);
     font-size: 14px;
+    word-break: keep-all;
+    overflow: hidden;
+    word-wrap: normal;
+    text-overflow: ellipsis;
   }
 }
 

package/lib/pro/comprehensiveSearch/index.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
 import type { ComprehensiveSearchProps, SearchResult } from './types';
 import './index.less';
-export declare type ComprehensiveSearchRef = {
-    setSearchKeyword: (keyword: string) => void;
-};
+export declare type ComprehensiveSearchRef = {};
 declare const ComprehensiveSearch: React.ForwardRefExoticComponent<ComprehensiveSearchProps & React.RefAttributes<ComprehensiveSearchRef>>;
 export default ComprehensiveSearch;
 export type { ComprehensiveSearchProps, SearchResult };

package/lib/pro/comprehensiveSearch/index.js

@@ -37,10 +37,10 @@ var import_antd = require("antd");
 var import_materials = require("@pisell/materials");
 var import_icon = require("@pisell/icon");
 var import_utils = require("@pisell/utils");
+var import_ahooks = require("ahooks");
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var import_useTerminalPeripherals = __toESM(require("./hooks/useTerminalPeripherals"));
 var import_useNativeScanner = __toESM(require("./hooks/useNativeScanner"));
-var import_camera = __toESM(require("./camera.svg"));
 var import_locales = __toESM(require("./locales"));
 var import_index = require("./index.less");
 var import_classnames = __toESM(require("classnames"));
@@ -64,14 +64,19 @@ var ComprehensiveSearch = (0, import_react.forwardRef)(
     resultSort = "asc",
     style,
     loading,
-    onSearchTextChange,
+    keyword,
+    onKeywordChange,
     onSearch,
     onAdd,
     onRowClick,
     ...props
   }, ref) => {
     var _a, _b, _c;
-    const [searchValue, setSearchValue] = (0, import_react.useState)("");
+    const [searchValue, setSearchValue] = (0, import_ahooks.useControllableValue)({
+      value: keyword,
+      onChange: onKeywordChange,
+      defaultValue: ""
+    });
     const { peripheralsStatus } = (0, import_useTerminalPeripherals.default)();
     const { activeNativeScanner, isTerminal } = (0, import_useNativeScanner.default)();
     const context = (0, import_useEngineContext.default)();
@@ -79,18 +84,6 @@ var ComprehensiveSearch = (0, import_react.forwardRef)(
       import_locales.default,
       ((_c = (_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.storage) == null ? void 0 : _c.get("umi_locale")) || "en"
     );
-    async function checkCameraAvailability() {
-      try {
-        const devices = await navigator.mediaDevices.enumerateDevices();
-        const hasCamera = devices.some(
-          (device) => device.kind === "videoinput"
-        );
-        return hasCamera;
-      } catch (err) {
-        console.error("Error checking camera availability:", err);
-      }
-      return false;
-    }
     const handleSearch = async () => {
       try {
         await (onSearch == null ? void 0 : onSearch(searchValue));
@@ -100,7 +93,6 @@ var ComprehensiveSearch = (0, import_react.forwardRef)(
     const handleInputChange = (e) => {
       const value = e.target.value;
       setSearchValue(value);
-      onSearchTextChange == null ? void 0 : onSearchTextChange(value);
     };
     const handleAdd = () => {
       onAdd == null ? void 0 : onAdd();
@@ -148,11 +140,7 @@ var ComprehensiveSearch = (0, import_react.forwardRef)(
         }
       )), isShowSearchButton && /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__search-button-wrapper" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: handleSearch, loading }, import_utils.locales.getText("pisell2.text.search")))));
     };
-    (0, import_react.useImperativeHandle)(ref, () => ({
-      setSearchKeyword: (keyword) => {
-        setSearchValue(keyword);
-      }
-    }));
+    (0, import_react.useImperativeHandle)(ref, () => ({}));
     const renderResults = () => {
       if (import_react.default.isValidElement(resultDisplay)) {
         return resultDisplay;
@@ -218,12 +206,13 @@ var ComprehensiveSearch = (0, import_react.forwardRef)(
         import_antd.Button,
         {
           className: "comprehensive-search__new-button",
-          onClick: handleAdd
+          onClick: handleAdd,
+          type: "primary"
         },
         newButtonText || import_utils.locales.getText("pisell2.text.new-client"),
         /* @__PURE__ */ import_react.default.createElement(import_icon.PlusCircle, { style: { fontSize: 20 } })
       );
-      const iconGroup = /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__icon-group" }, isShowScanner && /* @__PURE__ */ import_react.default.createElement("span", { className: "comprehensive-search__icon-button" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-Scanner" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "status-indicator" }, stautsIndicator((peripheralsStatus == null ? void 0 : peripheralsStatus.scanner) === "connected"))), isShowNFC && /* @__PURE__ */ import_react.default.createElement("span", { className: "comprehensive-search__icon-button" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-NFC" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "status-indicator" }, stautsIndicator((peripheralsStatus == null ? void 0 : peripheralsStatus.nfc) === "connected"))), isShowCamera && /* @__PURE__ */ import_react.default.createElement("span", { className: "comprehensive-search__icon-button" }, /* @__PURE__ */ import_react.default.createElement("img", { src: import_camera.default }), /* @__PURE__ */ import_react.default.createElement("div", { className: "status-indicator" }, stautsIndicator(isTerminal))));
+      const iconGroup = /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__icon-group" }, isShowScanner && /* @__PURE__ */ import_react.default.createElement("span", { className: "comprehensive-search__icon-button" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-Scanner" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "status-indicator" }, stautsIndicator((peripheralsStatus == null ? void 0 : peripheralsStatus.scanner) === "connected"))), isShowNFC && /* @__PURE__ */ import_react.default.createElement("span", { className: "comprehensive-search__icon-button" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-NFC" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "status-indicator" }, stautsIndicator((peripheralsStatus == null ? void 0 : peripheralsStatus.nfc) === "connected"))), isShowCamera && /* @__PURE__ */ import_react.default.createElement("span", { className: "comprehensive-search__icon-button" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-camera" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "status-indicator" }, stautsIndicator(isTerminal))));
       return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__third" }, newButtonAlign === "left" ? newButton : newButtonAlign === "right" ? iconGroup : null), /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__third" }, newButtonAlign === "center" ? newButton : null), /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__third" }, newButtonAlign === "left" ? iconGroup : newButtonAlign === "right" ? newButton : iconGroup));
     };
     const renderContent = () => /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search", style, ...props }, /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__top-section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__top-row" }, getTopRowLayout())), renderSearchSection(), /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__results-container" }, renderResults()));

package/lib/pro/comprehensiveSearch/index.less

@@ -37,12 +37,7 @@
     line-height: 20px;
     word-wrap: break-word;
     height: 40px;
-    color: #6941c6;
-    border-color: #e9d7fe;
-
-    &:hover {
-      background-color: #f9f5ff;
-    }
+    color: #fff;
   }
 
   &__icon-group {

package/lib/pro/comprehensiveSearch/types.d.ts

@@ -20,7 +20,8 @@ export interface ComprehensiveSearchProps {
     sortBy?: string;
     style?: React.CSSProperties;
     loading?: boolean;
-    onSearchTextChange?: (value: string) => void;
+    keyword?: string;
+    onKeywordChange?: (value: string) => void;
     onSearch?: (value: string) => void;
     onAdd?: () => void;
     onDataChange?: (data: any) => void;

package/lib/pro/skuDetailModal/index.js

@@ -198,6 +198,12 @@ var SkuDetailModal = ({ onConfirm, onRemove, onClose }, ref) => {
     setDiscounts([]);
     setShowPriceAdjustModal(false);
   };
+  const coverText = (0, import_react.useMemo)(() => {
+    var _a2;
+    const title = ((_a2 = productData == null ? void 0 : productData.title) == null ? void 0 : _a2.trim()) || "";
+    if (!title) return "";
+    return Array.from(title).slice(0, 2).join("");
+  }, [productData == null ? void 0 : productData.title]);
   if (!productData) return null;
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_materials.PisellModal,
@@ -212,7 +218,7 @@ var SkuDetailModal = ({ onConfirm, onRemove, onClose }, ref) => {
       width: 880,
       className: "pisell-sku-detail-modal"
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "sku-detail-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "sku-detail-content-main" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "sku-detail-left" }, productData.cover ? /* @__PURE__ */ import_react.default.createElement("div", { className: "product-image" }, /* @__PURE__ */ import_react.default.createElement("img", { src: productData.cover || "" })) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: "product-actions" }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "sku-detail-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "sku-detail-content-main" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "sku-detail-left" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "product-image" }, productData.cover ? /* @__PURE__ */ import_react.default.createElement("img", { src: productData.cover || "" }) : /* @__PURE__ */ import_react.default.createElement("div", { className: "product-cover-text" }, coverText)), /* @__PURE__ */ import_react.default.createElement("div", { className: "product-actions" }, /* @__PURE__ */ import_react.default.createElement(
       import_materials.Button,
       {
         size: "large",
@@ -260,7 +266,7 @@ var SkuDetailModal = ({ onConfirm, onRemove, onClose }, ref) => {
         danger: true,
         size: "large",
         icon: /* @__PURE__ */ import_react.default.createElement(import_Delete_wght300_24px.default, { style: { fontSize: 20 } }),
-        className: "remove-btn",
+        className: "sku-detail-content-footer-remove-btn",
         onClick: handleRemove
       },
       import_utils.locales.getText("pisell2.text.sku.detail.modal.btn.remove")
@@ -269,12 +275,22 @@ var SkuDetailModal = ({ onConfirm, onRemove, onClose }, ref) => {
       {
         type: "default",
         size: "large",
-        onClick: handleManualPriceChange
+        onClick: handleManualPriceChange,
+        className: "sku-detail-content-footer-price-btn"
       },
-      import_utils.locales.getText(
+      /* @__PURE__ */ import_react.default.createElement("span", { className: "sku-detail-content-footer-price-btn-text" }, import_utils.locales.getText(
         "pisell2.text.sku.detail.modal.btn.manual.price.change"
-      )
-    ), /* @__PURE__ */ import_react.default.createElement(import_materials.Button, { type: "primary", size: "large", onClick: handleConfirm }, import_utils.locales.getText("pisell2.text.sku.detail.modal.btn.confirm"))))),
+      ))
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Button,
+      {
+        type: "primary",
+        size: "large",
+        onClick: handleConfirm,
+        className: "sku-detail-content-footer-confirm-btn"
+      },
+      import_utils.locales.getText("pisell2.text.sku.detail.modal.btn.confirm")
+    )))),
     noteModalOpen && /* @__PURE__ */ import_react.default.createElement(
       import_noteModal.default,
       {