@pisell/private-materials 6.6.10 → 6.6.11

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

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

@@ -1,40 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.js');
-const require_utils = require('../../../utils.js');
-const require_index = require('../../../../productSelect/components/pisellPriceText/index.js');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let __pisell_utils = require("@pisell/utils");
-let decimal_js = require("decimal.js");
-decimal_js = require_rolldown_runtime.__toESM(decimal_js);
-let classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-require("./index.less");
-
-//#region src/components/booking/components/TabProduct/productItem/index.tsx
-const ProductItem = ({ item, onClick, amountSymbol, style, className }) => {
-	const { price, is_bundle, minimum_markup_price } = item;
-	let _price = price;
-	if (is_bundle) _price = new decimal_js.default(price).plus(new decimal_js.default(minimum_markup_price)).toFixed(2);
-	const stockText = (0, react.useMemo)(() => {
-		if (item.is_track === 0) return false;
-		return `${item.stock_quantity} ${__pisell_utils.locales.getText("pisell2.text.stock")}`;
-	}, [item.stock_quantity, item.is_track]);
-	return /* @__PURE__ */ react.default.createElement("div", {
-		style,
-		className: (0, classnames.default)("server-product", className),
-		onClick: () => {
-			onClick(item, "select");
-		}
-	}, item.cover ? /* @__PURE__ */ react.default.createElement("img", {
-		src: __pisell_utils.image.ali(item.cover, 100),
-		className: "server-product-cover",
-		loading: "lazy"
-	}) : null, /* @__PURE__ */ react.default.createElement("div", { className: "server-product-content" }, /* @__PURE__ */ react.default.createElement("span", { className: "server-product-title" }, item.title), /* @__PURE__ */ react.default.createElement("div", { className: "server-product-time" }, require_utils.getDiscountTime(item.service_times)), stockText && /* @__PURE__ */ react.default.createElement("div", { className: "server-product-time" }, stockText), /* @__PURE__ */ react.default.createElement("div", { className: "server-product-price" }, /* @__PURE__ */ react.default.createElement(require_index.default, {
-		value: _price,
-		isMini: is_bundle
-	}))));
-};
-var productItem_default = ProductItem;
-
-//#endregion
-exports.default = productItem_default;

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

@@ -1,69 +0,0 @@
-.server-product {
-  cursor: pointer;
-  padding: 16px;
-  position: relative;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-
-  &::before {
-    content: "";
-    position: absolute;
-    bottom: 0;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    width: calc(100% - 40px);
-    height: 1px;
-    background: #F1F1F1;
-  }
-
-  &:last-child {
-    &::before {
-      display: none;
-    }
-  }
-
-  .server-product-cover {
-    width: 80px;
-    height: 80px;
-    border-radius: 8px;
-    object-fit: cover;
-  }
-
-  .server-product-content {
-    flex: 1;
-
-    .server-product-title {
-      color: var(--text-text-1, #1B1B1B);
-
-
-      font-size: 14px;
-      font-style: normal;
-      font-weight: 600;
-      line-height: 20px;
-    }
-
-    .server-product-time {
-      overflow: hidden;
-      color: var(--text-text-2, #777);
-      text-overflow: ellipsis;
-
-
-      font-size: 12px;
-      font-style: normal;
-      font-weight: 400;
-      line-height: 18px;
-    }
-
-    .server-product-price {
-      color: var(--text-text-1, #1B1B1B);
-
-
-      font-size: 14px;
-      font-style: normal;
-      font-weight: 400;
-      line-height: 20px;
-    }
-  }
-
-}

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

@@ -1,52 +0,0 @@
-const require_rolldown_runtime = require('../../../../../_virtual/rolldown_runtime.js');
-const require_index = require('../../collapsibleList/index.js');
-const require_utils = require('../../collapsibleList/utils.js');
-const require_index$1 = require('../../browserSelect/index.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/TabProduct/selectProductItem/index.tsx
-const SelectProductItem = ({ item, onClick, onChangeQuantity, amountSymbol, style, className, disabled }) => {
-	const list = (0, __pisell_utils.createArray)(100, (d, i) => {
-		let item$1 = {
-			label: i,
-			value: i
-		};
-		if (i === 0) item$1.label = __pisell_utils.locales.getText("pisell2.text.remove");
-		return item$1;
-	});
-	return /* @__PURE__ */ react.default.createElement("div", {
-		style,
-		className: (0, classnames.default)("server-select-product", className),
-		onClick: () => {
-			onClick?.(item);
-		}
-	}, item.cover ? /* @__PURE__ */ react.default.createElement("img", {
-		src: __pisell_utils.image.ali(item.cover, 100),
-		className: "server-select-product-cover"
-	}) : /* @__PURE__ */ react.default.createElement("div", null), /* @__PURE__ */ react.default.createElement("div", { className: "server-select-product-content" }, /* @__PURE__ */ react.default.createElement("div", { className: "server-select-product-title" }, item.title), /* @__PURE__ */ react.default.createElement("div", { className: "server-select-product-subtitle" }, item.subtitle || ""), (item._extend?.other?.bundle || []).length ? /* @__PURE__ */ react.default.createElement(require_index.default, {
-		style: { width: "100%" },
-		list: item._extend?.other?.bundle || [],
-		renderItem: (item$1) => require_utils.renderBundles(item$1, amountSymbol)
-	}) : null, /* @__PURE__ */ react.default.createElement("div", {
-		className: "server-select-product-quantity",
-		onClick: (e) => {
-			e.preventDefault();
-			e.stopPropagation();
-		}
-	}, /* @__PURE__ */ react.default.createElement(require_index$1.default, {
-		options: list,
-		value: item._extend.quantity,
-		onChange: onChangeQuantity,
-		style: { minWidth: 50 },
-		disabled
-	}), /* @__PURE__ */ react.default.createElement("div", { className: "server-select-product-total" }, item._extend.origin_total !== item._extend.total && /* @__PURE__ */ react.default.createElement("span", { className: "server-select-product-origin-total" }, (0, __pisell_utils.formatAmount)(item._extend.origin_total * item._extend.quantity, 2, amountSymbol)), (0, __pisell_utils.formatAmount)(item._extend.total * item._extend.quantity, 2, amountSymbol)))));
-};
-var selectProductItem_default = SelectProductItem;
-
-//#endregion
-exports.default = selectProductItem_default;

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

@@ -1,88 +0,0 @@
-.server-select-product {
-  cursor: pointer;
-  padding: 16px;
-  position: relative;
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-
-  &::before {
-    content: "";
-    position: absolute;
-    bottom: 0;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    width: calc(100% - 40px);
-    height: 1px;
-    background: #F1F1F1;
-  }
-
-  &:last-child {
-    &::before {
-      display: none;
-    }
-  }
-
-  .server-select-product-cover {
-    width: 80px;
-    height: 80px;
-    border-radius: 8px;
-    object-fit: cover;
-  }
-
-  .server-select-product-content {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    align-items: flex-start;
-    gap: 4px;
-    min-height: 80px;
-
-    .server-select-product-title {
-      color: var(--Base-Black, #000);
-      font-size: 20px;
-      font-style: normal;
-      font-weight: 600;
-      line-height: 30px;
-    }
-
-    .server-select-product-subtitle {
-      color: var(--Gray-600, #475467);
-      font-size: 16px;
-      font-style: normal;
-      font-weight: 400;
-      line-height: 24px;
-    }
-
-    .server-select-product-quantity {
-      width: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      color: var(--Gray-600, #475467);
-
-      font-size: 16px;
-      font-style: normal;
-      font-weight: 400;
-
-
-      .server-select-product-total {
-        color: var(--Base-Black, #000);
-        font-size: 16px;
-        font-style: normal;
-        font-weight: 500;
-        line-height: 24px;
-      }
-      .server-select-product-origin-total {
-        text-decoration: line-through;
-        color: #4e4e4e;
-        margin-right: 12px;
-      }
-    }
-
-
-
-  }
-
-}

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

@@ -1,152 +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);
-let __pisell_icon_es_ChevronRight = require("@pisell/icon/es/ChevronRight");
-__pisell_icon_es_ChevronRight = require_rolldown_runtime.__toESM(__pisell_icon_es_ChevronRight);
-let ahooks = require("ahooks");
-let __pisell_icon_es_ChevronLeft = require("@pisell/icon/es/ChevronLeft");
-__pisell_icon_es_ChevronLeft = require_rolldown_runtime.__toESM(__pisell_icon_es_ChevronLeft);
-require("./index.less");
-
-//#region src/components/booking/components/TabProduct/tabs/index.tsx
-const Tabs = ({ renderTab, rowKey, name = "tabs-", onChange, tab, className, options }, ref) => {
-	const [isShowButton, setIsShowButton] = (0, react.useState)(true);
-	(0, react.useImperativeHandle)(ref, () => {
-		return { scroll: (tab$1) => {
-			if (tab$1) {
-				const dom = document.querySelector(`#${name}${tab$1}`);
-				if (dom) setTabScroll(dom?.offsetLeft);
-			}
-		} };
-	});
-	/**
-	* @Title: 改变tab事件
-	* @Describe:
-	* @Author: Wzw
-	* @param {RowKey} _key
-	*/
-	const _onChange = (_key, _item, e) => {
-		if (onChange) onChange(_key, _item);
-		setTabScroll(e.target.offsetLeft);
-	};
-	(0, react.useEffect)(() => {
-		if (options?.length) calculateWidth();
-	}, [options]);
-	/**
-	* @title: 判断是否展示箭头
-	* @description:
-	* @return {*}
-	* @Author: chensheng.gu
-	* @Date: 2023-08-01 15:59
-	*/
-	const calculateWidth = () => {
-		const content$1 = document.querySelector("#pisell-tabs");
-		if (document.querySelector("#pisell-tabs-content")?.offsetWidth + 60 < content$1?.offsetWidth) setIsShowButton(false);
-	};
-	/**
-	* @title: 选项
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2023-06-03 10:44
-	*/
-	const _options = (0, react.useMemo)(() => {
-		return options || [];
-	}, [options]);
-	const [leftWidth, setLeftWidth] = (0, react.useState)(0);
-	const [rightWidth, setRightWidth] = (0, react.useState)(40);
-	const debounceChange = (0, ahooks.useDebounceFn)(({ current, total }) => {
-		if (current === 0) setLeftWidth(0);
-		else setLeftWidth(40);
-		if (current + 10 >= total) setRightWidth(0);
-		else setRightWidth(40);
-	}, { wait: 200 });
-	const onScroll = (e) => {
-		let total = e.target.scrollWidth - e.target.clientWidth;
-		let current = e.target.scrollLeft;
-		debounceChange.run({
-			current,
-			total
-		});
-	};
-	const setTabScroll = (val) => {
-		let dom = document.querySelector("#pisell-tabs-content");
-		console.log("domdom", dom);
-		if (!dom) return;
-		dom.scrollLeft = val;
-	};
-	/**
-	* @title: 手动触发滚动位置
-	* @description:
-	* @param {*} type
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2023-06-03 10:45
-	*/
-	const onPageChange = (type) => {
-		let dom = document.querySelector("#pisell-tabs-content");
-		if (!dom) return;
-		if (type === "left") setTabScroll(dom?.scrollLeft - dom.clientWidth / 2);
-		else setTabScroll(dom?.scrollLeft + dom.clientWidth / 2);
-	};
-	const leftBtn = (0, react.useMemo)(() => {
-		return /* @__PURE__ */ react.default.createElement("div", {
-			className: "booking-pisell-tabs-btn-left",
-			style: {
-				width: leftWidth,
-				marginLeft: !leftWidth ? "20px" : 0
-			},
-			onClick: () => {
-				onPageChange("left");
-			}
-		}, /* @__PURE__ */ react.default.createElement(__pisell_icon_es_ChevronRight.default, { className: "booking-pisell-tabs-btn-icon" }));
-	}, [leftWidth]);
-	const rightBtn = (0, react.useMemo)(() => {
-		return /* @__PURE__ */ react.default.createElement("div", {
-			className: "booking-pisell-tabs-btn-right",
-			style: {
-				width: rightWidth,
-				marginRight: !rightWidth ? "20px" : 0
-			},
-			onClick: () => {
-				onPageChange("right");
-			}
-		}, /* @__PURE__ */ react.default.createElement(__pisell_icon_es_ChevronLeft.default, {
-			type: "icona-iconArrowsLine",
-			className: "booking-pisell-tabs-btn-icon"
-		}));
-	}, [rightWidth]);
-	const content = (0, react.useMemo)(() => {
-		return /* @__PURE__ */ react.default.createElement("div", {
-			className: "booking-pisell-tabs-content",
-			id: "pisell-tabs-content",
-			onScroll
-		}, _options.map((d, i) => {
-			let _key = rowKey ? d[rowKey] : i;
-			return /* @__PURE__ */ react.default.createElement("div", {
-				className: (0, classnames.default)("booking-pisell-tabs-tab", { "booking-pisell-tabs-tab-active": tab === _key }),
-				key: _key,
-				id: name + "" + _key,
-				onClick: (e) => {
-					_onChange(_key, d, e);
-				}
-			}, renderTab ? renderTab(d) : /* @__PURE__ */ react.default.createElement("div", { className: "booking-pisell-tabs-tab-content" }, d.name));
-		}));
-	}, [
-		_options,
-		rowKey,
-		name,
-		tab
-	]);
-	return /* @__PURE__ */ react.default.createElement("div", {
-		className: (0, classnames.default)("booking-pisell-tabs", className),
-		id: "pisell-tabs"
-	}, isShowButton && leftBtn, content, isShowButton && rightBtn);
-};
-var tabs_default = (0, react.forwardRef)(Tabs);
-
-//#endregion
-exports.default = tabs_default;

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

@@ -1,126 +0,0 @@
-.booking-pisell-tabs {
-  display: flex;
-  -webkit-box-align: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  font-size: 17px;
-  font-weight: 400;
-  color: #0d1619;
-  cursor: default;
-
-  .booking-pisell-tabs-btn-left,
-  .booking-pisell-tabs-btn-right {
-    -webkit-box-flex: 0;
-    flex-grow: 0;
-    flex-shrink: 0;
-    transition: width 300ms ease 0s;
-    cursor: pointer;
-    overflow: visible;
-    background: #fff;
-    z-index: 1;
-    width: 40px;
-    height: 40px;
-    display: flex;
-    -webkit-box-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    justify-content: center;
-    overflow: hidden;
-    user-select: none;
-
-    .booking-pisell-tabs-btn-icon {
-      width: 24px;
-      height: 24px;
-      background: #f1f1f1;
-      border-radius: 50%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      color: #262626;
-      font-size: 20px;
-    }
-  }
-
-  .booking-pisell-tabs-btn-left {
-    .booking-pisell-tabs-btn-icon {
-      transform: rotate(180deg);
-
-    }
-  }
-
-  .booking-pisell-tabs-btn-right {
-    /* White */
-
-    background: #ffffff;
-    /* shadow-lg */
-
-    // box-shadow: 0px 6px 15px -3px rgba(0, 0, 0, 0.15);
-
-    .booking-pisell-tabs-btn-icon {
-      transform: rotate(180deg);
-    }
-  }
-
-  .booking-pisell-tabs-content {
-    width: 100%;
-    max-width: none;
-    overflow: scroll hidden;
-    scroll-snap-type: x mandatory;
-    white-space: nowrap;
-    display: flex;
-    position: relative;
-    scroll-behavior: smooth;
-
-    /*滚动条样式*/
-    &::-webkit-scrollbar {
-      display: none;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      display: none;
-    }
-
-    &::-webkit-scrollbar-track {
-      display: none;
-    }
-
-    .booking-pisell-tabs-tab {
-      scroll-snap-align: start;
-      white-space: initial;
-      flex-shrink: 0;
-      cursor: pointer;
-
-      .booking-pisell-tabs-tab-content {
-        display: inline-flex;
-        height: 40px;
-        padding: 0px 16px;
-        border-radius: 88px;
-        -webkit-box-align: center;
-        align-items: center;
-        transition: all 300ms ease 0s;
-        color: #1b1b1b;
-        letter-spacing: 0px;
-        min-width: 0px;
-        font-weight: 600;
-        font-size: 14px;
-        text-overflow: ellipsis;
-        overflow: hidden;
-        white-space: nowrap;
-      }
-
-      &:hover {
-        .booking-pisell-tabs-tab-content {
-          background-color: #f1f1f1;
-        }
-      }
-
-      &.booking-pisell-tabs-tab-active {
-        .booking-pisell-tabs-tab-content {
-          color: #fff;
-          background: var(--primary-600, #7F56D9);
-        }
-      }
-    }
-  }
-}

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

@@ -1,47 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.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 classnames = require("classnames");
-classnames = require_rolldown_runtime.__toESM(classnames);
-let __pisell_icon_es_ChevronRight = require("@pisell/icon/es/ChevronRight");
-__pisell_icon_es_ChevronRight = require_rolldown_runtime.__toESM(__pisell_icon_es_ChevronRight);
-require("./index.less");
-
-//#region src/components/booking/components/addButton/index.tsx
-/**
-* @title: 添加按钮,  两种状态切换
-* @description:
-* @return {*}
-* @Author: zhiwei.Wang
-* @Date: 2024-01-30 16:42
-*/
-const AddButton = ({ onClick, showSub, title, subTitle, style, disabled, loading, showDisabledMessage = true }) => {
-	const _onClick = () => {
-		if (disabled) {
-			if (showDisabledMessage) antd.message.warning(__pisell_utils.locales.getText("pisell2.text.please-select-the-customer-first"));
-		} else onClick?.();
-	};
-	if (loading) return /* @__PURE__ */ react.default.createElement(antd.Skeleton, {
-		style: { marginTop: 16 },
-		loading: true,
-		round: true,
-		active: true
-	});
-	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, showSub ? /* @__PURE__ */ react.default.createElement("div", {
-		className: "pisell-lowcode__booking-add-button-add-row",
-		onClick: _onClick,
-		style: (0, __pisell_utils.isFunction)(style) ? style(showSub) : style
-	}, /* @__PURE__ */ react.default.createElement(__pisell_icon_es_PlusCircle.default, { className: "pisell-lowcode__booking-add-button-add-row-icon" }), /* @__PURE__ */ react.default.createElement("span", { className: "pisell-lowcode__booking-add-button-add-row-txt" }, subTitle)) : /* @__PURE__ */ react.default.createElement("div", {
-		className: (0, classnames.default)("pisell-lowcode__booking-add-button-add", { "pisell-lowcode__booking-add-button-add-disabled": disabled }),
-		onClick: _onClick,
-		style: (0, __pisell_utils.isFunction)(style) ? style(showSub) : style
-	}, /* @__PURE__ */ react.default.createElement("span", { className: "pisell-lowcode__booking-add-button-add-label" }, title), /* @__PURE__ */ react.default.createElement(__pisell_icon_es_ChevronRight.default, { className: "pisell-lowcode__booking-add-button-add-icon" })));
-};
-var addButton_default = AddButton;
-
-//#endregion
-exports.default = addButton_default;

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

@@ -1,64 +0,0 @@
-.pisell-lowcode__booking-add-button-add-row {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  cursor: pointer;
-  padding: 16px 0;
-
-  .pisell-lowcode__booking-add-button-add-row-icon {
-    color: #7f56d9;
-    width: 24px;
-    height: 24px;
-    font-size: 18px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .pisell-lowcode__booking-add-button-add-row-txt {
-    color: #7f56d9;
-
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 24px;
-    /* 150% */
-  }
-}
-
-.pisell-lowcode__booking-add-button-add {
-  border-radius: 8px;
-  border: 1px solid var(--gray-300, #D0D5DD);
-  background: var(--base-white, #FFF);
-  /* Shadow/xs */
-  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 10px 14px;
-  cursor: pointer;
-  margin-bottom: 16px;
-
-  .pisell-lowcode__booking-add-button-add-label {
-    color: var(--gray-500, #667085);
-
-    /* Text md/Regular */
-
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 24px;
-    /* 150% */
-  }
-
-  .pisell-lowcode__booking-add-button-add-icon {
-    font-size: 20px;
-    color: #667085;
-  }
-}
-
-.pisell-lowcode__booking-add-button-add-disabled {
-  opacity: .5;
-  cursor: not-allowed;
-  user-select: none;
-}