@pisell/private-materials 6.6.8 → 6.6.9

package/dist/lib/components/booking/addons/index.js

@@ -0,0 +1,461 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
+const require_utils = require('../utils.js');
+const require_index = require('../components/drawer/index.js');
+const require_useEngineContext = require('../../../hooks/useEngineContext.js');
+const require_index$1 = require('../components/TabProduct/index.js');
+const require_index$2 = require('../components/tabPane/index.js');
+const require_model = require('./model.js');
+const require_index$3 = require('../components/TabProduct/selectProductItem/index.js');
+const require_index$4 = require('../components/emptyBooking/index.js');
+const require_utils$1 = require('../components/footer/utils.js');
+const require_index$5 = require('../components/footer/index.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let antd = require("antd");
+let __pisell_utils = require("@pisell/utils");
+let __pisell_icon_es_SearchLg = require("@pisell/icon/es/SearchLg");
+__pisell_icon_es_SearchLg = require_rolldown_runtime.__toESM(__pisell_icon_es_SearchLg);
+require("./index.less");
+
+//#region src/components/booking/addons/index.tsx
+/**
+* @title: 添加额外商品
+* @description:
+* @return {*}
+* @Author: zhiwei.Wang
+* @Date: 2024-01-30 16:33
+*/
+const formatProducts = (values) => {
+	let arr = [];
+	arr = values.map((item) => {
+		return {
+			order_detail_id: item.order_detail_id || 0,
+			num: item._extend.quantity,
+			price: require_utils$1.formatProductPrice(item),
+			product_id: item.id,
+			discount_list: item?.discount_list || [],
+			discount_amount: 0,
+			product_discount_reason: "",
+			is_charge_tax: item.is_charge_tax,
+			note: "",
+			discountway: "num",
+			discount_type: "discount",
+			bundle_edit: item._extend?.bundle_edit,
+			product_bundle: require_utils$1.formatProductBundle(item._extend?.other?.bundle),
+			"product_option_item": require_utils$1.formatProductOption(item._extend?.other?.option),
+			"product_variant_id": item._extend?.other?.product_variant_id || 0
+		};
+	});
+	return arr;
+};
+const restoreProductOtherData = (data) => {
+	let detail = data;
+	return {
+		product_id: detail.product_id,
+		option: [],
+		bundle: (detail.product_bundle || []).map((bundleItem) => {
+			return {
+				...bundleItem,
+				title: bundleItem.bundle_title,
+				group_id: bundleItem.bundle_group_id,
+				id: bundleItem.bundle_id,
+				product_id: bundleItem.bundle_product_id,
+				bundle_variant_id: bundleItem.bundle_variant_id,
+				quantity: bundleItem.num,
+				option: bundleItem.option.map((optionItem) => {
+					return {
+						...optionItem,
+						name: optionItem.name["auto"],
+						quantity: bundleItem.num,
+						product_option_item_id: optionItem.option_group_item_id
+					};
+				})
+			};
+		}),
+		product_variant_id: detail.product_variant_id || 0,
+		quantity: Number(detail.product_quantity)
+	};
+};
+const formatProductValues = (data) => {
+	return data.map((d) => {
+		return {
+			...d,
+			id: d.product_id,
+			title: d.product_title,
+			isAddons: true,
+			quantity: d.product_quantity,
+			cover: d.product_cover,
+			price: Number(d.source_product_price),
+			_extend: {
+				total: Number(d.selling_price),
+				origin_total: Number(d.selling_price),
+				payment_price: Number(d.payment_price),
+				price: Number(d.source_product_price),
+				quantity: d.product_quantity,
+				bundle_edit: 0,
+				other: restoreProductOtherData(d)
+			},
+			payment_price: Number(d.payment_price)
+		};
+	});
+};
+const Addons = require_model.Provider((props) => {
+	const { globalState } = props;
+	const { state, dispatch } = (0, react.useContext)(require_model.Context);
+	const [loading, setLoading] = (0, react.useState)(false);
+	const [listLoading, setListLoading] = (0, react.useState)(false);
+	const [search, setSearch] = (0, react.useState)("");
+	const searchRef = (0, react.useRef)();
+	const context = require_useEngineContext.default();
+	const [modal, contextHolder] = antd.Modal.useModal();
+	const { isTerminal, interaction } = context.appHelper?.utils || {};
+	require_utils.request.setRequest(context.appHelper.utils.request);
+	(0, react.useEffect)(() => {
+		dispatch({
+			type: "setState",
+			payload: { setGlobalState: props.setGlobalState }
+		});
+	}, []);
+	(0, react.useEffect)(() => {
+		dispatch({
+			type: "setState",
+			payload: { ...globalState }
+		});
+	}, [globalState]);
+	/**
+	* @title: 获取商品列表和当前的预约商品
+	* @description:
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:34
+	*/
+	const init = () => {
+		getAddonsByOrderId();
+	};
+	(0, react.useEffect)(() => {
+		if (isTerminal?.()) interaction?.utils?.mountFunction("booking", "refreshBookingDetailAddons", () => {
+			init();
+		});
+	}, [state]);
+	/**
+	* @title: 通过订单id 获取addons
+	* @description:
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:35
+	*/
+	const getAddonsByOrderId = async () => {
+		setLoading(true);
+		dispatch({
+			type: "setAddons",
+			payload: {
+				value: formatProductValues(await state.apis.getAddonsByOrderId() || []),
+				load: true,
+				edit: false
+			}
+		});
+		setLoading(false);
+	};
+	/**
+	* @title: 获取商品列表
+	* @description:
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:36
+	*/
+	const getProducts = async () => {
+		setListLoading(true);
+		let data = await state.apis.getProducts({
+			skip: 1,
+			num: 500,
+			extension_type: [
+				"normal",
+				"product_bundle",
+				"product_package_ticket",
+				"ticket"
+			],
+			with: ["category"],
+			status: "published",
+			open_quotation: 1,
+			with_schedule: 0,
+			with_count: ["bundleGroup", "optionGroup"],
+			order_by_string: "sort:desc",
+			_config: { useCache: true }
+		});
+		setListLoading(false);
+		dispatch({
+			type: "setAddons",
+			payload: { originData: data?.list || [] }
+		});
+	};
+	/**
+	* @title: 添加商品
+	* @description:
+	* @param {any} item
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:36
+	*/
+	const handleAddProduct = (item, type) => {
+		let _list = [...state.addons.value];
+		const isSession = require_utils.isSessionProduct(item);
+		const isEject = require_utils.getIsEject(item, type);
+		const isOnlySession = require_utils.getIsOnlySession(item);
+		state.action({
+			type: "pisell1.handleOpenProductModal",
+			data: {
+				id: item.id,
+				date: state.date.value.format("YYYY-MM-DD"),
+				showConfig: {
+					option: true,
+					session: isSession,
+					variant: true,
+					package: true,
+					number: true
+				},
+				isOnlySession,
+				is_eject: isEject ? 1 : 0,
+				isOS: isSession
+			},
+			callback: (e, extension_type, detail) => {
+				const _detail = detail || item;
+				let product = {
+					..._detail,
+					_id: (0, __pisell_utils.getUniqueId)(),
+					isAddons: true,
+					_key: e.key,
+					_extend: {
+						price: _detail.price,
+						other: e,
+						quantity: e?.quantity || 1
+					},
+					quantity: e?.quantity || 1
+				};
+				let _total = require_utils.getProductTotalPrice(product);
+				product._extend.total = _total;
+				product._extend.origin_total = _total;
+				let _item = _list.find((d) => d._extend.other.rowKey === e.rowKey && !d.booking_id && !d.discount_list?.length);
+				if (_item) _item._extend.quantity = _item._extend.quantity + product.quantity;
+				else _list.push(product);
+				dispatch({
+					type: "setAddons",
+					payload: {
+						value: _list,
+						showModal: false,
+						edit: true
+					}
+				});
+			}
+		});
+	};
+	/**
+	* @title: 修改商品数量
+	* @description:
+	* @param {any} e
+	* @param {any} item
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:37
+	*/
+	const onChangeQuantity = (e, item) => {
+		let quantity = e.target.value;
+		let _list = [...state.addons.value];
+		if (quantity == 0) _list = _list.filter((d) => d._id !== item._id);
+		else {
+			let _item = {
+				...item,
+				_extend: {
+					...item._extend,
+					quantity: Number(e.target.value)
+				}
+			};
+			if (_item._extend?.bundle_edit !== void 0) _item._extend.bundle_edit = 1;
+			_list = _list.map((d) => d._id === item._id ? _item : d);
+		}
+		dispatch({
+			type: "setAddons",
+			payload: {
+				value: _list,
+				edit: true
+			}
+		});
+	};
+	/**
+	* @title: 渲染列表, 用于处理 搜索逻辑
+	* @description:
+	* @param {*} useMemo
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:38
+	*/
+	const renderList = (0, react.useMemo)(() => {
+		let _list = state.addons?.originData || [];
+		const isIncludes = (str) => {
+			return str.toLowerCase().indexOf(search.toLowerCase()) !== -1;
+		};
+		return require_utils.formatProductListByCategory(_list, search ? (item) => isIncludes(item.title) : void 0);
+	}, [search, state.addons?.originData]);
+	const isEdit = (0, react.useMemo)(() => {
+		return state?.addons?.edit;
+	}, [state?.addons?.edit]);
+	/**
+	* @title: 打开新增弹窗
+	* @description:
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:40
+	*/
+	const handleOpenAdd = () => {
+		if (isTerminal?.()) return interaction?.utils?.postMessageToApp?.({
+			module: "booking",
+			key: "edit_order",
+			data: { order_id: state.bookingId }
+		});
+		getProducts();
+		setSearch("");
+		dispatch({
+			type: "setAddons",
+			payload: { showModal: true }
+		});
+		if (!state.isTerminal) setTimeout(() => {
+			searchRef.current?.focus?.();
+		}, 100);
+	};
+	/**
+	* @title: 底部按钮
+	* @description:
+	* @param {*} useMemo
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-01-30 16:39
+	*/
+	const _footer = (0, react.useMemo)(() => {
+		if (state.disabledEdit) return [];
+		return [/* @__PURE__ */ react.default.createElement(antd.Button, {
+			className: "pisell-lowcode__booking-footer-buttons-item",
+			type: "default",
+			disabled: loading,
+			onClick: handleOpenAdd
+		}, __pisell_utils.locales.getText("pisell2.text.add"))];
+	}, [
+		state,
+		isEdit,
+		loading
+	]);
+	const footer = (0, react.useMemo)(() => {
+		if (!state.bookingId) return null;
+		return /* @__PURE__ */ react.default.createElement(require_index$5.default, {
+			state,
+			dispatch,
+			buttons: _footer,
+			source: "addons"
+		});
+	}, [state, _footer]);
+	const editProductDetail = (item) => {
+		if (state.disabledEdit) return;
+		const isSession = require_utils.isSessionProduct(item);
+		state.action({
+			type: "pisell1.handleOpenProductModal",
+			data: {
+				id: item.id,
+				date: state.date.value.format("YYYY-MM-DD"),
+				showConfig: {
+					option: true,
+					session: isSession,
+					variant: true,
+					package: true,
+					number: true
+				},
+				value: item._extend.other,
+				isOS: isSession
+			},
+			callback: (e, extension_type, detail) => {
+				const _detail = detail || item;
+				let product = {
+					...item,
+					..._detail,
+					isAddons: true,
+					discount_list: [],
+					_extend: {
+						...item._extend,
+						other: e,
+						quantity: e?.quantity || 1
+					}
+				};
+				if (product._extend?.bundle_edit !== void 0) product._extend.bundle_edit = 1;
+				let _total = require_utils.getProductTotalPrice(product);
+				product._extend.total = _total;
+				product._extend.origin_total = _total;
+				let _list = [...state.addons.value];
+				_list = _list.map((d) => d._id === product._id ? product : d);
+				dispatch({
+					type: "setAddons",
+					payload: {
+						value: _list,
+						showModal: false,
+						edit: true
+					}
+				});
+			}
+		});
+	};
+	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(require_index$2.default, {
+		loading,
+		header: __pisell_utils.locales.getText("pisell2.text.addons"),
+		footer
+	}, !state.bookingId ? /* @__PURE__ */ react.default.createElement(require_index$4.default, null) : /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, state.addons.value.length ? /* @__PURE__ */ react.default.createElement("div", {
+		className: "",
+		style: { margin: "0 -32px" }
+	}, state.addons.value.map((d) => {
+		return /* @__PURE__ */ react.default.createElement(require_index$3.default, {
+			disabled: state.disabledEdit,
+			item: d,
+			key: d.id,
+			amountSymbol: state.amountSymbol,
+			onClick: editProductDetail,
+			onChangeQuantity: (e) => {
+				onChangeQuantity(e, d);
+			}
+		});
+	})) : /* @__PURE__ */ react.default.createElement(require_index$4.default, { description: __pisell_utils.locales.getText("pisell1.text.no-addons") }), /* @__PURE__ */ react.default.createElement(require_index.default, {
+		titleNoWrap: true,
+		open: state.addons.showModal,
+		title: __pisell_utils.locales.getText("pisell2.text.addons"),
+		onClose: () => {
+			dispatch({
+				type: "setAddons",
+				payload: { showModal: false }
+			});
+		},
+		rootClassName: "booking-addons-wrap",
+		header: /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode__booking-service-header" }, /* @__PURE__ */ react.default.createElement(antd.Input, {
+			ref: searchRef,
+			prefix: /* @__PURE__ */ react.default.createElement(__pisell_icon_es_SearchLg.default, null),
+			style: {
+				marginTop: 16,
+				height: 44
+			},
+			placeholder: __pisell_utils.locales.getText("pisell2.text.search"),
+			allowClear: true,
+			value: search,
+			onChange: (e) => {
+				setSearch(e.target.value);
+			}
+		}))
+	}, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode__booking-service-body" }, /* @__PURE__ */ react.default.createElement(antd.Skeleton, {
+		loading: listLoading,
+		active: true,
+		round: true,
+		style: { padding: 20 }
+	}, /* @__PURE__ */ react.default.createElement(require_index$1.default, {
+		scrollDom: ".booking-addons-wrap .pisell-lowcode-drawer-body",
+		list: renderList,
+		amountSymbol: state.amountSymbol,
+		onChange: handleAddProduct
+	})))))), contextHolder);
+});
+var addons_default = Addons;
+
+//#endregion
+exports.default = addons_default;
+exports.formatProducts = formatProducts;

package/dist/lib/components/booking/addons/index.less

@@ -0,0 +1,22 @@
+.pisell-lowcode__booking-notes-label {
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.pisell-lowcode__booking-notes-input {
+  margin-top: 8px;
+}
+
+.pisell-lowcode__booking-notes-desc {
+  margin-top: 8px;
+}
+
+
+.pisell-lowcode__booking-service-header {
+  padding: 16px 0;
+  // border-bottom: 1px solid var(--gray-300, #D0D5DD);
+}
+
+.pisell-lowcode__booking-service-body {
+  background: var(--gray-50, #F9FAFB);
+}

package/dist/lib/components/booking/addons/model.js

@@ -0,0 +1,33 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.js');
+let __pisell_utils = require("@pisell/utils");
+
+//#region src/components/booking/addons/model.tsx
+const defaultState = {};
+const { Provider, Context } = (0, __pisell_utils.miniRedux)({
+	namespace: "state",
+	state: defaultState,
+	reducers: {
+		setState(state, payload) {
+			return {
+				...state,
+				...payload
+			};
+		},
+		setAddons(state, payload) {
+			state.setGlobalState({ addons: {
+				...state.addons,
+				...payload
+			} });
+		},
+		setService(state, payload) {
+			state.setGlobalState({ service: {
+				...state.service,
+				...payload
+			} });
+		}
+	}
+});
+
+//#endregion
+exports.Context = Context;
+exports.Provider = Provider;

package/dist/lib/components/booking/components/TabProduct/card/index.js

@@ -0,0 +1,16 @@
+const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.js');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+require("./index.less");
+
+//#region src/components/booking/components/TabProduct/card/index.tsx
+const Card = (props) => {
+	return /* @__PURE__ */ React.createElement("div", {
+		...props,
+		className: (0, classnames.default)("pisell-card", { "pisell-card-layout_2": props.layout === 2 }, props.className)
+	}, props.children);
+};
+var card_default = Card;
+
+//#endregion
+exports.default = card_default;

package/dist/lib/components/booking/components/TabProduct/card/index.less

@@ -0,0 +1,16 @@
+.pisell-card {
+  width: 100%;
+  background: #ffffff;
+  border-radius: 4px;
+  padding: 20px;
+  box-sizing: border-box;
+  margin-bottom: 20px;
+  overflow: hidden;
+}
+
+.pisell-card-layout_2 {
+  background: #ffffff;
+  /* shadow-sm */
+  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
+  border-radius: 12px;
+}

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

@@ -0,0 +1,115 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
+const require_index = require('./tabs/index.js');
+const require_index$1 = require('./card/index.js');
+const require_index$2 = require('./productItem/index.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let ahooks = require("ahooks");
+require("./index.less");
+
+//#region src/components/booking/components/TabProduct/index.tsx
+let io = null;
+const TabProduct = (props) => {
+	const { list, onChange, amountSymbol = "$", scrollDom } = props;
+	const tabsRef = (0, react.useRef)();
+	const [current, setCurrent] = (0, react.useState)(1);
+	(0, react.useEffect)(() => {
+		if (list?.length) {
+			setCurrent(list[0].id);
+			handleObserver();
+		}
+	}, [list]);
+	/**
+	* @title: 开启监听
+	* @description:
+	* @return {*}
+	* @Author: chensheng.gu
+	* @Date: 2023-07-13 16:31
+	*/
+	const handleObserver = (0, ahooks.useMemoizedFn)(() => {
+		const _marginTop = 270;
+		const _marginBottom = window.innerHeight - 70 - 200 - 70;
+		const _rootMargin = `${_marginTop * -1}px 0px ${_marginBottom * -1}px 0px`;
+		io = new IntersectionObserver((entries) => {
+			if (entries[0].isIntersecting) {
+				const [name, id] = entries[0]?.target?.id?.split("-");
+				setCurrent(Number(id));
+				tabsRef?.current?.scroll(id);
+			}
+		}, {
+			root: null,
+			rootMargin: _rootMargin
+		});
+		if (list?.length) for (const item of list) {
+			const _item = document.querySelector(`#list-${item.id}`);
+			if (_item) io.observe(_item);
+		}
+	});
+	/**
+	* @title: 取消监听
+	* @description:
+	* @return {*}
+	* @Author: chensheng.gu
+	* @Date: 2023-07-13 16:31
+	*/
+	const handleUnobserver = (0, ahooks.useMemoizedFn)(() => {
+		if (list?.length && io) for (const item of list) {
+			const _item = document.querySelector(`#list-${item.id}`);
+			if (_item) io.unobserve(_item);
+		}
+	});
+	const onProductClick = (0, ahooks.useMemoizedFn)((productDetail, type) => {
+		onChange?.(productDetail, type);
+	});
+	return (0, react.useMemo)(() => {
+		return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement("div", { className: "booking-tab-product" }, /* @__PURE__ */ react.default.createElement("div", {
+			className: "booking-tabs-wrap",
+			style: { top: "67px" }
+		}, /* @__PURE__ */ react.default.createElement(require_index$1.default, {
+			className: "booking-tabs",
+			id: "product-category"
+		}, /* @__PURE__ */ react.default.createElement(require_index.default, {
+			ref: tabsRef,
+			options: list,
+			rowKey: "id",
+			tab: current,
+			onChange: (e) => {
+				let categoryDom = document.querySelector("#product-category");
+				let top = 0;
+				if (categoryDom) top = categoryDom.offsetHeight + 16;
+				const dom = document?.querySelector("#list-" + e);
+				const main = document?.querySelector(scrollDom || "");
+				if (dom && main) main.scrollTop = dom.offsetTop - top;
+				handleUnobserver();
+				setCurrent(e);
+				setTimeout(() => {
+					handleObserver();
+				}, 1e3);
+			}
+		}))), /* @__PURE__ */ react.default.createElement("div", { className: "booking-category-list" }, list.map((d, i) => {
+			return /* @__PURE__ */ react.default.createElement("div", {
+				className: "booking-category-item",
+				id: `list-${d.id}`,
+				key: i
+			}, /* @__PURE__ */ react.default.createElement("div", { className: "booking-category-title" }, d.name), /* @__PURE__ */ react.default.createElement("div", { className: "booking-product-list" }, /* @__PURE__ */ react.default.createElement(require_index$1.default, {
+				className: "booking-card",
+				layout: 2
+			}, d.products.map((item) => {
+				return /* @__PURE__ */ react.default.createElement(require_index$2.default, {
+					key: item.id,
+					item,
+					onClick: onProductClick,
+					amountSymbol
+				});
+			}))));
+		}))));
+	}, [
+		list,
+		current,
+		amountSymbol
+	]);
+};
+var TabProduct_default = TabProduct;
+
+//#endregion
+exports.default = TabProduct_default;