@pisell/private-materials 6.6.8 → 6.6.10

package/dist/es/components/productExtension/fields/Actor/Container/index.js

@@ -0,0 +1,22 @@
+import React from "react";
+import { Tooltip } from "antd";
+import { QuestionCircleOutlined } from "@ant-design/icons";
+import "./index.less";
+
+//#region src/components/productExtension/fields/Actor/Container/index.tsx
+const Container = ({ title, children, desc, isMargin = false, hint, hintProps }) => {
+	return /* @__PURE__ */ React.createElement("div", { className: "pisell2_product-extension-container" }, /* @__PURE__ */ React.createElement("div", { className: "pisell2_product-extension-container-title-wrap" }, /* @__PURE__ */ React.createElement("div", { className: "pisell2_product-extension-container-title" }, title), hint ? /* @__PURE__ */ React.createElement(Tooltip, {
+		title: hint,
+		...hintProps
+	}, /* @__PURE__ */ React.createElement(QuestionCircleOutlined, { style: {
+		marginLeft: 4,
+		cursor: "pointer"
+	} })) : null), children, /* @__PURE__ */ React.createElement("div", {
+		className: "pisell2_product-extension-container-desc",
+		style: { marginBottom: isMargin ? "15px" : "" }
+	}, desc));
+};
+var Container_default = Container;
+
+//#endregion
+export { Container_default as default };

package/dist/es/components/productExtension/fields/Actor/Container/index.less

@@ -0,0 +1,19 @@
+.pisell2_product-extension-container {
+  .pisell2_product-extension-container-title-wrap {
+    display: flex;
+    align-items: center;
+    margin-bottom: 6px;
+
+    .pisell2_product-extension-container-title {
+      font-size: 14px;
+      color: #222b45;
+    }
+  }
+
+  .pisell2_product-extension-container-desc {
+    color: rgba(0, 0, 0, 0.45);
+    font-size: 14px;
+    transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
+    margin-top: 8px;
+  }
+}

package/dist/es/components/productExtension/fields/Actor/CutOffTime/index.js

@@ -0,0 +1,74 @@
+import Container_default from "../Container/index.js";
+import React, { useEffect, useState } from "react";
+import { Form, InputNumber, Select } from "antd";
+import { locales } from "@pisell/utils";
+import "./index.less";
+
+//#region src/components/productExtension/fields/Actor/CutOffTime/index.tsx
+const { Option } = Select;
+const maxNumber = {
+	days: 365,
+	hours: 8760,
+	minutes: 525600
+};
+const CutOffTime = ({ value, onChange, name }) => {
+	const [cutTimeMax, setCutTimeMax] = useState(365);
+	const timeOptions = [
+		{
+			label: locales.getText("pisell2.text.product-extension.days"),
+			value: "days"
+		},
+		{
+			label: locales.getText("pisell2.text.product-extension.hours"),
+			value: "hours"
+		},
+		{
+			label: locales.getText("pisell2.text.product-extension.minutes"),
+			value: "minutes"
+		}
+	];
+	useEffect(() => {
+		if (value) setCutTimeMax(maxNumber[value?.unit_type]);
+	}, [value]);
+	return /* @__PURE__ */ React.createElement("div", { className: "pisell2_product-extension-cut-off-time-wrap" }, /* @__PURE__ */ React.createElement(Container_default, {
+		title: locales.getText("pisell2.text.product-extension.cut-off-time"),
+		desc: locales.getText("pisell2.text.product-extension.cut-off-time.desc"),
+		isMargin: true
+	}, /* @__PURE__ */ React.createElement("div", { className: "pisell2_product-extension-cut-off-time-input-wrap" }, /* @__PURE__ */ React.createElement(Form.Item, {
+		name: [...name, "unit"],
+		noStyle: true,
+		initialValue: 1
+	}, /* @__PURE__ */ React.createElement(InputNumber, {
+		min: 1,
+		size: "large",
+		max: cutTimeMax,
+		className: "pisell2_product-extension-cut-off-time-input-small"
+	})), /* @__PURE__ */ React.createElement(Form.Item, {
+		name: [...name, "unit_type"],
+		noStyle: true,
+		initialValue: "days"
+	}, /* @__PURE__ */ React.createElement(Select, {
+		size: "large",
+		className: "pisell2_product-extension-cut-off-time-select-wrap",
+		onChange: (value$1) => {
+			setCutTimeMax(maxNumber[value$1]);
+		}
+	}, timeOptions.map((i) => /* @__PURE__ */ React.createElement(Option, { key: i.value }, i.label)))))), /* @__PURE__ */ React.createElement(Container_default, {
+		title: locales.getText("pisell2.text.product-extension.future-day"),
+		desc: locales.getText("pisell2.text.product-extension.future-day.hint")
+	}, /* @__PURE__ */ React.createElement("div", { className: "pisell2_product-extension-cut-off-time-input-wrap" }, /* @__PURE__ */ React.createElement(Form.Item, {
+		name: [...name, "future_day"],
+		noStyle: true,
+		initialValue: 365
+	}, /* @__PURE__ */ React.createElement(InputNumber, {
+		size: "large",
+		min: 0,
+		max: 365,
+		addonAfter: locales.getText("pisell2.text.product-extension.days"),
+		className: "pisell2_product-extension-cut-off-time-input-big"
+	})))));
+};
+var CutOffTime_default = CutOffTime;
+
+//#endregion
+export { CutOffTime_default as default };

package/dist/es/components/productExtension/fields/Actor/CutOffTime/index.less

@@ -0,0 +1,32 @@
+.pisell2_product-extension-cut-off-time-wrap {
+  .pisell2_product-extension-cut-off-time-title {
+    font-size: 14px;
+    color: #222b45;
+    margin-bottom: 6px;
+  }
+
+  .pisell2_product-extension-cut-off-time-desc {
+    color: rgba(0, 0, 0, 0.45);
+    font-size: 14px;
+    transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
+    margin-top: 8px;
+  }
+
+  .pisell2_product-extension-cut-off-time-input-wrap {
+    display: flex;
+    justify-content: space-between;
+
+    .pisell2_product-extension-cut-off-time-select-wrap {
+      width: 20%;
+      border-radius: 4px;
+    }
+
+    .pisell2_product-extension-cut-off-time-input-small {
+      width: 78%;
+    }
+
+    .pisell2_product-extension-cut-off-time-input-big {
+      width: 100%;
+    }
+  }
+}

package/dist/es/components/productExtension/fields/Actor/index.js

@@ -0,0 +1,21 @@
+import SelectProducts_default from "../SelectProducts/index.js";
+import CutOffTime_default from "./CutOffTime/index.js";
+import React from "react";
+import { Form } from "antd";
+
+//#region src/components/productExtension/fields/Actor/index.tsx
+const Actor = ({ name }) => {
+	return /* @__PURE__ */ React.createElement("div", { className: "" }, /* @__PURE__ */ React.createElement(Form.Item, { name: [name, "products"] }, /* @__PURE__ */ React.createElement(SelectProducts_default, null)), /* @__PURE__ */ React.createElement(Form.Item, {
+		hidden: true,
+		name: [name, "actor_type"],
+		initialValue: "product"
+	}), /* @__PURE__ */ React.createElement(Form.Item, {
+		hidden: true,
+		name: [name, "product_type"],
+		initialValue: "products"
+	}), /* @__PURE__ */ React.createElement(Form.Item, null, /* @__PURE__ */ React.createElement(CutOffTime_default, { name: [name, "cut_off_time"] })));
+};
+var Actor_default = Actor;
+
+//#endregion
+export { Actor_default as default };

package/dist/es/components/productExtension/fields/SelectProducts/ProductItem/index.js

@@ -0,0 +1,30 @@
+import pisellPriceText_default from "../../../../productSelect/components/pisellPriceText/index.js";
+import React from "react";
+import { image } from "@pisell/utils";
+import Decimal from "decimal.js";
+import classNames from "classnames";
+import "./index.less";
+
+//#region src/components/productExtension/fields/SelectProducts/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(price).plus(new Decimal(minimum_markup_price)).toFixed(2);
+	return /* @__PURE__ */ React.createElement("div", {
+		style,
+		className: classNames("product-item-card", className),
+		onClick: () => {
+			onClick(item);
+		}
+	}, item.cover ? /* @__PURE__ */ React.createElement("img", {
+		src: image.ali(item.cover, 100),
+		className: "product-item-card-cover"
+	}) : null, /* @__PURE__ */ React.createElement("div", { className: "product-item-card-content" }, /* @__PURE__ */ React.createElement("div", { className: "product-item-card-title" }, item.title), /* @__PURE__ */ React.createElement("div", { className: "product-item-card-price" }, /* @__PURE__ */ React.createElement(pisellPriceText_default, {
+		value: _price,
+		isMini: is_bundle
+	}))));
+};
+var ProductItem_default = ProductItem;
+
+//#endregion
+export { ProductItem_default as default };

package/dist/es/components/productExtension/fields/SelectProducts/ProductItem/index.less

@@ -0,0 +1,69 @@
+.product-item-card {
+  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;
+    }
+  }
+
+  .product-item-card-cover {
+    width: 80px;
+    height: 80px;
+    border-radius: 8px;
+    object-fit: cover;
+  }
+
+  .product-item-card-content {
+    flex: 1;
+
+    .product-item-card-title {
+      color: var(--text-text-1, #1B1B1B);
+
+
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 20px;
+    }
+
+    .product-item-card-time {
+      overflow: hidden;
+      color: var(--text-text-2, #777);
+      text-overflow: ellipsis;
+
+
+      font-size: 12px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 18px;
+    }
+
+    .product-item-card-price {
+      color: var(--text-text-1, #1B1B1B);
+
+
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px;
+    }
+  }
+
+}

package/dist/es/components/productExtension/fields/SelectProducts/ProductItemPreview/index.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { image } from "@pisell/utils";
+import classNames from "classnames";
+import XClose from "@pisell/icon/es/XClose";
+import "./index.less";
+
+//#region src/components/productExtension/fields/SelectProducts/ProductItemPreview/index.tsx
+const ProductItemPreview = ({ item = {}, onClick, onRemove, amountSymbol = "$", style, className }) => {
+	return /* @__PURE__ */ React.createElement("div", {
+		style,
+		className: classNames("product-item-card-preview", className),
+		onClick: () => {
+			onClick(item);
+		}
+	}, item.cover ? /* @__PURE__ */ React.createElement("img", {
+		src: image.ali(item.cover, 100),
+		className: "product-item-card-preview-cover"
+	}) : null, /* @__PURE__ */ React.createElement("div", { className: "product-item-card-preview-content" }, /* @__PURE__ */ React.createElement("div", { className: "product-item-card-preview-title" }, item.title)), /* @__PURE__ */ React.createElement("div", {
+		className: "product-item-card-preview-close-wrap",
+		onClick: (e) => {
+			e.preventDefault();
+			e.stopPropagation();
+			onRemove?.(item);
+		}
+	}, /* @__PURE__ */ React.createElement(XClose, { className: "product-item-card-preview-close" })));
+};
+var ProductItemPreview_default = ProductItemPreview;
+
+//#endregion
+export { ProductItemPreview_default as default };

package/dist/es/components/productExtension/fields/SelectProducts/ProductItemPreview/index.less

@@ -0,0 +1,62 @@
+.product-item-card-preview {
+  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;
+    }
+  }
+
+  .product-item-card-preview-cover {
+    width: 40px;
+    height: 40px;
+    border-radius: 8px;
+    object-fit: cover;
+  }
+
+  .product-item-card-preview-content {
+    flex: 1;
+
+    .product-item-card-preview-title {
+      color: var(--text-text-1, #1B1B1B);
+
+
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 20px;
+    }
+
+  }
+
+  .product-item-card-preview-close-wrap {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 40px;
+    height: 40px;
+    cursor: pointer;
+
+    .product-item-card-close {
+      font-size: 30px;
+
+    }
+  }
+
+
+}

package/dist/es/components/productExtension/fields/SelectProducts/index.js

@@ -0,0 +1,88 @@
+import selectModal_default from "../../../selectModal/index.js";
+import { getProductList } from "./server.js";
+import ProductItem_default from "./ProductItem/index.js";
+import ProductItemPreview_default from "./ProductItemPreview/index.js";
+import React, { useEffect, useMemo, useState } from "react";
+import { locales } from "@pisell/utils";
+import { useRequest } from "ahooks";
+import "./index.less";
+
+//#region src/components/productExtension/fields/SelectProducts/index.tsx
+const SelectProducts = ({ value, onChange }) => {
+	const [listMap, setListMap] = useState({});
+	const _getProductList = useRequest(getProductList, {
+		manual: true,
+		onSuccess: (res) => {
+			let obj = {};
+			res.forEach((d) => {
+				obj[d.id] = d;
+			});
+			setListMap(obj);
+		}
+	});
+	const _value = useMemo(() => {
+		if (value && value.length) return value.map((d) => listMap[d.product_id] || d);
+		return value;
+	}, [value, listMap]);
+	useEffect(() => {
+		_getProductList.run({
+			skip: 1,
+			num: 500,
+			with: ["category"],
+			open_quotation: 1,
+			exclude_extension_type: ["event_item"],
+			status: "published"
+		});
+	}, []);
+	const onRemove = (item) => {
+		onChange?.((value || []).filter((d) => (d.id || d.product_id) !== item.id));
+	};
+	return /* @__PURE__ */ React.createElement(selectModal_default, {
+		value: _value,
+		loading: _getProductList.loading,
+		onChange: (arr) => {
+			onChange?.(arr.map((d) => {
+				return {
+					product_collection_id: 0,
+					product_id: d.id || d.product_id,
+					product_variant_id: 0
+				};
+			}));
+		},
+		dataSource: _getProductList.data,
+		renderValueItem: (item, onSelect) => {
+			return /* @__PURE__ */ React.createElement(ProductItemPreview_default, {
+				key: item?.id,
+				item,
+				onClick: onSelect,
+				onRemove
+			});
+		},
+		renderOptionItem: (item, onSelect) => {
+			return /* @__PURE__ */ React.createElement(ProductItem_default, {
+				key: item?.id,
+				item,
+				onClick: onSelect
+			});
+		},
+		buttonProps: {
+			showSub: !!value?.length,
+			title: locales.getText("pisell2.text.product-extension.add-product"),
+			subTitle: locales.getText("pisell2.text.product-extension.add-other-product")
+		},
+		drawerProps: {
+			width: 500,
+			title: locales.getText("pisell2.text.product-extension.add-product"),
+			rootClassName: "select-product-drawer"
+		},
+		tabProductProps: {
+			warpClassName: "select-product-warp",
+			stickyTop: 188,
+			scrollDom: ".select-product-drawer .pisell-lowcode-drawer-body"
+		}
+	});
+};
+var SelectProducts_default = SelectProducts;
+
+//#endregion
+export { SelectProducts_default as default };

package/dist/es/components/productExtension/fields/SelectProducts/index.less

@@ -0,0 +1,30 @@
+.select-product-warp {
+  .category-list {
+    width: 100%;
+    height: 100%;
+    padding: 0 32px;
+
+    .category-title {
+      margin: 16px 0;
+      font-style: normal;
+      font-weight: 600;
+      font-size: 18px;
+      line-height: 24px;
+      color: #1b1b1b;
+    }
+
+    .product-list {
+      width: 100%;
+      background: #ffffff;
+      border-radius: 4px;
+      padding: 20px;
+      box-sizing: border-box;
+      margin-bottom: 20px;
+      overflow: hidden;
+      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/productExtension/fields/SelectProducts/server.js

@@ -0,0 +1,10 @@
+import { request } from "../../../../utils/index.js";
+
+//#region src/components/productExtension/fields/SelectProducts/server.ts
+const getProductList = async (params) => {
+	let { data } = await request.getRequest().post("/shop/product/query", params, { abort: true });
+	return data?.list || [];
+};
+
+//#endregion
+export { getProductList };

package/dist/es/components/productExtension/fields/SelectResourcesTable/index.js

@@ -0,0 +1,153 @@
+import { getAllResource, getFormTypes } from "./server.js";
+import React, { useEffect, useMemo, useState } from "react";
+import { Select } from "antd";
+import { locales } from "@pisell/utils";
+import "./index.less";
+
+//#region src/components/productExtension/fields/SelectResourcesTable/index.tsx
+const sortArrayByOrder = (arr1, arr2, reverse) => {
+	return (arr1 || []).sort((a, b) => {
+		let _a = arr2.findIndex((item) => item.form_id === a.form_id);
+		let _b = arr2.findIndex((item) => item.form_id === b.form_id);
+		return reverse ? _b - _a : _a - _b;
+	});
+};
+const SelectResourcesTable = ({ value, onChange }) => {
+	const Dom = window.BaseMaterials.Table;
+	const [data, setData] = useState([]);
+	/**
+	* @title: 获取数据
+	* @description:
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-11-04 17:07
+	*/
+	const _getData = async () => {
+		let _getFormTypes = getFormTypes({
+			type: "manual",
+			num: 500,
+			skip: 1,
+			status: "published"
+		}, { useCache: true });
+		let _getAllResource = getAllResource({
+			num: 500,
+			skip: 1
+		}, { useCache: true });
+		const [forms, resources] = await Promise.all([_getFormTypes, _getAllResource]);
+		let defaultResourceId = getDefaultResourceId();
+		setData((forms || []).reduce((arr, item) => {
+			const currentResource = (resources || []).filter((relation) => relation.form_id === item.id);
+			if (currentResource.length > 0) {
+				if (defaultResourceId && currentResource.some((d) => d.id == defaultResourceId)) {
+					_onChange([defaultResourceId], item.id);
+					removeDefaultResourceId();
+					defaultResourceId = void 0;
+				}
+				arr.push({
+					label: item.title,
+					key: item.id,
+					value: item.id,
+					options: currentResource,
+					...item,
+					form_id: item.id
+				});
+			}
+			return arr;
+		}, []));
+	};
+	/**
+	* @title: 获取默认选择的资源
+	* @description:
+	* @return {*}
+	* @Author: zhiwei.Wang
+	* @Date: 2024-11-04 17:09
+	*/
+	const getDefaultResourceId = () => {
+		let serviceParams = sessionStorage.getItem("pisell2.eventBooking.serviceParams");
+		if (serviceParams) serviceParams = JSON.parse(serviceParams);
+		let resource_id = serviceParams?.resource_id;
+		if (resource_id) resource_id = Number(resource_id);
+		return resource_id;
+	};
+	const removeDefaultResourceId = () => {
+		sessionStorage.setItem("pisell2.eventBooking.serviceParams", "");
+	};
+	const _dataSource = useMemo(() => {
+		if (value) {
+			let sortOrder = {};
+			let arr1Copy = data.slice();
+			value.forEach((item, index) => {
+				sortOrder[item.form_id] = index;
+			});
+			arr1Copy.sort((a, b) => {
+				if (sortOrder[a.form_id] !== void 0 && sortOrder[b.form_id] !== void 0) return sortOrder[a.form_id] - sortOrder[b.form_id];
+				if (sortOrder[a.form_id] !== void 0) return -1;
+				if (sortOrder[b.form_id] !== void 0) return 1;
+				return 0;
+			});
+			return arr1Copy;
+		}
+		return data;
+	}, [data, value]);
+	const _onChange = (val, form_id) => {
+		let _value = JSON.parse(JSON.stringify(value || []));
+		let cur = _value.find((d) => d.form_id === form_id);
+		if (cur) cur.form_record_ids = val;
+		else _value.push({
+			form_id,
+			form_record_ids: val
+		});
+		onChange?.(_value);
+	};
+	console.log("value", value);
+	const columns = useMemo(() => {
+		return [{
+			title: locales.getText("pisell2.text.product-extension.resource-type"),
+			dataIndex: "title",
+			value,
+			data,
+			width: 100
+		}, {
+			title: locales.getText("pisell2.text.product-extension.options"),
+			dataIndex: "form_id",
+			render: (form_id, record, index) => {
+				let cur = value?.find((d) => d.form_id === form_id);
+				return /* @__PURE__ */ React.createElement(Select, {
+					style: { width: "100%" },
+					mode: "multiple",
+					value: cur?.form_record_ids || [],
+					options: record.options,
+					popupMatchSelectWidth: false,
+					fieldNames: {
+						label: "title",
+						value: "id"
+					},
+					onChange: (val) => {
+						_onChange(val, form_id);
+					}
+				});
+			}
+		}];
+	}, [value, _dataSource]);
+	const sortChange = (detail) => {
+		if (value && value.length) onChange?.(sortArrayByOrder(value, detail.dataSource));
+	};
+	useEffect(() => {
+		_getData();
+	}, []);
+	return /* @__PURE__ */ React.createElement(Dom, {
+		className: "",
+		dragSort: true,
+		onSortChange: sortChange,
+		rowKey: "form_id",
+		columns,
+		dataSource: _dataSource,
+		pagination: false,
+		virtual: false,
+		scroll: { x: "auto" }
+	});
+};
+var SelectResourcesTable_default = SelectResourcesTable;
+
+//#endregion
+export { SelectResourcesTable_default as default };

package/dist/es/components/productExtension/fields/SelectResourcesTable/server.js

@@ -0,0 +1,14 @@
+import { request } from "../../../../utils/index.js";
+
+//#region src/components/productExtension/fields/SelectResourcesTable/server.ts
+const getFormTypes = async (params, config) => {
+	let { data } = await request.getRequest().get("/shop/form", params, config);
+	return data?.list || [];
+};
+const getAllResource = async (params, config) => {
+	let { data } = await request.getRequest().get("/shop/schedule/relation/resource", params, config);
+	return data?.list || [];
+};
+
+//#endregion
+export { getAllResource, getFormTypes };