@pisell/private-materials 6.6.10 → 6.6.12

package/dist/es/components/booking/info/service/Lists.js

@@ -1,108 +0,0 @@
-import { getProductExtend } from "../../info2/service/addService/utils.js";
-import { formatProducts, isEventBooking, updateServices } from "../service2/utils.js";
-import { Context } from "../model.js";
-import useHolderConfig_default from "../hooks/useHolderConfig.js";
-import { CartContext } from "../../../shoppingCart/Provider.js";
-import shoppingCart_default from "../../../shoppingCart/index.js";
-import useAddHolder_default from "../hooks/useAddHolder.js";
-import React, { useContext, useMemo } from "react";
-import { useMemoizedFn } from "ahooks";
-
-//#region src/components/booking/info/service/Lists.tsx
-const Lists = ({ onEdit, onChange, onAction, isParallelResource }) => {
-	const { state, dispatch } = useContext(Context);
-	const { isShowChangeHolder } = useHolderConfig_default(state);
-	const { handleAddHolder } = useAddHolder_default(state, dispatch);
-	/**
-	* @title: 更新商品数据
-	* @description:
-	* @param {any} newState
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-11-29 16:35
-	*/
-	const handleChange = useMemoizedFn((currentItem, type, other) => {
-		console.time("handleChange");
-		console.log(window.pp1 = performance.now(), "打开商品");
-		if (state.disabledEdit || state.disableEventBookingEdit) return;
-		let products$1 = updateServices(state, currentItem, type, other, { handleAddHolder });
-		if (type === "view" || type === "edit_product") {
-			let cacheItem = {
-				...currentItem._origin,
-				new: 0
-			};
-			if (isParallelResource) cacheItem = getProductExtend({
-				cacheItem,
-				state
-			});
-			onChange({
-				editModal: true,
-				cacheItem
-			});
-			return onEdit?.(cacheItem, type);
-		}
-		onChange({
-			editModal: false,
-			value: products$1,
-			edit: true,
-			cacheItem: null
-		});
-	});
-	/**
-	* @title: 商品信息
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-12-09 16:07
-	*/
-	const productParams = useMemo(() => {
-		return {
-			hideAddBtn: state.isTerminalDayBookingPage || state.isBookingCreatePage,
-			isShowNote: isEventBooking(state),
-			isShowPackageNote: false,
-			accounts: [],
-			isEdit: !!state?.bookingId,
-			disabledEdit: state?.disabledEdit,
-			maxLength: isEventBooking(state) ? 1 : 999,
-			isShowChangeHolder,
-			isShowChangeResource: true,
-			isShowAddHolderButton: true,
-			isShowEditProduct: !state.isBookingCreatePage
-		};
-	}, [
-		state?.bookingId,
-		state?.disabledEdit,
-		isShowChangeHolder,
-		state.isBookingCreatePage
-	]);
-	const products = useMemo(() => {
-		console.time("products");
-		const p = formatProducts(state?.service?.value || [], state, false, true, isParallelResource);
-		console.timeEnd("products");
-		return p;
-	}, [state?.service?.value, state]);
-	return useMemo(() => {
-		console.log("render List");
-		return /* @__PURE__ */ React.createElement(CartContext.Provider, { value: { state } }, /* @__PURE__ */ React.createElement(shoppingCart_default, {
-			isParallelResource,
-			onAction,
-			onChange: handleChange,
-			isOpenGroup: false,
-			isHideClearCart: true,
-			onAddProduct: () => onChange({ addModal: true }),
-			productParams: {
-				...productParams,
-				products
-			}
-		}));
-	}, [
-		products,
-		state,
-		productParams
-	]);
-};
-var Lists_default = Lists;
-
-//#endregion
-export { Lists_default as default };

package/dist/es/components/booking/info/service/actions/index.js

@@ -1,52 +0,0 @@
-import { getIsEdit } from "../../../utils.js";
-import { Context } from "../../model.js";
-import { isUsableProduct } from "../addTimeModal/utils.js";
-import React, { useContext, useMemo } from "react";
-import { Button } from "antd";
-import { locales } from "@pisell/utils";
-import "./index.less";
-
-//#region src/components/booking/info/service/actions/index.tsx
-const Actions = ({ currentService }) => {
-	const { state, dispatch } = useContext(Context);
-	const appointment_card = useMemo(() => {
-		return state?.bookingConfig?.config?.information_tab?.appointment_card || { quick_time: 1 };
-	}, [state?.bookingConfig?.config?.information_tab]);
-	const onAddTime = () => {
-		dispatch({
-			type: "setService",
-			payload: {
-				addTimeModal: true,
-				cacheItem: currentService
-			}
-		});
-	};
-	const addTimeProducts = useMemo(() => {
-		return (state.addTimeProducts || []).some((item) => isUsableProduct(item.add_time, currentService));
-	}, [state.addTimeProducts, currentService]);
-	const showAddTimeButton = useMemo(() => {
-		if (state.renderType === "eventBooking") return false;
-		if (state.disabledEdit) return false;
-		if (appointment_card.quick_time !== 1) return false;
-		if (getIsEdit(state)) return false;
-		if (!addTimeProducts) return false;
-		return true;
-	}, [
-		state,
-		appointment_card.quick_time,
-		addTimeProducts
-	]);
-	return /* @__PURE__ */ React.createElement("div", { className: "actions-wrap" }, showAddTimeButton && /* @__PURE__ */ React.createElement(Button, {
-		className: "action-item",
-		size: "large",
-		onClick: (e) => {
-			e.preventDefault();
-			e.stopPropagation();
-			onAddTime();
-		}
-	}, locales.getText("page.booking.text.add-time")));
-};
-var actions_default = Actions;
-
-//#endregion
-export { actions_default as default };

package/dist/es/components/booking/info/service/actions/index.less

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

package/dist/es/components/booking/info/service/addService/index.js

@@ -1,391 +0,0 @@
-import { __toESM } from "../../../../../_virtual/rolldown_runtime.js";
-import { inputDateCol } from "../../service2/status.js";
-import { getProductDetail } from "../serve.js";
-import { getDayProducts, holderId, isDayBooking, isDaysBooking, isEventBooking, isNormalProductByDurationSchedule } from "../../service2/utils.js";
-import { formatProductListByCategory, getIsEject, getIsOnlySession, isSessionProduct, request } from "../../../utils.js";
-import { getIsBundleOrCombination } from "../../utils.js";
-import { Context } from "../../model.js";
-import drawer_default from "../../../components/drawer/index.js";
-import addButton_default from "../../../components/addButton/index.js";
-import useEngineContext_default from "../../../../../hooks/useEngineContext.js";
-import TabProduct_default from "../../../components/TabProduct/index.js";
-import { require_debounce } from "../../../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/debounce.js";
-import dateRange_default from "../../dateRange/index.js";
-import { useService } from "../serviceManager/index.js";
-import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
-import { Col, Input, Row, Skeleton } from "antd";
-import { getUniqueId, locales } from "@pisell/utils";
-import SearchLg from "@pisell/icon/es/SearchLg";
-import { useMemoizedFn, useUpdateEffect } from "ahooks";
-import "./index.less";
-
-//#region src/components/booking/info/service/addService/index.tsx
-var import_debounce = /* @__PURE__ */ __toESM(require_debounce());
-const shopList = [
-	2886,
-	4422,
-	5538,
-	6930,
-	6814,
-	6813,
-	6812,
-	6087,
-	6303,
-	6080,
-	6978,
-	7386,
-	6848,
-	6305
-];
-const Info = (props) => {
-	const { onEdit, drawerProps, renderMode } = props;
-	const [search, setSearch] = useState("");
-	let { state, dispatch } = useContext(Context);
-	const [loading, setLoading] = useState(false);
-	const searchRef = useRef();
-	const headerRef = useRef(null);
-	const [headerHeight, setHeaderHeight] = useState(0);
-	const context = useEngineContext_default();
-	state = state || props?.state;
-	dispatch = dispatch || props?.dispatch;
-	request.setRequest(context.appHelper.utils.request);
-	const { createBookingData, createBooking } = useService({
-		renderMode,
-		onEdit,
-		state,
-		dispatch
-	});
-	/**
-	* @title: 是否是跨日预约
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-12-09 15:46
-	*/
-	const isDay = useMemo(() => {
-		return isDayBooking(state);
-	}, [state.renderType]);
-	/**
-	* @title: 监听元素高度变化的函数
-	* @description:
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-12-10 17:13
-	*/
-	const handleResize = () => {
-		if (headerRef?.current) setHeaderHeight(headerRef.current?.offsetHeight);
-	};
-	const debouncedHandleResize = (0, import_debounce.default)(handleResize, 100);
-	useEffect(() => {
-		if (isDay && state.isTerminalDayBookingPage) {
-			handleResize();
-			window.addEventListener("resize", debouncedHandleResize);
-		}
-		return () => {
-			window.removeEventListener("resize", debouncedHandleResize);
-		};
-	}, [debouncedHandleResize]);
-	/**
-	* @title: 客户id
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-12-24 10:33
-	*/
-	const customerId = useMemo(() => {
-		return state.client?.value?.id || 1;
-	}, [state.client?.value?.id]);
-	/**
-	* @title: 如果商品只有一个, 则自动设置默认商品
-	* @description:
-	* @param {any} list
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-05-14 13:55
-	*/
-	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 isBundleOrCombination = getIsBundleOrCombination((await getProductDetail(product.id, {
-			schedule_date: state.date.value.format("YYYY-MM-DD"),
-			customer_id: customerId
-		})).data);
-		setLoading(false);
-		if (isBundleOrCombination) return;
-		let _item = {
-			...product,
-			product_id: product.id,
-			_id: getUniqueId(),
-			_extend: {
-				start_date: state.date.value,
-				startDate: state.date.value,
-				endDate: isDay ? state.date.end_date : 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) => {
-		setLoading(true);
-		if (state.renderType === "eventBooking" && !state.eventOtherParams?.productIds?.length) {
-			dispatch({
-				type: "setService",
-				payload: { services: [] }
-			});
-			setLoading(false);
-			return;
-		}
-		let dayParams = {};
-		if (isDay && !isEventBooking(state)) dayParams.extension_type = ["normal", "product_appointment"];
-		let data = await state.apis.getServices({
-			skip: 1,
-			num: 500,
-			extension_type: state.renderType === "eventBooking" ? void 0 : [
-				"product_appointment",
-				"appointment_ticket",
-				"session_product",
-				"session_ticket"
-			],
-			with: ["category"],
-			ids: state.renderType === "eventBooking" ? state.eventOtherParams?.productIds : void 0,
-			open_quotation: 1,
-			with_schedule: 1,
-			with_count: ["bundleGroup", "optionGroup"],
-			order_by_string: "sort:desc",
-			status: "published",
-			schedule_date: params?.schedule_date,
-			customer_id: customerId,
-			...dayParams
-		});
-		setLoading(false);
-		let lists = data?.list || [];
-		if (isDaysBooking(state)) lists = getDayProducts(holderId(state), lists, state?.isTerminalDayBookingPage);
-		if (!state.service.addModal) setDefaultService(lists);
-		dispatch({
-			type: "setService",
-			payload: { services: lists }
-		});
-	};
-	const handleSelectService = () => {
-		dispatch({
-			type: "setService",
-			payload: { addModal: true }
-		});
-		if (!state.isTerminal) setTimeout(() => {
-			searchRef.current?.focus?.();
-		}, 100);
-	};
-	const handleSelectProduct = useMemoizedFn((item, type) => {
-		const isSession = isSessionProduct(item);
-		let isEject = getIsEject(item, type);
-		const isOnlySession = getIsOnlySession(item);
-		if (isDay) isEject = type === "detail" || item.bundle_group_count > 0 || item.option_group_count > 0 || item.is_variant > 0;
-		state.action({
-			type: "pisell1.handleOpenProductModal",
-			data: {
-				id: item.id,
-				date: state.date.value.format("YYYY-MM-DD"),
-				showConfig: {
-					option: isDay ? true : false,
-					session: isSession,
-					variant: isDay ? true : false,
-					package: true
-				},
-				is_eject: isEject ? 1 : 0,
-				isOnlySession,
-				customer_id: customerId,
-				isOS: isSession
-			},
-			callback: async (e, extension_type, detail) => {
-				createBooking({ booking: await createBookingData({ product: {
-					...detail || item,
-					_params: e
-				} }) });
-			}
-		});
-	});
-	const renderList = useMemo(() => {
-		let _list = state.service?.services || [];
-		if (isDaysBooking(state)) {
-			if (!holderId(state)) _list = _list.filter((item) => isNormalProductByDurationSchedule(item));
-		}
-		const isIncludes = (str) => {
-			return str.toLowerCase().indexOf(search.toLowerCase()) !== -1;
-		};
-		return formatProductListByCategory(_list, search ? (item) => isIncludes(item.title) : void 0);
-	}, [
-		search,
-		state.service?.services,
-		state?.activeCartId
-	]);
-	const isService = useMemo(() => {
-		return state.service?.value?.length > 0;
-	}, [state.service.value]);
-	useEffect(() => {
-		if (shopList.includes(context.appHelper.utils.store?.getState?.()?.global?.globalConfig?.id) || state.closeAutoOpenService) return;
-		if (state.modalOpen && !state.bookingId && state.renderType !== "eventBooking" && state.service?.value?.length === 0) setTimeout(() => {
-			handleSelectService();
-		}, 10);
-	}, [
-		state.modalOpen,
-		state.bookingId,
-		state.service?.value
-	]);
-	const showAddButton = useMemo(() => {
-		return !state.disabledEdit && !state.channelDisabledEdit;
-	}, [state.disabledEdit, state.channelDisabledEdit]);
-	const currentDate = useMemo(() => {
-		return state.date.value.format("YYYY-MM-DD");
-	}, [state.date.value]);
-	useUpdateEffect(() => {
-		if (state.service.addModal) {
-			getServices({ schedule_date: currentDate });
-			setSearch("");
-		}
-	}, [state.service.addModal, currentDate]);
-	useEffect(() => {
-		if (renderMode === "current") getServices({ schedule_date: currentDate });
-	}, [renderMode, currentDate]);
-	useEffect(() => {
-		if (state.renderType === "eventBooking" && state.modalOpen) getServices({ schedule_date: currentDate });
-	}, [
-		state.renderType,
-		state.modalOpen,
-		currentDate
-	]);
-	const addButton = useMemo(() => {
-		if (isDay) return;
-		if (state.isBookingCreatePage) return /* @__PURE__ */ React.createElement("div", { style: { height: 20 } });
-		if (state.renderType === "eventBooking") return isService ? /* @__PURE__ */ React.createElement("div", { style: { height: 20 } }) : /* @__PURE__ */ React.createElement(addButton_default, {
-			loading,
-			showSub: false,
-			title: locales.getText("pisell2.text.add-a-service"),
-			subTitle: locales.getText("pisell2.text.add-another-service"),
-			onClick: handleSelectService
-		});
-		return showAddButton ? /* @__PURE__ */ React.createElement(addButton_default, {
-			showSub: isService,
-			title: locales.getText("pisell2.text.add-a-service"),
-			subTitle: locales.getText("pisell2.text.add-another-service"),
-			onClick: handleSelectService
-		}) : /* @__PURE__ */ React.createElement("div", { style: { height: 20 } });
-	}, [
-		state.renderType,
-		showAddButton,
-		isService,
-		state.service.value,
-		loading
-	]);
-	const isRenderCurrent = useMemo(() => {
-		return renderMode === "current";
-	}, [renderMode]);
-	/**
-	* @title: 日期宽度
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-12-09 15:46
-	*/
-	const colSpan = useMemo(() => {
-		const isTerminal = state.isTerminalDayBookingPage;
-		return inputDateCol(!!(isDay && holderId(state) && !isEventBooking(state)), isTerminal);
-	}, [
-		state.isTerminalDayBookingPage,
-		isDay,
-		holderId(state)
-	]);
-	return useMemo(() => {
-		const header = /* @__PURE__ */ React.createElement("div", {
-			className: "pisell-lowcode__booking-service-header",
-			ref: headerRef
-		}, /* @__PURE__ */ React.createElement(Row, { gutter: [16, 16] }, isDay && holderId(state) && !isEventBooking(state) ? /* @__PURE__ */ React.createElement(Col, colSpan.date, /* @__PURE__ */ React.createElement(dateRange_default, {
-			state,
-			dispatch
-		})) : null, /* @__PURE__ */ React.createElement(Col, colSpan.input, /* @__PURE__ */ React.createElement(Input, {
-			ref: searchRef,
-			prefix: /* @__PURE__ */ React.createElement(SearchLg, null),
-			style: {
-				marginTop: 16,
-				height: 44
-			},
-			placeholder: locales.getText("pisell2.text.search"),
-			allowClear: true,
-			value: search,
-			onChange: (e) => {
-				setSearch(e.target.value);
-			}
-		}))));
-		const content = /* @__PURE__ */ React.createElement("div", { className: isDay && headerHeight > 76 ? "pisell-lowcode__booking-service-date-body" : "pisell-lowcode__booking-service-body" }, /* @__PURE__ */ React.createElement(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__ */ React.createElement("div", {
-			className: "pisell-lowcode__booking-vertical-add-service-wrap",
-			style: {
-				width: "100%",
-				height: "100%",
-				overflow: "auto"
-			}
-		}, header, content);
-		return /* @__PURE__ */ React.createElement(React.Fragment, null, state.service?.cacheItem?.autoClose && /* @__PURE__ */ React.createElement(Skeleton, {
-			loading: true,
-			active: true,
-			round: true
-		}), addButton, /* @__PURE__ */ React.createElement(drawer_default, {
-			titleNoWrap: true,
-			open: state.service.addModal && !state.isBookingCreatePage && !state.isTerminalDayBookingPage,
-			title: isDay ? locales.getText("pisell2.text.select.items") : locales.getText("pisell2.text.select-service"),
-			rootClassName: "booking-server-wrap",
-			onClose: () => {
-				dispatch({
-					type: "setService",
-					payload: {
-						addModal: false,
-						changeService: false
-					}
-				});
-			},
-			header,
-			...drawerProps || {}
-		}, content));
-	}, [
-		state.service?.cacheItem?.autoClose,
-		addButton,
-		state.service.addModal,
-		locales,
-		search,
-		renderList,
-		state.amountSymbol,
-		state.renderType,
-		state?.activeCartId,
-		headerHeight,
-		holderId(state)
-	]);
-};
-var addService_default = Info;
-
-//#endregion
-export { addService_default as default };

package/dist/es/components/booking/info/service/addService/index.less

@@ -1,45 +0,0 @@
-.pisell-lowcode__booking-service-header {
-  padding: 16px 0;
-  // border-bottom: 1px solid var(--gray-300, #D0D5DD);
-}
-
-.pisell-lowcode__booking-service-body,
-.pisell-lowcode__booking-service-date-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;
-      }
-    }
-  }
-
-  .pisell-lowcode__booking-service-date-body {
-    .booking-tab-product {
-      .booking-tabs-wrap {
-        top: 136px !important;
-      }
-    }
-  }
-}