@pisell/private-materials 3.2.17 → 3.2.18

package/lib/components/appointmentBooking/context.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+interface AppointmentBookingContextType {
+    appointmentBooking: any;
+    times: any[];
+    resources: any[];
+    setTimes: (times: any[]) => void;
+    setResources: (lists: any[]) => void;
+    products: any[];
+    carts: any[];
+    summary: any;
+    setProducts: (val: any[]) => void;
+    setCarts: (val: any[]) => void;
+    setSummary: (val: any) => void;
+    currentStep: any;
+    isLastStep?: boolean;
+    setIsLastStep: (val: boolean) => void;
+    setCurrentStep: (val: any) => void;
+}
+export declare const AppointmentBookingProvider: ({ children, }: {
+    children: ReactNode;
+}) => JSX.Element;
+export declare const useAppointmentBookingContext: () => AppointmentBookingContextType;
+export {};

package/lib/components/appointmentBooking/context.js

@@ -0,0 +1,85 @@
+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/appointmentBooking/context.tsx
+var context_exports = {};
+__export(context_exports, {
+  AppointmentBookingProvider: () => AppointmentBookingProvider,
+  useAppointmentBookingContext: () => useAppointmentBookingContext
+});
+module.exports = __toCommonJS(context_exports);
+var import_react = __toESM(require("react"));
+var import_hooks = require("./hooks");
+var AppointmentBookingContext = (0, import_react.createContext)(void 0);
+var AppointmentBookingProvider = ({
+  children
+}) => {
+  const appointmentBooking = (0, import_hooks.useAppointmentBooking)();
+  const [products, setProducts] = (0, import_react.useState)([]);
+  const [summary, setSummary] = (0, import_react.useState)({});
+  const [times, setTimes] = (0, import_react.useState)([]);
+  const [resources, setResources] = (0, import_react.useState)([]);
+  const [currentStep, setCurrentStep] = (0, import_react.useState)(
+    appointmentBooking.getCurrentStep()
+  );
+  const [isLastStep, setIsLastStep] = (0, import_react.useState)(false);
+  const [carts, setCarts] = (0, import_react.useState)([]);
+  console.log(3234234, times, resources);
+  const value = {
+    appointmentBooking,
+    times,
+    resources,
+    products,
+    summary,
+    currentStep,
+    isLastStep,
+    carts,
+    setTimes,
+    setResources,
+    setProducts,
+    setSummary,
+    setCurrentStep,
+    setIsLastStep,
+    setCarts
+  };
+  return /* @__PURE__ */ import_react.default.createElement(AppointmentBookingContext.Provider, { value }, children);
+};
+var useAppointmentBookingContext = () => {
+  const context = (0, import_react.useContext)(AppointmentBookingContext);
+  if (context === void 0) {
+    throw new Error(
+      "useAppointmentBookingContext must be used within a AppointmentBookingProvider"
+    );
+  }
+  return context;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AppointmentBookingProvider,
+  useAppointmentBookingContext
+});

package/lib/components/appointmentBooking/hooks.d.ts

@@ -1,14 +1,8 @@
 export declare const useAppointmentBooking: () => any;
-export declare const useAppointmentBookingStep: () => {
-    currentStep: any;
-    isLastStep: any;
-};
-export declare const useAppointmentBookingProduct: () => {
-    products: any;
-};
+export declare const useAppointmentBookingStep: () => void;
+export declare const useAppointmentBookingProduct: () => void;
 export declare const useAppointmentBookingCart: () => {
     cart: any;
-    products: any;
 };
 export declare const useAppointmentBookingLogin: () => {
     isLogin: boolean;
@@ -23,3 +17,7 @@ export declare const useAppointmentBookingAccount: () => {
     };
     accountLists: any;
 };
+export declare const useAppointmentBookingResource: () => {
+    getResourceTimeSlot: (params: any) => Promise<void>;
+    getResourceList: () => Promise<void>;
+};

package/lib/components/appointmentBooking/hooks.js

@@ -34,13 +34,16 @@ __export(hooks_exports, {
   useAppointmentBookingCart: () => useAppointmentBookingCart,
   useAppointmentBookingLogin: () => useAppointmentBookingLogin,
   useAppointmentBookingProduct: () => useAppointmentBookingProduct,
+  useAppointmentBookingResource: () => useAppointmentBookingResource,
   useAppointmentBookingStep: () => useAppointmentBookingStep
 });
 module.exports = __toCommonJS(hooks_exports);
 var import_useEngineContext = require("../../hooks/useEngineContext");
 var import_useEngineContext2 = __toESM(require("../../hooks/useEngineContext"));
 var import_utils = require("@pisell/utils");
+var import_utils2 = require("./utils");
 var import_react = require("react");
+var import_context = require("./context");
 var useAppointmentBooking = () => {
   const pisellOS = (0, import_useEngineContext.usePisellOS)();
   return pisellOS.getModule("appointmentBooking");
@@ -48,55 +51,53 @@ var useAppointmentBooking = () => {
 var useAppointmentBookingStep = () => {
   var _a, _b, _c;
   const pisellOS = (0, import_useEngineContext.usePisellOS)();
-  const appointmentBooking = useAppointmentBooking();
+  const { appointmentBooking, setCurrentStep, setIsLastStep } = (0, import_context.useAppointmentBookingContext)();
   const stepList = ((_c = (_b = (_a = appointmentBooking == null ? void 0 : appointmentBooking.store) == null ? void 0 : _a.step) == null ? void 0 : _b.store) == null ? void 0 : _c.stepList) || [];
-  const [currentStep, setCurrentStep] = (0, import_react.useState)(appointmentBooking.getCurrentStep());
-  const [isLastStep, setIsLastStep] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {
     pisellOS.effects.on(
       "appointmentBooking_step:changed",
       async (res) => {
-        console.log("appointmentBooking_step:changed", res);
         if (res.path === "currentStep") {
-          setCurrentStep(appointmentBooking.getCurrentStep());
+          const _currentStep = appointmentBooking.getCurrentStep();
+          setCurrentStep(_currentStep);
+          setIsLastStep((_currentStep == null ? void 0 : _currentStep.index) === stepList.length - 1);
         }
       }
     );
   }, []);
-  (0, import_react.useEffect)(() => {
-    setIsLastStep((currentStep == null ? void 0 : currentStep.index) === stepList.length - 1);
-  }, [currentStep == null ? void 0 : currentStep.index]);
-  return { currentStep, isLastStep };
 };
 var useAppointmentBookingProduct = () => {
-  const appointmentBooking = useAppointmentBooking();
-  const [products, setProducts] = (0, import_react.useState)([]);
+  const { appointmentBooking, setProducts } = (0, import_context.useAppointmentBookingContext)();
   const { productModuleParams } = appointmentBooking.otherParams;
   (0, import_react.useEffect)(() => {
     appointmentBooking.loadProducts(productModuleParams).then((res) => {
+      console.log(res, "loadProductsloadProducts");
       setProducts(res || []);
     });
   }, []);
-  return { products };
 };
 var useAppointmentBookingCart = () => {
   var _a, _b;
   const pisellOS = (0, import_useEngineContext.usePisellOS)();
-  const appointmentBooking = useAppointmentBooking();
+  const { appointmentBooking, setCarts, setSummary } = (0, import_context.useAppointmentBookingContext)();
   const cart = (_b = (_a = appointmentBooking == null ? void 0 : appointmentBooking.store) == null ? void 0 : _a.cart) == null ? void 0 : _b.store;
-  const [products, setProducts] = (0, import_react.useState)([]);
-  const [selectedHolderIds, setSelectedHolderIds] = (0, import_react.useState)([]);
-  const [holders, setHolders] = (0, import_react.useState)([]);
-  console.log(appointmentBooking, cart, "appointmentBooking3333555");
   (0, import_react.useEffect)(() => {
+    var _a2;
     pisellOS.effects.on(
       "appointmentBooking_cart:changed",
       async (res) => {
-        setProducts((res == null ? void 0 : res.products) || []);
+        const carts = await appointmentBooking.getCart();
+        setCarts(carts || []);
+        const summary = await appointmentBooking.getSummary();
+        setSummary(summary || {});
+        console.log(carts, summary, "appointmentBooking_cart:changed");
       }
     );
+    (_a2 = appointmentBooking == null ? void 0 : appointmentBooking.getCart) == null ? void 0 : _a2.call(appointmentBooking).then((data) => {
+      setCarts(data || []);
+    });
   }, []);
-  return { cart, products };
+  return { cart };
 };
 var useAppointmentBookingLogin = () => {
   var _a, _b;
@@ -135,14 +136,36 @@ var useAppointmentBookingAccount = () => {
       async (res) => {
         if (res.path === "accounts") {
           appointmentBooking.getAccounts().then((data) => {
-            console.log(data, "wh98976");
+            setAccountLists(data || []);
           });
         }
       }
     );
+    appointmentBooking.getAccounts().then((data) => {
+      setAccountLists(data || []);
+    });
   }, []);
   return { currentUser, accountLists };
 };
+var useAppointmentBookingResource = () => {
+  const { appointmentBooking, setResources, setTimes } = (0, import_context.useAppointmentBookingContext)();
+  const { resourceSort } = (appointmentBooking == null ? void 0 : appointmentBooking.otherParams) || {};
+  const getResourceTimeSlot = async (params) => {
+    const data = await appointmentBooking.getResourceTimeSlot(params);
+    setTimes(data || []);
+  };
+  const getResourceList = async () => {
+    let resources = appointmentBooking.getResourcesList();
+    resources = resources.map((item) => {
+      return {
+        ...item,
+        resources: (0, import_utils2.sortResources)((item == null ? void 0 : item.resources) || [], resourceSort)
+      };
+    });
+    setResources(resources || []);
+  };
+  return { getResourceTimeSlot, getResourceList };
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   useAppointmentBooking,
@@ -150,5 +173,6 @@ var useAppointmentBookingAccount = () => {
   useAppointmentBookingCart,
   useAppointmentBookingLogin,
   useAppointmentBookingProduct,
+  useAppointmentBookingResource,
   useAppointmentBookingStep
 });

package/lib/components/appointmentBooking/index.js

@@ -33,13 +33,12 @@ __export(appointmentBooking_exports, {
 });
 module.exports = __toCommonJS(appointmentBooking_exports);
 var import_react = __toESM(require("react"));
-var import_Header = __toESM(require("./components/Header"));
-var import_Footer = __toESM(require("./components/Footer"));
 var import_Content = __toESM(require("./components/Content"));
 var import_utils = require("@pisell/utils");
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var import_index = require("./index.less");
 var import_locales = __toESM(require("./locales"));
+var import_context = require("./context");
 var import_hooks = require("./hooks");
 var AppointmentBooking = () => {
   var _a;
@@ -57,9 +56,7 @@ var AppointmentBooking = () => {
     {
       className: `parallel-booking-wrap ${(0, import_utils.isMobile)() ? "parallel-booking-mobile-wrap" : ""}`
     },
-    /* @__PURE__ */ import_react.default.createElement(import_Header.default, null),
-    /* @__PURE__ */ import_react.default.createElement(import_Content.default, null),
-    (0, import_utils.isMobile)() ? /* @__PURE__ */ import_react.default.createElement(import_Footer.default, null) : null
+    /* @__PURE__ */ import_react.default.createElement(import_context.AppointmentBookingProvider, null, /* @__PURE__ */ import_react.default.createElement(import_Content.default, null))
   );
 };
 var appointmentBooking_default = AppointmentBooking;

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

@@ -70,6 +70,10 @@ declare const _default: {
         'pisell2.event.capacity.limit.reached.title': string;
         'pisell2.event.capacity.limit.reached.tip': string;
         'pisell2.appointment.booking.empty.service': string;
+        'pisell2.appointment.service.title': (val: number) => string;
+        'pisell2.appointment.add.guest': string;
+        'pisell2.appointment.edit.service': string;
+        'pisell2.appointment.remove.guest': string;
     };
     'zh-CN': {
         'pisell2.event.calendar.limit.unavailable': string;
@@ -142,6 +146,10 @@ declare const _default: {
         'pisell2.event.capacity.limit.reached.title': string;
         'pisell2.event.capacity.limit.reached.tip': string;
         'pisell2.appointment.booking.empty.service': string;
+        'pisell2.appointment.service.title': (val: number) => string;
+        'pisell2.appointment.add.guest': string;
+        'pisell2.appointment.edit.service': string;
+        'pisell2.appointment.remove.guest': string;
     };
     'zh-HK': {
         'pisell2.event.calendar.limit.unavailable': string;
@@ -214,6 +222,10 @@ declare const _default: {
         'pisell2.event.capacity.limit.reached.title': string;
         'pisell2.event.capacity.limit.reached.tip': string;
         'pisell2.appointment.booking.empty.service': string;
+        'pisell2.appointment.service.title': (val: number) => string;
+        'pisell2.appointment.add.guest': string;
+        'pisell2.appointment.edit.service': string;
+        'pisell2.appointment.remove.guest': string;
     };
 };
 export default _default;

package/lib/components/appointmentBooking/locales.js

@@ -93,7 +93,11 @@ var locales_default = {
     "pisell2.event.event.full.ok": "Ok",
     "pisell2.event.capacity.limit.reached.title": "Capacity limit reached",
     "pisell2.event.capacity.limit.reached.tip": "One or more events in your cart are no longer available due to full capacity. Please remove unavailable events from your cart to complete checkout.",
-    "pisell2.appointment.booking.empty.service": "No service"
+    "pisell2.appointment.booking.empty.service": "No service",
+    "pisell2.appointment.service.title": (val) => `${val} ${val > 1 ? "services" : "service"}`,
+    "pisell2.appointment.add.guest": "Add guest",
+    "pisell2.appointment.edit.service": "Edit services",
+    "pisell2.appointment.remove.guest": "Remove guest"
   },
   "zh-CN": {
     "pisell2.event.calendar.limit.unavailable": "不可预约",
@@ -165,7 +169,11 @@ var locales_default = {
     "pisell2.event.event.full.ok": "好的",
     "pisell2.event.capacity.limit.reached.title": "活动名额已满",
     "pisell2.event.capacity.limit.reached.tip": "购物车中有一个或多个活动已达预约上限，请将已满额的活动从购物车中移除后再完成结算。",
-    "pisell2.appointment.booking.empty.service": "暂无服务"
+    "pisell2.appointment.booking.empty.service": "暂无服务",
+    "pisell2.appointment.service.title": (val) => `${val}个服务`,
+    "pisell2.appointment.add.guest": "添加预约人",
+    "pisell2.appointment.edit.service": "编辑服务",
+    "pisell2.appointment.remove.guest": "移除预约人"
   },
   "zh-HK": {
     "pisell2.event.calendar.limit.unavailable": "不可預約",
@@ -237,6 +245,10 @@ var locales_default = {
     "pisell2.event.event.full.ok": "好的",
     "pisell2.event.capacity.limit.reached.title": "活動名額已滿",
     "pisell2.event.capacity.limit.reached.tip": "購物車中有一個或多個活動已達預約上限，請將已滿額的活動從購物車中移除後再完成結算。",
-    "pisell2.appointment.booking.empty.service": "暫無服務"
+    "pisell2.appointment.booking.empty.service": "暫無服務",
+    "pisell2.appointment.service.title": (val) => `${val}个服務`,
+    "pisell2.appointment.add.guest": "添加預約人",
+    "pisell2.appointment.edit.service": "編輯服務",
+    "pisell2.appointment.remove.guest": "移除預約人"
   }
 };

package/lib/components/appointmentBooking/utils.d.ts

@@ -43,3 +43,15 @@ export declare const formatMonthDisplay: (dateString: string) => string;
  * @Date: 2025-02-11 13:39
  */
 export declare const resourceTitle: (data: any) => any;
+export declare const formatHolder: (data: any[]) => any[];
+export declare const formatGuest: (data: any[], products: any) => any[];
+/**
+ * @title: 对资源进行排序
+ * @description:
+ * @param {any} currentResourcesMap
+ * @param {any} resourceSort
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-04-14 11:16
+ */
+export declare const sortResources: (resources: any[], resourceSort: any[]) => any[] | undefined;

package/lib/components/appointmentBooking/utils.js

@@ -30,10 +30,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var utils_exports = {};
 __export(utils_exports, {
   formatBackgroundColors: () => formatBackgroundColors,
+  formatGuest: () => formatGuest,
+  formatHolder: () => formatHolder,
   formatMonthDisplay: () => formatMonthDisplay,
   getScheduleColors: () => getScheduleColors,
   getUsableSchedules: () => getUsableSchedules,
-  resourceTitle: () => resourceTitle
+  resourceTitle: () => resourceTitle,
+  sortResources: () => sortResources
 });
 module.exports = __toCommonJS(utils_exports);
 var import_dayjs = __toESM(require("dayjs"));
@@ -80,11 +83,68 @@ var resourceTitle = (data) => {
   const translation = (_f = (_e = context == null ? void 0 : context.appHelper) == null ? void 0 : _e.utils) == null ? void 0 : _f.translation;
   return (_g = translation(title)) == null ? void 0 : _g.toLowerCase();
 };
+var formatHolder = (data) => {
+  return data == null ? void 0 : data.map((d) => {
+    return {
+      ...d,
+      key: d == null ? void 0 : d.id,
+      label: d == null ? void 0 : d.username,
+      name: d == null ? void 0 : d.username
+    };
+  });
+};
+var formatGuest = (data, products) => {
+  return data == null ? void 0 : data.map((d) => {
+    const children = products.filter((p) => (p == null ? void 0 : p.holder_id) === (d == null ? void 0 : d.id)).map((p) => {
+      return {
+        name: p == null ? void 0 : p.name
+      };
+    });
+    return {
+      ...d,
+      key: d == null ? void 0 : d.id,
+      name: d == null ? void 0 : d.username,
+      children: children || []
+    };
+  });
+};
+var sortResources = (resources, resourceSort) => {
+  try {
+    let sortedResources = resources.sort((a, b) => {
+      const aIndex = resourceSort.indexOf(a.code);
+      const bIndex = resourceSort.indexOf(b.code);
+      return aIndex - bIndex;
+    });
+    sortedResources = sortedResources.map((resource) => {
+      var _a;
+      const renderList = (_a = resource == null ? void 0 : resource.renderList) == null ? void 0 : _a.map((d) => {
+        var _a2, _b;
+        return {
+          ...d,
+          image: (_b = (_a2 = d == null ? void 0 : d.cover) == null ? void 0 : _a2[0]) == null ? void 0 : _b.url,
+          title: d == null ? void 0 : d.main_field,
+          subtitle: d == null ? void 0 : d.sub_field
+        };
+      });
+      return {
+        ...resource,
+        renderList
+      };
+    });
+    console.log(sortedResources, "sortedResources");
+    return sortedResources || [];
+  } catch (error) {
+    console.log(error, "wh2222");
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   formatBackgroundColors,
+  formatGuest,
+  formatHolder,
   formatMonthDisplay,
   getScheduleColors,
   getUsableSchedules,
-  resourceTitle
+  resourceTitle,
+  sortResources
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "3.2.17",
+  "version": "3.2.18",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -59,8 +59,8 @@
     "react-infinite-scroll-component": "^6.1.0",
     "rc-virtual-list": "^3.11.3",
     "decimal.js": "^10.4.3",
+    "@pisell/materials": "3.2.17",
     "@pisell/utils": "1.0.42",
-    "@pisell/materials": "3.2.16",
     "@pisell/icon": "0.0.11",
     "@pisell/date-picker": "3.0.2"
   },

package/es/components/appointmentBooking/components/Information/index.d.ts

@@ -1,3 +0,0 @@
-import './index.less';
-declare const Information: () => JSX.Element;
-export default Information;

package/es/components/appointmentBooking/components/Information/index.js

@@ -1,178 +0,0 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { useState } from 'react';
-import { Dropdown } from 'antd';
-import { Button, Iconfont, PisellCard, PisellAvatar } from '@pisell/materials';
-import { locales, isMobile } from '@pisell/utils';
-import { useCart, useHolder, useStep } from "../../../Sales";
-import SelectHolderModal from "../Provider/SelectHolderModal";
-import InformationOptionsModal from "../Provider/InformationOptionsModal/index";
-import RemoveOptionConfirmModal from "../Provider/RemoveOptionConfirmModal";
-import "./index.less";
-var Information = function Information() {
-  var _useHolder = useHolder(),
-    onHolderOpen = _useHolder.onHolderOpen,
-    open = _useHolder.open;
-  var _useCart = useCart(),
-    cartDataHolderList = _useCart.cartDataHolderList;
-  var _useHolder2 = useHolder(),
-    selectHolder = _useHolder2.selectHolder,
-    deleteHolderById = _useHolder2.deleteHolderById;
-  var _useStep = useStep(),
-    prevStep = _useStep.prevStep;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    openOption = _useState2[0],
-    setOpenOption = _useState2[1];
-  // 编辑哪个holder
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    holderItem = _useState4[0],
-    setHolderItem = _useState4[1];
-  // 移除确认
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    removeOpen = _useState6[0],
-    setRemoveOpen = _useState6[1];
-
-  /**
-   * @title: 选项
-   * @description:
-   * @return {*}
-   * @Author: WangHan
-   * @Date: 2025-01-19 10:44
-   */
-  var options = [{
-    key: 'edit',
-    label: /*#__PURE__*/React.createElement("span", {
-      className: "dropdown-menu-item"
-    }, locales.getText('pisell2.event.edit.event'))
-  }, {
-    key: 'remove',
-    label: /*#__PURE__*/React.createElement("span", {
-      className: 'dropdown-menu-item dropdown-menu-remove-item'
-    }, locales.getText('pisell2.event.remove'))
-  }];
-
-  /**
-   * @title: 点击item触发
-   * @description:
-   * @param {string} key
-   * @return {*}
-   * @Author: WangHan
-   * @Date: 2025-01-18 16:14
-   */
-  var handleClick = function handleClick(_ref, item) {
-    var key = _ref.key;
-    // 编辑holder
-    if (key === 'edit') {
-      selectHolder(item || holderItem, 'createCartItem');
-      prevStep();
-      return;
-    }
-
-    // 移除holder
-    setRemoveOpen(true);
-  };
-
-  /**
-   * @title: 渲染options
-   * @description:
-   * @param {any} item
-   * @return {*}
-   * @Author: WangHan
-   * @Date: 2025-01-19 11:44
-   */
-  var renderOptionButton = function renderOptionButton(item) {
-    if (isMobile()) {
-      return /*#__PURE__*/React.createElement(Button, {
-        size: "large",
-        onClick: function onClick() {
-          setHolderItem(item);
-          setOpenOption(true);
-        }
-      }, locales.getText('pisell2.event.option'));
-    }
-    return /*#__PURE__*/React.createElement(Dropdown, {
-      menu: {
-        items: options,
-        onClick: function onClick(e) {
-          setHolderItem(item);
-          handleClick(e, item);
-        }
-      },
-      placement: "bottomRight",
-      overlayClassName: "provider-information-custom-dropdown-menu"
-    }, /*#__PURE__*/React.createElement(Button, null, locales.getText('pisell2.event.option')));
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "provider-information-wrap"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "title"
-  }, locales.getText('pisell2.event.confirm.information.tip')), cartDataHolderList === null || cartDataHolderList === void 0 ? void 0 : cartDataHolderList.map(function (item) {
-    var _item$children;
-    return /*#__PURE__*/React.createElement(PisellCard, {
-      key: item.id,
-      padding: 20,
-      className: "information-card",
-      isClickable: false
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "information-header"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "information-left"
-    }, /*#__PURE__*/React.createElement(PisellAvatar, {
-      src: item.avatar,
-      size: "md"
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "information-title"
-    }, /*#__PURE__*/React.createElement("span", null, item.name), /*#__PURE__*/React.createElement("span", {
-      className: "subtitle"
-    }, "".concat(locales.getText('pisell2.event.title')((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length))))), renderOptionButton(item)), item.children.map(function (child) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "child-wrap"
-      }, child.name);
-    }));
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "add-tip"
-  }, locales.getText('pisell2.event.confirm.information.other')), /*#__PURE__*/React.createElement(Button, {
-    size: "large",
-    style: {
-      width: 'max-content'
-    },
-    onClick: function onClick() {
-      onHolderOpen();
-    },
-    className: "provider-information-add-button"
-  }, /*#__PURE__*/React.createElement(Iconfont, {
-    type: "pisell2-plus",
-    style: {
-      fontSize: '20px'
-    }
-  }), locales.getText('pisell2.event.add.others'))), /*#__PURE__*/React.createElement(SelectHolderModal, {
-    open: open,
-    type: "create"
-  }), /*#__PURE__*/React.createElement(InformationOptionsModal, {
-    options: options,
-    open: openOption,
-    holderItem: holderItem,
-    onCancel: function onCancel() {
-      return setOpenOption(false);
-    },
-    onClick: handleClick
-  }), /*#__PURE__*/React.createElement(RemoveOptionConfirmModal, {
-    removeOpen: removeOpen,
-    onCancel: function onCancel() {
-      return setRemoveOpen(false);
-    },
-    onOk: function onOk() {
-      deleteHolderById(holderItem.id);
-      setRemoveOpen(false);
-      setOpenOption(false);
-    }
-  }));
-};
-export default Information;