@pisell/private-materials 3.0.13 → 3.0.14-2.gray

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

@@ -0,0 +1,97 @@
+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/service/actions/index.tsx
+var actions_exports = {};
+__export(actions_exports, {
+  default: () => actions_default
+});
+module.exports = __toCommonJS(actions_exports);
+var import_react = __toESM(require("react"));
+var import_model = require("../../model");
+var import_antd = require("antd");
+var import_utils = require("../../../utils");
+var import_utils2 = require("../addTimeModal/utils");
+var import_index = require("./index.less");
+var import_utils3 = require("@pisell/utils");
+var Actions = ({ currentService }) => {
+  var _a, _b;
+  const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
+  const appointment_card = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c;
+    return ((_c = (_b2 = (_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.config) == null ? void 0 : _b2.information_tab) == null ? void 0 : _c.appointment_card) || {
+      quick_time: 1
+    };
+  }, [(_b = (_a = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a.config) == null ? void 0 : _b.information_tab]);
+  const onAddTime = () => {
+    dispatch({
+      type: "setService",
+      payload: {
+        addTimeModal: true,
+        cacheItem: currentService
+      }
+    });
+  };
+  const addTimeProducts = (0, import_react.useMemo)(() => {
+    return (state.addTimeProducts || []).some(
+      (item) => (0, import_utils2.isUsableProduct)(item.add_time, currentService)
+    );
+  }, [state.addTimeProducts, currentService]);
+  const showAddTimeButton = (0, import_react.useMemo)(() => {
+    if (state.renderType === "eventBooking") {
+      return false;
+    }
+    if (state.disabledEdit) {
+      return false;
+    }
+    if (appointment_card.quick_time !== 1) {
+      return false;
+    }
+    if ((0, import_utils.getIsEdit)(state)) {
+      return false;
+    }
+    if (!addTimeProducts) {
+      return false;
+    }
+    return true;
+  }, [state, appointment_card.quick_time, addTimeProducts]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "actions-wrap" }, showAddTimeButton && /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      className: "action-item",
+      size: "large",
+      onClick: (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onAddTime();
+      }
+    },
+    import_utils3.locales.getText("page.booking.text.add-time")
+  ));
+};
+var actions_default = Actions;

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

@@ -0,0 +1,9 @@
+.actions-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  .action-item {
+    flex: 1;
+  }
+}

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

@@ -1,4 +1,12 @@
-import React from "react";
-import "./index.less";
-declare const Info: () => React.JSX.Element;
+import React from 'react';
+import { PisellDrawerProps } from '../../../components/drawer';
+import './index.less';
+interface AddServiceProps {
+    onEdit: any;
+    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

@@ -40,25 +40,112 @@ var import_model = require("../../model");
 var import_addButton = __toESM(require("../../../components/addButton"));
 var import_antd = require("antd");
 var import_index = require("./index.less");
-var import_utils = require("../../../utils");
-var import_utils2 = require("@pisell/utils");
-var Info = () => {
-  var _a;
+var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
+var import_serve = require("../serve");
+var import_utils = require("../../utils");
+var import_utils2 = require("./utils");
+var import_utils3 = require("../../../utils");
+var import_utils4 = require("@pisell/utils");
+var import_ahooks = require("ahooks");
+var shopList = [
+  2886,
+  4422,
+  5538,
+  6930,
+  6814,
+  6813,
+  6812,
+  6087,
+  6303,
+  6080,
+  6978,
+  7386,
+  6848,
+  6305
+];
+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);
-  const getServices = async () => {
+  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") {
+      return;
+    }
+    if (state.bookingId) {
+      return;
+    }
+    if (list.length !== 1) {
+      return;
+    }
+    let _list = [...state.service.value];
+    if (_list.length !== 0) {
+      return;
+    }
+    setLoading(true);
+    let product = list[0];
+    const detail = await (0, import_serve.getProductDetail)(product.id, {
+      schedule_date: state.date.value.format("YYYY-MM-DD")
+    });
+    const isBundleOrCombination = (0, import_utils.getIsBundleOrCombination)(detail.data);
+    setLoading(false);
+    if (isBundleOrCombination)
+      return;
+    let _item = {
+      ...product,
+      product_id: product.id,
+      _id: (0, import_utils4.getUniqueId)(),
+      _extend: {
+        start_date: state.date.value,
+        startDate: state.date.value,
+        endDate: state.date.value,
+        start_time: "00:00:00",
+        duration: 10,
+        quantity: 1,
+        price: product.price,
+        total: product.price,
+        origin_total: product.price,
+        product_name: product.title
+      }
+    };
+    _list.push(_item);
+    dispatch({
+      type: "setService",
+      payload: {
+        value: _list,
+        edit: true
+      }
+    });
+  };
+  const getServices = async (params) => {
+    var _a2;
+    setLoading(true);
     let data = await state.apis.getServices({
       skip: 1,
       num: 500,
-      extension_type: ["product_appointment"],
+      extension_type: state.renderType === "eventBooking" ? void 0 : ["product_appointment", "appointment_ticket"],
       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
+      with_schedule: 1,
+      with_count: ["bundleGroup", "optionGroup"],
+      order_by_string: "sort:desc",
+      ...state.isBookingCreatePage ? { schedule_date: params == null ? void 0 : params.schedule_date } : {
+        _config: {
+          useCache: true
+        }
+      }
     });
+    setLoading(false);
+    if (!state.service.addModal) {
+      setDefaultService(data == null ? void 0 : data.list);
+    }
     dispatch({
       type: "setService",
       payload: {
@@ -67,112 +154,241 @@ var Info = () => {
     });
   };
   const handleSelectService = () => {
-    setSearch("");
     dispatch({
       type: "setService",
       payload: {
         addModal: true
       }
     });
-  };
-  const handleSelectProduct = (item) => {
-    var _a2;
-    const _isEdit = !!state.service.cacheItem;
-    let _item = {
-      ...item,
-      product_id: item.id,
-      _id: (0, import_utils2.getUniqueId)(),
-      _extend: {
-        start_date: state.date.value,
-        quantity: 1,
-        price: item.price,
-        product_name: item.title
-      },
-      new: 1
-    };
-    if (_isEdit) {
-      _item._id = (_a2 = state.service.cacheItem) == null ? void 0 : _a2._id;
-      _item.new = 0;
+    if (!state.isTerminal) {
+      setTimeout(() => {
+        var _a2, _b2;
+        (_b2 = (_a2 = searchRef.current) == null ? void 0 : _a2.focus) == null ? void 0 : _b2.call(_a2);
+      }, 100);
     }
-    dispatch({
-      type: "setService",
-      payload: {
-        editModal: true,
-        cacheItem: _item
-      }
-    });
   };
+  const handleSelectProduct = (0, import_ahooks.useMemoizedFn)(
+    (item, type) => {
+      const isEject = type === "detail" || item.bundle_group_count > 0;
+      let lock = false;
+      state.action({
+        type: "pisell1.handleOpenProductModal",
+        data: {
+          id: item.id,
+          date: state.date.value.format("YYYY-MM-DD"),
+          showConfig: {
+            option: false,
+            session: false,
+            variant: false,
+            package: true
+          },
+          is_eject: isEject ? 1 : 0
+        },
+        callback: (e) => {
+          var _a2, _b2;
+          if (lock) {
+            return;
+          }
+          lock = true;
+          setTimeout(() => {
+            lock = false;
+          }, 2e3);
+          let cacheItem = {
+            ...item,
+            product_id: item.id,
+            _id: (0, import_utils4.getUniqueId)(),
+            _key: e.key,
+            _extend: {
+              start_date: state.date.value,
+              quantity: 1,
+              price: item.price,
+              product_name: item.title,
+              other: JSON.parse(JSON.stringify(e))
+            },
+            new: 1
+          };
+          let _total = (0, import_utils3.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._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;
+          } else {
+            cacheItem.autoClose = !_isEdit && (cacheItem._extend.resource || cacheItem._extend.resource === 0 || (((_b2 = state.service) == null ? void 0 : _b2.resourcesOrigin) || []).length === 1);
+          }
+          dispatch({
+            type: "setService",
+            payload: {
+              editModal: true,
+              cacheItem,
+              addModal: !cacheItem.autoClose,
+              changeService: false
+            }
+          });
+          onEdit == null ? void 0 : onEdit(cacheItem);
+        }
+      });
+    }
+  );
   const renderList = (0, import_react.useMemo)(() => {
     var _a2;
     let _list = ((_a2 = state.service) == null ? void 0 : _a2.services) || [];
     const isIncludes = (str) => {
       return str.toLowerCase().indexOf(search.toLowerCase()) !== -1;
     };
-    return (0, import_utils.formatProductListByCategory)(
+    return (0, import_utils3.formatProductListByCategory)(
       _list,
       search ? (item) => isIncludes(item.title) : void 0
     );
   }, [search, (_a = state.service) == null ? void 0 : _a.services]);
-  console.log("renderList", renderList);
+  console.log("state.service.renderList", renderList);
   const isService = (0, import_react.useMemo)(() => {
     return state.service.value.length > 0;
   }, [state.service.value]);
   (0, import_react.useEffect)(() => {
-    getServices();
-  }, []);
-  (0, import_react.useEffect)(() => {
-    if (state.modalOpen) {
-      getServices();
+    var _a2, _b2, _c2, _d2, _e, _f, _g;
+    if (shopList.includes(
+      (_e = (_d2 = (_c2 = (_b2 = (_a2 = context.appHelper.utils.store) == null ? void 0 : _a2.getState) == null ? void 0 : _b2.call(_a2)) == null ? void 0 : _c2.global) == null ? void 0 : _d2.globalConfig) == null ? void 0 : _e.id
+    ) || state.closeAutoOpenService) {
+      return;
     }
-  }, [state.modalOpen]);
+    if (state.modalOpen && !state.bookingId && state.renderType !== "eventBooking" && ((_g = (_f = state.service) == null ? void 0 : _f.value) == null ? void 0 : _g.length) === 0) {
+      setTimeout(() => {
+        handleSelectService();
+      }, 10);
+    }
+  }, [state.modalOpen, state.bookingId, (_b = state.service) == null ? void 0 : _b.value]);
   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
+  (0, import_ahooks.useUpdateEffect)(() => {
+    if (state.service.addModal) {
+      getServices();
+      setSearch("");
     }
-  ) : /* @__PURE__ */ import_react.default.createElement("div", { style: { height: 20 } }), /* @__PURE__ */ import_react.default.createElement(
-    import_drawer.default,
-    {
-      open: state.service.addModal,
-      title: import_utils2.locales.getText("pisell2.text.select-service"),
-      rootClassName: "booking-server-wrap",
-      onClose: () => {
-        dispatch({
-          type: "setService",
-          payload: {
-            addModal: false
-          }
-        });
-      },
-      header: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-header" }, /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Input,
+  }, [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,
         {
-          prefix: /* @__PURE__ */ import_react.default.createElement(import_SearchLg.default, null),
-          style: { marginTop: 16, height: 44 },
-          placeholder: import_utils2.locales.getText("pisell2.text.search"),
-          allowClear: true,
-          value: search,
-          onChange: (e) => {
-            setSearch(e.target.value);
-          }
+          loading,
+          showSub: false,
+          title: import_utils4.locales.getText("pisell2.text.add-a-service"),
+          subTitle: import_utils4.locales.getText("pisell2.text.add-another-service"),
+          onClick: handleSelectService
         }
-      ))
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body" }, /* @__PURE__ */ import_react.default.createElement(
+      );
+    }
+    return showAddButton ? /* @__PURE__ */ import_react.default.createElement(
+      import_addButton.default,
+      {
+        showSub: isService,
+        title: import_utils4.locales.getText("pisell2.text.add-a-service"),
+        subTitle: import_utils4.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,
+    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: ".booking-server-wrap .pisell-lowcode-drawer-body"
+        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 && !state.isBookingCreatePage,
+        title: import_utils4.locales.getText("pisell2.text.select-service"),
+        rootClassName: "booking-server-wrap",
+        onClose: () => {
+          dispatch({
+            type: "setService",
+            payload: {
+              addModal: false,
+              changeService: false
+            }
+          });
+        },
+        header,
+        ...drawerProps || {}
+      },
+      content
+    ));
+  }, [
+    (_d = (_c = state.service) == null ? void 0 : _c.cacheItem) == null ? void 0 : _d.autoClose,
+    addButton,
+    state.service.addModal,
+    import_utils4.locales,
+    search,
+    renderList,
+    state.amountSymbol
+  ]);
 };
 var addService_default = Info;

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;
+      }
+    }
+  }
 }

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

@@ -0,0 +1,61 @@
+import dayjs from "dayjs";
+export declare const getDurationProps: ({ cacheItem, useStartTime, currentResource, slice, }: any) => {
+    startDate: dayjs.Dayjs;
+    usableTime: any;
+    duration: string | number | {
+        type: string;
+        value: number;
+    };
+    locale: string;
+    slice: any;
+    selectProps: {
+        size: string;
+    };
+};
+/**
+ * @title: 灵活时长选项
+ * @description:
+ * @param {*} useMemo
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-02-23 10:10
+ */
+export declare const getFlexibleOption: ({ cacheItem, useStartTime, currentResource, slice, durationProps, }: any) => {
+    label: any;
+    value: any;
+} | null;
+/**
+ * @title: 时间切片
+ * @description:
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-09 13:37
+ */
+export declare const getTimeObj: ({ cacheItem, useStartTime, currentResource, state, useDuration, durationProps, }: any) => {
+    timeSlices: {
+        label: string;
+        value: string;
+    }[];
+    durationSlicesBasedOnTime: {
+        label: string;
+        value: number;
+    }[];
+};
+/**
+ * @title: 获取资源列表
+ * @description:
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-09 13:38
+ */
+export declare const formatResources: ({ cacheItem, resourcesOrigin }: any) => any[];
+export declare const checkCacheItemResource: ({ cacheItem, resources }: any) => any;
+/**
+ * @title: 预生成服务的 extend
+ * @description:
+ * @param {any} param1
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-06-01 13:25
+ */
+export declare const getProductExtend: ({ cacheItem, state }: any) => any;