@pisell/private-materials 3.0.12 → 3.0.14

package/lib/components/booking/components/TabProduct/tabs/index.js

@@ -99,6 +99,7 @@ var Tabs = ({ renderTab, rowKey, name = "tabs-", onChange, tab, className, optio
   };
   const setTabScroll = (val) => {
     let dom = document.querySelector("#pisell-tabs-content");
+    console.log("domdom", dom);
     if (!dom) {
       return;
     }
@@ -119,20 +120,20 @@ var Tabs = ({ renderTab, rowKey, name = "tabs-", onChange, tab, className, optio
     return /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
-        className: "pisell-tabs-btn-left",
+        className: "booking-pisell-tabs-btn-left",
         style: { width: leftWidth, marginLeft: !leftWidth ? "20px" : 0 },
         onClick: () => {
           onPageChange("left");
         }
       },
-      /* @__PURE__ */ import_react.default.createElement(import_ChevronRight.default, { className: "pisell-tabs-btn-icon" })
+      /* @__PURE__ */ import_react.default.createElement(import_ChevronRight.default, { className: "booking-pisell-tabs-btn-icon" })
     );
   }, [leftWidth]);
   const rightBtn = (0, import_react.useMemo)(() => {
     return /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
-        className: "pisell-tabs-btn-right",
+        className: "booking-pisell-tabs-btn-right",
         style: { width: rightWidth, marginRight: !rightWidth ? "20px" : 0 },
         onClick: () => {
           onPageChange("right");
@@ -142,7 +143,7 @@ var Tabs = ({ renderTab, rowKey, name = "tabs-", onChange, tab, className, optio
         import_ChevronLeft.default,
         {
           type: "icona-iconArrowsLine",
-          className: "pisell-tabs-btn-icon"
+          className: "booking-pisell-tabs-btn-icon"
         }
       )
     );
@@ -151,7 +152,7 @@ var Tabs = ({ renderTab, rowKey, name = "tabs-", onChange, tab, className, optio
     return /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
-        className: "pisell-tabs-content",
+        className: "booking-pisell-tabs-content",
         id: "pisell-tabs-content",
         onScroll
       },
@@ -160,8 +161,8 @@ var Tabs = ({ renderTab, rowKey, name = "tabs-", onChange, tab, className, optio
         return /* @__PURE__ */ import_react.default.createElement(
           "div",
           {
-            className: (0, import_classnames.default)("pisell-tabs-tab", {
-              "pisell-tabs-tab-active": tab === _key
+            className: (0, import_classnames.default)("booking-pisell-tabs-tab", {
+              "booking-pisell-tabs-tab-active": tab === _key
             }),
             key: _key,
             id: name + "" + _key,
@@ -169,11 +170,20 @@ var Tabs = ({ renderTab, rowKey, name = "tabs-", onChange, tab, className, optio
               _onChange(_key, d, e);
             }
           },
-          renderTab ? renderTab(d) : /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-tabs-tab-content" }, d.name)
+          renderTab ? renderTab(d) : /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-pisell-tabs-tab-content" }, d.name)
         );
       })
     );
   }, [_options, rowKey, name, tab]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-tabs", className), id: "pisell-tabs" }, isShowButton && leftBtn, content, isShowButton && rightBtn);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("booking-pisell-tabs", className),
+      id: "pisell-tabs"
+    },
+    isShowButton && leftBtn,
+    content,
+    isShowButton && rightBtn
+  );
 };
 var tabs_default = (0, import_react.forwardRef)(Tabs);

package/lib/components/booking/components/TabProduct/tabs/index.less

@@ -1,4 +1,4 @@
-.pisell-tabs {
+.booking-pisell-tabs {
   display: flex;
   -webkit-box-align: center;
   align-items: center;
@@ -9,8 +9,8 @@
   color: #0d1619;
   cursor: default;
 
-  .pisell-tabs-btn-left,
-  .pisell-tabs-btn-right {
+  .booking-pisell-tabs-btn-left,
+  .booking-pisell-tabs-btn-right {
     -webkit-box-flex: 0;
     flex-grow: 0;
     flex-shrink: 0;
@@ -29,7 +29,7 @@
     overflow: hidden;
     user-select: none;
 
-    .pisell-tabs-btn-icon {
+    .booking-pisell-tabs-btn-icon {
       width: 24px;
       height: 24px;
       background: #f1f1f1;
@@ -42,9 +42,11 @@
     }
   }
 
-  .pisell-tabs-btn-left {}
+  .booking-pisell-tabs-btn-left {
+    transform: rotate(180deg);
+  }
 
-  .pisell-tabs-btn-right {
+  .booking-pisell-tabs-btn-right {
     /* White */
 
     background: #ffffff;
@@ -52,12 +54,12 @@
 
     // box-shadow: 0px 6px 15px -3px rgba(0, 0, 0, 0.15);
 
-    .pisell-tabs-btn-icon {
+    .booking-pisell-tabs-btn-icon {
       transform: rotate(180deg);
     }
   }
 
-  .pisell-tabs-content {
+  .booking-pisell-tabs-content {
     width: 100%;
     max-width: none;
     overflow: scroll hidden;
@@ -80,13 +82,13 @@
       display: none;
     }
 
-    .pisell-tabs-tab {
+    .booking-pisell-tabs-tab {
       scroll-snap-align: start;
       white-space: initial;
       flex-shrink: 0;
       cursor: pointer;
 
-      .pisell-tabs-tab-content {
+      .booking-pisell-tabs-tab-content {
         display: inline-flex;
         height: 40px;
         padding: 0px 16px;
@@ -105,13 +107,13 @@
       }
 
       &:hover {
-        .pisell-tabs-tab-content {
+        .booking-pisell-tabs-tab-content {
           background-color: #f1f1f1;
         }
       }
 
-      &.pisell-tabs-tab-active {
-        .pisell-tabs-tab-content {
+      &.booking-pisell-tabs-tab-active {
+        .booking-pisell-tabs-tab-content {
           color: #fff;
           background: var(--primary-600, #7F56D9);
         }

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

@@ -7,14 +7,14 @@
  */
 import React from "react";
 import "./index.less";
-interface AddButtonProps {
-    onClick: () => void;
-    title: string;
-    subTitle: string;
-    showSub: boolean;
-    style: any;
-    disabled: boolean;
-    loading: any;
+export interface AddButtonProps {
+    onClick?: () => void;
+    title?: string;
+    subTitle?: string;
+    showSub?: boolean;
+    style?: React.CSSProperties;
+    disabled?: boolean;
+    loading?: boolean;
 }
 declare const AddButton: React.FC<AddButtonProps>;
 export default AddButton;

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

@@ -54,7 +54,7 @@ var AddButton = ({
         import_utils.locales.getText("pisell2.text.please-select-the-customer-first")
       );
     } else {
-      onClick();
+      onClick == null ? void 0 : onClick();
     }
   };
   if (loading) {

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

@@ -304,7 +304,7 @@ var CustomSelect = (props, ref) => {
             import_antd.Checkbox,
             {
               className: "custom-select-checkbox",
-              checked: (0, import_utils.getItemByArray)(_value, item, "form_record_id")
+              checked: (0, import_utils.getItemByArray)(_value, item, rowKey)
             }
           ), optionRender(item))
         )

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

@@ -1,8 +1,9 @@
 import React from "react";
 import { DrawerProps } from "antd";
 import "./index.less";
-interface PisellDrawerProps extends DrawerProps {
+export interface PisellDrawerProps extends DrawerProps {
     header?: React.ReactNode;
+    titleNoWrap?: boolean;
 }
 /**
  * @title: 自定义抽屉

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

@@ -36,6 +36,7 @@ var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_ArrowLeft = __toESM(require("@pisell/icon/es/ArrowLeft"));
 var import_index = require("./index.less");
+var import_classnames = __toESM(require("classnames"));
 var Drawer = (props) => {
   return /* @__PURE__ */ import_react.default.createElement(
     import_antd.Drawer,
@@ -49,7 +50,7 @@ var Drawer = (props) => {
       push: false,
       mask: false
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-drawer-title-wrap" }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-lowcode__booking-drawer-title-wrap") }, /* @__PURE__ */ import_react.default.createElement(
       import_ArrowLeft.default,
       {
         className: "pisell-lowcode__booking-drawer-back",
@@ -58,7 +59,15 @@ var Drawer = (props) => {
           (_a = props.onClose) == null ? void 0 : _a.call(props, e);
         }
       }
-    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-drawer-title" }, props.title), props.header),
+    ), /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)("pisell-lowcode__booking-drawer-title", {
+          "pisell-lowcode__booking-drawer-title-no-wrap": props.titleNoWrap
+        })
+      },
+      props.title
+    ), props.header),
     /* @__PURE__ */ import_react.default.createElement("div", null, props.children)
   );
 };

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

@@ -8,6 +8,8 @@
   z-index: 2;
   padding: 24px 32px 0 32px;
 
+
+
   .pisell-lowcode__booking-drawer-back {
     font-size: 32px;
     color: #000000;
@@ -30,4 +32,8 @@
   &::-webkit-scrollbar {
     display: block;
   }
+}
+
+.pisell-lowcode__booking-drawer-title-no-wrap {
+  display: inline;
 }

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

@@ -39,7 +39,7 @@ var import_utils = require("@pisell/utils");
 var FooterMenus = ({ state, dispatch }) => {
   const items = (0, import_react.useMemo)(() => {
     let list = [];
-    if (state.bookingId) {
+    if (state.bookingId && state.renderType !== "eventBooking") {
       list.push({
         label: import_utils.locales.getText("pisell2.text.rebook"),
         key: "rebook"

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

@@ -145,6 +145,8 @@ var Footer = (props) => {
     var _a2;
     let _setLoading = type === "checkout" ? setCheckoutLoading : setLoading;
     _setLoading(true);
+    const editApi = state.renderType === "eventBooking" ? state.apis.editEventBooking : state.apis.editBooking;
+    const createApi = state.renderType === "eventBooking" ? state.apis.createEventBooking : state.apis.createBooking;
     let saveOtherValue = {};
     if (type === "save") {
       saveOtherValue = await ((_a2 = state == null ? void 0 : state.onSave) == null ? void 0 : _a2.call(state, state.client)) || {};
@@ -152,7 +154,7 @@ var Footer = (props) => {
     try {
       let callbackData = null;
       let values = (0, import_utils2.formatValues)({ ...state, ...saveOtherValue });
-      const api = state.bookingId ? state.apis.editBooking : state.apis.createBooking;
+      const api = state.bookingId ? editApi : createApi;
       if (addonsEdit) {
         await handleSaveAddons();
       }

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

@@ -44,6 +44,7 @@ var formatCustomer = (data) => {
 };
 var formatBookings = (data) => {
   const list = data.service.value;
+  const eventOtherParams = data.eventOtherParams;
   let bookings = [];
   bookings = list.map((item) => {
     let start_date = item._extend.startDate.format("YYYY-MM-DD");
@@ -77,7 +78,8 @@ var formatBookings = (data) => {
       "end_date": end_date,
       "start_date": start_date,
       "duration": import_utils.flexibleObj.getValue(item._extend.duration),
-      "number": item._extend.number || 1
+      "number": item._extend.number || 1,
+      ...eventOtherParams || {}
     };
   });
   return bookings;
@@ -99,7 +101,7 @@ var formatHolder = (data, values) => {
 var formatValues = (state) => {
   var _a;
   let values = {
-    type: "appointment_booking",
+    type: state.renderType === "eventBooking" ? "event_booking_v2" : "appointment_booking",
     platform: "shop",
     sales_channel: "my_pisel",
     bookings: [],

package/lib/components/booking/forms/forms.js

@@ -42,7 +42,7 @@ var import_index = require("./index.less");
 var Forms = (0, import_model.Provider)((props) => {
   const {
     forms,
-    value,
+    value = [],
     modalOpen,
     onChange,
     action,

package/lib/components/booking/info/client/index.js

@@ -122,7 +122,6 @@ var Info = () => {
     [import_utils.locales.localeMap]
   );
   const handleSelectClient = (value) => {
-    console.log("valuevalue", value);
     let _value = (value == null ? void 0 : value[value.length - 1]) || import_model.walkInData;
     if (_value.loading) {
       return;

package/lib/components/booking/info/date/index.less

@@ -1,5 +1,5 @@
 .pisell-lowcode__booking-body-select-date {
-  padding: 24px 0;
+  padding: 24px 0 8px;
   font-weight: 550;
 
   .pisell-lowcode-picker-input>input {

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

@@ -96,11 +96,17 @@ var Info = (0, import_model.Provider)((props) => {
       }
     });
   };
+  const header = (0, import_react.useMemo)(() => {
+    if ((globalState == null ? void 0 : globalState.renderType) === "eventBooking") {
+      return import_utils.locales.getText("pisell2.text.enroll");
+    }
+    return (globalState == null ? void 0 : globalState.bookingId) ? /* @__PURE__ */ import_react.default.createElement(import_header.default, { state: modal.state, dispatch: modal.dispatch }) : import_utils.locales.getText("pisell2.text.new-appointment");
+  }, [globalState == null ? void 0 : globalState.bookingId, modal.state, modal.dispatch, globalState == null ? void 0 : globalState.renderType]);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, !!modal.state.setGlobalState ? /* @__PURE__ */ import_react.default.createElement(
     import_tabPane.default,
     {
       style,
-      header: (globalState == null ? void 0 : globalState.bookingId) ? /* @__PURE__ */ import_react.default.createElement(import_header.default, { state: modal.state, dispatch: modal.dispatch }) : import_utils.locales.getText("pisell2.text.new-appointment"),
+      header,
       footer: /* @__PURE__ */ import_react.default.createElement(
         import_footer.default,
         {

package/lib/components/booking/info/pet/index.js

@@ -42,7 +42,7 @@ var import_forms = __toESM(require("../../forms/forms"));
 var import_format = require("../../forms/format");
 var import_utils2 = require("../../utils");
 var Pet = () => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g;
   const [loading, setLoading] = (0, import_react.useState)(false);
   const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
   const [valueLoading, setValueLoading] = (0, import_react.useState)(false);
@@ -87,7 +87,6 @@ var Pet = () => {
     });
     setLoading(false);
   };
-  console.log("values", (_d = state.pet) == null ? void 0 : _d.value);
   const getForms = async (isUpdateValue = true) => {
     var _a2, _b2;
     setLoading(true);
@@ -100,7 +99,7 @@ var Pet = () => {
     }
     try {
       let formData = await state.apis.getForms({
-        relation_type: "appointment_booking",
+        relation_type: state.renderType === "eventBooking" ? "event_booking_v2" : "appointment_booking",
         relation_id: ((_b2 = (_a2 = state.bookingDetail) == null ? void 0 : _a2.bookings) == null ? void 0 : _b2.id) || 0
         // _config: { useCache: true },
       });
@@ -197,7 +196,7 @@ var Pet = () => {
       type: "setPet",
       payload: { value: changeFormValuesData }
     });
-  }, [(_e = state.client.value) == null ? void 0 : _e.id]);
+  }, [(_d = state.client.value) == null ? void 0 : _d.id]);
   (0, import_react.useEffect)(() => {
     if (state.bookingId) {
       if (!state.bookingDetail) {
@@ -212,9 +211,8 @@ var Pet = () => {
     state.bookingDetail,
     params.form_id,
     params.type,
-    (_g = (_f = state.client) == null ? void 0 : _f.value) == null ? void 0 : _g.id
+    (_f = (_e = state.client) == null ? void 0 : _e.value) == null ? void 0 : _f.id
   ]);
-  console.log("state.pet.formData", state.pet.formData);
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-pet-wraps" }, /* @__PURE__ */ import_react.default.createElement(
     import_forms.default,
     {
@@ -229,7 +227,7 @@ var Pet = () => {
       modalOpen: state.modalOpen,
       value: state.pet.value,
       onChange: onValueChange,
-      client: (_h = state.client) == null ? void 0 : _h.value,
+      client: (_g = state.client) == null ? void 0 : _g.value,
       customSelectProps: {
         // loading: loading,
         handleViewItem,

package/lib/components/booking/info/service/addService/index.js

@@ -47,15 +47,17 @@ var Info = () => {
   const [search, setSearch] = (0, import_react.useState)("");
   const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
   const getServices = async () => {
+    var _a2;
     let data = await state.apis.getServices({
       skip: 1,
       num: 500,
-      extension_type: ["product_appointment"],
+      extension_type: state.renderType === "eventBooking" ? void 0 : ["product_appointment"],
       with: ["category"],
       // include_formula: "no",
       // include_bundle: "no",
       // include_option: "no",
       // include_variant: "no",
+      ids: state.renderType === "eventBooking" ? (_a2 = state.eventOtherParams) == null ? void 0 : _a2.productIds : void 0,
       open_quotation: 1,
       with_schedule: 0
     });
@@ -113,7 +115,6 @@ var Info = () => {
       search ? (item) => isIncludes(item.title) : void 0
     );
   }, [search, (_a = state.service) == null ? void 0 : _a.services]);
-  console.log("renderList", renderList);
   const isService = (0, import_react.useMemo)(() => {
     return state.service.value.length > 0;
   }, [state.service.value]);
@@ -128,15 +129,29 @@ var Info = () => {
   const showAddButton = (0, import_react.useMemo)(() => {
     return !state.disabledEdit && !state.channelDisabledEdit;
   }, [state.disabledEdit, state.channelDisabledEdit]);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showAddButton ? /* @__PURE__ */ import_react.default.createElement(
-    import_addButton.default,
-    {
-      showSub: isService,
-      title: import_utils2.locales.getText("pisell2.text.add-a-service"),
-      subTitle: import_utils2.locales.getText("pisell2.text.add-another-service"),
-      onClick: handleSelectService
+  const addButton = (0, import_react.useMemo)(() => {
+    if (state.renderType === "eventBooking") {
+      return isService ? /* @__PURE__ */ import_react.default.createElement("div", { style: { height: 20 } }) : /* @__PURE__ */ import_react.default.createElement(
+        import_addButton.default,
+        {
+          showSub: false,
+          title: import_utils2.locales.getText("pisell2.text.add-a-service"),
+          subTitle: import_utils2.locales.getText("pisell2.text.add-another-service"),
+          onClick: handleSelectService
+        }
+      );
     }
-  ) : /* @__PURE__ */ import_react.default.createElement("div", { style: { height: 20 } }), /* @__PURE__ */ import_react.default.createElement(
+    return showAddButton ? /* @__PURE__ */ import_react.default.createElement(
+      import_addButton.default,
+      {
+        showSub: isService,
+        title: import_utils2.locales.getText("pisell2.text.add-a-service"),
+        subTitle: import_utils2.locales.getText("pisell2.text.add-another-service"),
+        onClick: handleSelectService
+      }
+    ) : /* @__PURE__ */ import_react.default.createElement("div", { style: { height: 20 } });
+  }, [state.renderType, showAddButton, isService, state.service.value]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, addButton, /* @__PURE__ */ import_react.default.createElement(
     import_drawer.default,
     {
       open: state.service.addModal,

package/lib/components/booking/info/service/editService/index.js

@@ -277,7 +277,9 @@ var Info = () => {
     if (state.service.editModal) {
       let cacheItem = state.service.cacheItem;
       form.setFieldsValue((0, import_utils2.getServerItemExtend)(state, cacheItem, timeObj));
-      getResources();
+      if (state.renderType !== "eventBooking") {
+        getResources();
+      }
     } else {
       form.resetFields();
     }
@@ -292,10 +294,10 @@ var Info = () => {
     return (0, import_utils2.getErrorList)(currentResource, getCurrentCacheItem());
   }, [currentResource, useDuration, useStartTime]);
   (0, import_ahooks.useUpdateEffect)(() => {
-    if (useStartTime && useDuration) {
+    if (useStartTime && useDuration && state.renderType !== "eventBooking") {
       getResources();
     }
-  }, [useStartTime, useDuration]);
+  }, [useStartTime, useDuration, state.renderType]);
   (0, import_react.useEffect)(() => {
     setEditData();
   }, [state.service.editModal, setEditData]);
@@ -398,7 +400,7 @@ var Info = () => {
         name: "discount_reason"
       },
       /* @__PURE__ */ import_react.default.createElement(import_antd.Input.TextArea, { size: "large" })
-    )) : null, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
+    )) : null, state.renderType !== "eventBooking" && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 12 }, /* @__PURE__ */ import_react.default.createElement(
       import_antd.Form.Item,
       {
         label: import_utils.locales.getText("pisell2.text.start_time"),
@@ -463,7 +465,7 @@ var Info = () => {
           )
         )
       ))
-    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { hidden: true, name: "quantity" }, /* @__PURE__ */ import_react.default.createElement(import_antd.InputNumber, null)), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { hidden: true, name: "like_status" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input, null)))), errorList.map((d, i) => {
+    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { hidden: true, name: "quantity" }, /* @__PURE__ */ import_react.default.createElement(import_antd.InputNumber, null)), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { hidden: true, name: "like_status" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input, null))))), state.renderType !== "eventBooking" && errorList.map((d, i) => {
       return /* @__PURE__ */ import_react.default.createElement(
         import_antd.Alert,
         {

package/lib/components/booking/info/service/index.js

@@ -128,7 +128,7 @@ var Info = () => {
         }
       },
       d.id ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-title" }, d.title) : null,
-      d._extend ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-date" }, (0, import_utils2.getServiceTime)(d, state.date.value)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-technician" }, d._extend.resource ? /* @__PURE__ */ import_react.default.createElement(
+      d._extend ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, state.renderType !== "eventBooking" && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-date" }, (0, import_utils2.getServiceTime)(d, state.date.value)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-item-technician" }, d._extend.resource ? /* @__PURE__ */ import_react.default.createElement(
         import_like.default,
         {
           style: { marginRight: 4 },

package/lib/components/booking/info/service/index.less

@@ -1,3 +1,6 @@
+.pisell-lowcode__booking-service-wrap {
+  margin-top: 16px;
+}
 .pisell-lowcode__booking-service-item {
   width: 100%;
   border-radius: 8px;

package/lib/components/booking/locales.d.ts

@@ -40,6 +40,7 @@ declare const _default: {
         'pisell2.text.add-notes': string;
         'pisell2.text.notes': string;
         'pisell2.text.new-appointment': string;
+        'pisell2.text.enroll': string;
         'pisell2.text.add-products-successfully': string;
         'pisell2.text.add': string;
         'pisell2.text.created-successfully': string;
@@ -168,6 +169,7 @@ declare const _default: {
         'pisell2.text.add-notes': string;
         'pisell2.text.notes': string;
         'pisell2.text.new-appointment': string;
+        'pisell2.text.enroll': string;
         'pisell2.text.add-products-successfully': string;
         'pisell2.text.refund': string;
         'pisell2.text.refund-amount': string;
@@ -291,6 +293,7 @@ declare const _default: {
         'pisell2.text.add-notes': string;
         'pisell2.text.notes': string;
         'pisell2.text.new-appointment': string;
+        'pisell2.text.enroll': string;
         'pisell2.text.add-products-successfully': string;
         'pisell2.text.add': string;
         'pisell2.text.created-successfully': string;

package/lib/components/booking/locales.js

@@ -64,6 +64,7 @@ var locales_default = {
     "pisell2.text.add-notes": "Add Notes",
     "pisell2.text.notes": "Notes",
     "pisell2.text.new-appointment": "New appointment",
+    "pisell2.text.enroll": "Enroll",
     "pisell2.text.add-products-successfully": "Add products successfully",
     "pisell2.text.add": "Add",
     "pisell2.text.created-successfully": "Appointment created",
@@ -201,6 +202,7 @@ var locales_default = {
     "pisell2.text.add-notes": "添加备注",
     "pisell2.text.notes": "备注",
     "pisell2.text.new-appointment": "新预约",
+    "pisell2.text.enroll": "报名",
     "pisell2.text.add-products-successfully": "添加商品成功",
     "pisell2.text.refund": "退款",
     "pisell2.text.refund-amount": "退款金额",
@@ -338,6 +340,7 @@ var locales_default = {
     "pisell2.text.add-notes": "添加備注",
     "pisell2.text.notes": "備注",
     "pisell2.text.new-appointment": "新預約",
+    "pisell2.text.enroll": "报名",
     "pisell2.text.add-products-successfully": "添加商品成功",
     //
     "pisell2.text.add": "添加",

package/lib/components/booking/model.d.ts

@@ -70,6 +70,17 @@ export interface FormState {
     bookingId: string | number;
     bookingDetail: any;
     channelDisabledEdit: boolean;
+    renderType?: 'eventBooking';
+    eventOtherParams?: {
+        relation_id: number;
+        number: number;
+        registration_type: 'single' | 'all' | 'extra_include';
+        start_date: string;
+        start_time: string;
+        end_date: string;
+        end_time: string;
+        productIds: number[];
+    };
 }
 export declare const walkInData: {
     id: number;

package/lib/components/booking/utils.js

@@ -368,6 +368,7 @@ var deleteCacheParams = () => {
   sessionStorage.removeItem("pisell2.booking.serviceParams");
 };
 var getServerItemExtend = (state, cacheItem, timeObj) => {
+  var _a;
   if (!cacheItem.new && cacheItem._extend.endDate) {
     return cacheItem._extend;
   }
@@ -376,7 +377,7 @@ var getServerItemExtend = (state, cacheItem, timeObj) => {
     duration: findNextDuration(
       cacheItem.duration,
       timeObj.durationSlicesBasedOnTime,
-      cacheItem.duration.value
+      (_a = cacheItem == null ? void 0 : cacheItem.duration) == null ? void 0 : _a.value
     )
   };
   if (lastServer) {