@pisell/private-materials 3.0.148 → 3.0.150-gray

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

@@ -0,0 +1,224 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/booking/dashboard/index.tsx
+var dashboard_exports = {};
+__export(dashboard_exports, {
+  default: () => dashboard_default
+});
+module.exports = __toCommonJS(dashboard_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_dayjs = __toESM(require("dayjs"));
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_utils2 = require("../utils");
+var import_serve = require("./serve");
+var import_locales = __toESM(require("../locales"));
+import_utils.locales.init(import_locales.default, localStorage.getItem("umi_locale") || "en");
+var BookingDashboard = (props) => {
+  const {
+    otherParams = {},
+    backgroundColors,
+    labelColor,
+    valueColor,
+    ...others
+  } = props;
+  const context = (0, import_useEngineContext.default)();
+  import_utils2.request.setRequest(context.appHelper.utils.request);
+  const [data, setData] = (0, import_react.useState)([
+    // 当前在场团体
+    {
+      label: import_utils.locales.getText("pisell2.booking.dashboard.groups-on-site-now"),
+      value: "-",
+      tip: import_utils.locales.getText("pisell2.booking.dashboard.groups-on-site-now-tip")
+    },
+    // 当前在场人数
+    {
+      label: import_utils.locales.getText("pisell2.booking.dashboard.people-on-site-now"),
+      value: "-",
+      tip: import_utils.locales.getText("pisell2.booking.dashboard.people-on-site-now-tip")
+    },
+    // 今日游客总数
+    {
+      label: import_utils.locales.getText("pisell2.booking.dashboard.total-visitors-today"),
+      value: "-",
+      tip: import_utils.locales.getText("pisell2.booking.dashboard.total-visitors-today-tip")
+    },
+    // 正在进行中的游客
+    {
+      label: import_utils.locales.getText("pisell2.booking.dashboard.ongoing-visitors"),
+      value: "-",
+      tip: import_utils.locales.getText("pisell2.booking.dashboard.ongoing-visitors-tip")
+    },
+    // 即将到达的游客
+    {
+      label: import_utils.locales.getText("pisell2.booking.dashboard.upcoming-visitors"),
+      value: "-",
+      tip: import_utils.locales.getText("pisell2.booking.dashboard.upcoming-visitors-tip")
+    },
+    // 超时的游客
+    {
+      label: import_utils.locales.getText("pisell2.booking.dashboard.overdue-visitors"),
+      value: "-",
+      tip: import_utils.locales.getText("pisell2.booking.dashboard.overdue-visitors-tip")
+    },
+    // 已完成的游客
+    {
+      label: import_utils.locales.getText("pisell2.booking.dashboard.completed-visitors"),
+      value: "-",
+      tip: import_utils.locales.getText("pisell2.booking.dashboard.completed-visitors-tip")
+    },
+    // 已离场的游客
+    {
+      label: import_utils.locales.getText("pisell2.booking.dashboard.departed-visitors"),
+      value: "-",
+      tip: import_utils.locales.getText("pisell2.booking.dashboard.departed-visitors-tip")
+    }
+  ]);
+  const [bookingData, setBookingData] = (0, import_react.useState)([]);
+  const getData = async () => {
+    const data2 = await (0, import_serve.getBookingList)({
+      ...otherParams,
+      item_type: "appointment_booking",
+      parent_id: 0,
+      with: ["children"],
+      child_booking: 0,
+      skip: 1,
+      num: 1e3
+    });
+    setBookingData(data2.list);
+  };
+  const calcBookingDataCount = (data2) => {
+    let groupsOnSiteNow = "-";
+    let peopleOnSiteNow = "-";
+    let totalVisitorsToday = 0;
+    let ongoing = 0;
+    let upcoming = 0;
+    let overdue = "-";
+    let completed = 0;
+    let departed = "-";
+    data2.forEach((item) => {
+      if ((0, import_utils.isArr)(item.children)) {
+        item.children.forEach((child) => {
+          const start = (0, import_dayjs.default)(`${child.start_date} ${child.start_time}`);
+          const end = (0, import_dayjs.default)(`${child.end_date} ${child.end_time}`);
+          totalVisitorsToday += child.number;
+          if (start < (0, import_dayjs.default)() && end > (0, import_dayjs.default)()) {
+            ongoing += child.number || 1;
+          }
+          if ((0, import_dayjs.default)() < start) {
+            upcoming += child.number || 1;
+          }
+          if ((0, import_dayjs.default)() > end) {
+            completed += child.number || 1;
+          }
+        });
+      }
+    });
+    setData([
+      // 当前在场团体
+      {
+        label: import_utils.locales.getText("pisell2.booking.dashboard.groups-on-site-now"),
+        tip: import_utils.locales.getText("pisell2.booking.dashboard.groups-on-site-now-tip"),
+        value: `${groupsOnSiteNow}`
+      },
+      // 当前在场人数
+      {
+        label: import_utils.locales.getText("pisell2.booking.dashboard.people-on-site-now"),
+        tip: import_utils.locales.getText("pisell2.booking.dashboard.people-on-site-now-tip"),
+        value: `${peopleOnSiteNow}`
+      },
+      // 今日游客总数
+      {
+        label: import_utils.locales.getText("pisell2.booking.dashboard.total-visitors-today"),
+        tip: import_utils.locales.getText("pisell2.booking.dashboard.total-visitors-today-tip"),
+        value: `${totalVisitorsToday}`
+      },
+      // 正在进行中的游客
+      {
+        label: import_utils.locales.getText("pisell2.booking.dashboard.ongoing-visitors"),
+        tip: import_utils.locales.getText("pisell2.booking.dashboard.ongoing-visitors-tip"),
+        value: `${ongoing}`
+      },
+      // 即将到达的游客
+      {
+        label: import_utils.locales.getText("pisell2.booking.dashboard.upcoming-visitors"),
+        tip: import_utils.locales.getText("pisell2.booking.dashboard.upcoming-visitors-tip"),
+        value: `${upcoming}`
+      },
+      // 超时的游客
+      {
+        label: import_utils.locales.getText("pisell2.booking.dashboard.overdue-visitors"),
+        tip: import_utils.locales.getText("pisell2.booking.dashboard.overdue-visitors-tip"),
+        value: `${overdue}`
+      },
+      // 已完成的游客
+      {
+        label: import_utils.locales.getText("pisell2.booking.dashboard.completed-visitors"),
+        tip: import_utils.locales.getText("pisell2.booking.dashboard.completed-visitors-tip"),
+        value: `${completed}`
+      },
+      // 已离场的游客
+      {
+        label: import_utils.locales.getText("pisell2.booking.dashboard.departed-visitors"),
+        tip: import_utils.locales.getText("pisell2.booking.dashboard.departed-visitors-tip"),
+        value: `${departed}`
+      }
+    ]);
+  };
+  (0, import_react.useEffect)(() => {
+    calcBookingDataCount(bookingData);
+    const timer = setInterval(() => {
+      calcBookingDataCount(bookingData);
+    }, 60 * 1e3);
+    return () => {
+      clearInterval(timer);
+    };
+  }, [bookingData]);
+  (0, import_react.useEffect)(() => {
+    getData();
+    const timer = setInterval(() => {
+      getData();
+    }, 10 * 60 * 1e3);
+    return () => {
+      clearInterval(timer);
+    };
+  }, [JSON.stringify(otherParams)]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellStatisticList,
+    {
+      ...others,
+      data,
+      backgroundColors,
+      labelColor,
+      valueColor
+    }
+  );
+};
+var dashboard_default = BookingDashboard;

package/lib/components/booking/dashboard/serve.d.ts

@@ -0,0 +1 @@
+export declare const getBookingList: (params: any) => Promise<any>;

package/lib/components/booking/dashboard/serve.js

@@ -0,0 +1,33 @@
+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/booking/dashboard/serve.ts
+var serve_exports = {};
+__export(serve_exports, {
+  getBookingList: () => getBookingList
+});
+module.exports = __toCommonJS(serve_exports);
+var import_utils = require("../utils");
+var getBookingList = async (params) => {
+  let { data } = await import_utils.request.getRequest().get(`/shop/schedule/booking`, params);
+  return data;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getBookingList
+});

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

@@ -12,6 +12,7 @@ export interface InfoProps {
     client: any;
     loading?: boolean;
     addButtonProps?: any;
+    drawerProps?: any;
 }
 /**
  * @title: 表单模块

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

@@ -53,7 +53,8 @@ var Forms = (0, import_model.Provider)((props) => {
     addCallback,
     client,
     loading,
-    addButtonProps
+    addButtonProps,
+    drawerProps
   } = props;
   const onAction = (0, import_ahooks.useMemoizedFn)(
     async (formDataConfig, isAdd) => {
@@ -150,6 +151,7 @@ var Forms = (0, import_model.Provider)((props) => {
             onChange: (val) => {
               onValueChange(d, val);
             },
+            drawerProps,
             onAdd: () => {
               onAction(d, true);
             },
@@ -190,7 +192,8 @@ var Forms = (0, import_model.Provider)((props) => {
     client == null ? void 0 : client.id,
     addButtonProps,
     customSelectProps,
-    optionRender
+    optionRender,
+    drawerProps
   ]);
 });
 var forms_default = Forms;

package/lib/components/booking/forms/single/index.d.ts

@@ -7,5 +7,5 @@ import "./index.less";
  * @Author: zhiwei.Wang
  * @Date: 2024-01-30 17:06
  */
-declare const Single: ({ value, onChange, form, mode, optionRender, loading, customSelectProps, onAdd, addButtonProps, modalOpen, watch, }: any) => React.JSX.Element;
+declare const Single: ({ value, onChange, form, mode, optionRender, loading, customSelectProps, onAdd, addButtonProps, modalOpen, watch, drawerProps, }: any) => React.JSX.Element;
 export default Single;

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

@@ -53,7 +53,8 @@ var Single = ({
   onAdd,
   addButtonProps,
   modalOpen,
-  watch
+  watch,
+  drawerProps
 }) => {
   var _a, _b;
   const [HumanBodySelector] = (0, import_useComponents.default)({
@@ -177,7 +178,8 @@ var Single = ({
       addButtonProps: _addButtonProps,
       drawerProps: {
         title: `${import_utils.locales.getText("pisell2.text.select")} ${((_b = form.form) == null ? void 0 : _b.title) || "-"}`,
-        destroyOnClose: true
+        destroyOnClose: true,
+        ...drawerProps || {}
       },
       optionRender: _optionRender,
       rowKey: "form_record_id",

package/lib/components/booking/info/addServiceVariant/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface AddServiceVariantProps {
+    globalState: any;
+    setGlobalState: any;
+}
+declare const AddServiceVariant: (props: AddServiceVariantProps) => React.JSX.Element;
+export default AddServiceVariant;

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

@@ -0,0 +1,58 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/booking/info/addServiceVariant/index.tsx
+var addServiceVariant_exports = {};
+__export(addServiceVariant_exports, {
+  default: () => addServiceVariant_default
+});
+module.exports = __toCommonJS(addServiceVariant_exports);
+var import_react = __toESM(require("react"));
+var import_addService = __toESM(require("../service/addService"));
+var AddServiceVariant = (props) => {
+  const { globalState, setGlobalState } = props;
+  const stateRef = (0, import_react.useRef)(globalState);
+  stateRef.current = globalState;
+  const dispatch = ({ type, payload }) => {
+    if (type === "setService") {
+      setGlobalState({
+        service: { ...stateRef.current.service, ...payload }
+      });
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_addService.default,
+    {
+      renderMode: "current",
+      dispatch,
+      state: globalState,
+      drawerProps: { open: true, getContainer: false }
+    }
+  );
+};
+var addServiceVariant_default = AddServiceVariant;

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

@@ -309,14 +309,7 @@ var Client = () => {
         }
       }
     );
-  }, [
-    state,
-    renderList,
-    loading,
-    franchiseeLoading,
-    params.search,
-    loadMore
-  ]);
+  }, [state, renderList, loading, franchiseeLoading, params.search, loadMore]);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {

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

@@ -49,6 +49,7 @@ var import_date2 = require("./date");
 var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
 var import_notes = __toESM(require("./notes"));
 var import_index = require("./index.less");
+var import_classnames = __toESM(require("classnames"));
 var defaultModules = {
   client: 1,
   date: 1,
@@ -144,7 +145,9 @@ var Info = (0, import_model.Provider)((props) => {
       style: {
         height: ((_h = (_g = context == null ? void 0 : context.appHelper) == null ? void 0 : _g.utils) == null ? void 0 : _h.isMobile) ? "100%" : "100vh"
       },
-      bodyClassName: "booking-info-warp"
+      bodyClassName: (0, import_classnames.default)("booking-info-warp", {
+        ["create-booking-page-info-wrap"]: modal.state.isBookingCreatePage
+      })
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-info" }, modules.client ? /* @__PURE__ */ import_react.default.createElement(import_client.default, null) : null, modules.holder && !((_i = modal.state) == null ? void 0 : _i.disabledEdit) ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, params.type === "form" ? /* @__PURE__ */ import_react.default.createElement(import_pet.default, null) : null) : null, modules.date ? /* @__PURE__ */ import_react.default.createElement(import_date.default, null) : null, modules.service ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, modal.state.date.value ? /* @__PURE__ */ import_react.default.createElement(import_service.default, null) : null) : null, notes, slot ? slot : null)
   ) : null);

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

@@ -15,4 +15,13 @@
   //   height: 42px;
   //   background: #069456;
   // }
+}
+#create-booking-page-info-wrap {
+  .pisell-lowcode__booking-tab-pane-footer {
+    padding: 12px 16px !important;
+  }
+}
+.create-booking-page-info-wrap {
+  position: initial !important;
+  padding: 0 16px !important;
 }

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

@@ -410,7 +410,8 @@ var Pet = (props) => {
     state.disableEventBookingEdit,
     params.search,
     loadMore,
-    addButtonProps
+    addButtonProps,
+    state.isBookingCreatePage
   ]);
 };
 var pet_default = Pet;

package/lib/components/booking/info/service/addService/index.d.ts

@@ -1,6 +1,12 @@
 import React from 'react';
+import { PisellDrawerProps } from '../../../components/drawer';
 import './index.less';
-declare const Info: ({ onEdit }: {
+interface AddServiceProps {
     onEdit: any;
-}) => React.JSX.Element;
+    dispatch?: any;
+    state?: any;
+    drawerProps?: PisellDrawerProps;
+    renderMode?: 'current' | 'drawer';
+}
+declare const Info: (props: AddServiceProps) => React.JSX.Element;
 export default Info;

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

@@ -63,13 +63,16 @@ var shopList = [
   6848,
   6305
 ];
-var Info = ({ onEdit }) => {
+var Info = (props) => {
   var _a, _b, _c, _d;
+  const { onEdit, drawerProps, renderMode } = props;
   const [search, setSearch] = (0, import_react.useState)("");
-  const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  let { state, dispatch } = (0, import_react.useContext)(import_model.Context);
   const [loading, setLoading] = (0, import_react.useState)(false);
   const searchRef = (0, import_react.useRef)();
   const context = (0, import_useEngineContext.default)();
+  state = state || (props == null ? void 0 : props.state);
+  dispatch = dispatch || (props == null ? void 0 : props.dispatch);
   import_utils3.request.setRequest(context.appHelper.utils.request);
   const setDefaultService = async (list) => {
     if (state.renderType !== "eventBooking") {
@@ -120,7 +123,7 @@ var Info = ({ onEdit }) => {
       }
     });
   };
-  const getServices = async () => {
+  const getServices = async (params) => {
     var _a2;
     setLoading(true);
     let data = await state.apis.getServices({
@@ -133,8 +136,11 @@ var Info = ({ onEdit }) => {
       with_schedule: 1,
       with_count: ["bundleGroup", "optionGroup"],
       order_by_string: "sort:desc",
-      _config: {
-        useCache: true
+      status: "published",
+      ...state.isBookingCreatePage ? { schedule_date: params == null ? void 0 : params.schedule_date } : {
+        _config: {
+          useCache: true
+        }
       }
     });
     setLoading(false);
@@ -210,6 +216,10 @@ var Info = ({ onEdit }) => {
             cacheItem._id = (_a2 = state.service.cacheItem) == null ? void 0 : _a2._id;
             cacheItem.new = 0;
           }
+          if (renderMode === "current") {
+            cacheItem._extend.resource = 0;
+            cacheItem.currentDefaultTime = state.date.value.format("HH:mm");
+          }
           cacheItem._extend = (0, import_utils2.getProductExtend)({ cacheItem, state });
           if (state.renderType === "eventBooking") {
             cacheItem.autoClose = false;
@@ -267,12 +277,24 @@ var Info = ({ onEdit }) => {
       setSearch("");
     }
   }, [state.service.addModal]);
+  const currentDate = (0, import_react.useMemo)(() => {
+    return state.date.value.format("YYYY-MM-DD");
+  }, [state.date.value]);
+  console.log(currentDate, "currentDate");
+  (0, import_react.useEffect)(() => {
+    if (renderMode === "current") {
+      getServices({ schedule_date: currentDate });
+    }
+  }, [renderMode, currentDate]);
   (0, import_react.useEffect)(() => {
     if (state.renderType === "eventBooking" && state.modalOpen) {
       getServices();
     }
   }, [state.renderType, state.modalOpen]);
   const addButton = (0, import_react.useMemo)(() => {
+    if (state.isBookingCreatePage) {
+      return /* @__PURE__ */ import_react.default.createElement("div", { style: { height: 20 } });
+    }
     if (state.renderType === "eventBooking") {
       return isService ? /* @__PURE__ */ import_react.default.createElement("div", { style: { height: 20 } }) : /* @__PURE__ */ import_react.default.createElement(
         import_addButton.default,
@@ -301,12 +323,49 @@ var Info = ({ onEdit }) => {
     state.service.value,
     loading
   ]);
+  const isRenderCurrent = (0, import_react.useMemo)(() => {
+    return renderMode === "current";
+  }, [renderMode]);
   return (0, import_react.useMemo)(() => {
     var _a2, _b2;
+    const header = /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-header" }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Input,
+      {
+        ref: searchRef,
+        prefix: /* @__PURE__ */ import_react.default.createElement(import_SearchLg.default, null),
+        style: { marginTop: 16, height: 44 },
+        placeholder: import_utils4.locales.getText("pisell2.text.search"),
+        allowClear: true,
+        value: search,
+        onChange: (e) => {
+          setSearch(e.target.value);
+        }
+      }
+    ));
+    const content = /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body" }, /* @__PURE__ */ import_react.default.createElement(
+      import_TabProduct.default,
+      {
+        list: renderList,
+        amountSymbol: state.amountSymbol,
+        onChange: handleSelectProduct,
+        scrollDom: isRenderCurrent ? ".pisell-lowcode__booking-vertical-add-service-wrap" : ".booking-server-wrap .pisell-lowcode-drawer-body "
+      }
+    ));
+    if (renderMode === "current") {
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "pisell-lowcode__booking-vertical-add-service-wrap",
+          style: { width: "100%", height: "100%", overflow: "auto" }
+        },
+        header,
+        content
+      );
+    }
     return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, ((_b2 = (_a2 = state.service) == null ? void 0 : _a2.cacheItem) == null ? void 0 : _b2.autoClose) && /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { loading: true, active: true, round: true }), addButton, /* @__PURE__ */ import_react.default.createElement(
       import_drawer.default,
       {
-        open: state.service.addModal,
+        open: state.service.addModal && !state.isBookingCreatePage,
         title: import_utils4.locales.getText("pisell2.text.select-service"),
         rootClassName: "booking-server-wrap",
         onClose: () => {
@@ -318,30 +377,10 @@ var Info = ({ onEdit }) => {
             }
           });
         },
-        header: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-header" }, /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Input,
-          {
-            ref: searchRef,
-            prefix: /* @__PURE__ */ import_react.default.createElement(import_SearchLg.default, null),
-            style: { marginTop: 16, height: 44 },
-            placeholder: import_utils4.locales.getText("pisell2.text.search"),
-            allowClear: true,
-            value: search,
-            onChange: (e) => {
-              setSearch(e.target.value);
-            }
-          }
-        ))
+        header,
+        ...drawerProps || {}
       },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body" }, /* @__PURE__ */ import_react.default.createElement(
-        import_TabProduct.default,
-        {
-          list: renderList,
-          amountSymbol: state.amountSymbol,
-          onChange: handleSelectProduct,
-          scrollDom: ".booking-server-wrap .pisell-lowcode-drawer-body"
-        }
-      ))
+      content
     ));
   }, [
     (_d = (_c = state.service) == null ? void 0 : _c.cacheItem) == null ? void 0 : _d.autoClose,

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

@@ -3,7 +3,33 @@
   // border-bottom: 1px solid var(--gray-300, #D0D5DD);
 }
 
-
 .pisell-lowcode__booking-service-body {
   background: var(--gray-50, #F9FAFB);
+}
+
+.pisell-lowcode__booking-vertical-add-service-wrap {
+  &::-webkit-scrollbar {
+    display: none !important;
+  }
+  .pisell-lowcode__booking-service-header {
+    background-color: #fff;
+    top: 0;
+    position: sticky;
+    z-index: 2;
+    padding: 16px !important;
+    margin: 0;
+    .pisell-lowcode-input-affix-wrapper {
+      margin: 0 !important;
+    }
+  }
+  .booking-category-list {
+    padding: 0 16px !important;
+  }
+  .pisell-lowcode__booking-service-body {
+    .booking-tab-product {
+      .booking-tabs-wrap {
+        top: 76px !important;
+      }
+    }
+  }
 }