@pisell/private-materials 6.6.10 → 6.6.12

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

@@ -1,457 +0,0 @@
-import { formatProductListByCategory, getIsEject, getIsOnlySession, getProductTotalPrice, isSessionProduct, request } from "../utils.js";
-import drawer_default from "../components/drawer/index.js";
-import useEngineContext_default from "../../../hooks/useEngineContext.js";
-import TabProduct_default from "../components/TabProduct/index.js";
-import tabPane_default from "../components/tabPane/index.js";
-import { Context, Provider } from "./model.js";
-import selectProductItem_default from "../components/TabProduct/selectProductItem/index.js";
-import emptyBooking_default from "../components/emptyBooking/index.js";
-import { formatProductBundle, formatProductOption, formatProductPrice } from "../components/footer/utils.js";
-import footer_default from "../components/footer/index.js";
-import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
-import { Button, Input, Modal, Skeleton } from "antd";
-import { getUniqueId, locales } from "@pisell/utils";
-import SearchLg from "@pisell/icon/es/SearchLg";
-import "./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: 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: formatProductBundle(item._extend?.other?.bundle),
-			"product_option_item": 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 = Provider((props) => {
-	const { globalState } = props;
-	const { state, dispatch } = useContext(Context);
-	const [loading, setLoading] = useState(false);
-	const [listLoading, setListLoading] = useState(false);
-	const [search, setSearch] = useState("");
-	const searchRef = useRef();
-	const context = useEngineContext_default();
-	const [modal, contextHolder] = Modal.useModal();
-	const { isTerminal, interaction } = context.appHelper?.utils || {};
-	request.setRequest(context.appHelper.utils.request);
-	useEffect(() => {
-		dispatch({
-			type: "setState",
-			payload: { setGlobalState: props.setGlobalState }
-		});
-	}, []);
-	useEffect(() => {
-		dispatch({
-			type: "setState",
-			payload: { ...globalState }
-		});
-	}, [globalState]);
-	/**
-	* @title: 获取商品列表和当前的预约商品
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 16:34
-	*/
-	const init = () => {
-		getAddonsByOrderId();
-	};
-	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 = isSessionProduct(item);
-		const isEject = getIsEject(item, type);
-		const isOnlySession = 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: getUniqueId(),
-					isAddons: true,
-					_key: e.key,
-					_extend: {
-						price: _detail.price,
-						other: e,
-						quantity: e?.quantity || 1
-					},
-					quantity: e?.quantity || 1
-				};
-				let _total = 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 = useMemo(() => {
-		let _list = state.addons?.originData || [];
-		const isIncludes = (str) => {
-			return str.toLowerCase().indexOf(search.toLowerCase()) !== -1;
-		};
-		return formatProductListByCategory(_list, search ? (item) => isIncludes(item.title) : void 0);
-	}, [search, state.addons?.originData]);
-	const isEdit = 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 = useMemo(() => {
-		if (state.disabledEdit) return [];
-		return [/* @__PURE__ */ React.createElement(Button, {
-			className: "pisell-lowcode__booking-footer-buttons-item",
-			type: "default",
-			disabled: loading,
-			onClick: handleOpenAdd
-		}, locales.getText("pisell2.text.add"))];
-	}, [
-		state,
-		isEdit,
-		loading
-	]);
-	const footer = useMemo(() => {
-		if (!state.bookingId) return null;
-		return /* @__PURE__ */ React.createElement(footer_default, {
-			state,
-			dispatch,
-			buttons: _footer,
-			source: "addons"
-		});
-	}, [state, _footer]);
-	const editProductDetail = (item) => {
-		if (state.disabledEdit) return;
-		const isSession = 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 = 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.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(tabPane_default, {
-		loading,
-		header: locales.getText("pisell2.text.addons"),
-		footer
-	}, !state.bookingId ? /* @__PURE__ */ React.createElement(emptyBooking_default, null) : /* @__PURE__ */ React.createElement(React.Fragment, null, state.addons.value.length ? /* @__PURE__ */ React.createElement("div", {
-		className: "",
-		style: { margin: "0 -32px" }
-	}, state.addons.value.map((d) => {
-		return /* @__PURE__ */ React.createElement(selectProductItem_default, {
-			disabled: state.disabledEdit,
-			item: d,
-			key: d.id,
-			amountSymbol: state.amountSymbol,
-			onClick: editProductDetail,
-			onChangeQuantity: (e) => {
-				onChangeQuantity(e, d);
-			}
-		});
-	})) : /* @__PURE__ */ React.createElement(emptyBooking_default, { description: locales.getText("pisell1.text.no-addons") }), /* @__PURE__ */ React.createElement(drawer_default, {
-		titleNoWrap: true,
-		open: state.addons.showModal,
-		title: locales.getText("pisell2.text.addons"),
-		onClose: () => {
-			dispatch({
-				type: "setAddons",
-				payload: { showModal: false }
-			});
-		},
-		rootClassName: "booking-addons-wrap",
-		header: /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-service-header" }, /* @__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);
-			}
-		}))
-	}, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-service-body" }, /* @__PURE__ */ React.createElement(Skeleton, {
-		loading: listLoading,
-		active: true,
-		round: true,
-		style: { padding: 20 }
-	}, /* @__PURE__ */ React.createElement(TabProduct_default, {
-		scrollDom: ".booking-addons-wrap .pisell-lowcode-drawer-body",
-		list: renderList,
-		amountSymbol: state.amountSymbol,
-		onChange: handleAddProduct
-	})))))), contextHolder);
-});
-var addons_default = Addons;
-
-//#endregion
-export { addons_default as default, formatProducts };

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

@@ -1,22 +0,0 @@
-.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/es/components/booking/addons/model.js

@@ -1,31 +0,0 @@
-import { miniRedux } from "@pisell/utils";
-
-//#region src/components/booking/addons/model.tsx
-const defaultState = {};
-const { Provider, Context } = 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
-export { Context, Provider };

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

@@ -1,14 +0,0 @@
-import classNames from "classnames";
-import "./index.less";
-
-//#region src/components/booking/components/TabProduct/card/index.tsx
-const Card = (props) => {
-	return /* @__PURE__ */ React.createElement("div", {
-		...props,
-		className: classNames("pisell-card", { "pisell-card-layout_2": props.layout === 2 }, props.className)
-	}, props.children);
-};
-var card_default = Card;
-
-//#endregion
-export { card_default as default };

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

@@ -1,16 +0,0 @@
-.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/es/components/booking/components/TabProduct/index.js

@@ -1,113 +0,0 @@
-import tabs_default from "./tabs/index.js";
-import card_default from "./card/index.js";
-import productItem_default from "./productItem/index.js";
-import React, { useEffect, useMemo, useRef, useState } from "react";
-import { useMemoizedFn } from "ahooks";
-import "./index.less";
-
-//#region src/components/booking/components/TabProduct/index.tsx
-let io = null;
-const TabProduct = (props) => {
-	const { list, onChange, amountSymbol = "$", scrollDom } = props;
-	const tabsRef = useRef();
-	const [current, setCurrent] = useState(1);
-	useEffect(() => {
-		if (list?.length) {
-			setCurrent(list[0].id);
-			handleObserver();
-		}
-	}, [list]);
-	/**
-	* @title: 开启监听
-	* @description:
-	* @return {*}
-	* @Author: chensheng.gu
-	* @Date: 2023-07-13 16:31
-	*/
-	const handleObserver = 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 = useMemoizedFn(() => {
-		if (list?.length && io) for (const item of list) {
-			const _item = document.querySelector(`#list-${item.id}`);
-			if (_item) io.unobserve(_item);
-		}
-	});
-	const onProductClick = useMemoizedFn((productDetail, type) => {
-		onChange?.(productDetail, type);
-	});
-	return useMemo(() => {
-		return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "booking-tab-product" }, /* @__PURE__ */ React.createElement("div", {
-			className: "booking-tabs-wrap",
-			style: { top: "67px" }
-		}, /* @__PURE__ */ React.createElement(card_default, {
-			className: "booking-tabs",
-			id: "product-category"
-		}, /* @__PURE__ */ React.createElement(tabs_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.createElement("div", { className: "booking-category-list" }, list.map((d, i) => {
-			return /* @__PURE__ */ React.createElement("div", {
-				className: "booking-category-item",
-				id: `list-${d.id}`,
-				key: i
-			}, /* @__PURE__ */ React.createElement("div", { className: "booking-category-title" }, d.name), /* @__PURE__ */ React.createElement("div", { className: "booking-product-list" }, /* @__PURE__ */ React.createElement(card_default, {
-				className: "booking-card",
-				layout: 2
-			}, d.products.map((item) => {
-				return /* @__PURE__ */ React.createElement(productItem_default, {
-					key: item.id,
-					item,
-					onClick: onProductClick,
-					amountSymbol
-				});
-			}))));
-		}))));
-	}, [
-		list,
-		current,
-		amountSymbol
-	]);
-};
-var TabProduct_default = TabProduct;
-
-//#endregion
-export { TabProduct_default as default };

package/dist/es/components/booking/components/TabProduct/index.less

@@ -1,52 +0,0 @@
-.booking-tab-product {
-  position: relative;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  scroll-behavior: smooth;
-  border-radius: 12px;
-
-  .booking-tabs-wrap {
-    position: sticky;
-    // top: 157px;
-    z-index: 58;
-    width: 100%;
-  }
-
-  .booking-tabs {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    // box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
-    // border-radius: 12px;
-    padding: 16px 0;
-    margin-bottom: 0;
-  }
-
-  .booking-category-list {
-    width: 100%;
-    height: 100%;
-    padding: 0 32px;
-
-    .booking-category-item {
-      .booking-category-title {
-        margin: 16px 0;
-        font-style: normal;
-        font-weight: 600;
-        font-size: 18px;
-        line-height: 24px;
-        color: #1b1b1b;
-      }
-
-      .booking-product-list {
-        .booking-card {
-          padding: 0;
-          margin-bottom: 16px;
-
-        }
-      }
-    }
-  }
-}