@pisell/private-materials 6.3.58 → 6.3.60

package/dist/es/components/selectModal/index.js

@@ -1,81 +0,0 @@
-import { formatProductListByCategory } from "../booking/utils.js";
-import drawer_default from "../booking/components/drawer/index.js";
-import addButton_default from "../booking/components/addButton/index.js";
-import tabProduct_default from "../tabProduct/index.js";
-import React, { useMemo, useState } from "react";
-import { Input, Skeleton } from "antd";
-import { changeArray } from "@pisell/utils";
-import SearchLg from "@pisell/icon/es/SearchLg";
-import classNames from "classnames";
-import "./index.less";
-
-//#region src/components/selectModal/index.tsx
-const MAX_LENGTH = 999;
-const SelectModal = (props) => {
-	const { value, onChange, dataSource = [], renderValueItem, renderOptionItem, disabled, className, style, maxLength = MAX_LENGTH, buttonProps, drawerProps, tabProductProps, loading } = props;
-	const [open, setOpen] = useState(false);
-	const [search, setSearch] = useState("");
-	const _value = useMemo(() => {
-		return value || [];
-	}, [value]);
-	const onOpen = () => {
-		setOpen(true);
-	};
-	const onClose = () => {
-		setSearch("");
-		setOpen(false);
-	};
-	const renderList = useMemo(() => {
-		let _list = dataSource || [];
-		const isIncludes = (str) => {
-			return str.toLowerCase().indexOf(search.toLowerCase()) !== -1;
-		};
-		return formatProductListByCategory(_list, search ? (item) => isIncludes(item.title) : void 0);
-	}, [search, dataSource]);
-	const onSelect = (item) => {
-		onChange?.(changeArray(_value, item, "id"));
-		onClose();
-	};
-	return /* @__PURE__ */ React.createElement("div", {
-		className: classNames("pisell2-select-modal", className),
-		style
-	}, /* @__PURE__ */ React.createElement(Skeleton, {
-		active: true,
-		round: true,
-		loading
-	}, _value.map((item) => {
-		return renderValueItem?.(item, (item$1) => {
-			onOpen();
-		});
-	})), _value.length < maxLength ? /* @__PURE__ */ React.createElement(addButton_default, {
-		onClick: onOpen,
-		...buttonProps
-	}) : null, /* @__PURE__ */ React.createElement(drawer_default, {
-		open,
-		onClose,
-		header: /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-service-header" }, /* @__PURE__ */ React.createElement(Input, {
-			prefix: /* @__PURE__ */ React.createElement(SearchLg, null),
-			style: {
-				marginTop: 16,
-				height: 44
-			},
-			placeholder: "",
-			allowClear: true,
-			value: search,
-			onChange: (e) => {
-				setSearch(e.target.value);
-			}
-		})),
-		...drawerProps
-	}, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-service-body" }, /* @__PURE__ */ React.createElement(tabProduct_default, {
-		list: renderList,
-		...tabProductProps,
-		renderItem: (item) => {
-			return renderOptionItem?.(item, onSelect);
-		}
-	}))));
-};
-var selectModal_default = SelectModal;
-
-//#endregion
-export { selectModal_default as default };

package/dist/es/components/shoppingCart/Provider.js

@@ -1,75 +0,0 @@
-import { defaultData } from "./status.js";
-import { formatState } from "./utils.js";
-import React, { createContext, useEffect, useState } from "react";
-
-//#region src/components/shoppingCart/Provider.tsx
-const CartContext = createContext({});
-const CartProvider = ({ children, props, onCard, onAction, onChange, onAddProduct, onActiveKey }) => {
-	const defaultState = {
-		...defaultData,
-		...props
-	};
-	const [state, setState] = useState(defaultState);
-	/**
-	* @title: 更新数据
-	* @description:
-	* @param {any} newState
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-11-28 14:44
-	*/
-	const updateState = (newState) => {
-		console.log(newState, "wh_new");
-		setState((prevState) => {
-			return {
-				...prevState,
-				...newState
-			};
-		});
-	};
-	/**
-	* @title: 更新配置
-	* @description:
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-11-28 18:40
-	*/
-	useEffect(() => {
-		const _isOpenGroup = props?.hasOwnProperty("isOpenGroup");
-		let newState = {};
-		if (props?.platform) newState["platform"] = props?.platform;
-		if (_isOpenGroup) newState["isOpenGroup"] = props?.isOpenGroup;
-		if (props?.emptyText) newState["emptyText"] = props?.emptyText;
-		if (props?.productParams) newState = {
-			...newState,
-			...props?.productParams
-		};
-		if (props?.collapseParams) newState["collapseParams"] = props?.collapseParams;
-		const params = {
-			...defaultState,
-			...newState
-		};
-		setState({
-			...params,
-			...formatState(params)
-		});
-	}, [
-		props?.platform,
-		props?.isOpenGroup,
-		props?.emptyText,
-		props?.productParams,
-		props?.collapseParams
-	]);
-	return /* @__PURE__ */ React.createElement(CartContext.Provider, { value: {
-		state,
-		updateState,
-		onCard,
-		onChange,
-		onAddProduct,
-		onActiveKey,
-		onAction
-	} }, children);
-};
-
-//#endregion
-export { CartContext, CartProvider };

package/dist/es/components/shoppingCart/components/Cart/Product.js

@@ -1,89 +0,0 @@
-import { useContext as useContext$1 } from "../../hooks/useContext.js";
-import useAddService_default from "../../hooks/useAddService.js";
-import useClearCart_default from "../../hooks/useClearCart.js";
-import React, { useMemo } from "react";
-import { useMemoizedFn, useTrackedEffect } from "ahooks";
-import { ProductCard } from "@pisell/materials";
-
-//#region src/components/shoppingCart/components/Cart/Product.tsx
-const Product = (props) => {
-	const { id, lists, isAdd = true } = props;
-	const { state, onAction, onChange } = useContext$1();
-	const { disabledEdit, isShowPackageNote, isShowNote, hideAddBtn, platform, isShowChangeResource, isShowDelete, isShowChangeHolder, isShowHolder, isShowAddHolderButton, isShowEditProduct } = state;
-	const clearCart = useClearCart_default(id);
-	/**
-	* @title: 更新商品数据
-	* @description:
-	* @param {any} item
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-11-28 22:02
-	*/
-	const handleChange = useMemoizedFn((item, type, other) => {
-		if (disabledEdit && !other?.disabled) return;
-		onChange(item, type, other);
-	});
-	const productParams = useMemo(() => {
-		return {
-			isShowNote,
-			isShowPackageNote,
-			disabledEdit,
-			isShowChangeResource,
-			isShowChangeHolder,
-			isShowDelete,
-			isShowHolder,
-			isShowAddHolderButton,
-			isShowEditProduct
-		};
-	}, [
-		isShowNote,
-		isShowPackageNote,
-		disabledEdit,
-		isShowChangeResource,
-		isShowDelete,
-		isShowHolder,
-		isShowAddHolderButton,
-		isShowChangeHolder,
-		isShowEditProduct
-	]);
-	useTrackedEffect((changes) => {
-		console.log("Index of changed dependencies: ", changes);
-	}, [
-		clearCart,
-		lists,
-		productParams,
-		hideAddBtn,
-		isAdd,
-		platform
-	]);
-	return useMemo(() => {
-		console.log("render cart");
-		return /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__shopping-cart-content" }, clearCart, lists?.map((item) => {
-			return /* @__PURE__ */ React.createElement(ProductCard, {
-				key: item._id,
-				dataSource: item,
-				onAction: (e) => onAction?.(e),
-				onDelete: (e) => handleChange(e, "delete", item),
-				onNote: (e) => handleChange(e, "note", { note: e.note }),
-				onLike: (e) => handleChange(e, "like", { like_status: e.like_status }),
-				onEditProduct: (e) => handleChange?.(e, "edit_product"),
-				onCard: (e) => handleChange?.(e, "view"),
-				onChangeResource: (e) => handleChange(item, "change_resource", e),
-				onChangeHolder: (e) => handleChange(item, "change_holder", e),
-				onAddHolder: (e) => handleChange(item, "add_holder", e),
-				...productParams
-			});
-		}), !hideAddBtn && platform !== "h5" && isAdd ? useAddService_default(id, "more") : null);
-	}, [
-		clearCart,
-		lists,
-		productParams,
-		hideAddBtn,
-		isAdd,
-		platform
-	]);
-};
-var Product_default = Product;
-
-//#endregion
-export { Product_default as default };

package/dist/es/components/shoppingCart/components/Cart/index.js

@@ -1,67 +0,0 @@
-import locales_default from "../../locales.js";
-import { useContext as useContext$1 } from "../../hooks/useContext.js";
-import Empty_default from "../Empty/index.js";
-import Product_default from "./Product.js";
-import React, { useMemo } from "react";
-import { locales } from "@pisell/utils";
-import classNames from "classnames";
-import { Collapse } from "@pisell/materials";
-import "./index.less";
-
-//#region src/components/shoppingCart/components/Cart/index.tsx
-locales.init(locales_default, localStorage.getItem("umi_locale") || "en");
-const Cart = () => {
-	const { state, updateState, onActiveKey } = useContext$1();
-	const { platform, carts, isProductList, collapseParams } = state;
-	/**
-	* @title: 折叠面板
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-11-27 15:01
-	*/
-	const cartsMap = useMemo(() => {
-		return carts?.map((item) => {
-			const _length = item?.products?.length;
-			return {
-				...item,
-				label: /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__shopping-cart-label" }, `${item?.label} ${locales.getText("pisell2.text.shopping-cart.item")(item?.products?.length)}`),
-				children: item?.products?.length > 0 ? /* @__PURE__ */ React.createElement(Product_default, {
-					id: item?.key,
-					lists: item?.products,
-					isAdd: state.maxLength > _length
-				}) : /* @__PURE__ */ React.createElement(Empty_default, { id: item?.key }),
-				showArrow: platform === "shop"
-			};
-		});
-	}, [carts, platform]);
-	return useMemo(() => {
-		console.log("render cart 22222");
-		return /* @__PURE__ */ React.createElement("div", { className: classNames("pisell-lowcode__shopping-cart") }, isProductList ? /* @__PURE__ */ React.createElement(Product_default, {
-			id: void 0,
-			lists: state?.products
-		}) : /* @__PURE__ */ React.createElement(Collapse, {
-			items: cartsMap,
-			showHeader: true,
-			panelBackground: "#ffffff",
-			collapsible: platform !== "shop" ? "disabled" : "-",
-			accordion: platform === "shop",
-			onChange: (key) => {
-				updateState({ activeKey: key });
-				onActiveKey(key);
-			},
-			...collapseParams
-		}));
-	}, [
-		isProductList,
-		cartsMap,
-		platform,
-		collapseParams,
-		state?.products
-	]);
-};
-var Cart_default = Cart;
-
-//#endregion
-export { Cart_default as default };

package/dist/es/components/shoppingCart/components/Cart/index.less

@@ -1,68 +0,0 @@
-.pisell-lowcode__shopping-cart {
-  .pisell-lowcode-collapse-content-box {
-    padding: 0 0 16px !important;
-  }
-
-  .pisell-lowcode-collapse-item {
-    .pisell-lowcode-collapse-header {
-      padding: 20px 0 !important;
-    }
-
-    &:first-child {
-      .pisell-lowcode-collapse-header {
-        padding: 0 0 20px !important;
-      }
-    }
-  }
-
-  .pisell-lowcode__shopping-cart-content {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-
-    .pisell-lowcode-product-card {
-      margin-bottom: 0;
-    }
-  }
-
-  .pisell-lowcode__shopping-cart-label {
-    color: var(--Base-Black, #000);
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 600;
-    line-height: 24px;
-  }
-
-  .pisell-lowcode__shopping-cart-clear-btn {
-    cursor: pointer;
-    color: var(--Blue-700, #175cd3);
-    font-weight: 600;
-    line-height: 24px; /* 150% */
-    display: flex;
-    align-items: center;
-    .anticon {
-      font-size: 18px;
-      margin-right: 6px;
-    }
-  }
-
-  .pisell-lowcode__shopping-cart-clear-btn-empty {
-    margin-top: 12px;
-  }
-
-  //.pisell-lowcode__shopping-cart-add-service {
-  //  color: var(--Blue-700, #175cd3);
-  //  font-size: 16px;
-  //  font-style: normal;
-  //  font-weight: 400;
-  //  line-height: 24px;
-  //  display: flex;
-  //  align-items: center;
-  //  gap: 8px;
-  //  cursor: pointer;
-  //}
-  //
-  //.pisell-lowcode__shopping-cart-add-service-products {
-  //  align-items: start;
-  //}
-}

package/dist/es/components/shoppingCart/components/Empty/index.js

@@ -1,14 +0,0 @@
-import { useContext } from "../../hooks/useContext.js";
-import useAddService_default from "../../hooks/useAddService.js";
-import "./index.less";
-
-//#region src/components/shoppingCart/components/Empty/index.tsx
-const Empty = (props) => {
-	const { state } = useContext();
-	const { emptyText, holders, hideAddBtn, platform } = state;
-	return /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__shopping-cart-empty" }, emptyText, !hideAddBtn && platform !== "h5" ? useAddService_default(props?.id) : null);
-};
-var Empty_default = Empty;
-
-//#endregion
-export { Empty_default as default };

package/dist/es/components/shoppingCart/components/Empty/index.less

@@ -1,19 +0,0 @@
-.pisell-lowcode__shopping-cart-empty {
-  color: var(--Gray-500, #667085);
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 24px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  // height: 380px;
-  height: 40px;
-  margin: 16px 20px 20px;
-  gap: 10px;
-}
-
-.pisell-lowcode__shopping-cart-empty-multiple {
-  height: 40px;
-}

package/dist/es/components/shoppingCart/components/Render/index.js

@@ -1,41 +0,0 @@
-import { useContext as useContext$1 } from "../../hooks/useContext.js";
-import Empty_default from "../Empty/index.js";
-import SelectHolderModal_default from "../SelectHolderModal/index.js";
-import Cart_default from "../Cart/index.js";
-import React, { useEffect, useRef, useState } from "react";
-import classNames from "classnames";
-import "./index.less";
-
-//#region src/components/shoppingCart/components/Render/index.tsx
-const Content = () => {
-	const { state, onChange } = useContext$1();
-	const selectPetRef = useRef();
-	const [pet, setPet] = useState([]);
-	const { isEmpty, className, holders, products, isEdit, platform } = state;
-	/**
-	* @title: 监听holder发生变化
-	* @description:
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-12-09 18:06
-	*/
-	useEffect(() => {
-		let _holders = holders?.filter((item) => item?.key > 0);
-		if (_holders?.length && !pet?.length && products?.length && !isEdit && platform !== "h5") if (_holders.length === 1) {
-			onChange(products, "update_holders", _holders[0]?.key);
-			return;
-		} else selectPetRef.current?.open?.({
-			products,
-			holders
-		});
-		setPet(_holders);
-	}, [holders]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classNames("pisell-lowcode__shopping-cart-wrap", className) }, isEmpty ? /* @__PURE__ */ React.createElement(Empty_default, null) : /* @__PURE__ */ React.createElement(Cart_default, null)), /* @__PURE__ */ React.createElement(SelectHolderModal_default, {
-		ref: selectPetRef,
-		onChange
-	}));
-};
-var Render_default = Content;
-
-//#endregion
-export { Render_default as default };

package/dist/es/components/shoppingCart/components/Render/index.less

@@ -1,17 +0,0 @@
-.pisell-lowcode__shopping-cart-wrap {
-  .pisell-lowcode__shopping-cart-add-service {
-    color: var(--Blue-700, #175cd3);
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 24px;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    cursor: pointer;
-  }
-
-  .pisell-lowcode__shopping-cart-add-service-products {
-    align-items: start
-  }
-}

package/dist/es/components/shoppingCart/components/SelectHolderModal/index.js

@@ -1,96 +0,0 @@
-import { formatService } from "../../utils.js";
-import React, { forwardRef, useImperativeHandle, useMemo, useState } from "react";
-import { Select } from "antd";
-import { locales } from "@pisell/utils";
-import { PisellModal } from "@pisell/materials";
-import "./index.less";
-
-//#region src/components/shoppingCart/components/SelectHolderModal/index.tsx
-const SelectPetModal = ({ onChange }, ref) => {
-	const [open, setOpen] = useState(false);
-	const [params, setParams] = useState(null);
-	useImperativeHandle(ref, () => {
-		return { open: ({ products, holders }) => {
-			const _holders = holders?.filter((item) => item.key > 0);
-			setParams({
-				service: formatService(products, _holders?.[0]?.key),
-				holders: _holders
-			});
-			setOpen(true);
-		} };
-	});
-	const handleChange = (e, index) => {
-		const _lists = [...params?.service];
-		_lists[index].holder_id = e;
-		console.log(e, index, _lists, "wh79876");
-		setParams({
-			...params,
-			service: _lists
-		});
-	};
-	/**
-	* @title: 弹窗内容
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-12-03 16:26
-	*/
-	const content = useMemo(() => {
-		const services = params?.service || [];
-		const options = params?.holders?.map((item) => {
-			return {
-				value: item.key,
-				label: item.main_field
-			};
-		});
-		return /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-select-pet-content" }, services?.map((item, index) => {
-			return /* @__PURE__ */ React.createElement("div", {
-				className: "pisell-lowcode__booking-select-pet-item",
-				key: item._id
-			}, /* @__PURE__ */ React.createElement("span", null, " ", item.name), /* @__PURE__ */ React.createElement(Select, {
-				defaultValue: options[0]?.value,
-				onChange: (e) => handleChange(e, index),
-				options,
-				popupMatchSelectWidth: false
-			}));
-		}));
-	}, [params?.service, params?.pets]);
-	const handleCancel = () => {
-		setOpen(false);
-	};
-	/**
-	* @title: 点击确定
-	* @description:
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-12-03 17:05
-	*/
-	const handleOk = () => {
-		const { service } = params;
-		const holders = service?.map((item) => {
-			return {
-				_id: item._id,
-				holder_id: item.holder_id
-			};
-		});
-		onChange(service, "update_holders", holders);
-		handleCancel();
-	};
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PisellModal, {
-		platform: "pc",
-		open,
-		bodyStyle: { padding: 0 },
-		title: locales.getText("pisell2.text.shopping-cart.select.holder.modal.title"),
-		okText: locales.getText("pisell2.text.shopping-cart.confirm"),
-		cancelText: locales.getText("pisell2.text.shopping-cart.cancel"),
-		onCancel: handleCancel,
-		onOk: handleOk,
-		destroyOnClose: true,
-		className: "pisell-lowcode__booking-select-pet-modal-wrap"
-	}, content));
-};
-var SelectHolderModal_default = forwardRef(SelectPetModal);
-
-//#endregion
-export { SelectHolderModal_default as default };

package/dist/es/components/shoppingCart/components/SelectHolderModal/index.less

@@ -1,32 +0,0 @@
-.pisell-lowcode__booking-select-pet-modal-wrap {
-  .pisell-lowcode-modal-body {
-    padding: 24px !important;
-    overflow-y: auto !important;
-    max-height: 80vh;
-
-    .pisell-lowcode__booking-select-pet-content {
-      display: flex;
-      flex-direction: column;
-      gap: 20px;
-
-      .pisell-lowcode__booking-select-pet-item {
-        display: flex;
-        padding: 8px 16px;
-        justify-content: space-between;
-        align-items: center;
-        align-self: stretch;
-        border-radius: 12px;
-        border: 1px solid var(--Gray-300, #d0d5dd);
-
-        .pisell-lowcode-select-selector {
-          display: flex;
-          padding: 6px 16px;
-          align-items: center;
-          gap: 8px;
-          border-radius: 20px;
-          border: 1px solid var(--Gray-300, #d0d5dd);
-        }
-      }
-    }
-  }
-}

package/dist/es/components/shoppingCart/hooks/useAddService.js

@@ -1,23 +0,0 @@
-import { useContext as useContext$1 } from "./useContext.js";
-import React from "react";
-import { locales } from "@pisell/utils";
-import classNames from "classnames";
-import { Iconfont } from "@pisell/materials";
-
-//#region src/components/shoppingCart/hooks/useAddService.tsx
-const useAddService = (id, type) => {
-	const { state, onAddProduct } = useContext$1();
-	const { isProductList, disabledEdit } = state;
-	return !disabledEdit ? /* @__PURE__ */ React.createElement("div", {
-		className: classNames("pisell-lowcode__shopping-cart-add-service", { "pisell-lowcode__shopping-cart-add-service-products": isProductList }),
-		onClick: () => onAddProduct(id)
-	}, /* @__PURE__ */ React.createElement("div", { style: {
-		display: "flex",
-		alignItems: "center",
-		gap: 6
-	} }, /* @__PURE__ */ React.createElement(Iconfont, { type: "pisell2-plus-circle" }), /* @__PURE__ */ React.createElement("span", null, type === "more" ? locales.getText("pisell2.text.shopping-cart.add.more") : locales.getText("pisell2.text.shopping-cart.add.service")))) : null;
-};
-var useAddService_default = useAddService;
-
-//#endregion
-export { useAddService_default as default };

package/dist/es/components/shoppingCart/hooks/useClearCart.js

@@ -1,35 +0,0 @@
-import { useContext as useContext$1 } from "./useContext.js";
-import React from "react";
-import { locales } from "@pisell/utils";
-import classNames from "classnames";
-import { Iconfont } from "@pisell/materials";
-
-//#region src/components/shoppingCart/hooks/useClearCart.tsx
-const useClearCart = (key) => {
-	const { state, onChange } = useContext$1();
-	const { isProductList, disabledEdit, holders, isHideClearCart } = state;
-	/**
-	* @title: 清空购物车
-	* @description:
-	* @return {*}
-	* @Author: WangHan
-	* @Date: 2024-11-28 22:47
-	*/
-	const handleClear = () => {
-		let products = [...state?.products || []];
-		if (typeof key === "undefined") products = [];
-		else {
-			const ids = products?.map((item) => item?._id);
-			onChange(ids, "delete_holders", key);
-			return;
-		}
-	};
-	return !disabledEdit && holders?.length > 0 && !isHideClearCart ? /* @__PURE__ */ React.createElement("span", {
-		className: classNames("pisell-lowcode__shopping-cart-clear-btn", { "pisell-lowcode__shopping-cart-clear-btn-empty": isProductList }),
-		onClick: handleClear
-	}, /* @__PURE__ */ React.createElement(Iconfont, { type: "pisell2-trash-01" }), /* @__PURE__ */ React.createElement("span", null, locales.getText("pisell2.booking.info.text.clear-cart"))) : null;
-};
-var useClearCart_default = useClearCart;
-
-//#endregion
-export { useClearCart_default as default };

package/dist/es/components/shoppingCart/hooks/useContext.js

@@ -1,8 +0,0 @@
-import { CartContext } from "../Provider.js";
-import { useContext } from "react";
-
-//#region src/components/shoppingCart/hooks/useContext.tsx
-const useContext$1 = () => useContext(CartContext);
-
-//#endregion
-export { useContext$1 as useContext };