@pisell/private-materials 6.2.29 → 6.2.30

package/lib/components/booking/locales.js

@@ -77,7 +77,7 @@ var locales_default = {
     "pisell2.text.holder": "Holder",
     "pisell2.text.warnings": "Warnings",
     "pisell2.text.order-notes": "Order notes",
-    "pisell2.text.add-order-notes": "Add Order note",
+    "pisell2.text.add-order-notes": "Add Order Note",
     "pisell2.text.add-internal-notes": "Add Internal note",
     "pisell2.text.add-notes": "Add Notes",
     "pisell2.text.notes": "Notes",
@@ -299,8 +299,8 @@ var locales_default = {
     "pisell2.text.cancel": "Cancel",
     // Action Buttons
     "pisell2.action-buttons.clear": "Clear",
-    "pisell2.action-buttons.manuel-order": "Manual\nOrder $",
-    "pisell2.action-buttons.customise-item": "Customise Item",
+    "pisell2.action-buttons.manuel-order": "Manual\nOrder $",
+    "pisell2.action-buttons.customise-item": "Cust.\nItem",
     "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.",
@@ -324,6 +324,8 @@ var locales_default = {
     "pisell2.clear-cart-modal.clear-items-only": "Clear Items Only",
     "pisell2.clear-cart-modal.clear-all-reset": "Clear All &\nReset Cart",
     "pisell2.clear-cart-modal.empty-cart-tip": "Cart is empty",
+    // Voucher Modal
+    "pisell2.voucher-modal.title": "Vouchers & Discounts",
     "pisell2.text.change.pet.title": "You have changed the holder information. Do you want to keep the items under their name?",
     "pisell2.text.change.pet.content": "Selecting “Keep” will move the items to Open Items. Selecting “Discard” will clear all items under the holder’s name.",
     "pisell2.text.change.pet.content1": "Reservation-type items cannot be added to the Open Items cart and will be removed.",
@@ -636,8 +638,8 @@ var locales_default = {
     "pisell2.text.cancel": "取消",
     // Action Buttons
     "pisell2.action-buttons.clear": "清空",
-    "pisell2.action-buttons.manuel-order": "手动\n订单 $",
-    "pisell2.action-buttons.customise-item": "自定义商品",
+    "pisell2.action-buttons.manuel-order": "手动\n订单 $",
+    "pisell2.action-buttons.customise-item": "自定义\n商品",
     "pisell2.action-buttons.no-items-to-adjust": "购物车中没有商品可调整价格。",
     "pisell2.action-buttons.adjust-order-price": "调整订单价格",
     "pisell2.action-buttons.price-adjusted-success": "订单价格调整成功。",
@@ -661,6 +663,8 @@ var locales_default = {
     "pisell2.clear-cart-modal.clear-items-only": "仅清空商品",
     "pisell2.clear-cart-modal.clear-all-reset": "清空所有内容\n并重置购物车",
     "pisell2.clear-cart-modal.empty-cart-tip": "当前购物车为空",
+    // Voucher Modal
+    "pisell2.voucher-modal.title": "券码管理",
     "pisell2.text.change.pet.title": "您已变更持有人信息，是否保留该持有人名下的商品？",
     "pisell2.text.change.pet.content": "选择“保留”将商品添加到未分配商品（公共购物车）中；选择“不保留”将清空该持有人名下的所有商品。",
     "pisell2.text.change.pet.content1": "预约类商品无法添加到公共购物车，将会被删除。",
@@ -973,8 +977,8 @@ var locales_default = {
     "pisell2.text.cancel": "取消",
     // Action Buttons
     "pisell2.action-buttons.clear": "清空",
-    "pisell2.action-buttons.manuel-order": "手動\n訂單 $",
-    "pisell2.action-buttons.customise-item": "自定義商品",
+    "pisell2.action-buttons.manuel-order": "手動\n訂單 $",
+    "pisell2.action-buttons.customise-item": "自定義\n商品",
     "pisell2.action-buttons.no-items-to-adjust": "購物車中沒有商品可調整價格。",
     "pisell2.action-buttons.adjust-order-price": "調整訂單價格",
     "pisell2.action-buttons.price-adjusted-success": "訂單價格調整成功。",
@@ -998,6 +1002,8 @@ var locales_default = {
     "pisell2.clear-cart-modal.clear-items-only": "僅清空商品",
     "pisell2.clear-cart-modal.clear-all-reset": "清空所有內容\n並重置購物車",
     "pisell2.clear-cart-modal.empty-cart-tip": "當前購物車為空",
+    // Voucher Modal
+    "pisell2.voucher-modal.title": "券碼管理",
     "pisell2.text.change.pet.title": "您已變更持有人信息，是否保留該持有人名下的商品？",
     "pisell2.text.change.pet.content": "選擇“保留”將商品添加到未分配商品（公共購物車）中；選擇“不保留”將清空該持有人名下的所有商品。",
     "pisell2.text.change.pet.content1": "預約類商品無法添加到公共購物車，將會被刪除。",

package/lib/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 | {
+}) => number | "flexible" | {
     type: string;
     value: number;
-} | "flexible";
+};
 export declare const isWalkIn: (customer_id?: number | string) => boolean;
 export declare const getIsEdit: (state: any) => boolean;
 export {};

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/hooks.d.ts

@@ -15,11 +15,11 @@ export declare const useStoreRef: <T extends {
     readonly numRef: React.MutableRefObject<string | number | undefined>;
     readonly orderIdRef: React.MutableRefObject<string | number>;
     readonly modeRef: React.MutableRefObject<ModeEnum>;
-    readonly statusRef: React.MutableRefObject<"success" | "warn" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question">;
+    readonly statusRef: React.MutableRefObject<"success" | "loading" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question">;
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"payo" | "tyro" | "windcave" | "stripe" | "linkly">;
+    readonly eftposRef: React.MutableRefObject<"tyro" | "windcave" | "stripe" | "payo" | "linkly">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };

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

@@ -174,7 +174,7 @@ export declare const updateCustom: (payload: {
 export declare const updateStatus: (status: 'loading' | 'warn' | 'fail' | 'success' | 'question') => {
     type: EActionTypes;
     payload: {
-        status: "success" | "warn" | "loading" | "fail" | "question";
+        status: "success" | "loading" | "warn" | "fail" | "question";
     };
 };
 /**
@@ -295,20 +295,20 @@ 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" | "deviceList" | "pay" | undefined;
+        eftpos?: "tyro" | "windcave" | "stripe" | "payo" | "linkly" | undefined;
+        action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;
         title?: string | undefined;
         subTitle?: string | undefined;
-        type?: "step" | "unset" | undefined;
+        type?: "unset" | "step" | undefined;
         render?: boolean | undefined;
         net?: boolean | undefined;
         component?: string | undefined;
         form?: string | undefined;
-        status?: "success" | "warn" | "loading" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
+        status?: "success" | "loading" | "warn" | "fail" | "pedding" | "resove" | "reject" | "question" | undefined;
         warn?: string | undefined;
         steps?: {
             /** 用于重置当前步骤 */

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

@@ -71,6 +71,12 @@ var ProductGroup = ({
     }
     return `${import_utils.locales.getText("pisell2.product-select.stock")}：${item.stock_quantity}`;
   };
+  const getTextCover = (title) => {
+    if (!title) return "";
+    const cleanTitle = title.trim();
+    if (cleanTitle.length === 0) return "";
+    return cleanTitle.substring(0, 2).toUpperCase();
+  };
   const renderPrice = (item) => {
     const {
       price: _price,
@@ -93,11 +99,11 @@ var ProductGroup = ({
       className: (0, import_classnames.default)("product-card", {
         selected: currentProductId && item.id === currentProductId
       }),
-      onClick: () => {
+      onPointerUp: () => {
         onSelectProduct == null ? void 0 : onSelectProduct(item);
       }
     },
-    isProductCover && item.cover ? /* @__PURE__ */ import_react.default.createElement(
+    isProductCover ? /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: "card-left",
@@ -106,13 +112,20 @@ var ProductGroup = ({
           height: imgHeight || "auto"
         }
       },
-      /* @__PURE__ */ import_react.default.createElement(
+      item.cover ? /* @__PURE__ */ import_react.default.createElement(
         "img",
         {
           loading: "lazy",
           src: item.cover,
           style: { borderRadius: radius }
         }
+      ) : /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "text-cover",
+          style: { borderRadius: radius }
+        },
+        getTextCover(item.title)
       )
     ) : null,
     /* @__PURE__ */ import_react.default.createElement("div", { className: "card-right" }, !!isTitle ? /* @__PURE__ */ import_react.default.createElement("div", { className: "title" }, item.title) : null, !!isSubtitle && item.subtitle ? /* @__PURE__ */ import_react.default.createElement("div", { className: "subtitle" }, item.subtitle) : null, !!isStock && !!item.is_track ? /* @__PURE__ */ import_react.default.createElement("div", { className: "stock" }, getStockText(item)) : null, renderPrice(item))

package/lib/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/lib/components/schedules/utils.d.ts

@@ -17,6 +17,6 @@ declare let modal: Omit<ModalStaticFunctions, "warn">;
 export declare const setModal: (m: Omit<ModalStaticFunctions, "warn">) => void;
 export declare const saveConfirm: () => Promise<{
     destroy: () => void;
-    update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    update: (configUpdate: import("antd/es/modal/interface").ModalFuncProps | ((prevConfig: import("antd/es/modal/interface").ModalFuncProps) => import("antd/es/modal/interface").ModalFuncProps)) => void;
 }>;
 export { modal };

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

@@ -127,6 +127,7 @@ var Product = (props) => {
               color: "#667085"
             }
           ],
+          escapeDom: ".pisell-number-selector-popover",
           key: item._id,
           dataSource: item,
           onAction: (e) => onAction == null ? void 0 : onAction(e),
@@ -139,7 +140,8 @@ var Product = (props) => {
           onChangeHolder: (e) => handleChange(item, "change_holder", e),
           onAddHolder: (e) => handleChange(item, "add_holder", e),
           ...productParams,
-          ...getProductCardStyleProps(isRetail ? "retail" : "appointment")
+          ...getProductCardStyleProps(isRetail ? "retail" : "appointment"),
+          scenario: state.scenario
         }
       );
     }), !hideAddBtn && platform !== "h5" && isAdd ? (0, import_useAddService.default)(id, "more") : null);

package/lib/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/lib/components/ticketBooking/components/ticketBooking/index.js

@@ -58,6 +58,7 @@ var import_index = require("./index.less");
 var import_utils4 = require("../bookingDataPanel/bookingList/utils");
 var import_pisellos = require("../../hooks/pisellos");
 var import_ahooks = require("ahooks");
+var import_useScanManager = __toESM(require("../../hooks/pisellos/useScanManager"));
 var _formatBookingDetail = (data, modalState) => {
   var _a, _b, _c, _d;
   let {
@@ -263,6 +264,7 @@ var TicketBooking = () => {
   const bookingTicket = (0, import_bookingTicket.useBookingTicket)();
   const { openScan, closeScan } = (0, import_useScanGlobal.default)();
   const handleScan = (0, import_useScanGlobalHandle.default)();
+  const { enableAllScanListeners } = (0, import_useScanManager.default)();
   const changeCustomerToGlobalState = (0, import_ahooks.useMemoizedFn)(() => {
   });
   const { selectCustomer } = (0, import_pisellos.useCustomer)({
@@ -314,6 +316,7 @@ var TicketBooking = () => {
         _initFn(() => {
         });
         selectCustomer(null);
+        enableAllScanListeners();
       }
     );
     (_e2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _e2.mountFunction(
@@ -321,6 +324,7 @@ var TicketBooking = () => {
       "voidBooking",
       (orderId) => {
         (0, import_serve.voidAppointment)(orderId);
+        enableAllScanListeners();
       }
     );
     return () => {
@@ -998,7 +1002,7 @@ var TicketBooking = () => {
     {
       style: {
         flexShrink: 0,
-        width: 355
+        width: 400
       }
     },
     /* @__PURE__ */ import_react.default.createElement(

package/lib/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/lib/components/ticketBooking/hooks/pisellos/useCustomer.js

@@ -106,10 +106,13 @@ var useCustomer = (props) => {
     setLoading(false);
   });
   const selectCustomer = (0, import_ahooks.useMemoizedFn)((customer) => {
-    bookingTicket.setActiveCustomer(customer);
+    var _a, _b;
+    (_a = bookingTicket == null ? void 0 : bookingTicket.setActiveCustomer) == null ? void 0 : _a.call(bookingTicket, customer);
+    (_b = props.changeCustomerToGlobalState) == null ? void 0 : _b.call(props, customer);
   });
   const addCustomerToFirst = (0, import_ahooks.useMemoizedFn)((customer) => {
-    bookingTicket.addCustomerToFirst(customer);
+    var _a;
+    (_a = bookingTicket == null ? void 0 : bookingTicket.addCustomerToFirst) == null ? void 0 : _a.call(bookingTicket, customer);
   });
   return {
     // 客户列表

package/lib/components/ticketBooking/hooks/pisellos/useScanManager.d.ts

@@ -0,0 +1,6 @@
+declare const useScanManager: () => {
+    disableAllScanListeners: () => void;
+    enableAllScanListeners: () => void;
+    clearAllScanListenersTaskQueue: () => void;
+};
+export default useScanManager;

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

@@ -0,0 +1,44 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ticketBooking/hooks/pisellos/useScanManager.ts
+var useScanManager_exports = {};
+__export(useScanManager_exports, {
+  default: () => useScanManager_default
+});
+module.exports = __toCommonJS(useScanManager_exports);
+var import_bookingTicket = require("./bookingTicket");
+var import_ahooks = require("ahooks");
+var useScanManager = () => {
+  const bookingTicket = (0, import_bookingTicket.useBookingTicket)();
+  const disableAllScanListeners = (0, import_ahooks.useMemoizedFn)(() => {
+    bookingTicket.disableAllScanListeners();
+  });
+  const enableAllScanListeners = (0, import_ahooks.useMemoizedFn)(() => {
+    bookingTicket.enableAllScanListeners();
+  });
+  const clearAllScanListenersTaskQueue = (0, import_ahooks.useMemoizedFn)(() => {
+    bookingTicket.clearAllScanListenersTaskQueue();
+  });
+  return {
+    disableAllScanListeners,
+    enableAllScanListeners,
+    clearAllScanListenersTaskQueue
+  };
+};
+var useScanManager_default = useScanManager;

package/lib/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/lib/components/ticketBooking/locales.js

@@ -26,6 +26,7 @@ var locales_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",
@@ -84,6 +85,7 @@ var locales_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 @@ var locales_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/lib/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;
     }

package/lib/pro/pisellNumberSelector/index.js

@@ -55,6 +55,7 @@ var PisellNumberSelector = ({
 }) => {
   const [open, setOpen] = (0, import_react.useState)(false);
   const [inputValue, setInputValue] = (0, import_react.useState)(value.toString());
+  const [tempValue, setTempValue] = (0, import_react.useState)(value.toString());
   const KeyboardItems = (0, import_react.useMemo)(() => {
     return [
       {
@@ -145,20 +146,21 @@ var PisellNumberSelector = ({
   };
   const handleChange = (e) => {
     if (!e) {
-      onChange == null ? void 0 : onChange(min);
+      setTempValue(min.toString());
       return;
     }
     if (e === "delete") {
-      onChange == null ? void 0 : onChange(Number(inputValue.slice(0, -1)));
+      const newTempValue = tempValue.slice(0, -1);
+      setTempValue(newTempValue || "0");
       return;
     } else if (e === "verify") {
-      const newValue = parseInt(inputValue) || 0;
+      const newValue = parseInt(tempValue) || 0;
       const clampedValue = Math.max(min, Math.min(max, newValue));
       onChange == null ? void 0 : onChange(clampedValue);
       setOpen(false);
       return;
     } else {
-      onChange == null ? void 0 : onChange(Number(e));
+      setTempValue(e);
     }
   };
   const adjustPriceContent = (0, import_react.useMemo)(() => {
@@ -166,20 +168,35 @@ var PisellNumberSelector = ({
     return /* @__PURE__ */ import_react.default.createElement(
       import_numberKeyboard.default,
       {
-        selectType: "dark",
-        value: value.toString(),
+        value: tempValue,
         max,
         onChange: handleChange,
         onOk: () => {
+          const newValue = parseInt(tempValue) || 0;
+          const clampedValue = Math.max(min, Math.min(max, newValue));
+          onChange == null ? void 0 : onChange(clampedValue);
           setOpen(false);
         }
       }
     );
-  }, [enablePriceAdjust, inputValue, KeyboardItems, max]);
+  }, [enablePriceAdjust, tempValue, max, handleChange]);
   const handleNumberClick = () => {
     if (disabled) return;
     if (enablePriceAdjust) {
-      setInputValue(value.toString());
+      setTempValue(value.toString());
+    }
+  };
+  const handleOpenChange = (visible) => {
+    setOpen(visible);
+    if (visible) {
+      setTempValue(value.toString());
+    } else {
+      const tempNumber = parseInt(tempValue) || 0;
+      const clampedValue = Math.max(min, Math.min(max, tempNumber));
+      if (clampedValue !== value) {
+        onChange == null ? void 0 : onChange(clampedValue);
+      }
+      setTempValue(value.toString());
     }
   };
   const numberDisplayElement = enablePriceAdjust ? /* @__PURE__ */ import_react.default.createElement(
@@ -209,20 +226,13 @@ var PisellNumberSelector = ({
       content: adjustPriceContent,
       trigger: ["click"],
       overlayInnerStyle: { padding: 0 },
-      onOpenChange: (visible) => {
-        setOpen(visible);
-        if (visible) {
-          setInputValue(value.toString());
-        } else {
-          setInputValue(value.toString());
-        }
-      },
       destroyTooltipOnHide: true,
       arrow: false,
       align: {
         offset: [0, 0]
       },
-      overlayClassName: "pisell-number-selector-popover"
+      overlayClassName: "pisell-number-selector-popover",
+      onOpenChange: handleOpenChange
     },
     numberDisplayElement
   ) : numberDisplayElement;

package/lib/utils/index.d.ts

@@ -18,6 +18,6 @@ declare let modal: Omit<ModalStaticFunctions, 'warn'>;
 export declare const setModal: (m: Omit<ModalStaticFunctions, 'warn'>) => void;
 export declare const saveConfirm: () => Promise<{
     destroy: () => void;
-    update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+    update: (configUpdate: import("antd/es/modal/interface").ModalFuncProps | ((prevConfig: import("antd/es/modal/interface").ModalFuncProps) => import("antd/es/modal/interface").ModalFuncProps)) => void;
 }>;
 export { modal };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.2.29",
+  "version": "6.2.30",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -59,10 +59,10 @@
     "react-infinite-scroll-component": "^6.1.0",
     "react-resizable": "^3.0.5",
     "styled-components": "^6.0.0-rc.3",
+    "@pisell/materials": "6.2.29",
     "@pisell/icon": "0.0.11",
-    "@pisell/materials": "6.2.28",
-    "@pisell/utils": "3.0.0",
-    "@pisell/date-picker": "3.0.4"
+    "@pisell/date-picker": "3.0.4",
+    "@pisell/utils": "3.0.0"
   },
   "peerDependencies": {
     "react": "^18.0.0",