@pisell/private-materials 6.2.9 → 6.2.11

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)();
@@ -221,10 +221,151 @@ var AddSerivce = (props) => {
       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);
+        cacheValues = {
+          bundle: [],
+          key: item.id,
+          option: [],
+          product_id: item.id,
+          product_variant_id: 0,
+          quantity: 1,
+          rowKey: item.id,
+          session: null,
+          unique: "08974625397"
+        };
+      }
+      const callback = async (e, extension_type, detail) => {
+        var _a3, _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 = (_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
+          );
+          (_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);
+        }
+      };
+      if (cacheValues) {
+        callback(cacheValues, "", item);
+        return;
       }
       state.action({
         type: "pisell1.handleOpenProductModal",
@@ -246,131 +387,7 @@ var AddSerivce = (props) => {
         onCancel: () => {
           setCurrentProduct(null);
         },
-        callback: async (e, extension_type, detail) => {
-          var _a3, _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 = (_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
-            );
-            (_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
       });
     }
   );
@@ -428,7 +445,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/addServiceVariant/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface AddServiceVariantProps {
     globalState: any;
     setGlobalState: any;

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

@@ -35,8 +35,21 @@ module.exports = __toCommonJS(menuBar_exports);
 var import_react = __toESM(require("react"));
 var import_useNetworkStatus = require("../../hooks/useNetworkStatus");
 var import_index = require("./index.less");
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
 var index = () => {
   const status = (0, import_useNetworkStatus.useNetworkStatus)();
+  const items = [
+    {
+      key: "1",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_icons.SettingOutlined, null),
+      children: [
+        { key: "reload", label: import_utils.locales.getText("pisell2.ticket-booking.reload") }
+      ]
+    }
+  ];
   const getStatusText = (status2) => {
     switch (status2) {
       case import_useNetworkStatus.NetworkStatus.GOOD:
@@ -47,7 +60,12 @@ var index = () => {
         return "Offline";
     }
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-menu-bar" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "logo-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
+  const handleClick = ({ key }) => {
+    if (key === "reload") {
+      window.location.reload();
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-ticket-booking-menu-bar" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "logo-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -82,6 +100,28 @@ var index = () => {
         "stroke-linejoin": "round"
       }
     )
-  ))), /* @__PURE__ */ import_react.default.createElement("div", { className: "status-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "network-status", style: { background: import_useNetworkStatus.NetworkStatusColor[status] } }, getStatusText(status))));
+  )))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.ConfigProvider,
+    {
+      theme: {
+        components: {
+          Menu: {
+            collapsedIconSize: 32,
+            itemHeight: 48,
+            groupTitleFontSize: 16,
+            fontSize: 16
+          }
+        }
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_antd.Menu, { className: "pisell-ticket-booking-menu", mode: "inline", theme: "dark", inlineCollapsed: true, items, onClick: handleClick })
+  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "status-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: "network-status",
+      style: { background: import_useNetworkStatus.NetworkStatusColor[status] }
+    },
+    getStatusText(status)
+  )));
 };
 var menuBar_default = index;

package/lib/components/ticketBooking/components/menuBar/index.less

@@ -3,6 +3,14 @@
   padding-left: 6px;
   width: 86px;
   position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding-bottom: 44px;
+
+  .pisell-ticket-booking-menu {
+    background-color: transparent;
+  }
 
   .logo-wrapper {
     margin-top: 24px;

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

@@ -54,6 +54,7 @@ declare const _default: {
         'pisell2.product.card.day': (val: number) => string;
         'pisell2.product.card.day.event': (val: number) => string;
         'pisell2.product.card.minute': (val: number) => string;
+        "pisell2.ticket-booking.reload": string;
     };
     'zh-CN': {
         'pisell2.ticket-booking.info': string;
@@ -110,6 +111,7 @@ declare const _default: {
         'pisell2.product.card.day': (val: number) => string;
         'pisell2.product.card.day.event': (val: number) => string;
         'pisell2.product.card.minute': (val: number) => string;
+        "pisell2.ticket-booking.reload": string;
     };
     'zh-HK': {
         'pisell2.ticket-booking.info': string;
@@ -166,6 +168,7 @@ declare const _default: {
         'pisell2.product.card.day': (val: number) => string;
         'pisell2.product.card.day.event': (val: number) => string;
         'pisell2.product.card.minute': (val: number) => string;
+        "pisell2.ticket-booking.reload": string;
     };
 };
 export default _default;

package/lib/components/ticketBooking/locales.js

@@ -77,7 +77,8 @@ var locales_default = {
     "pisell2.product.card.hour.minute": (hour, minute) => `${hour > 0 ? `${hour}h` : ""}${hour > 0 && minute > 0 ? " " : ""}${minute > 0 ? `${minute}min` : ""}`,
     "pisell2.product.card.day": (val) => `${val > 1 ? " days" : " day"}`,
     "pisell2.product.card.day.event": (val) => `${val > 1 ? " events" : " event"}`,
-    "pisell2.product.card.minute": (val) => `${val > 1 ? " minutes" : " minute"}`
+    "pisell2.product.card.minute": (val) => `${val > 1 ? " minutes" : " minute"}`,
+    "pisell2.ticket-booking.reload": "Reload"
   },
   "zh-CN": {
     "pisell2.ticket-booking.info": "信息",
@@ -133,7 +134,8 @@ var locales_default = {
     "pisell2.product.card.hour.minute": (hour, minute) => `${hour > 0 ? `${hour}小时` : ""}${minute > 0 ? `${minute}分钟` : ""}`,
     "pisell2.product.card.day": (val) => "天",
     "pisell2.product.card.day.event": (val) => "个活动",
-    "pisell2.product.card.minute": (val) => "分钟"
+    "pisell2.product.card.minute": (val) => "分钟",
+    "pisell2.ticket-booking.reload": "重新加载"
   },
   "zh-HK": {
     "pisell2.ticket-booking.info": "資訊",
@@ -189,6 +191,7 @@ var locales_default = {
     "pisell2.product.card.hour.minute": (hour, minute) => `${hour > 0 ? `${hour}小時` : ""}${minute > 0 ? `${minute}分鐘` : ""}`,
     "pisell2.product.card.day": (val) => "天",
     "pisell2.product.card.day.event": (val) => "个活動",
-    "pisell2.product.card.minute": (val) => "分鐘"
+    "pisell2.product.card.minute": (val) => "分鐘",
+    "pisell2.ticket-booking.reload": "重新載入"
   }
 };