@pisell/private-materials 6.6.9 → 6.6.11

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

@@ -1,70 +0,0 @@
-import React, { useMemo, useState } from "react";
-import { locales } from "@pisell/utils";
-import classNames from "classnames";
-import "./index.less";
-
-//#region src/components/booking/components/collapsibleList/index.tsx
-const MAX_LIMIT = 3;
-const CollapsibleList = (props) => {
-	const { list = [], renderItem, className, style, border } = props;
-	const [maxLimit, setMaxLimit] = useState(MAX_LIMIT);
-	/**
-	* @title: 展开和收起
-	* @description:
-	* @param {any} d
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 17:08
-	*/
-	const handlePreviewAll = () => {
-		let _maxLimit = maxLimit;
-		if (_maxLimit === MAX_LIMIT) _maxLimit = 99;
-		else _maxLimit = MAX_LIMIT;
-		setMaxLimit(_maxLimit);
-	};
-	/**
-	* @title: 是否展开全部
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 17:08
-	*/
-	const showAll = useMemo(() => {
-		return list.length > MAX_LIMIT;
-	}, [list]);
-	/**
-	* @title: 展开文案
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 17:08
-	*/
-	const viewAllText = useMemo(() => {
-		if (maxLimit === MAX_LIMIT) return locales.getText("pisell2.text.view-all");
-		return locales.getText("pisell2.text.view-less");
-	}, [maxLimit]);
-	const _list = useMemo(() => {
-		let arr = [...list];
-		let _maxLimit = maxLimit;
-		if (list.length > _maxLimit) arr = arr.slice(0, _maxLimit);
-		return arr;
-	}, [list, maxLimit]);
-	return /* @__PURE__ */ React.createElement("div", {
-		className: classNames("pisell2-collapsible-list-wrap", className),
-		style
-	}, border ? /* @__PURE__ */ React.createElement("div", { className: "pisell2-collapsible-list-top-border" }) : null, /* @__PURE__ */ React.createElement("div", { className: "pisell2-collapsible-list" }, _list.map((d, i) => {
-		return renderItem(d, i);
-	})), showAll ? /* @__PURE__ */ React.createElement("div", {
-		className: "pisell2-collapsible-list-view-all",
-		onClick: (e) => {
-			e.preventDefault();
-			e.stopPropagation();
-			handlePreviewAll();
-		}
-	}, viewAllText) : null);
-};
-var collapsibleList_default = CollapsibleList;
-
-//#endregion
-export { collapsibleList_default as default };

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

@@ -1,61 +0,0 @@
-.pisell2-collapsible-list-wrap {
-  .pisell2-collapsible-list-top-border {
-    height: 1px;
-    background: #f1f1f1;
-    width: 100%;
-    margin: 8px 0;
-  }
-
-  .pisell2-collapsible-list {
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-  }
-
-  .pisell2-collapsible-list-view-all {
-    margin-top: 4px;
-    color: #7f56d9;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 24px;
-    user-select: none;
-  }
-
-}
-
-
-.product-bundle-item {
-  width: 100%;
-
-  .product-bundle-info {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    .product-bundle-info-title {
-      color: var(--gray-500, #667085);
-      font-size: 14px;
-      font-style: normal;
-      font-weight: 500;
-      line-height: 20px;
-    }
-
-    .product-bundle-info-num {
-      color: var(--Gray-500, #667085);
-      font-size: 14px;
-      font-style: normal;
-      font-weight: 400;
-      line-height: 20px;
-      flex-shrink: 0;
-    }
-  }
-
-  .product-bundle-option {
-    color: var(--gray-500, #667085);
-    font-size: 12px;
-    margin-top: 4px;
-  }
-
-}

package/dist/es/components/booking/components/collapsibleList/utils.js

@@ -1,16 +0,0 @@
-import React from "react";
-import { formatAmount } from "@pisell/utils";
-
-//#region src/components/booking/components/collapsibleList/utils.tsx
-const renderBundles = (item, amountSymbol) => {
-	const options = item?.option || [];
-	return /* @__PURE__ */ React.createElement("div", {
-		key: item.id,
-		className: "product-bundle-item"
-	}, /* @__PURE__ */ React.createElement("div", { className: "product-bundle-info" }, /* @__PURE__ */ React.createElement("div", { className: "product-bundle-info-title" }, item.title), /* @__PURE__ */ React.createElement("div", { className: "product-bundle-info-num" }, formatAmount(item.price, 2, amountSymbol), " × ", item.num)), /* @__PURE__ */ React.createElement("div", { className: "product-bundle-option" }, options.map((option, index) => {
-		return /* @__PURE__ */ React.createElement("span", { key: option.id }, option.name, " x ", option.num, " ", index < options.length - 1 && ",", " ");
-	})));
-};
-
-//#endregion
-export { renderBundles };

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

@@ -1,331 +0,0 @@
-import drawer_default from "../drawer/index.js";
-import addButton_default from "../addButton/index.js";
-import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
-import { Button, Checkbox, Dropdown, Input, List, Skeleton } from "antd";
-import { changeArray, getItemByArray, locales } from "@pisell/utils";
-import PlusCircle from "@pisell/icon/es/PlusCircle";
-import DotsVertical from "@pisell/icon/es/DotsVertical";
-import SearchLg from "@pisell/icon/es/SearchLg";
-import classNames from "classnames";
-import "./index.less";
-
-//#region src/components/booking/components/customSelect/index.tsx
-/**
-* @title: 选择器
-* @description:
-* @param {CustomSelectProps} props
-* @param {any} ref
-* @return {*}
-* @Author: zhiwei.Wang
-* @Date: 2024-01-30 16:44
-*/
-const CustomSelect = (props, ref) => {
-	const { loading, options, onValueChange, value, rowKey = "id", addButtonProps, drawerProps, createItemText = "", previewItemRender, previewItemTitleRender, addButtonRender, optionRender, filterItem, previewItemClassName, optionClassName, mode = "single", isPreview = true, name = "item", handleCreateItem, handleViewItem, virtualListHeight = window.innerHeight - 213 - 16, disabled = false, searchValue, searchChange, onVirtualListScroll, loadMore, modalOpen, closeCallback, autoFocus, showDropDown = true, handleOpenModal: propsHandleOpenModal, handleDayChange } = props;
-	console.log("custom select");
-	const searchRef = useRef();
-	const [_value, set_value] = useState([]);
-	const [search, setSearch] = useState("");
-	const [open, setOpen] = useState(false);
-	useEffect(() => {
-		if (modalOpen === false) setOpen(false);
-	}, [modalOpen]);
-	useEffect(() => {
-		initValue();
-	}, [useMemo(() => {
-		return JSON.stringify(value);
-	}, [value])]);
-	/**
-	* @title: 转换value到内部
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 16:45
-	*/
-	const initValue = () => {
-		let _val = value;
-		if (!value) _val = [];
-		else if (!Array.isArray(value)) _val = [value];
-		set_value(_val);
-	};
-	/**
-	* @title: 关闭弹窗
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 16:45
-	*/
-	const closeDrawer = (reset) => {
-		setOpen(false);
-		setSearch("");
-		if (reset) initValue();
-		closeCallback?.();
-	};
-	/**
-	* @title: 打开弹窗
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 16:45
-	*/
-	const handleOpenModal = (item) => {
-		if (disabled) return;
-		if (propsHandleOpenModal) {
-			propsHandleOpenModal();
-			return;
-		}
-		if (addButtonProps?.addCallback) addButtonProps?.addCallback();
-		setOpen(true);
-		initValue();
-		if (autoFocus) setTimeout(() => {
-			searchRef.current?.focus?.();
-		}, 100);
-	};
-	/**
-	* @title: value 发生变化传递到外部
-	* @description:
-	* @param {any} _val
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 16:46
-	*/
-	const _onValueChange = async (_val) => {
-		await onValueChange(_val);
-	};
-	/**
-	* @title: 选择
-	* @description:
-	* @param {any} item
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 16:46
-	*/
-	const handleSelectItem = (item) => {
-		let _val = changeArray(_value, item, rowKey);
-		if (mode === "single") handleApply([item]);
-		set_value(_val);
-	};
-	/**
-	* @title: 预览事件
-	* @description:
-	* @param {any} item
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 16:46
-	*/
-	const _handleViewItem = (item) => {
-		handleViewItem?.(item);
-	};
-	/**
-	* @title: 删除事件
-	* @description:
-	* @param {any} item
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 16:47
-	*/
-	const handleRemoveItem = (item) => {
-		if (handleDayChange) handleDayChange(item);
-		let _arr = changeArray(_value, item, rowKey);
-		_onValueChange(_arr);
-		set_value(_arr);
-	};
-	const menuChange = (e, item) => {
-		({
-			view: _handleViewItem,
-			change: handleOpenModal,
-			remove: handleRemoveItem
-		})[e.key](item);
-	};
-	/**
-	* @title: 渲染列表
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 16:47
-	*/
-	const renderList = useMemo(() => {
-		let _list = [...options];
-		if (search) {
-			const isIncludes = (str) => {
-				return str.toLowerCase().indexOf(search.toLowerCase()) !== -1;
-			};
-			_list = _list.filter((d) => {
-				if (filterItem) return filterItem(d, search);
-				return isIncludes(d.main_field || "");
-			});
-		}
-		return _list;
-	}, [
-		options,
-		loading,
-		search
-	]);
-	/**
-	* @title: 是否展示添加其他
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 16:47
-	*/
-	const isMore = useMemo(() => {
-		return _value.length > 0;
-	}, [_value]);
-	/**
-	* @title: 确定按钮, 返回数据并关闭弹窗
-	* @description:
-	* @param {any} _val
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 16:47
-	*/
-	const handleApply = async (_val) => {
-		await _onValueChange(_val || _value);
-		closeDrawer();
-	};
-	useImperativeHandle(ref, () => {
-		return {
-			open: handleOpenModal,
-			setValue: set_value
-		};
-	});
-	/**
-	* @title: 菜单列表
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 16:48
-	*/
-	const menuItems = useMemo(() => {
-		let list = [
-			{
-				key: "view",
-				label: `${locales.getText("pisell2.text.view")} ${name}`
-			},
-			{
-				key: "change",
-				label: `${locales.getText("pisell2.text.change")} ${name}`
-			},
-			{
-				key: "remove",
-				label: `${locales.getText("pisell2.text.remove")} ${name}`
-			}
-		];
-		if (disabled) list = list.filter((d) => d.key === "view");
-		return list;
-	}, [
-		name,
-		disabled,
-		locales
-	]);
-	/**
-	* @title: 是否展示 add
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 16:49
-	*/
-	const isShowAddButton = useMemo(() => {
-		return (mode === "multiple" || mode === "single" && !isMore) && !disabled;
-	}, [
-		mode,
-		isMore,
-		disabled
-	]);
-	return /* @__PURE__ */ React.createElement("div", null, isPreview ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__custom-select-cards" }, _value.map((d, index) => {
-		return /* @__PURE__ */ React.createElement(React.Fragment, null, previewItemTitleRender?.(d, index, _value), /* @__PURE__ */ React.createElement("div", {
-			className: classNames("pisell-lowcode__custom-select-card", previewItemClassName),
-			key: d[rowKey]
-		}, previewItemRender?.(d), showDropDown && /* @__PURE__ */ React.createElement("div", { onClick: (e) => {
-			e.preventDefault();
-			e.stopPropagation();
-		} }, /* @__PURE__ */ React.createElement(Dropdown, {
-			menu: {
-				items: menuItems,
-				onClick: (e) => {
-					menuChange(e, d);
-				}
-			},
-			placement: "bottomRight"
-		}, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__custom-select-card-menu-wrap" }, /* @__PURE__ */ React.createElement(DotsVertical, { className: "pisell-lowcode__custom-select-card-menu-icon" }))))));
-	})), isShowAddButton ? addButtonRender ? addButtonRender() : /* @__PURE__ */ React.createElement(addButton_default, {
-		showSub: isMore,
-		...addButtonProps,
-		onClick: () => {
-			if (addButtonProps.onClick) {
-				addButtonProps.onClick();
-				return;
-			}
-			handleOpenModal();
-		}
-	}) : disabled ? /* @__PURE__ */ React.createElement("div", { style: { height: 20 } }) : null) : null, /* @__PURE__ */ React.createElement(drawer_default, {
-		open,
-		onClose: () => {
-			closeDrawer(true);
-		},
-		titleNoWrap: true,
-		header: /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Input, {
-			ref: searchRef,
-			prefix: /* @__PURE__ */ React.createElement(SearchLg, null),
-			style: {
-				marginTop: 16,
-				height: 44
-			},
-			placeholder: locales.getText("pisell2.text.search"),
-			value: search,
-			allowClear: true,
-			onChange: (e) => {
-				setSearch(e.target.value);
-				if (searchChange) searchChange(e.target.value);
-			}
-		}), /* @__PURE__ */ React.createElement("div", {
-			className: "pisell-lowcode__custom-select-create",
-			onClick: () => {
-				handleCreateItem?.();
-			},
-			style: { padding: createItemText ? 16 : "16px 0 0 0" }
-		}, createItemText && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PlusCircle, { className: "pisell-lowcode__custom-select-create-icon" }), /* @__PURE__ */ React.createElement("span", { className: "pisell-lowcode__custom-select-create-txt" }, createItemText)))),
-		...drawerProps,
-		footer: mode === "multiple" && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Button, {
-			style: { width: "100%" },
-			type: "primary",
-			size: "large",
-			onClick: () => {
-				handleApply();
-			}
-		}, locales.getText("pisell2.text.apply")))
-	}, /* @__PURE__ */ React.createElement(List, {
-		itemLayout: "horizontal",
-		dataSource: renderList,
-		loading: {
-			spinning: !!loading,
-			delay: 500
-		},
-		loadMore,
-		renderItem: (item) => /* @__PURE__ */ React.createElement(List.Item, {
-			className: classNames("pisell-lowcode__custom-select-card-list-item", optionClassName, { "pisell-lowcode__custom-select-card-list-item-active": getItemByArray(_value, item, rowKey) }),
-			onClick: () => {
-				if (item?.status === "expired") return;
-				handleSelectItem(item);
-			},
-			id: item[rowKey]
-		}, item.loading ? /* @__PURE__ */ React.createElement(Skeleton, {
-			active: true,
-			round: true,
-			loading: item.loading,
-			avatar: true,
-			paragraph: false
-		}) : /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__custom-select-card-list-item-content" }, mode === "multiple" && /* @__PURE__ */ React.createElement(Checkbox, {
-			disabled: item?.status === "expired",
-			className: "custom-select-checkbox",
-			checked: getItemByArray(_value, item, rowKey)
-		}), optionRender(item)))
-	})));
-};
-var customSelect_default = forwardRef(CustomSelect);
-
-//#endregion
-export { customSelect_default as default };

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

@@ -1,117 +0,0 @@
-.pisell-lowcode__custom-select-card-list-item {
-  padding: 24px 16px;
-  background-color: #ffffff;
-  cursor: pointer;
-  transition: .2s;
-  position: relative;
-
-
-  .pisell-lowcode__custom-select-card-list-item-content {
-    display: flex;
-    gap: 10px;
-    padding: 12px 16px;
-    background-color: #ffffff;
-    transition: .2s;
-    position: relative;
-    border-radius: 4px;
-    width: 100%;
-    align-items: center;
-
-  }
-
-  &:hover,
-  &.pisell-lowcode__custom-select-card-list-item-active {
-    background-color: #ffffff;
-
-    .pisell-lowcode__custom-select-card-list-item-content {
-      background: var(--Gray-true-50, #FAFAFA);
-    }
-
-
-  }
-
-}
-
-.pisell-lowcode__custom-select-cards {
-  .pisell-lowcode__custom-select-card {
-    padding: 16px;
-    gap: 16px;
-    border-radius: 8px;
-    border: 1px solid #D5D7DA;
-    margin-bottom: 16px;
-    position: relative;
-    min-height: calc(16px + 16px + 40px);
-    cursor: pointer;
-    background-color: #fff;
-
-    // &:last-child {
-    //   margin-bottom: 0;
-    // }
-
-    .pisell-lowcode__custom-select-card-menu-wrap {
-      position: absolute;
-      top: 16px;
-      right: 16px;
-      width: 40px;
-      height: 40px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border-radius: 8px;
-      cursor: pointer;
-      background: none;
-
-      transition: .2s;
-
-      &:hover {
-        background: var(--gray-100, #F2F4F7);
-
-      }
-
-      .pisell-lowcode__custom-select-card-menu-icon {
-        font-size: 28px;
-        color: #475467;
-      }
-    }
-
-  }
-}
-
-.pisell-lowcode__custom-select-create {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  padding: 16px;
-  cursor: pointer;
-
-  .pisell-lowcode__custom-select-create-icon {
-    font-size: 24px;
-    color: rgb(127, 86, 217);
-  }
-
-  .pisell-lowcode__custom-select-create-txt {
-    color: #7f56d9;
-    /* Text md/Regular */
-
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 24px;
-    /* 150% */
-  }
-}
-
-.ustom-select-checkbox {
-  width: 20px;
-  height: 20px;
-}
-
-.custom-select-checkbox {
-
-  .pisell-lowcode-checkbox-inner {
-    width: 20px;
-    height: 20px;
-    font-size: 20px;
-  }
-}

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

@@ -1,38 +0,0 @@
-import React from "react";
-import { Drawer } from "antd";
-import ArrowLeft from "@pisell/icon/es/ArrowLeft";
-import "./index.less";
-import classNames from "classnames";
-
-//#region src/components/booking/components/drawer/index.tsx
-/**
-* @title: 自定义抽屉
-* @description:
-* @param {PisellDrawerProps} props
-* @return {*}
-* @Author: zhiwei.Wang
-* @Date: 2024-01-30 16:51
-*/
-const Drawer$1 = (props) => {
-	const { hideScrollBar = true, showGoBack = true, mask = false } = props;
-	return /* @__PURE__ */ React.createElement(Drawer, {
-		width: "600px",
-		closable: false,
-		zIndex: 999,
-		...props,
-		className: classNames("pisell-lowcode__booking-drawer", props.className, { "pisell-lowcode__booking-drawer-hide-scrollbar": hideScrollBar }),
-		title: false,
-		bodyStyle: { padding: 0 },
-		push: false,
-		mask
-	}, /* @__PURE__ */ React.createElement("div", { className: classNames("pisell-lowcode__booking-drawer-title-wrap") }, /* @__PURE__ */ React.createElement("div", {
-		className: "pisell-lowcode__booking-drawer-title-line",
-		onClick: (e) => {
-			props.onClose?.(e);
-		}
-	}, showGoBack && /* @__PURE__ */ React.createElement(ArrowLeft, { className: "pisell-lowcode__booking-drawer-back" }), /* @__PURE__ */ React.createElement("div", { className: classNames("pisell-lowcode__booking-drawer-title", { "pisell-lowcode__booking-drawer-title-no-wrap": props.titleNoWrap }) }, props.title)), props.header), /* @__PURE__ */ React.createElement("div", null, props.children));
-};
-var drawer_default = Drawer$1;
-
-//#endregion
-export { drawer_default as default };

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

@@ -1,48 +0,0 @@
-.pisell-lowcode__booking-drawer-title-wrap {
-  position: sticky;
-  top: 0;
-  left: 0;
-  width: 100%;
-  background-color: #fff;
-  z-index: 2;
-  padding: 24px 32px 0 32px;
-
-
-  .pisell-lowcode__booking-drawer-title-line {
-    cursor: pointer;
-  }
-
-  .pisell-lowcode__booking-drawer-back {
-    font-size: 18px !important;
-    color: #000000;
-    margin-right: 6px;
-    cursor: pointer;
-  }
-
-  .pisell-lowcode__booking-drawer-title {
-    color: var(--base-black, #000);
-    cursor: pointer;
-    font-size: 18px !important;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 38px;
-    /* 126.667% */
-  }
-}
-
-
-.pisell-lowcode__booking-drawer-hide-scrollbar {
-  &.pisell-lowcode-drawer-body {
-
-    &::-webkit-scrollbar {
-      display: none;
-    }
-
-  }
-}
-
-
-
-.pisell-lowcode__booking-drawer-title-no-wrap {
-  display: inline;
-}

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

@@ -1,23 +0,0 @@
-import React from "react";
-import { Empty } from "antd";
-import { locales } from "@pisell/utils";
-
-//#region src/components/booking/components/emptyBooking/index.tsx
-/**
-* @title: 空状态
-* @description:
-* @param {object} param1
-* @return {*}
-* @Author: zhiwei.Wang
-* @Date: 2024-01-30 16:51
-*/
-const EmptyBooking = ({ description }) => {
-	return /* @__PURE__ */ React.createElement(Empty, {
-		image: Empty.PRESENTED_IMAGE_SIMPLE,
-		description: description || locales.getText("pisell2.text.please-create-an-appointment-first")
-	});
-};
-var emptyBooking_default = EmptyBooking;
-
-//#endregion
-export { emptyBooking_default as default };