@pisell/private-materials 6.2.31 → 6.3.1

package/es/components/booking/components/clearCartModal/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import './index.less';
-interface ClearCartModalProps {
-    visible: boolean;
-    onCancel: () => void;
-    onClearItemsOnly: () => void;
-    onClearAllAndReset: () => void;
-}
-declare const ClearCartModal: React.FC<ClearCartModalProps>;
-export default ClearCartModal;

package/es/components/booking/components/clearCartModal/index.js

@@ -1,50 +0,0 @@
-import React from 'react';
-import { Modal } from 'antd';
-import { Trash01 } from '@pisell/icon';
-import { Iconfont } from '@pisell/materials';
-import { locales } from '@pisell/utils';
-import "./index.less";
-var ClearCartModal = function ClearCartModal(_ref) {
-  var visible = _ref.visible,
-    onCancel = _ref.onCancel,
-    onClearItemsOnly = _ref.onClearItemsOnly,
-    onClearAllAndReset = _ref.onClearAllAndReset;
-  return /*#__PURE__*/React.createElement(Modal, {
-    open: visible,
-    onCancel: onCancel,
-    footer: null,
-    width: 520,
-    centered: true,
-    className: "pisell-clear-cart-modal",
-    title: null,
-    closable: true
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "pisell-clear-cart-modal-content"
-  }, /*#__PURE__*/React.createElement("h3", {
-    className: "pisell-clear-cart-modal-title"
-  }, locales.getText('pisell2.clear-cart-modal.title')), /*#__PURE__*/React.createElement("div", {
-    className: "pisell-clear-cart-modal-options"
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: "pisell-clear-cart-option purple-option",
-    onClick: onClearItemsOnly
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "option-icon"
-  }, /*#__PURE__*/React.createElement(Trash01, {
-    size: 32
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "option-text"
-  }, locales.getText('pisell2.clear-cart-modal.clear-items-only'))), /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: "pisell-clear-cart-option red-option",
-    onClick: onClearAllAndReset
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "option-icon"
-  }, /*#__PURE__*/React.createElement(Iconfont, {
-    type: "pisell2-log-out-04",
-    size: 32
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "option-text"
-  }, locales.getText('pisell2.clear-cart-modal.clear-all-reset'))))));
-};
-export default ClearCartModal;

package/es/components/booking/components/clearCartModal/index.less

@@ -1,109 +0,0 @@
-.pisell-clear-cart-modal {
-  .ant-modal-content {
-    border-radius: 16px;
-    overflow: hidden;
-  }
-
-  .ant-modal-close {
-    top: 16px;
-    right: 16px;
-    color: #666;
-    
-    &:hover {
-      color: #333;
-    }
-  }
-}
-
-.pisell-clear-cart-modal-content {
-  padding: 32px 24px 24px;
-  text-align: center;
-}
-
-.pisell-clear-cart-modal-title {
-  font-size: 24px;
-  font-weight: 600;
-  color: #333;
-  margin: 0 0 32px 0;
-  line-height: 1.3;
-}
-
-.pisell-clear-cart-modal-options {
-  display: flex;
-  gap: 16px;
-  justify-content: center;
-}
-
-.pisell-clear-cart-option {
-  flex: 1;
-  max-width: 200px;
-  padding: 20px 20px;
-  border-radius: 16px;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  text-align: center;
-  color: white;
-  border: none;
-  outline: none;
-  font-family: inherit;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-height: 140px; // 设置最小高度确保一致性
-  
-  &:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
-  }
-
-  &:active {
-    transform: translateY(0);
-  }
-
-  .option-icon {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 48px; // 固定图标容器高度
-    flex-shrink: 0; // 防止收缩
-    
-    // 确保图标大小
-    .anticon {
-      font-size: 32px !important;
-      width: 32px;
-      height: 32px;
-    }
-    
-    // 如果是 svg 图标
-    svg {
-      width: 32px !important;
-      height: 32px !important;
-    }
-  }
-
-  .option-text {
-    font-size: 16px;
-    font-weight: 600;
-    line-height: 1.4;
-    white-space: pre-line; // 支持换行符显示
-    flex: 1; // 占据剩余空间
-    display: flex;
-    align-items: center; // 垂直居中文本
-  }
-
-  &.purple-option {
-    background: #5D3F9F;
-    
-    &:hover {
-      background: #4A336D;
-    }
-  }
-
-  &.red-option {
-    background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
-    
-    &:hover {
-      background: linear-gradient(135deg, #DC2626 0%, #B91C1C 100%);
-    }
-  }
-} 

package/es/components/booking/components/customiseItemModal/index.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface CustomiseItemModalProps {
-    /** 是否显示弹窗 */
-    visible?: boolean;
-    /** 关闭弹窗回调 */
-    onClose?: () => void;
-    /** 保存回调 */
-    onSave?: (data: CustomiseItemData) => void;
-    /** 货币符号 */
-    currencySymbol?: string;
-    /** 是否禁用 */
-    disabled?: boolean;
-}
-export interface CustomiseItemData {
-    /** 商品名称 */
-    productName: string;
-    /** 是否适用优惠券/折扣 */
-    vouchersApplicable: boolean;
-    /** 价格类型：sell(售价) | deduction(手动减价) */
-    priceType: 'sell' | 'deduction';
-    /** 价格值 */
-    priceValue: string;
-    /** 数量 */
-    quantity: number;
-}
-declare const CustomiseItemModal: React.FC<CustomiseItemModalProps>;
-export default CustomiseItemModal;

package/es/components/booking/components/customiseItemModal/index.js

@@ -1,298 +0,0 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useState, useEffect, useRef } from 'react';
-import { Modal, Input, Checkbox, Button } from 'antd';
-// import { X } from '@pisell/icon';
-import { locales } from '@pisell/utils';
-// import PisellPriceRadio from '../../../../pro/pisellPriceRadio';
-import PisellNumberSelector from "../../../../pro/pisellNumberSelector";
-import PisellPriceKeyboardModal from "../../../../pro/pisellPriceKeyboardModal";
-import useEngineContext from "../../../../hooks/useEngineContext";
-import "./index.less";
-var CustomiseItemModal = function CustomiseItemModal(_ref) {
-  var _context$appHelper;
-  var _ref$visible = _ref.visible,
-    visible = _ref$visible === void 0 ? false : _ref$visible,
-    onClose = _ref.onClose,
-    onSave = _ref.onSave,
-    _ref$currencySymbol = _ref.currencySymbol,
-    currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    productName = _useState2[0],
-    setProductName = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    vouchersApplicable = _useState4[0],
-    setVouchersApplicable = _useState4[1];
-  var _useState5 = useState('sell'),
-    _useState6 = _slicedToArray(_useState5, 2),
-    priceType = _useState6[0],
-    setPriceType = _useState6[1];
-  var _useState7 = useState(''),
-    _useState8 = _slicedToArray(_useState7, 2),
-    sellPrice = _useState8[0],
-    setSellPrice = _useState8[1];
-  var _useState9 = useState(''),
-    _useState10 = _slicedToArray(_useState9, 2),
-    deductionPrice = _useState10[0],
-    setDeductionPrice = _useState10[1];
-  var _useState11 = useState(1),
-    _useState12 = _slicedToArray(_useState11, 2),
-    quantity = _useState12[0],
-    setQuantity = _useState12[1];
-  var _useState13 = useState(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    showPriceKeyboard = _useState14[0],
-    setShowPriceKeyboard = _useState14[1];
-  var _useState15 = useState(undefined),
-    _useState16 = _slicedToArray(_useState15, 2),
-    currentTriggerRef = _useState16[0],
-    setCurrentTriggerRef = _useState16[1];
-
-  // 用于追踪触发价格键盘的元素
-  var sellPriceButtonRef = useRef(null);
-  var deductionPriceButtonRef = useRef(null);
-  var context = useEngineContext();
-  var Toast = (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 || (_context$appHelper = _context$appHelper.utils) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.Toast;
-
-  // 重置表单数据
-  var resetForm = function resetForm() {
-    setProductName('');
-    setVouchersApplicable(false);
-    setPriceType('sell');
-    setSellPrice('');
-    setDeductionPrice('');
-    setQuantity(1);
-    setShowPriceKeyboard(false);
-  };
-
-  // 弹窗显示时重置表单
-  useEffect(function () {
-    if (visible) {
-      resetForm();
-    }
-  }, [visible]);
-
-  // 显示价格键盘
-  var showKeyboard = function showKeyboard(triggerRef, priceType) {
-    setCurrentTriggerRef(triggerRef);
-    setPriceType(priceType);
-    setShowPriceKeyboard(true);
-  };
-
-  // 处理关闭
-  var handleClose = function handleClose() {
-    resetForm();
-    onClose === null || onClose === void 0 || onClose();
-  };
-
-  // 处理保存
-  var handleSave = function handleSave() {
-    // 验证价格输入
-    var currentPriceValue = priceType === 'sell' ? sellPrice : deductionPrice;
-    if (!currentPriceValue || currentPriceValue.trim() === '') {
-      var priceTypeName = priceType === 'sell' ? locales.getText('pisell2.customise-item.sell-price') : locales.getText('pisell2.customise-item.manual-deduction-price');
-
-      // 显示错误提示
-      var errorMessage = locales.getText('pisell2.customise-item.price-required-error')(priceTypeName);
-      if (Toast) {
-        Toast.info(errorMessage);
-      } else {
-        alert(errorMessage);
-      }
-      return;
-    }
-    var data = {
-      productName: productName || locales.getText('pisell2.customise-item.default-product-name'),
-      vouchersApplicable: vouchersApplicable,
-      priceType: priceType,
-      priceValue: currentPriceValue,
-      quantity: quantity
-    };
-    onSave === null || onSave === void 0 || onSave(data);
-    handleClose();
-  };
-
-  // 商品名称验证 - 放宽验证以支持中文输入法
-  var validateProductName = function validateProductName(value) {
-    // 只验证长度，支持更宽泛的字符以兼容中文输入法
-    return value.length <= 60;
-  };
-
-  // 处理商品名称输入
-  var handleProductNameChange = function handleProductNameChange(e) {
-    var value = e.target.value;
-
-    // 直接更新值，只验证长度
-    if (validateProductName(value)) {
-      setProductName(value);
-    }
-  };
-  return /*#__PURE__*/React.createElement(Modal, {
-    open: visible,
-    onCancel: handleClose,
-    footer: null,
-    closable: false,
-    width: 800,
-    centered: true,
-    className: "customise-item-modal"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "customise-item-modal-content"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "customise-item-modal-header"
-  }, /*#__PURE__*/React.createElement("h2", {
-    className: "customise-item-modal-title"
-  }, locales.getText('pisell2.customise-item.modal-title')), /*#__PURE__*/React.createElement(Button, {
-    type: "text",
-    onClick: handleClose,
-    className: "customise-item-modal-close",
-    size: "large"
-  }, "\xD7")), /*#__PURE__*/React.createElement("div", {
-    className: "customise-item-modal-body"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "customise-item-modal-illustration"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: "https://static.pisellcdn.com/custom-product-img.png",
-    alt: "Custom item illustration",
-    className: "customise-item-illustration-image",
-    style: {
-      width: '100%',
-      height: '100%',
-      objectFit: 'contain'
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "customise-item-modal-form"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "customise-item-form-group"
-  }, /*#__PURE__*/React.createElement("label", {
-    className: "customise-item-form-label"
-  }, locales.getText('pisell2.customise-item.product-name')), /*#__PURE__*/React.createElement(Input, {
-    value: productName,
-    onChange: handleProductNameChange,
-    placeholder: locales.getText('pisell2.customise-item.default-product-name'),
-    maxLength: 60,
-    className: "customise-item-product-name-input",
-    disabled: disabled
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "customise-item-form-group"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "customise-item-vouchers-checkbox"
-  }, /*#__PURE__*/React.createElement("label", {
-    className: "vouchers-label",
-    onClick: function onClick() {
-      return !disabled && setVouchersApplicable(!vouchersApplicable);
-    }
-  }, locales.getText('pisell2.customise-item.vouchers-applicable')), /*#__PURE__*/React.createElement(Checkbox, {
-    checked: vouchersApplicable,
-    onChange: function onChange(e) {
-      return setVouchersApplicable(e.target.checked);
-    },
-    disabled: disabled,
-    className: "vouchers-checkbox-input"
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "customise-item-form-group"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "customise-item-price-option"
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: "customise-item-radio ".concat(priceType === 'sell' ? 'active purple' : ''),
-    onClick: function onClick() {
-      return setPriceType('sell');
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "radio-dot"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "customise-item-price-content"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "customise-item-price-title ".concat(priceType === 'sell' ? 'purple' : '')
-  }, currencySymbol, ' ', locales.getText('pisell2.customise-item.sell-price')), /*#__PURE__*/React.createElement("button", {
-    ref: sellPriceButtonRef,
-    type: "button",
-    className: "customise-item-price-input ".concat(priceType === 'sell' ? 'active purple' : ''),
-    onClick: function onClick() {
-      return showKeyboard(sellPriceButtonRef, 'sell');
-    },
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "price-currency"
-  }, currencySymbol), /*#__PURE__*/React.createElement("div", {
-    className: "price-input-display ".concat(!sellPrice ? 'placeholder' : '')
-  }, sellPrice || locales.getText('pisell2.customise-item.amount-placeholder'))))), /*#__PURE__*/React.createElement("div", {
-    className: "customise-item-price-option"
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: "customise-item-radio ".concat(priceType === 'deduction' ? 'active red' : ''),
-    onClick: function onClick() {
-      return setPriceType('deduction');
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "radio-dot"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "customise-item-price-content"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "customise-item-price-title ".concat(priceType === 'deduction' ? 'red' : '')
-  }, currencySymbol, ' ', locales.getText('pisell2.customise-item.manual-deduction-price')), /*#__PURE__*/React.createElement("button", {
-    ref: deductionPriceButtonRef,
-    type: "button",
-    className: "customise-item-price-input ".concat(priceType === 'deduction' ? 'active red' : ''),
-    onClick: function onClick() {
-      return showKeyboard(deductionPriceButtonRef, 'deduction');
-    },
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "price-currency"
-  }, currencySymbol), /*#__PURE__*/React.createElement("span", {
-    className: "price-minus"
-  }, "-"), /*#__PURE__*/React.createElement("div", {
-    className: "price-input-display ".concat(!deductionPrice ? 'placeholder' : '')
-  }, deductionPrice || locales.getText('pisell2.customise-item.amount-placeholder')))))), /*#__PURE__*/React.createElement("div", {
-    className: "customise-item-modal-footer"
-  }, /*#__PURE__*/React.createElement(Button, {
-    type: "primary",
-    size: "large",
-    onClick: handleSave,
-    disabled: disabled,
-    className: "customise-item-save-btn"
-  }, locales.getText('pisell2.customise-item.save'))))), /*#__PURE__*/React.createElement("div", {
-    className: "customise-item-quantity-selector-fixed"
-  }, /*#__PURE__*/React.createElement(PisellNumberSelector, {
-    value: quantity,
-    min: 1,
-    max: 999,
-    step: 1,
-    disabled: disabled,
-    onChange: function onChange(value) {
-      if (value < 1) {
-        setQuantity(1);
-      } else {
-        setQuantity(value);
-      }
-    },
-    size: "middle",
-    enablePriceAdjust: true
-  }))), /*#__PURE__*/React.createElement(PisellPriceKeyboardModal, {
-    visible: showPriceKeyboard,
-    value: priceType === 'sell' ? sellPrice : deductionPrice,
-    onChange: function onChange(val) {
-      if (priceType === 'sell') {
-        setSellPrice(String(val));
-      } else {
-        setDeductionPrice(String(val));
-      }
-    },
-    onClose: function onClose() {
-      return setShowPriceKeyboard(false);
-    },
-    triggerRef: currentTriggerRef,
-    showCurrencySymbol: true,
-    useThousandsSeparator: false
-  }));
-};
-export default CustomiseItemModal;