@pisell/private-materials 3.4.57 → 3.4.59

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

@@ -1,12 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-
-//#region src/components/booking/components/authWrap/index.tsx
-const AuthWrap = (props) => {
-	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, props.show ? props.trueRender : props.falseRender || null);
-};
-var authWrap_default = AuthWrap;
-
-//#endregion
-exports.default = authWrap_default;

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

@@ -1,39 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-require("./index.less");
-
-//#region src/components/booking/components/browserSelect/index.tsx
-/**
-* @title: 系统级别的下拉框
-* @description:
-* @param {BrowserSelectProps} props
-* @return {*}
-* @Author: zhiwei.Wang
-* @Date: 2024-01-30 16:43
-*/
-const BrowserSelect = (props) => {
-	const { options, ...resetProps } = props;
-	const _options = (0, react.useMemo)(() => {
-		return (props.options || []).map((d) => {
-			return /* @__PURE__ */ react.default.createElement("option", {
-				value: d.value,
-				key: d.value
-			}, d.label);
-		});
-	}, [props.options]);
-	return /* @__PURE__ */ react.default.createElement("select", {
-		...resetProps,
-		className: (0, classnames.default)("pisell-browser-select", resetProps.className),
-		onChange: (e) => {
-			e.persist();
-			resetProps.onChange?.(e);
-		}
-	}, _options);
-};
-var browserSelect_default = BrowserSelect;
-
-//#endregion
-exports.default = browserSelect_default;

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

@@ -1,18 +0,0 @@
-.pisell-browser-select {
-  padding: 4px 10px;
-  border-radius: 20px;
-  background-color: var(--Gray-true-100, #F5F5F5);
-  background-image: url('./chevron-down.png');
-  color: var(--Gray-true-900, #141414);
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 600;
-  border: none;
-  cursor: pointer;
-  appearance: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  background-position: right 10px center;
-  background-size: 12px;
-  background-repeat: no-repeat;
-}

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

@@ -1,73 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let __pisell_utils = require("@pisell/utils");
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-require("./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] = (0, react.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 = (0, react.useMemo)(() => {
-		return list.length > MAX_LIMIT;
-	}, [list]);
-	/**
-	* @title: 展开文案
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 17:08
-	*/
-	const viewAllText = (0, react.useMemo)(() => {
-		if (maxLimit === MAX_LIMIT) return __pisell_utils.locales.getText("pisell2.text.view-all");
-		return __pisell_utils.locales.getText("pisell2.text.view-less");
-	}, [maxLimit]);
-	const _list = (0, react.useMemo)(() => {
-		let arr = [...list];
-		let _maxLimit = maxLimit;
-		if (list.length > _maxLimit) arr = arr.slice(0, _maxLimit);
-		return arr;
-	}, [list, maxLimit]);
-	return /* @__PURE__ */ react.default.createElement("div", {
-		className: (0, classnames.default)("pisell2-collapsible-list-wrap", className),
-		style
-	}, border ? /* @__PURE__ */ react.default.createElement("div", { className: "pisell2-collapsible-list-top-border" }) : null, /* @__PURE__ */ react.default.createElement("div", { className: "pisell2-collapsible-list" }, _list.map((d, i) => {
-		return renderItem(d, i);
-	})), showAll ? /* @__PURE__ */ react.default.createElement("div", {
-		className: "pisell2-collapsible-list-view-all",
-		onClick: (e) => {
-			e.preventDefault();
-			e.stopPropagation();
-			handlePreviewAll();
-		}
-	}, viewAllText) : null);
-};
-var collapsibleList_default = CollapsibleList;
-
-//#endregion
-exports.default = collapsibleList_default;

package/dist/lib/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/lib/components/booking/components/collapsibleList/utils.js

@@ -1,18 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let __pisell_utils = require("@pisell/utils");
-
-//#region src/components/booking/components/collapsibleList/utils.tsx
-const renderBundles = (item, amountSymbol) => {
-	const options = item?.option || [];
-	return /* @__PURE__ */ react.default.createElement("div", {
-		key: item.id,
-		className: "product-bundle-item"
-	}, /* @__PURE__ */ react.default.createElement("div", { className: "product-bundle-info" }, /* @__PURE__ */ react.default.createElement("div", { className: "product-bundle-info-title" }, item.title), /* @__PURE__ */ react.default.createElement("div", { className: "product-bundle-info-num" }, (0, __pisell_utils.formatAmount)(item.price, 2, amountSymbol), " × ", item.num)), /* @__PURE__ */ react.default.createElement("div", { className: "product-bundle-option" }, options.map((option, index) => {
-		return /* @__PURE__ */ react.default.createElement("span", { key: option.id }, option.name, " x ", option.num, " ", index < options.length - 1 && ",", " ");
-	})));
-};
-
-//#endregion
-exports.renderBundles = renderBundles;

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

@@ -1,337 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.js');
-const require_index = require('../drawer/index.js');
-const require_index$1 = require('../addButton/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_PlusCircle = require("@pisell/icon/es/PlusCircle");
-__pisell_icon_es_PlusCircle = require_rolldown_runtime.__toESM(__pisell_icon_es_PlusCircle);
-let __pisell_icon_es_DotsVertical = require("@pisell/icon/es/DotsVertical");
-__pisell_icon_es_DotsVertical = require_rolldown_runtime.__toESM(__pisell_icon_es_DotsVertical);
-let __pisell_icon_es_SearchLg = require("@pisell/icon/es/SearchLg");
-__pisell_icon_es_SearchLg = require_rolldown_runtime.__toESM(__pisell_icon_es_SearchLg);
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-require("./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 = (0, react.useRef)();
-	const [_value, set_value] = (0, react.useState)([]);
-	const [search, setSearch] = (0, react.useState)("");
-	const [open, setOpen] = (0, react.useState)(false);
-	(0, react.useEffect)(() => {
-		if (modalOpen === false) setOpen(false);
-	}, [modalOpen]);
-	(0, react.useEffect)(() => {
-		initValue();
-	}, [(0, react.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 = (0, __pisell_utils.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 = (0, __pisell_utils.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 = (0, react.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 = (0, react.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();
-	};
-	(0, react.useImperativeHandle)(ref, () => {
-		return {
-			open: handleOpenModal,
-			setValue: set_value
-		};
-	});
-	/**
-	* @title: 菜单列表
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 16:48
-	*/
-	const menuItems = (0, react.useMemo)(() => {
-		let list = [
-			{
-				key: "view",
-				label: `${__pisell_utils.locales.getText("pisell2.text.view")} ${name}`
-			},
-			{
-				key: "change",
-				label: `${__pisell_utils.locales.getText("pisell2.text.change")} ${name}`
-			},
-			{
-				key: "remove",
-				label: `${__pisell_utils.locales.getText("pisell2.text.remove")} ${name}`
-			}
-		];
-		if (disabled) list = list.filter((d) => d.key === "view");
-		return list;
-	}, [
-		name,
-		disabled,
-		__pisell_utils.locales
-	]);
-	/**
-	* @title: 是否展示 add
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 16:49
-	*/
-	const isShowAddButton = (0, react.useMemo)(() => {
-		return (mode === "multiple" || mode === "single" && !isMore) && !disabled;
-	}, [
-		mode,
-		isMore,
-		disabled
-	]);
-	return /* @__PURE__ */ react.default.createElement("div", null, isPreview ? /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode__custom-select-cards" }, _value.map((d, index) => {
-		return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, previewItemTitleRender?.(d, index, _value), /* @__PURE__ */ react.default.createElement("div", {
-			className: (0, classnames.default)("pisell-lowcode__custom-select-card", previewItemClassName),
-			key: d[rowKey]
-		}, previewItemRender?.(d), showDropDown && /* @__PURE__ */ react.default.createElement("div", { onClick: (e) => {
-			e.preventDefault();
-			e.stopPropagation();
-		} }, /* @__PURE__ */ react.default.createElement(antd.Dropdown, {
-			menu: {
-				items: menuItems,
-				onClick: (e) => {
-					menuChange(e, d);
-				}
-			},
-			placement: "bottomRight"
-		}, /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode__custom-select-card-menu-wrap" }, /* @__PURE__ */ react.default.createElement(__pisell_icon_es_DotsVertical.default, { className: "pisell-lowcode__custom-select-card-menu-icon" }))))));
-	})), isShowAddButton ? addButtonRender ? addButtonRender() : /* @__PURE__ */ react.default.createElement(require_index$1.default, {
-		showSub: isMore,
-		...addButtonProps,
-		onClick: () => {
-			if (addButtonProps.onClick) {
-				addButtonProps.onClick();
-				return;
-			}
-			handleOpenModal();
-		}
-	}) : disabled ? /* @__PURE__ */ react.default.createElement("div", { style: { height: 20 } }) : null) : null, /* @__PURE__ */ react.default.createElement(require_index.default, {
-		open,
-		onClose: () => {
-			closeDrawer(true);
-		},
-		titleNoWrap: true,
-		header: /* @__PURE__ */ react.default.createElement("div", null, /* @__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"),
-			value: search,
-			allowClear: true,
-			onChange: (e) => {
-				setSearch(e.target.value);
-				if (searchChange) searchChange(e.target.value);
-			}
-		}), /* @__PURE__ */ react.default.createElement("div", {
-			className: "pisell-lowcode__custom-select-create",
-			onClick: () => {
-				handleCreateItem?.();
-			},
-			style: { padding: createItemText ? 16 : "16px 0 0 0" }
-		}, createItemText && /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(__pisell_icon_es_PlusCircle.default, { className: "pisell-lowcode__custom-select-create-icon" }), /* @__PURE__ */ react.default.createElement("span", { className: "pisell-lowcode__custom-select-create-txt" }, createItemText)))),
-		...drawerProps,
-		footer: mode === "multiple" && /* @__PURE__ */ react.default.createElement("div", null, /* @__PURE__ */ react.default.createElement(antd.Button, {
-			style: { width: "100%" },
-			type: "primary",
-			size: "large",
-			onClick: () => {
-				handleApply();
-			}
-		}, __pisell_utils.locales.getText("pisell2.text.apply")))
-	}, /* @__PURE__ */ react.default.createElement(antd.List, {
-		itemLayout: "horizontal",
-		dataSource: renderList,
-		loading: {
-			spinning: !!loading,
-			delay: 500
-		},
-		loadMore,
-		renderItem: (item) => /* @__PURE__ */ react.default.createElement(antd.List.Item, {
-			className: (0, classnames.default)("pisell-lowcode__custom-select-card-list-item", optionClassName, { "pisell-lowcode__custom-select-card-list-item-active": (0, __pisell_utils.getItemByArray)(_value, item, rowKey) }),
-			onClick: () => {
-				if (item?.status === "expired") return;
-				handleSelectItem(item);
-			},
-			id: item[rowKey]
-		}, item.loading ? /* @__PURE__ */ react.default.createElement(antd.Skeleton, {
-			active: true,
-			round: true,
-			loading: item.loading,
-			avatar: true,
-			paragraph: false
-		}) : /* @__PURE__ */ react.default.createElement("div", { className: "pisell-lowcode__custom-select-card-list-item-content" }, mode === "multiple" && /* @__PURE__ */ react.default.createElement(antd.Checkbox, {
-			disabled: item?.status === "expired",
-			className: "custom-select-checkbox",
-			checked: (0, __pisell_utils.getItemByArray)(_value, item, rowKey)
-		}), optionRender(item)))
-	})));
-};
-var customSelect_default = (0, react.forwardRef)(CustomSelect);
-
-//#endregion
-exports.default = customSelect_default;

package/dist/lib/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;
-  }
-}