@pisell/private-materials 6.1.15 → 6.1.16

package/es/components/booking/utils.d.ts

@@ -165,10 +165,10 @@ export declare const getProductTotalPrice: (item: any) => number;
 export declare const getDuration: (duration: number | {
     type: string;
     value: number;
-}) => number | "flexible" | {
+}) => number | {
     type: string;
     value: number;
-};
+} | "flexible";
 export declare const isWalkIn: (customer_id?: number | string) => boolean;
 export declare const getIsEdit: (state: any) => boolean;
 export {};

package/es/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?: "query" | "pay" | "fullPay" | "refund" | undefined;
+        mode?: "pay" | "fullPay" | "refund" | "query" | undefined;
         order_id?: string | number | undefined;
         eftpos?: "payo" | "tyro" | "windcave" | "stripe" | "linkly" | undefined;
         action?: "amount" | "deviceList" | "pay" | undefined;

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

@@ -55,6 +55,17 @@ var ProductGroup = function ProductGroup(_ref) {
     }
     return "".concat(locales.getText('pisell2.product-select.stock'), "\uFF1A").concat(item.stock_quantity);
   };
+
+  // 获取商品名称的前两个字符作为文字封面
+  var getTextCover = function getTextCover(title) {
+    if (!title) return '';
+    // 移除首尾空格并取前两个字符
+    var cleanTitle = title.trim();
+    if (cleanTitle.length === 0) return '';
+
+    // 取前两个字符（无论是中文、英文还是其他字符）
+    return cleanTitle.substring(0, 2).toUpperCase();
+  };
   var renderPrice = function renderPrice(item) {
     var _price = item.price,
       _original_price = item.original_price,
@@ -86,23 +97,28 @@ var ProductGroup = function ProductGroup(_ref) {
       className: classNames('product-card', {
         selected: currentProductId && item.id === currentProductId
       }),
-      onClick: function onClick() {
+      onTouchStart: function onTouchStart() {
         console.log('进入 renderItem onClick');
         onSelectProduct === null || onSelectProduct === void 0 || onSelectProduct(item);
       }
-    }, isProductCover && item.cover ? /*#__PURE__*/React.createElement("div", {
+    }, isProductCover ? /*#__PURE__*/React.createElement("div", {
       className: "card-left",
       style: {
         width: imgWidth || 'auto',
         height: imgHeight || 'auto'
       }
-    }, /*#__PURE__*/React.createElement("img", {
+    }, item.cover ? /*#__PURE__*/React.createElement("img", {
       loading: "lazy",
       src: item.cover,
       style: {
         borderRadius: radius
       }
-    })) : null, /*#__PURE__*/React.createElement("div", {
+    }) : /*#__PURE__*/React.createElement("div", {
+      className: "text-cover",
+      style: {
+        borderRadius: radius
+      }
+    }, getTextCover(item.title))) : null, /*#__PURE__*/React.createElement("div", {
       className: "card-right"
     }, !!isTitle ? /*#__PURE__*/React.createElement("div", {
       className: "title"

package/es/components/productSelect/components/productGroup/index.less

@@ -106,6 +106,23 @@
         height: 100%;
         object-fit: cover;
       }
+
+      .text-cover {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: #dedede;
+        color: #6c6c6c;
+        font-size: 60px;
+        font-weight: 600;
+        text-align: center;
+        line-height: 1;
+        letter-spacing: 1px;
+        border-radius: 8px;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+      }
     }
 
     .card-right {

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

@@ -1,7 +1,7 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useMemo } from 'react';
-// import { ProductCard } from '@pisell/materials';
-import ProductCard from "../../../../../../materials/src/components/productCard";
+import { ProductCard } from '@pisell/materials';
+// import ProductCard from '../../../../../../materials/src/components/productCard';
 import useClearCart from "../../hooks/useClearCart";
 import { useContext } from "../../hooks/useContext";
 import useAddService from "../../hooks/useAddService";
@@ -134,7 +134,9 @@ var Product = function Product(props) {
         onAddHolder: function onAddHolder(e) {
           return handleChange(item, 'add_holder', e);
         }
-      }, productParams, getProductCardStyleProps(isRetail ? 'retail' : 'appointment')));
+      }, productParams, getProductCardStyleProps(isRetail ? 'retail' : 'appointment'), {
+        scenario: state.scenario
+      }));
     }), !hideAddBtn && platform !== 'h5' && isAdd ? useAddService(id, 'more') : null);
   }, [clearCart, lists, productParams, hideAddBtn, isAdd, platform]);
 };

package/es/components/shoppingCart/components/Cart/index.less

@@ -18,7 +18,7 @@
   .pisell-lowcode__shopping-cart-content {
     display: flex;
     flex-direction: column;
-    gap: 16px;
+    gap: 8px;
 
     .pisell-lowcode-product-card {
       margin-bottom: 0;

package/es/components/ticketBooking/components/ticketBooking/index.js

@@ -1079,7 +1079,7 @@ var TicketBooking = function TicketBooking() {
   })), /*#__PURE__*/React.createElement("div", {
     style: {
       flexShrink: 0,
-      width: 355
+      width: 400
     }
   }, /*#__PURE__*/React.createElement(BookingInfo, {
     key: state.createCount,

package/es/components/ticketBooking/components/ticketBooking/index.less

@@ -11,7 +11,7 @@
     }
   }
   .pisell-lowcode__booking-tab-pane-footer {
-    padding: 16px;
+    padding: 8px 10px;
   }
   .create-booking-page-info-wrap-create {
     background-color: #1b1b1b;

package/es/components/ticketBooking/locales.d.ts

@@ -2,6 +2,7 @@ declare const _default: {
     en: {
         'pisell2.ticket-booking.info': string;
         'pisell2.ticket-booking.notes': string;
+        'pisell2.ticket-booking.note': string;
         'pisell2.ticket-booking.forms': string;
         'pisell2.ticket-booking.sales': string;
         'pisell2.ticket-booking.payment': string;
@@ -60,6 +61,7 @@ declare const _default: {
     'zh-CN': {
         'pisell2.ticket-booking.info': string;
         'pisell2.ticket-booking.notes': string;
+        'pisell2.ticket-booking.note': string;
         'pisell2.ticket-booking.forms': string;
         'pisell2.ticket-booking.sales': string;
         'pisell2.ticket-booking.payment': string;
@@ -118,6 +120,7 @@ declare const _default: {
     'zh-HK': {
         'pisell2.ticket-booking.info': string;
         'pisell2.ticket-booking.notes': string;
+        'pisell2.ticket-booking.note': string;
         'pisell2.ticket-booking.forms': string;
         'pisell2.ticket-booking.sales': string;
         'pisell2.ticket-booking.payment': string;

package/es/components/ticketBooking/locales.js

@@ -2,6 +2,7 @@ export default {
   en: {
     'pisell2.ticket-booking.info': 'Info',
     'pisell2.ticket-booking.notes': 'Notes',
+    'pisell2.ticket-booking.note': 'Note',
     'pisell2.ticket-booking.forms': 'Forms',
     'pisell2.ticket-booking.sales': 'Sales',
     'pisell2.ticket-booking.payment': 'Payment',
@@ -72,6 +73,7 @@ export default {
   'zh-CN': {
     'pisell2.ticket-booking.info': '信息',
     'pisell2.ticket-booking.notes': '备注',
+    'pisell2.ticket-booking.note': '备注',
     'pisell2.ticket-booking.forms': '表单',
     'pisell2.ticket-booking.sales': '销售',
     'pisell2.ticket-booking.payment': '付款',
@@ -142,6 +144,7 @@ export default {
   'zh-HK': {
     'pisell2.ticket-booking.info': '資訊',
     'pisell2.ticket-booking.notes': '備註',
+    'pisell2.ticket-booking.note': '備註',
     'pisell2.ticket-booking.forms': '表单',
     'pisell2.ticket-booking.sales': '銷售',
     'pisell2.ticket-booking.payment': '付款',

package/es/plus/clientCard/index.less

@@ -411,12 +411,6 @@
       text-align: center;
     }
 
-    .pisell-client-card__name-tags {
-      justify-content: center;
-      flex-direction: column;
-      gap: 8px;
-    }
-
     .pisell-client-card__fields {
       align-items: center;
     }
@@ -470,6 +464,9 @@
       font-size: 12px;
       color: #8c8c8c;
       margin-top: 2px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
     }
 
     .pisell-client-card__plugin-icon {

package/lib/components/Sales/Summary/utils.d.ts

@@ -30,7 +30,7 @@ export declare const calculateSubtotal: (items: CartItem[]) => string;
  * @return {*}
  * @Author: xiangfeng.xue
  */
-export declare const calculateTaxFee: (shopInfo: any, items: CartItem[]) => "0.00" | Decimal;
+export declare const calculateTaxFee: (shopInfo: any, items: CartItem[]) => Decimal | "0.00";
 /**
  * 计算所有价格明细
  * @param items - 购物车商品数组

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

@@ -24,6 +24,8 @@ interface ActionButtonsProps {
     }) => void;
     /** 是否禁用所有按钮 */
     disabled?: boolean;
+    /** 数据源，传递给 VoucherCard */
+    source?: any;
 }
 declare const ActionButtons: React.FC<ActionButtonsProps>;
 export default ActionButtons;

package/lib/components/booking/components/actionButtons/index.js

@@ -41,6 +41,7 @@ var import_materials = require("@pisell/materials");
 var import_dayjs = __toESM(require("dayjs"));
 var import_clearCartModal = __toESM(require("../clearCartModal"));
 var import_customiseItemModal = __toESM(require("../customiseItemModal"));
+var import_voucherModal = __toESM(require("../voucherModal"));
 var import_amount = require("../footer/amount");
 var import_utils2 = require("@pisell/utils");
 var import_index = require("./index.less");
@@ -51,12 +52,14 @@ var createToastContent = (text) => /* @__PURE__ */ import_react.default.createEl
 var ActionButtons = ({
   state,
   dispatch,
-  disabled = false
+  disabled = false,
+  source
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const [showClearModal, setShowClearModal] = (0, import_react.useState)(false);
   const [showPriceAdjustModal, setShowPriceAdjustModal] = (0, import_react.useState)(false);
   const [showCustomiseModal, setShowCustomiseModal] = (0, import_react.useState)(false);
+  const [showVoucherModal, setShowVoucherModal] = (0, import_react.useState)(false);
   const context = (0, import_useEngineContext.default)();
   const Toast = (_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.Toast;
   const pisellOS = (0, import_useEngineContext.usePisellOS)();
@@ -109,6 +112,35 @@ var ActionButtons = ({
     const { originExpectAmount } = (0, import_amount.getSumTotal)(state, true);
     return originExpectAmount;
   }, [state, hasCartItems]);
+  const [discountList, setDiscountList] = (0, import_react.useState)([]);
+  const usedVouchersCount = (0, import_react.useMemo)(() => {
+    try {
+      return discountList.filter((discount) => discount.isSelected).length;
+    } catch (error) {
+      console.error("计算已使用券数量失败:", error);
+      return 0;
+    }
+  }, [discountList]);
+  const shouldShowWarning = (0, import_react.useMemo)(() => {
+    try {
+      return discountList.length > 0 && !discountList.some((discount) => discount.isSelected) && discountList.some((discount) => discount.isManualSelect);
+    } catch (error) {
+      console.error("判断警告状态失败:", error);
+      return false;
+    }
+  }, [discountList]);
+  (0, import_react.useEffect)(() => {
+    var _a2;
+    const { pisellos } = ((_a2 = context.appHelper) == null ? void 0 : _a2.utils) || {};
+    if (!pisellos) return;
+    const onDiscountListChange = (discount) => {
+      setDiscountList(discount);
+    };
+    pisellos.effects.on("shopDiscount:onDiscountListChange", onDiscountListChange);
+    return () => {
+      pisellos.effects.off("shopDiscount:onDiscountListChange", onDiscountListChange);
+    };
+  }, [(_e = context.appHelper) == null ? void 0 : _e.utils]);
   const handleClear = () => {
     setShowClearModal(true);
   };
@@ -201,6 +233,9 @@ var ActionButtons = ({
   const handleCustomiseItem = () => {
     setShowCustomiseModal(true);
   };
+  const handleGoodPassClick = () => {
+    setShowVoucherModal(true);
+  };
   const handleCustomiseItemSave = (data) => {
     var _a2;
     console.log("保存自定义商品:", data);
@@ -261,8 +296,17 @@ var ActionButtons = ({
       onClick: handleClear,
       type: "text",
       disabled: isDisabledEdit
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      className: "action-button customise-button",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icon.PlusCircle, { size: 22 }),
+      onClick: handleCustomiseItem,
+      type: "text",
+      disabled: isDisabledEdit
     },
-    import_utils.locales.getText("pisell2.action-buttons.clear")
+    import_utils.locales.getText("pisell2.action-buttons.customise-item")
   ), /* @__PURE__ */ import_react.default.createElement(
     import_antd.Button,
     {
@@ -273,17 +317,16 @@ var ActionButtons = ({
       disabled: isDisabledEdit
     },
     import_utils.locales.getText("pisell2.action-buttons.manuel-order")
-  ), /* @__PURE__ */ import_react.default.createElement(
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "action-button-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Button,
     {
-      className: "action-button customise-button",
-      icon: /* @__PURE__ */ import_react.default.createElement(import_icon.PlusCircle, { size: 22 }),
-      onClick: handleCustomiseItem,
-      type: "text",
-      disabled: isDisabledEdit
+      className: "action-button goodpass-button",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icon.Sale03, { size: 22 }),
+      onClick: handleGoodPassClick,
+      type: "text"
     },
-    import_utils.locales.getText("pisell2.action-buttons.customise-item")
-  )), /* @__PURE__ */ import_react.default.createElement(
+    import_utils.locales.getText("pisell2.text.goodpass")
+  ), usedVouchersCount > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-badge" }, usedVouchersCount), shouldShowWarning && /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-warning-icon" }, "!"))), /* @__PURE__ */ import_react.default.createElement(
     import_clearCartModal.default,
     {
       visible: showClearModal,
@@ -317,9 +360,18 @@ var ActionButtons = ({
       visible: showCustomiseModal,
       onClose: () => setShowCustomiseModal(false),
       onSave: handleCustomiseItemSave,
-      currencySymbol: ((_g = (_f = (_e = context.appHelper) == null ? void 0 : _e.utils) == null ? void 0 : _f.getSymbolic) == null ? void 0 : _g.call(_f)) || "$",
+      currencySymbol: ((_h = (_g = (_f = context.appHelper) == null ? void 0 : _f.utils) == null ? void 0 : _g.getSymbolic) == null ? void 0 : _h.call(_g)) || "$",
       disabled: isDisabledEdit
     }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_voucherModal.default,
+    {
+      visible: showVoucherModal,
+      onClose: () => setShowVoucherModal(false),
+      state,
+      dispatch,
+      source
+    }
   ));
 };
 var actionButtons_default = ActionButtons;

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

@@ -6,6 +6,52 @@
   margin-top: 8px;
   padding: 0;
 
+  .action-button-wrapper {
+    position: relative;
+    flex: 1.4;
+    display: flex;
+    
+    .voucher-badge {
+      position: absolute;
+      top: -8px;
+      right: -8px;
+      width: 20px;
+      height: 20px;
+      border-radius: 50%;
+      background-color: #7F56DA;
+      color: white;
+      font-size: 12px;
+      font-weight: 600;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 10;
+      min-width: 20px;
+      padding: 0 4px;
+      box-sizing: border-box;
+    }
+
+    .voucher-warning-icon {
+      position: absolute;
+      top: -6px;
+      right: -6px;
+      width: 18px;
+      height: 18px;
+      border-radius: 50%;
+      background-color: #ff4d4f;
+      color: white;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 10;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+
+      .anticon {
+        font-size: 10px;
+      }
+    }
+  }
+
   .action-button {
     display: flex;
     justify-content: center;
@@ -18,7 +64,7 @@
     color: white;
     background: #2C2C2C;
     border: 1px solid #2C2C2C;
-    border-radius: 4px;
+    border-radius: 8px;
     font-size: 12px;
     font-weight: 500;
     transition: all 0.2s ease;
@@ -44,9 +90,10 @@
       }
     }
 
-    // Clear 按钮更小
+    // Clear 按钮固定宽度
     &.clear-button {
-      flex: 0.8;
+      width: 44px;
+      flex: none;
       border-color: #FF4D4F;
       
       &:hover:not(:disabled) {
@@ -59,6 +106,7 @@
       flex: 1;
       border-color: #CC8E50;
       align-items: center;
+      padding: 0 4px;
       
       &:hover:not(:disabled) {
         border-color: #CC8E50;
@@ -82,12 +130,31 @@
 
     // Customise 按钮更大一些
     &.customise-button {
-      flex: 1.3;
+      flex: 1;
       border-color: #8157D5;
       
       &:hover:not(:disabled) {
         border-color: #8157D5;
       }
+
+      // Customise按钮文本支持换行，保持与图标水平对齐
+      span {
+        white-space: pre-line !important;
+        line-height: 1.15;
+        text-align: center;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+    }
+
+    &.goodpass-button {
+      flex: 1.4;
+      border-color: #CC8E50;
+      
+      &:hover:not(:disabled) {
+        border-color: #CC8E50;
+      }
     }
 
     // 图标样式

package/lib/components/booking/components/footer/index.js

@@ -650,7 +650,7 @@ var Footer = (props) => {
           type: "primary",
           onClick: handleNote
         },
-        import_utils.locales.getText("pisell2.ticket-booking.notes")
+        import_utils.locales.getText("pisell2.ticket-booking.note")
       )
     );
   }, []);

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

@@ -1,6 +1,6 @@
 .pisell-lowcode__booking-footer-total {
   width: 100%;
-  padding-bottom: 16px;
+  padding-bottom: 8px;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
@@ -15,7 +15,8 @@
     display: flex;
     flex-direction: column;
 
-    .pisell-lowcode__booking-footer-left-total {}
+    .pisell-lowcode__booking-footer-left-total {
+    }
 
     .pisell-lowcode__booking-footer-left-arrears {
       font-size: 14px;

package/lib/components/booking/components/footer/utils.js

@@ -432,6 +432,7 @@ var formatValues = (state) => {
     type: state.renderType === "eventBooking" ? "event_booking_v2" : "appointment_booking",
     platform: state.isBookingTicket2 ? "pos" : "shop",
     sales_channel: "my_pisel",
+    order_sales_channel: state.isBookingTicket2 ? "pos" : "online_store",
     bookings: [],
     customer_id: 1,
     customer_name: "",

package/lib/components/booking/components/tabPane/index.js

@@ -52,7 +52,7 @@ var TabPane = ({
   dispatch,
   source
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e, _f;
   const context = (0, import_useEngineContext.default)();
   const { businessUtils } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
   const hasGoodPassApp = !!((_b = businessUtils == null ? void 0 : businessUtils.getAppByModal) == null ? void 0 : _b.call(businessUtils, "goodpass"));
@@ -102,28 +102,7 @@ var TabPane = ({
       },
       children
     )
-  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-tab-pane-voucher-section" }, shouldShowTerminalVoucher && state && dispatch && /* @__PURE__ */ import_react.default.createElement(
-    import_voucher.default,
-    {
-      state: {
-        ...state,
-        service: {
-          ...state.service || {},
-          value: ((_d = state.service) == null ? void 0 : _d.value) || []
-        },
-        addons: {
-          ...state.addons || {},
-          value: ((_e = state.addons) == null ? void 0 : _e.value) || []
-        },
-        client: {
-          ...state.client || {},
-          value: ((_f = state.client) == null ? void 0 : _f.value) || {}
-        }
-      },
-      dispatch,
-      source
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(import_actionButtons.default, { state, dispatch })), /* @__PURE__ */ import_react.default.createElement(
+  ), state && dispatch && (state == null ? void 0 : state.isBookingTicket2) && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-tab-pane-voucher-section" }, /* @__PURE__ */ import_react.default.createElement(import_actionButtons.default, { state, dispatch })), /* @__PURE__ */ import_react.default.createElement(
     import_authWrap.default,
     {
       show: !!footer || shouldShowFooterVoucher,
@@ -134,15 +113,15 @@ var TabPane = ({
             ...state,
             service: {
               ...state.service || {},
-              value: ((_g = state.service) == null ? void 0 : _g.value) || []
+              value: ((_d = state.service) == null ? void 0 : _d.value) || []
             },
             addons: {
               ...state.addons || {},
-              value: ((_h = state.addons) == null ? void 0 : _h.value) || []
+              value: ((_e = state.addons) == null ? void 0 : _e.value) || []
             },
             client: {
               ...state.client || {},
-              value: ((_i = state.client) == null ? void 0 : _i.value) || {}
+              value: ((_f = state.client) == null ? void 0 : _f.value) || {}
             }
           },
           dispatch,

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

@@ -50,7 +50,7 @@
 .pisell-lowcode__booking-tab-pane-voucher-section {
   display: flex;
   flex-direction: column;
-  padding: 8px 16px;
+  padding: 10px;
   position: relative;
   z-index: 3;
   background-color: #1b1b1b;

package/lib/components/booking/components/voucher/index.js

@@ -58,8 +58,8 @@ var services = {};
 var VoucherCard = (props) => {
   var _a, _b, _c, _d;
   const context = (0, import_useEngineContext.default)();
-  const { state, dispatch, source } = props;
-  const [showDetail, setShowDetail] = (0, import_react.useState)(false);
+  const { state, dispatch, source, isInModal = false } = props;
+  const [showDetail, setShowDetail] = (0, import_react.useState)(isInModal ? true : false);
   const { pisellos } = (_a = context.appHelper) == null ? void 0 : _a.utils;
   const [code, setCode] = (0, import_react.useState)("");
   const [discountList, setDisCountList] = (0, import_react.useState)([]);
@@ -253,7 +253,7 @@ var VoucherCard = (props) => {
       return Number(b == null ? void 0 : b.isSelected) - Number(a == null ? void 0 : a.isSelected);
     });
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-voucher-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-title" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "voucher-title-left" }, import_utils.locales.getText("pisell2.text.goodpass")), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-voucher-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-title" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "voucher-title-left" }, import_utils.locales.getText("pisell2.text.goodpass")), !isInModal && /* @__PURE__ */ import_react.default.createElement(
     "span",
     {
       className: "voucher-title-right",
@@ -276,13 +276,14 @@ var VoucherCard = (props) => {
     "div",
     {
       className: (0, import_classnames.default)("voucher-detail", {
-        show: showDetail
+        show: showDetail || isInModal
       })
     },
     (availableData == null ? void 0 : availableData.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(
       import_materials.PisellGoodPassCard,
       {
         style: { width: "100%" },
+        isInModal: isInModal || false,
         dataSource: ((_d = (_c = state.service) == null ? void 0 : _c.value) == null ? void 0 : _d.length) ? availableData : [],
         mixedSort,
         onChange: (val) => {

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import './index.less';
+interface VoucherModalProps {
+    /** 是否显示弹窗 */
+    visible: boolean;
+    /** 关闭弹窗回调 */
+    onClose: () => void;
+    /** booking 状态对象 */
+    state: any;
+    /** dispatch 函数 */
+    dispatch: (action: {
+        type: string;
+        payload?: any;
+    }) => void;
+    /** 数据源 */
+    source?: any;
+}
+declare const VoucherModal: React.FC<VoucherModalProps>;
+export default VoucherModal;