@pisell/private-materials 3.4.8 → 3.4.10

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

@@ -66,20 +66,23 @@ var Cart = () => {
       };
     });
   }, [carts, platform]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-lowcode__shopping-cart") }, isProductList ? /* @__PURE__ */ import_react.default.createElement(import_Product.default, { id: void 0, lists: state == null ? void 0 : state.products }) : /* @__PURE__ */ import_react.default.createElement(
-    import_materials.Collapse,
-    {
-      items: cartsMap,
-      showHeader: true,
-      panelBackground: "#ffffff",
-      collapsible: platform !== "shop" ? "disabled" : "-",
-      accordion: platform === "shop",
-      onChange: (key) => {
-        updateState({ activeKey: key });
-        onActiveKey(key);
-      },
-      ...collapseParams
-    }
-  ));
+  return (0, import_react.useMemo)(() => {
+    console.log("render cart 22222");
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-lowcode__shopping-cart") }, isProductList ? /* @__PURE__ */ import_react.default.createElement(import_Product.default, { id: void 0, lists: state == null ? void 0 : state.products }) : /* @__PURE__ */ import_react.default.createElement(
+      import_materials.Collapse,
+      {
+        items: cartsMap,
+        showHeader: true,
+        panelBackground: "#ffffff",
+        collapsible: platform !== "shop" ? "disabled" : "-",
+        accordion: platform === "shop",
+        onChange: (key) => {
+          updateState({ activeKey: key });
+          onActiveKey(key);
+        },
+        ...collapseParams
+      }
+    ));
+  }, [isProductList, cartsMap, platform, collapseParams, state == null ? void 0 : state.products]);
 };
 var Cart_default = Cart;

package/lib/components/ticketBooking/components/addServiceVariant/addService.js

@@ -48,7 +48,7 @@ var import_utils6 = require("../../utils");
 var import_notAvailable = __toESM(require("../notAvailable"));
 var import_dayjs = __toESM(require("dayjs"));
 var AddSerivce = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const { onEdit, state, dispatch, renderMode = "current" } = props;
   const [loading, setLoading] = (0, import_react.useState)(true);
   const context = (0, import_useEngineContext.default)();
@@ -70,6 +70,17 @@ var AddSerivce = (props) => {
   const [currentProduct, setCurrentProduct] = (0, import_react.useState)(null);
   const stateRef = (0, import_react.useRef)(state);
   stateRef.current = state;
+  (0, import_react.useEffect)(() => {
+    return () => {
+      Object.values(debounceTimersRef.current).forEach((timer) => {
+        if (timer) clearTimeout(timer);
+      });
+      debounceTimersRef.current = {};
+    };
+  }, []);
+  const pendingCacheValuesRef = (0, import_react.useRef)({});
+  const clickCountRef = (0, import_react.useRef)({});
+  const debounceTimersRef = (0, import_react.useRef)({});
   const menuList = (0, import_react.useMemo)(() => {
     var _a2, _b2, _c2;
     return ((_c2 = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.menu_list_tab) == null ? void 0 : _c2.menu_list) || [];
@@ -202,16 +213,199 @@ var AddSerivce = (props) => {
       }
     });
   };
+  const executeCacheValues = (0, import_ahooks.useMemoizedFn)((productId, originalCacheValues, item, originalCallback) => {
+    const clickCount = clickCountRef.current[productId] || 1;
+    const finalCacheValues = {
+      ...originalCacheValues,
+      quantity: clickCount
+    };
+    delete pendingCacheValuesRef.current[productId];
+    delete clickCountRef.current[productId];
+    delete debounceTimersRef.current[productId];
+    originalCallback(finalCacheValues, "", item, true);
+  });
+  const debouncedExecuteCacheValues = (0, import_ahooks.useMemoizedFn)((productId, cacheValues, item, callback) => {
+    if (debounceTimersRef.current[productId]) {
+      clearTimeout(debounceTimersRef.current[productId]);
+    }
+    debounceTimersRef.current[productId] = setTimeout(() => {
+      executeCacheValues(productId, cacheValues, item, callback);
+    }, 0);
+  });
   const handleSelectProduct = (0, import_ahooks.useMemoizedFn)(
     (item, type = "select") => {
+      var _a2, _b2, _c2;
       const isSession = (0, import_utils2.isSessionProduct)(item);
       const isEject = (0, import_utils2.getIsEject)(item, type);
       const isOnlySession = (0, import_utils2.getIsOnlySession)(item);
       let lock = false;
+      let cacheValues = null;
       if (isEject) {
         setCurrentProduct(item);
       } else {
         setCurrentProduct(null);
+        if ((item == null ? void 0 : item.extension_type) === "normal") {
+          cacheValues = {
+            bundle: [],
+            key: item.id,
+            option: [],
+            product_id: item.id,
+            product_variant_id: 0,
+            quantity: 1,
+            rowKey: item.id,
+            session: null,
+            unique: "08974625397",
+            _originalItem: item
+            // 保存原始商品信息
+          };
+        }
+      }
+      const callback = async (e, extension_type, detail, notShowToast) => {
+        var _a3, _b3, _c3, _d2, _e2, _f2, _g2;
+        setCurrentProduct(null);
+        if (lock) {
+          return;
+        }
+        lock = true;
+        setTimeout(() => {
+          lock = false;
+        }, 2e3);
+        if (!isBooking4) {
+          const data = await createBookingData({
+            product: { ...detail || item, _params: e }
+          });
+          createBooking({ booking: data });
+          return;
+        }
+        const _detail = detail || item;
+        const other = JSON.parse(JSON.stringify(e));
+        other.session = e.session;
+        let cacheItem = {
+          ..._detail,
+          product_id: item.id,
+          _id: (0, import_utils.getUniqueId)(),
+          _key: e.key,
+          _extend: {
+            start_date: state.date.value,
+            quantity: (e == null ? void 0 : e.quantity) || 1,
+            price: _detail.price,
+            product_name: item.title,
+            other
+          },
+          new: 1
+        };
+        let _total = (0, import_utils2.getProductTotalPrice)(cacheItem);
+        cacheItem._extend.total = _total;
+        cacheItem._extend.origin_total = _total;
+        const _isEdit = !!state.service.cacheItem;
+        if (_isEdit) {
+          cacheItem._id = (_a3 = state.service.cacheItem) == null ? void 0 : _a3._id;
+          cacheItem.new = 0;
+        }
+        if (renderMode === "current") {
+          cacheItem.currentDefaultTime = state.date.value.format("HH:mm");
+        }
+        cacheItem = (0, import_utils3.getProductExtend)({
+          cacheItem,
+          state,
+          isDisabledTime: true
+        });
+        if (state.renderType === "eventBooking") {
+          cacheItem.autoClose = false;
+        }
+        if (cacheItem.autoClose) {
+          cacheItem.autoClose = false;
+          cacheItem._serviceKey = (0, import_utils6.genServiceKey)(cacheItem);
+          let { list: _list, quantity } = (0, import_utils6.addService)(
+            [...state.service.value],
+            cacheItem,
+            state
+          );
+          if (!notShowToast) {
+            (_b3 = Toast == null ? void 0 : Toast.success) == null ? void 0 : _b3.call(
+              Toast,
+              /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-title" }, cacheItem.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-quantity" }, import_utils.locales.getText("pisell2.ticket-booking.in-cart")(
+                quantity || 1
+              )))
+            );
+          }
+          (0, import_utils6.addServiceScroll)(e.rowKey, cacheItem);
+          try {
+            if (((_g2 = (_f2 = (_e2 = (_d2 = (_c3 = context.appHelper.utils.store) == null ? void 0 : _c3.getState) == null ? void 0 : _d2.call(_c3)) == null ? void 0 : _e2.global) == null ? void 0 : _f2.globalConfig) == null ? void 0 : _g2.id) === 2155) {
+              const val = _list == null ? void 0 : _list.map((s) => {
+                return {
+                  product_id: s == null ? void 0 : s.product_id,
+                  detailId: s == null ? void 0 : s.id,
+                  detailProductId: s == null ? void 0 : s.product_id,
+                  product_name: s == null ? void 0 : s.title,
+                  price: s == null ? void 0 : s.price,
+                  _id: s == null ? void 0 : s._id,
+                  _key: s == null ? void 0 : s._key,
+                  _serviceKey: s == null ? void 0 : s._serviceKey
+                };
+              });
+              const sendData = {
+                product_id: item == null ? void 0 : item.id,
+                detailId: _detail == null ? void 0 : _detail.id,
+                detailProductId: _detail == null ? void 0 : _detail.product_id,
+                product_name: item == null ? void 0 : item.title,
+                price: _detail == null ? void 0 : _detail.price,
+                serviceVal: val
+              };
+              (0, import_utils.sendWarningLog)({
+                title: "addService",
+                content: [
+                  { key: "添加数据", value: JSON.stringify(sendData) },
+                  {
+                    key: "日期",
+                    value: (0, import_dayjs.default)().format("YYYY-MM-DD HH:mm:ss")
+                  }
+                ]
+              });
+            }
+          } catch (error) {
+          }
+          dispatch({
+            type: "setService",
+            payload: {
+              addModal: false,
+              value: _list,
+              edit: true,
+              changeService: false
+            }
+          });
+        } else {
+          dispatch({
+            type: "setService",
+            payload: {
+              editModal: true,
+              cacheItem,
+              addModal: !cacheItem.autoClose,
+              changeService: false
+            }
+          });
+          onEdit == null ? void 0 : onEdit(cacheItem);
+        }
+      };
+      if (cacheValues) {
+        const productId = item.id.toString();
+        if (pendingCacheValuesRef.current[productId]) {
+          clickCountRef.current[productId] = (clickCountRef.current[productId] || 1) + 1;
+        } else {
+          pendingCacheValuesRef.current[productId] = cacheValues;
+          clickCountRef.current[productId] = 1;
+        }
+        const cacheItem = (0, import_utils6.createSimpleCacheItem)(item, cacheValues, state);
+        const detail = (_a2 = state.service.value) == null ? void 0 : _a2.find((val) => (0, import_utils6.isSameProduct)(val, cacheItem));
+        const originalQuantity = ((_b2 = detail == null ? void 0 : detail._extend) == null ? void 0 : _b2.quantity) || 0;
+        (_c2 = Toast == null ? void 0 : Toast.success) == null ? void 0 : _c2.call(
+          Toast,
+          /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-quantity" }, import_utils.locales.getText("pisell2.ticket-booking.in-cart")(
+            (clickCountRef.current[productId] || 1) + originalQuantity
+          )))
+        );
+        debouncedExecuteCacheValues(productId, cacheValues, item, callback);
+        return;
       }
       state.action({
         type: "pisell1.handleOpenProductModal",
@@ -233,131 +427,7 @@ var AddSerivce = (props) => {
         onCancel: () => {
           setCurrentProduct(null);
         },
-        callback: async (e, extension_type, detail) => {
-          var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
-          setCurrentProduct(null);
-          if (lock) {
-            return;
-          }
-          lock = true;
-          setTimeout(() => {
-            lock = false;
-          }, 2e3);
-          if (!isBooking4) {
-            const data = await createBookingData({
-              product: { ...detail || item, _params: e }
-            });
-            createBooking({ booking: data });
-            return;
-          }
-          const _detail = detail || item;
-          const other = JSON.parse(JSON.stringify(e));
-          other.session = e.session;
-          let cacheItem = {
-            ..._detail,
-            product_id: item.id,
-            _id: (0, import_utils.getUniqueId)(),
-            _key: e.key,
-            _extend: {
-              start_date: state.date.value,
-              quantity: (e == null ? void 0 : e.quantity) || 1,
-              price: _detail.price,
-              product_name: item.title,
-              other
-            },
-            new: 1
-          };
-          let _total = (0, import_utils2.getProductTotalPrice)(cacheItem);
-          cacheItem._extend.total = _total;
-          cacheItem._extend.origin_total = _total;
-          const _isEdit = !!state.service.cacheItem;
-          if (_isEdit) {
-            cacheItem._id = (_a2 = state.service.cacheItem) == null ? void 0 : _a2._id;
-            cacheItem.new = 0;
-          }
-          if (renderMode === "current") {
-            cacheItem.currentDefaultTime = state.date.value.format("HH:mm");
-          }
-          cacheItem = (0, import_utils3.getProductExtend)({
-            cacheItem,
-            state,
-            isDisabledTime: true
-          });
-          if (state.renderType === "eventBooking") {
-            cacheItem.autoClose = false;
-          }
-          if (cacheItem.autoClose) {
-            cacheItem.autoClose = false;
-            cacheItem._serviceKey = (0, import_utils6.genServiceKey)(cacheItem);
-            let { list: _list, quantity } = (0, import_utils6.addService)(
-              [...state.service.value],
-              cacheItem,
-              state
-            );
-            (_b2 = Toast == null ? void 0 : Toast.success) == null ? void 0 : _b2.call(
-              Toast,
-              /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-title" }, cacheItem.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "add-toast-quantity" }, import_utils.locales.getText("pisell2.ticket-booking.in-cart")(
-                quantity || 1
-              )))
-            );
-            (0, import_utils6.addServiceScroll)(e.rowKey, cacheItem);
-            try {
-              if (((_g2 = (_f2 = (_e2 = (_d2 = (_c2 = context.appHelper.utils.store) == null ? void 0 : _c2.getState) == null ? void 0 : _d2.call(_c2)) == null ? void 0 : _e2.global) == null ? void 0 : _f2.globalConfig) == null ? void 0 : _g2.id) === 2155) {
-                const val = _list == null ? void 0 : _list.map((s) => {
-                  return {
-                    product_id: s == null ? void 0 : s.product_id,
-                    detailId: s == null ? void 0 : s.id,
-                    detailProductId: s == null ? void 0 : s.product_id,
-                    product_name: s == null ? void 0 : s.title,
-                    price: s == null ? void 0 : s.price,
-                    _id: s == null ? void 0 : s._id,
-                    _key: s == null ? void 0 : s._key,
-                    _serviceKey: s == null ? void 0 : s._serviceKey
-                  };
-                });
-                const sendData = {
-                  product_id: item == null ? void 0 : item.id,
-                  detailId: _detail == null ? void 0 : _detail.id,
-                  detailProductId: _detail == null ? void 0 : _detail.product_id,
-                  product_name: item == null ? void 0 : item.title,
-                  price: _detail == null ? void 0 : _detail.price,
-                  serviceVal: val
-                };
-                (0, import_utils.sendWarningLog)({
-                  title: "addService",
-                  content: [
-                    { key: "添加数据", value: JSON.stringify(sendData) },
-                    {
-                      key: "日期",
-                      value: (0, import_dayjs.default)().format("YYYY-MM-DD HH:mm:ss")
-                    }
-                  ]
-                });
-              }
-            } catch (error) {
-            }
-            dispatch({
-              type: "setService",
-              payload: {
-                addModal: false,
-                value: _list,
-                edit: true,
-                changeService: false
-              }
-            });
-          } else {
-            dispatch({
-              type: "setService",
-              payload: {
-                editModal: true,
-                cacheItem,
-                addModal: !cacheItem.autoClose,
-                changeService: false
-              }
-            });
-            onEdit == null ? void 0 : onEdit(cacheItem);
-          }
-        }
+        callback
       });
     }
   );
@@ -415,7 +485,6 @@ var AddSerivce = (props) => {
     }
     return null;
   }, [
-    (_n = (_m = state.service) == null ? void 0 : _m.cacheItem) == null ? void 0 : _n.autoClose,
     state.service.addModal,
     import_utils.locales,
     renderList,

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

@@ -35,115 +35,122 @@ module.exports = __toCommonJS(timeBar_exports);
 var import_react = __toESM(require("react"));
 var import_icons = require("@ant-design/icons");
 var import_materials = require("@pisell/materials");
+var import_ahooks = require("ahooks");
 var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_utils = require("@pisell/utils");
 var import_index = require("./index.less");
 var TimeBar = (props) => {
-  var _a, _b, _c, _d;
+  var _a, _b;
   const { globalState: state, setGlobalState, locale } = props;
-  const _onClickNext = () => {
-    var _a2, _b2, _c2, _d2;
+  const _onClickNext = (0, import_ahooks.useMemoizedFn)(() => {
+    var _a2, _b2, _c, _d;
     const currentTime = (_b2 = (_a2 = state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value;
     const newTime = currentTime["add"](1, "day");
-    (_c2 = props.onDateChange) == null ? void 0 : _c2.call(props, newTime, newTime.format("YYYY-MM-DD HH:mm:ss"));
-    (_d2 = props.setIntervalTime) == null ? void 0 : _d2.call(props, false);
-  };
-  const _onClickPre = () => {
-    var _a2, _b2, _c2, _d2;
+    (_c = props.onDateChange) == null ? void 0 : _c.call(props, newTime, newTime.format("YYYY-MM-DD HH:mm:ss"));
+    (_d = props.setIntervalTime) == null ? void 0 : _d.call(props, false);
+  });
+  const _onClickPre = (0, import_ahooks.useMemoizedFn)(() => {
+    var _a2, _b2, _c, _d;
     const currentTime = (_b2 = (_a2 = state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value;
     const newTime = currentTime["subtract"](1, "day");
-    (_c2 = props.onDateChange) == null ? void 0 : _c2.call(props, newTime, newTime.format("YYYY-MM-DD HH:mm:ss"));
-    (_d2 = props.setIntervalTime) == null ? void 0 : _d2.call(props, false);
-  };
-  const _onClickToday = () => {
-    var _a2;
-    (_a2 = props.setIntervalTime) == null ? void 0 : _a2.call(props, true);
-  };
-  const _onClickNow = () => {
+    (_c = props.onDateChange) == null ? void 0 : _c.call(props, newTime, newTime.format("YYYY-MM-DD HH:mm:ss"));
+    (_d = props.setIntervalTime) == null ? void 0 : _d.call(props, false);
+  });
+  const _onClickToday = (0, import_ahooks.useMemoizedFn)(() => {
+    var _a2, _b2, _c, _d;
+    const currentTime = (_b2 = (_a2 = state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value;
+    const newTime = currentTime["subtract"](1, "day");
+    (_c = props.onDateChange) == null ? void 0 : _c.call(props, newTime, newTime.format("YYYY-MM-DD HH:mm:ss"));
+    (_d = props.setIntervalTime) == null ? void 0 : _d.call(props, false);
+  });
+  const _onClickNow = (0, import_ahooks.useMemoizedFn)(() => {
     var _a2;
     (_a2 = props.setIntervalTime) == null ? void 0 : _a2.call(props, true);
-  };
-  const _onDateTimeChange = (timeString) => {
-    var _a2, _b2, _c2, _d2;
+  });
+  const _onDateTimeChange = (0, import_ahooks.useMemoizedFn)((timeString) => {
+    var _a2, _b2, _c, _d;
     const currentTime = (_b2 = (_a2 = state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value;
     const [hours, minutes] = timeString.split(":").map(Number);
     const newTime = currentTime.hour(hours).minute(minutes).second(0);
-    (_c2 = props.onDateTimeChange) == null ? void 0 : _c2.call(props, newTime, newTime.format("YYYY-MM-DD HH:mm:ss"));
+    (_c = props.onDateTimeChange) == null ? void 0 : _c.call(props, newTime, newTime.format("YYYY-MM-DD HH:mm:ss"));
     setGlobalState({
       isTimeChange: true
     });
-    (_d2 = props.setIntervalTime) == null ? void 0 : _d2.call(props, false);
-  };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-time-bar" }, /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Button,
-    {
-      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.LeftOutlined, null),
-      onClick: _onClickPre,
-      size: "large"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Button,
-    {
-      onClick: _onClickToday,
-      size: "large",
-      style: state.intervalSetTime ? { background: "#000", color: "#fff" } : void 0
-    },
-    import_utils.locales.getText("pisell2.ticket-booking.today")
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)({
-        "booking-page-date-picker-select": state.isDateChange
-      }),
-      style: { width: 200, flexShrink: 0 }
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_materials.DatePicker,
+    (_d = props.setIntervalTime) == null ? void 0 : _d.call(props, false);
+  });
+  return (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c, _d;
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-time-bar" }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
       {
-        inputReadOnly: true,
-        value: (_b = (_a = state == null ? void 0 : state.modalState) == null ? void 0 : _a.date) == null ? void 0 : _b.value,
-        format: locale === "en" ? "dddd, DD MMM YYYY" : "YYYY年MM月DD日",
-        onChange: props == null ? void 0 : props.onDateChange,
-        size: "large",
-        style: { width: "100%" }
+        icon: /* @__PURE__ */ import_react.default.createElement(import_icons.LeftOutlined, null),
+        onClick: _onClickPre,
+        size: "large"
       }
-    )
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Button,
-    {
-      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.RightOutlined, null),
-      onClick: _onClickNext,
-      size: "large"
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)({
-        "booking-page-date-picker-select": state.isTimeChange
-      })
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_materials.SelectTime,
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
       {
-        value: (_d = (_c = state == null ? void 0 : state.modalState) == null ? void 0 : _c.date) == null ? void 0 : _d.value.format("HH:mm"),
-        onChange: _onDateTimeChange,
-        popoverProps: {
-          style: { zoom: 0.8 }
-        },
-        timePickerProps: {},
-        timeProps: {},
-        slice: 5
+        onClick: _onClickToday,
+        size: "large",
+        style: state.intervalSetTime ? { background: "#000", color: "#fff" } : void 0
+      },
+      import_utils.locales.getText("pisell2.ticket-booking.today")
+    ), /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)({
+          "booking-page-date-picker-select": state.isDateChange
+        }),
+        style: { width: 200, flexShrink: 0 }
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_materials.DatePicker,
+        {
+          inputReadOnly: true,
+          value: (_b2 = (_a2 = state == null ? void 0 : state.modalState) == null ? void 0 : _a2.date) == null ? void 0 : _b2.value,
+          format: locale === "en" ? "dddd, DD MMM YYYY" : "YYYY年MM月DD日",
+          onChange: props == null ? void 0 : props.onDateChange,
+          size: "large",
+          style: { width: "100%" }
+        }
+      )
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        icon: /* @__PURE__ */ import_react.default.createElement(import_icons.RightOutlined, null),
+        onClick: _onClickNext,
+        size: "large"
       }
-    )
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Button,
-    {
-      onClick: _onClickNow,
-      size: "large",
-      style: state.intervalSetTime ? { background: "#000", color: "#fff" } : void 0
-    },
-    import_utils.locales.getText("pisell2.ticket-booking.now")
-  ));
+    ), /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)({
+          "booking-page-date-picker-select": state.isTimeChange
+        })
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_materials.SelectTime,
+        {
+          value: (_d = (_c = state == null ? void 0 : state.modalState) == null ? void 0 : _c.date) == null ? void 0 : _d.value.format("HH:mm"),
+          onChange: _onDateTimeChange,
+          popoverProps: {
+            style: { zoom: 0.8 }
+          },
+          timePickerProps: {},
+          timeProps: {},
+          slice: 5
+        }
+      )
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        onClick: _onClickNow,
+        size: "large",
+        style: state.intervalSetTime ? { background: "#000", color: "#fff" } : void 0
+      },
+      import_utils.locales.getText("pisell2.ticket-booking.now")
+    ));
+  }, [(_b = (_a = state.modalState) == null ? void 0 : _a.date) == null ? void 0 : _b.value, state.intervalSetTime, state.isTimeChange, state.isDateChange, locale]);
 };
 var timeBar_default = TimeBar;

package/lib/components/ticketBooking/utils/index.d.ts

@@ -12,6 +12,7 @@ export declare const restoreProductOtherData: (data: any) => {
     product_variant_id: number;
     quantity: number;
 } | undefined;
+export declare const isSameProduct: (a: any, b: any) => boolean;
 export declare const addService: (list: any[], addItem: any, state: any) => {
     list: any[];
     quantity: any;
@@ -21,3 +22,4 @@ export declare const getCartProductOverlay: (state: any) => any;
 export declare const getIsOverlayProduct: (item: any, state: any) => any;
 export declare const getIsShowNumber: (item: any, state: any) => any;
 export declare const genServiceKey: (item: any) => string;
+export declare const createSimpleCacheItem: (item: any, e: any, state: any) => any;