@pisell/private-materials 6.2.24 → 6.2.25

package/lib/components/booking/hooks/useQuotation.js

@@ -145,8 +145,10 @@ var useQuotation = (state, dispatch) => {
   cartValueRef.current = state.service.value;
   const getCartQuotation = async (params) => {
     if (!cartValueRef.current.length) return;
+    const ids = cartValueRef.current.filter((item) => !item.isCustomItem).map((item) => item.product_id);
+    if (!ids.length) return;
     const data = await (0, import_serve.getProductPrice)({
-      ids: cartValueRef.current.map((item) => item.product_id),
+      ids,
       schedule_date: params == null ? void 0 : params.schedule_date,
       customer_id: params == null ? void 0 : params.customer_id
     });

package/lib/components/booking/info/dateRange/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 export declare const disabledDate: (current: any, position: any, currentDate: any) => any;
 declare const DateRange: ({ state, dispatch, key }: any) => JSX.Element;

package/lib/components/booking/info/hooks/useInfoHolder.d.ts

@@ -5,5 +5,6 @@ declare const useInfoHolder: (state: any, dispatch: any) => {
     dispatchService: (type: string, payload: any) => void;
     handleAction: (dataSource: any) => void;
     showAddTimeModal: boolean;
+    editNormalServiceRef: import("react").MutableRefObject<any>;
 };
 export default useInfoHolder;

package/lib/components/booking/info/hooks/useInfoHolder.js

@@ -37,9 +37,11 @@ var import_useHolderConfig = __toESM(require("./useHolderConfig"));
 var import_utils = require("../utils");
 var import_useGetHolderList = __toESM(require("./useGetHolderList"));
 var import_utils2 = require("../../info2/service/addService/utils");
+var import_utilsByBooking = require("../../info2/utilsByBooking");
 var useInfoHolder = (state, dispatch) => {
   var _a, _b, _c, _d;
   const detailRef = (0, import_react.useRef)();
+  const editNormalServiceRef = (0, import_react.useRef)(null);
   const { holder, isFormSubject, appointment_subject } = (0, import_useHolderConfig.default)(state);
   const getHolders = (0, import_useGetHolderList.default)(state, dispatch);
   (0, import_react.useEffect)(() => {
@@ -58,8 +60,13 @@ var useInfoHolder = (state, dispatch) => {
   }, [state, appointment_card.quick_time]);
   const handleEdit = (cacheItem, type) => {
     setTimeout(() => {
-      var _a2, _b2;
-      (_b2 = (_a2 = detailRef.current) == null ? void 0 : _a2.init) == null ? void 0 : _b2.call(_a2, cacheItem, false, type === "edit_product");
+      var _a2, _b2, _c2;
+      const isNoSpecAndPackage = (0, import_utilsByBooking.getIsNoSpecAndPackage)(cacheItem);
+      if (isNoSpecAndPackage) {
+        (_a2 = editNormalServiceRef.current) == null ? void 0 : _a2.init(cacheItem);
+      } else {
+        (_c2 = (_b2 = detailRef.current) == null ? void 0 : _b2.init) == null ? void 0 : _c2.call(_b2, cacheItem, false, type === "edit_product");
+      }
     }, 100);
   };
   const dispatchService = (type, payload) => {
@@ -86,7 +93,8 @@ var useInfoHolder = (state, dispatch) => {
     handleEdit,
     dispatchService,
     handleAction,
-    showAddTimeModal
+    showAddTimeModal,
+    editNormalServiceRef
   };
 };
 var useInfoHolder_default = useInfoHolder;

package/lib/components/booking/info/index.less

@@ -4,6 +4,22 @@
   .booking-info {
     padding-bottom: 16px;
 
+    .booking-info-client-line {
+      display: flex;
+      flex-direction: row;
+      gap: 10px;
+
+      .booking-info-client-line-code {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 64px;
+        height: 64px;
+        border-radius: 8px;
+        background: #5d3f9f;
+        cursor: pointer;
+      }
+    }
   }
 
   // &::before {
@@ -22,7 +38,7 @@
   }
 }
 .create-booking-page-info-wrap-create {
-  background: var(--Success-50, #ECFDF3);
+  background: var(--Success-50, #ecfdf3);
 }
 .create-booking-page-info-wrap {
   position: initial !important;
@@ -34,4 +50,4 @@
     font-weight: 600;
     line-height: 32px;
   }
-}
+}

package/lib/components/booking/info/main.js

@@ -37,7 +37,6 @@ var import_react = __toESM(require("react"));
 var import_footer = __toESM(require("../components/footer"));
 var import_tabPane = __toESM(require("../components/tabPane"));
 var import_locales = __toESM(require("../locales"));
-var import_addNote = __toESM(require("../notes/addNote"));
 var import_client = __toESM(require("./client"));
 var import_date = __toESM(require("./date"));
 var import_header = __toESM(require("./header"));
@@ -126,7 +125,6 @@ var Info = (0, import_model.Provider)((props) => {
     globalState == null ? void 0 : globalState.renderType
   ]);
   const notes = (0, import_react.useMemo)(() => {
-    var _a2, _b2, _c2, _d2;
     if (!modules.note) {
       return null;
     }
@@ -134,9 +132,15 @@ var Info = (0, import_model.Provider)((props) => {
       return null;
     }
     if ((0, import_utils3.isDayBooking)(globalState)) {
-      return /* @__PURE__ */ import_react.default.createElement(import_addNote.default, { value: (_b2 = (_a2 = modal.state) == null ? void 0 : _a2.notes) == null ? void 0 : _b2.orderNote, onChange: addNote });
+      return (
+        // <AddNote value={modal.state?.notes?.orderNote} onChange={addNote} />
+        null
+      );
     }
-    return (globalState == null ? void 0 : globalState.bookingId) ? globalState.renderType === "eventBooking" || globalState.isBookingCreatePage ? /* @__PURE__ */ import_react.default.createElement(import_notes.default, null) : null : /* @__PURE__ */ import_react.default.createElement(import_addNote.default, { value: (_d2 = (_c2 = modal.state) == null ? void 0 : _c2.notes) == null ? void 0 : _d2.orderNote, onChange: addNote });
+    return (globalState == null ? void 0 : globalState.bookingId) ? globalState.renderType === "eventBooking" || globalState.isBookingCreatePage ? /* @__PURE__ */ import_react.default.createElement(import_notes.default, null) : null : (
+      // <AddNote value={modal.state?.notes?.orderNote} onChange={addNote} />
+      null
+    );
   }, [
     modules.note,
     globalState == null ? void 0 : globalState.bookingId,
@@ -162,7 +166,10 @@ var Info = (0, import_model.Provider)((props) => {
       bodyClassName: (0, import_classnames.default)("booking-info-warp", {
         ["create-booking-page-info-wrap"]: isBookingCreatePage,
         ["create-booking-page-info-wrap-create"]: isBookingCreatePageCreateMode && !(0, import_utils3.isTerminalDayBooking)(modal.state)
-      })
+      }),
+      state: modal.state,
+      dispatch: modal.dispatch,
+      source: "info"
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-info" }, createHeader, modules.client ? /* @__PURE__ */ import_react.default.createElement(import_client.default, null) : null, modules.holder && !((_i = modal.state) == null ? void 0 : _i.disabledEdit) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, params.type === "form" ? /* @__PURE__ */ import_react.default.createElement(import_pet.default, null) : null) : null, modules.date ? /* @__PURE__ */ import_react.default.createElement(import_date.default, null) : null, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Skeleton,

package/lib/components/booking/info/service/Lists.js

@@ -76,6 +76,7 @@ var Lists = ({ onEdit, onChange, onAction, isParallelResource }) => {
     }
   );
   const productParams = (0, import_react.useMemo)(() => {
+    var _a2, _b;
     return {
       hideAddBtn: state.isTerminalDayBookingPage || state.isBookingCreatePage,
       isShowNote: (0, import_utils.isEventBooking)(state),
@@ -87,17 +88,20 @@ var Lists = ({ onEdit, onChange, onAction, isParallelResource }) => {
       isShowChangeHolder,
       isShowChangeResource: true,
       isShowAddHolderButton: true,
-      isShowEditProduct: !state.isBookingCreatePage
+      isShowEditProduct: !state.isBookingCreatePage,
+      productCardStyleConfig: (_b = (_a2 = state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b.cart_settings_tab
     };
   }, [
     state == null ? void 0 : state.bookingId,
     state == null ? void 0 : state.disabledEdit,
     isShowChangeHolder,
-    state.isBookingCreatePage
+    state.isBookingCreatePage,
+    state.bookingConfig
   ]);
   return /* @__PURE__ */ import_react.default.createElement(import_Provider.CartContext.Provider, { value: { state } }, /* @__PURE__ */ import_react.default.createElement(
     import_shoppingCart.default,
     {
+      scenario: state.isBookingTicket2 ? "booking2" : void 0,
       isParallelResource,
       onAction,
       onChange: handleChange,

package/lib/components/booking/info/service/editService/BookingList/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const BookingList: ({ items }: {
     items: any[];
 }) => JSX.Element;

package/lib/components/booking/info/service/serviceItem/index.js

@@ -77,7 +77,7 @@ var ServiceItem = ({
       },
       /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "text", icon: /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-trash-01" }) })
     ),
-    d.id ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-title" }, d.title) : null,
+    d.id || d.isCustomItem ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-title" }, d.title) : null,
     d._extend ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, state.renderType !== "eventBooking" && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-date" }, (0, import_utils.getServiceTime)(d, state.date.value)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-technician" }, d._extend.resource ? /* @__PURE__ */ import_react.default.createElement(
       import_like.default,
       {
@@ -96,7 +96,7 @@ var ServiceItem = ({
         renderItem: (item) => (0, import_utils3.renderBundles)(item, state.amountSymbol)
       }
     ) : null,
-    d.id ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-price-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-service-item-price" }, (0, import_utils2.formatAmount)((_g = d._extend) == null ? void 0 : _g.total, 2, state.amountSymbol)), isDiscount ? /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-service-item-original-price" }, (0, import_utils2.formatAmount)(d._extend.origin_total, 2, state.amountSymbol)) : null)) : null,
+    d.id || d.isCustomItem ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-price-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-service-item-price" }, (0, import_utils2.formatAmount)((_g = d._extend) == null ? void 0 : _g.total, 2, state.amountSymbol)), isDiscount ? /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-service-item-original-price" }, (0, import_utils2.formatAmount)(d._extend.origin_total, 2, state.amountSymbol)) : null)) : null,
     isDiscount && ((_h = d._extend) == null ? void 0 : _h.discount_reason) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-discount-reason" }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils2.locales.getText("pisell2.text.discount-reason"), ":"), " ", (_i = d._extend) == null ? void 0 : _i.discount_reason) : null,
     ((_j = d._extend.relation_details) == null ? void 0 : _j.length) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-relation-details" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-title" }, import_utils2.locales.getText("page.booking.text.sales")), d._extend.relation_details.map((item, index) => {
       return /* @__PURE__ */ import_react.default.createElement(

package/lib/components/booking/info/service2/Lists.d.ts

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

package/lib/components/booking/info/service2/utils.d.ts

@@ -58,6 +58,7 @@ export declare const getIsSubjectRequire: (state: any) => boolean;
 export declare const isNormalProductByDurationSchedule: (item: any) => boolean;
 export declare const isAllNormalProduct: (items: any[]) => boolean;
 export declare const isAllNormalProductByState: (state: any) => boolean;
+export declare const genRowKey: (key: string) => string;
 /**
  * @title: 格式化商品数据
  * @description:
@@ -71,6 +72,7 @@ export declare const formatProducts: (lists: any[], state: any, isRenderGroup?:
     id: any;
     _id: any;
     name: any;
+    title: any;
     price: any;
     total: number;
     origin_total: number;
@@ -91,6 +93,8 @@ export declare const formatProducts: (lists: any[], state: any, isRenderGroup?:
     end_date: any;
     holder_id: any;
     isNormalProduct: boolean;
+    isCustomItem: any;
+    vouchersApplicable: any;
     locale: any;
     symbol: any;
     relation_products: any;
@@ -244,4 +248,4 @@ export declare const updateAppointmentServicePrice: (state: any, { start_date, e
  * @Author: WangHan
  * @Date: 2024-12-24 11:32
  */
-export declare const updateServicePrice: (state: any) => never[] | Promise<any>;
+export declare const updateServicePrice: (state: any) => Promise<any> | never[];

package/lib/components/booking/info/service2/utils.js

@@ -37,6 +37,7 @@ __export(utils_exports, {
   formatDayTime: () => formatDayTime,
   formatHolderLists: () => formatHolderLists,
   formatProducts: () => formatProducts,
+  genRowKey: () => genRowKey,
   getAppointmentService: () => getAppointmentService,
   getDayProducts: () => getDayProducts,
   getErrorMessage: () => getErrorMessage,
@@ -364,6 +365,7 @@ var formatBundle = (bundle) => {
     return {
       id: item == null ? void 0 : item.id,
       title: item == null ? void 0 : item.title,
+      cover: item == null ? void 0 : item.cover,
       num: item == null ? void 0 : item.num,
       price: item == null ? void 0 : item.price,
       total: item == null ? void 0 : item.price,
@@ -446,7 +448,7 @@ var getIsSubjectRequire = (state) => {
 };
 var isNormalProductByDurationSchedule = (item) => {
   var _a, _b;
-  return !(item == null ? void 0 : item.duration) && !((_a = item == null ? void 0 : item.schedules) == null ? void 0 : _a.length) && !((_b = item["schedule.ids"]) == null ? void 0 : _b.length);
+  return !(item == null ? void 0 : item.duration) && !((_a = item == null ? void 0 : item.schedules) == null ? void 0 : _a.length) && !((_b = item == null ? void 0 : item["schedule.ids"]) == null ? void 0 : _b.length);
 };
 var isAllNormalProduct = (items) => {
   return items.every((item) => isNormalProductByDurationSchedule(item));
@@ -454,6 +456,9 @@ var isAllNormalProduct = (items) => {
 var isAllNormalProductByState = (state) => {
   return isAllNormalProduct(state.service.value);
 };
+var genRowKey = (key) => {
+  return `rowKey-${key}`;
+};
 var getGeneralParams = (item, state, isParallelResource) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const { pet, service } = state;
@@ -522,7 +527,7 @@ var getGeneralParams = (item, state, isParallelResource) => {
     holder_id: (_d = item == null ? void 0 : item._extend) == null ? void 0 : _d.holder_id,
     start_date: !isNormalProduct ? (_e = item == null ? void 0 : item._extend) == null ? void 0 : _e.startDate : "",
     end_date: !isNormalProduct ? ((_f = item == null ? void 0 : item._extend) == null ? void 0 : _f.endDate) || ((_g = item == null ? void 0 : item._extend) == null ? void 0 : _g.end_date) : "",
-    rowKey: `rowKey-${(_i = (_h = item == null ? void 0 : item._extend) == null ? void 0 : _h.other) == null ? void 0 : _i.rowKey}`,
+    rowKey: genRowKey((_i = (_h = item == null ? void 0 : item._extend) == null ? void 0 : _h.other) == null ? void 0 : _i.rowKey),
     ...parallelResourceOtherParams
   };
 };
@@ -551,6 +556,8 @@ var formatProducts = (lists, state, isRenderGroup = true, isGeneral, isParallelR
       id: item == null ? void 0 : item.id,
       _id: item == null ? void 0 : item._id,
       name: item == null ? void 0 : item.title,
+      title: item == null ? void 0 : item.title,
+      // 购物车显示需要 title 字段
       price: (_g = item == null ? void 0 : item._extend) == null ? void 0 : _g.price,
       total: calcAddTimeTotalPrice((_h = item == null ? void 0 : item._extend) == null ? void 0 : _h.total, (_i = item == null ? void 0 : item._extend) == null ? void 0 : _i.relation_details),
       origin_total: calcAddTimeTotalPrice((_j = item == null ? void 0 : item._extend) == null ? void 0 : _j.origin_total, (_k = item == null ? void 0 : item._extend) == null ? void 0 : _k.relation_details),
@@ -571,6 +578,10 @@ var formatProducts = (lists, state, isRenderGroup = true, isGeneral, isParallelR
       end_date: !isNormalProduct ? (_r = item == null ? void 0 : item._extend) == null ? void 0 : _r.end_date : "",
       holder_id: ((_s = item == null ? void 0 : item._extend) == null ? void 0 : _s.holder_id) || 0,
       isNormalProduct,
+      isCustomItem: item == null ? void 0 : item.isCustomItem,
+      // 添加自定义商品标识
+      vouchersApplicable: item == null ? void 0 : item.vouchersApplicable,
+      // 是否适用优惠券/折扣
       locale: state.locale,
       symbol: state.amountSymbol,
       relation_products: ((_t = item == null ? void 0 : item._extend) == null ? void 0 : _t.relation_details) || [],
@@ -971,6 +982,7 @@ var updateServicePrice = (state) => {
   formatDayTime,
   formatHolderLists,
   formatProducts,
+  genRowKey,
   getAppointmentService,
   getDayProducts,
   getErrorMessage,

package/lib/components/booking/info2/cartClientCard/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ClientCardRef } from './types';
+import './index.less';
+export type { ClientData } from './types';
+declare const CartClientCard: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<ClientCardRef>>;
+export default CartClientCard;

package/lib/components/booking/info2/cartClientCard/index.js

@@ -0,0 +1,298 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/booking/info2/cartClientCard/index.tsx
+var cartClientCard_exports = {};
+__export(cartClientCard_exports, {
+  default: () => cartClientCard_default
+});
+module.exports = __toCommonJS(cartClientCard_exports);
+var import_react = __toESM(require("react"));
+var import_ahooks = require("ahooks");
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_locales = __toESM(require("./locales"));
+var import_clientCard = __toESM(require("../../../../plus/clientCard"));
+var import_clinetSearch = __toESM(require("../../../../plus/clinetSearch"));
+var import_useCustomer = require("../../../../components/ticketBooking/hooks/pisellos/useCustomer");
+var import_utils2 = require("../../../../components/booking/utils");
+var import_useScanCustomer = __toESM(require("../../../../components/ticketBooking/hooks/pisellos/useScanCustomer"));
+var import_utils3 = require("./utils");
+var import_utils4 = require("../../../../plus/clientName/utils");
+var import_useToast = __toESM(require("../../../../hooks/useToast"));
+var import_useTranslationOriginal = __toESM(require("../../../../hooks/useTranslationOriginal"));
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_model = require("../../info/model");
+var import_index = require("./index.less");
+var CartClientCard = (0, import_react.forwardRef)((props, ref) => {
+  var _a, _b, _c;
+  const clientSearchRef = (0, import_react.useRef)(null);
+  const [searchModalVisible, setSearchModalVisible] = (0, import_react.useState)(false);
+  const [switchModalVisible, setSwitchModalVisible] = (0, import_react.useState)(false);
+  const [pendingCustomer, setPendingCustomer] = (0, import_react.useState)(
+    null
+  );
+  const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  const translationOriginal = (0, import_useTranslationOriginal.default)();
+  const keywordRef = (0, import_react.useRef)("");
+  const Toast = (0, import_useToast.default)();
+  const { openScan, closeScan } = (0, import_useScanCustomer.default)();
+  const context = (0, import_useEngineContext.default)();
+  import_utils.locales.init(
+    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"
+  );
+  const changeCustomerToGlobalState = (0, import_ahooks.useMemoizedFn)((value) => {
+    dispatch({
+      type: "setClient",
+      payload: {
+        value,
+        edit: true
+      }
+    });
+  });
+  const {
+    customers,
+    selectedCustomer,
+    loading,
+    pagination,
+    loadCustomers,
+    changePage,
+    selectCustomer,
+    addCustomerToFirst,
+    initLoad,
+    hasMore,
+    loadMore
+  } = (0, import_useCustomer.useCustomer)({
+    changeCustomerToGlobalState
+  });
+  (0, import_react.useEffect)(() => {
+    initLoad();
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (state.action) {
+      state.action({
+        type: "pisell1.registerPlugin",
+        data: {
+          pluginList: ["CustomerDetailPlugin"]
+        }
+      });
+    }
+  }, []);
+  const updateSearchKeyword = (newVal) => {
+    var _a2, _b2;
+    (_b2 = (_a2 = clientSearchRef.current) == null ? void 0 : _a2.setSearchKeyword) == null ? void 0 : _b2.call(_a2, newVal);
+    keywordRef.current = newVal;
+  };
+  const handleScanCustomer = (customer) => {
+    if (customer == null ? void 0 : customer.scanCode) {
+      updateSearchKeyword(customer.scanCode);
+      handleSearchClient(customer.scanCode);
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    var _a2, _b2;
+    if (searchModalVisible) {
+      openScan(handleScanCustomer);
+    } else {
+      closeScan();
+      if (keywordRef.current) {
+        updateSearchKeyword("");
+        (_b2 = (_a2 = clientSearchRef.current) == null ? void 0 : _a2.resetScrollPosition) == null ? void 0 : _b2.call(_a2);
+        initLoad();
+      }
+    }
+  }, [searchModalVisible, initLoad]);
+  const handleAddClient = () => {
+    setSearchModalVisible(true);
+  };
+  const handleChangeClient = (data) => {
+    setSearchModalVisible(true);
+    console.log("更换客户:", data);
+  };
+  const handleRemoveClient = (data) => {
+    selectCustomer(null);
+    console.log("移除客户:", data);
+  };
+  const handleViewClient = (data) => {
+    console.log("查看客户:", data);
+    state.action({
+      type: "pisell1.handleOpenCustomerModal",
+      data: { id: state.client.value.id },
+      callback: (data2) => {
+        if (state.disabledEdit) {
+          return;
+        }
+      }
+    });
+  };
+  const handleRowClick = (record) => {
+    handleSetClient(record);
+  };
+  const handleModalCancel = () => {
+    setSearchModalVisible(false);
+  };
+  const handleSearchClient = async (keyword) => {
+    await loadCustomers({ search: keyword });
+  };
+  const _debouncedSearch = (0, import_ahooks.useDebounceFn)(handleSearchClient, { wait: 500 });
+  const handleAddClientSuccess = (record, isChecked) => {
+    addCustomerToFirst(record);
+    if (isChecked) {
+      selectCustomer(record);
+      setSearchModalVisible(false);
+    }
+  };
+  const resultProps = (0, import_react.useMemo)(() => {
+    return {
+      loading,
+      onChange: (pagination2) => {
+        changePage(pagination2.current, pagination2.pageSize);
+      },
+      pagination: {
+        pageSize: pagination.pageSize,
+        current: pagination.page,
+        total: pagination.total,
+        size: "default",
+        showSizeChanger: false
+      }
+    };
+  }, [pagination, loading]);
+  const handleSetClient = (0, import_ahooks.useMemoizedFn)((record) => {
+    var _a2;
+    if ((0, import_utils2.isWalkIn)(selectedCustomer == null ? void 0 : selectedCustomer.id)) {
+      selectCustomer(record);
+      setSearchModalVisible(false);
+      (_a2 = Toast == null ? void 0 : Toast.success) == null ? void 0 : _a2.call(Toast, import_utils.locales.getText("pisell2.text.add-client-success"));
+      return;
+    }
+    if ((selectedCustomer == null ? void 0 : selectedCustomer.id) === (record == null ? void 0 : record.id)) {
+      setSearchModalVisible(false);
+      return;
+    }
+    setPendingCustomer(record);
+    setSwitchModalVisible(true);
+  });
+  const handleConfirmSwitch = () => {
+    if (pendingCustomer) {
+      selectCustomer(pendingCustomer);
+    }
+    setSwitchModalVisible(false);
+    setPendingCustomer(null);
+    setSearchModalVisible(false);
+  };
+  const handleCancelSwitch = () => {
+    setSwitchModalVisible(false);
+    setPendingCustomer(null);
+  };
+  (0, import_react.useMemo)(() => {
+    (0, import_utils3.setHandleSetClient)(handleSetClient);
+    return () => {
+      (0, import_utils3.setHandleSetClient)(null);
+    };
+  }, []);
+  const tags = (0, import_react.useMemo)(() => {
+    var _a2;
+    if (!selectedCustomer) return;
+    const { latest_wallet_detail } = selectedCustomer;
+    const _name = (_a2 = latest_wallet_detail == null ? void 0 : latest_wallet_detail.wallet) == null ? void 0 : _a2.name;
+    if (_name) {
+      return [{ children: translationOriginal(_name), color: "gold" }];
+    }
+  }, [selectedCustomer]);
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    handleSetClient
+  }));
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_clientCard.default,
+    {
+      dataSource: selectedCustomer,
+      onAddClient: handleAddClient,
+      onChangeClient: handleChangeClient,
+      onRemoveClient: handleRemoveClient,
+      onViewClient: handleViewClient,
+      style: {
+        border: "solid",
+        borderColor: "#D0D5DD",
+        borderWidth: "1px",
+        minHeight: 64,
+        display: "flex",
+        boxSizing: "border-box",
+        height: 64
+      },
+      avatar: {
+        size: "lg",
+        useTextAvatar: !(selectedCustomer == null ? void 0 : selectedCustomer.cover)
+      },
+      tag: {
+        placement: "inline"
+      },
+      tags
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_clinetSearch.default,
+    {
+      ref: clientSearchRef,
+      loading,
+      dataSource: customers,
+      onSearch: handleSearchClient,
+      onSearchTextChange: (keyword) => {
+        keywordRef.current = keyword;
+        _debouncedSearch.run(keyword);
+      },
+      onRowClick: handleRowClick,
+      containerProps: {
+        open: searchModalVisible,
+        onCancel: handleModalCancel
+      },
+      isShowNewButton: false,
+      resultProps,
+      onAddClient: handleAddClientSuccess,
+      onLoadMore: loadMore,
+      hasMore
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      className: "cart-client-card_switch-modal",
+      open: switchModalVisible,
+      okText: import_utils.locales.getText("pisell2.text.switch-account"),
+      cancelText: import_utils.locales.getText("pisell2.text.cancel"),
+      onOk: handleConfirmSwitch,
+      onCancel: handleCancelSwitch,
+      closable: false,
+      header: null,
+      footerDivider: false,
+      destroyOnClose: true
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { style: { textAlign: "center", fontWeight: 600, paddingTop: 24 } }, import_utils.locales.getText("pisell2.text.cart-client-card")(
+      (0, import_utils4.getClientName)(pendingCustomer)
+    ))
+  ));
+});
+var cartClientCard_default = CartClientCard;

package/lib/components/booking/info2/cartClientCard/index.less

@@ -0,0 +1,6 @@
+.cart-client-card_switch-modal {
+
+  .pisell-lowcode-modal-content {
+    min-height: unset !important;
+  }
+}

package/lib/components/booking/info2/cartClientCard/locales.d.ts

@@ -0,0 +1,21 @@
+declare const _default: {
+    en: {
+        'pisell2.text.switch-account': string;
+        'pisell2.text.cancel': string;
+        'pisell2.text.cart-client-card': (name: string) => string;
+        'pisell2.text.add-client-success': string;
+    };
+    'zh-CN': {
+        'pisell2.text.switch-account': string;
+        'pisell2.text.cancel': string;
+        'pisell2.text.cart-client-card': (name: string) => string;
+        'pisell2.text.add-client-success': string;
+    };
+    'zh-HK': {
+        'pisell2.text.switch-account': string;
+        'pisell2.text.cancel': string;
+        'pisell2.text.cart-client-card': (name: string) => string;
+        'pisell2.text.add-client-success': string;
+    };
+};
+export default _default;