@pisell/private-materials 6.6.10 → 6.6.12

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

@@ -1,180 +0,0 @@
-import { isWalkIn } from "../utils.js";
-import useEngineContext_default from "../../../hooks/useEngineContext.js";
-import tabPane_default from "../components/tabPane/index.js";
-import emptyBooking_default from "../components/emptyBooking/index.js";
-import { Context, Provider } from "./model.js";
-import forms_default from "./forms.js";
-import footer_default from "./footer.js";
-import React, { useContext, useEffect, useMemo, useState } from "react";
-import { message } from "antd";
-import { locales } from "@pisell/utils";
-import "./index.less";
-
-//#region src/components/booking/forms/index.tsx
-const relation_type = "appointment_booking";
-const Forms = Provider((props) => {
-	const { globalState } = props;
-	const [loading, setLoading] = useState(true);
-	const { state, dispatch } = useContext(Context);
-	const context = useEngineContext_default();
-	const { isTerminal } = context.appHelper?.utils || {};
-	const params = useMemo(() => {
-		return state?.bookingConfig?.config?.basic?.appointment_subject;
-	}, [state?.bookingConfig?.config?.basic?.appointment_subject]);
-	useEffect(() => {
-		if (!!state.bookingDetail?.bookings?.id) geForms();
-	}, [state.bookingDetail?.bookings?.id, state.client?.value?.id]);
-	const getFranchiseeCompositeData = async ({ request, params: params$1 }) => {
-		let arr = [];
-		arr.push(request(params$1));
-		if (state.isFranchisee) arr.push(request({
-			...params$1,
-			source_shop_customer: 1
-		}));
-		return await Promise.all(arr);
-	};
-	const getFranchiseeForms = async (params$1) => {
-		const res = await getFranchiseeCompositeData({
-			request: state.apis.getForms,
-			params: params$1
-		});
-		if (state.isFranchisee) {
-			let arr = [];
-			res.forEach((item, index) => {
-				arr = arr.concat((item || []).map((d) => {
-					return {
-						...d,
-						is_franchisor: index === 1 ? 1 : 0
-					};
-				}));
-			});
-			return arr;
-		}
-		return res[0];
-	};
-	const getFormDataById = async (item) => {
-		let _params = {
-			form_id: item.form_id,
-			skip: 1,
-			num: 999,
-			source_shop_customer: item.is_franchisor ? 1 : 0
-		};
-		let options = [];
-		const isCustomerForm = item.data_range === "customer" && !isWalkIn(state.client?.value?.id);
-		if (item.data_range !== "customer" || isCustomerForm) {
-			if (isCustomerForm) _params.customer_id = state.client.value.id;
-			options = (await state.apis.getPetsData(_params))?.list || [];
-		}
-		return {
-			...item,
-			options
-		};
-	};
-	const getFormData = async (formList = []) => {
-		let all = [];
-		all = formList.map((d) => getFormDataById(d));
-		return Promise.all(all);
-	};
-	const getFormValues = (data) => {
-		let _values = {};
-		for (let item of data) _values[item.form_id] = item.form_record;
-		return _values;
-	};
-	const geForms = async () => {
-		setLoading(true);
-		try {
-			let data = await getFranchiseeForms({
-				relation_type,
-				relation_id: state.bookingDetail.bookings.id
-			});
-			data = data || [];
-			if (params.type === "form") data = data.filter((d) => d.form_id !== params?.form_id);
-			console.log("datadata", data);
-			dispatch({
-				type: "setForm",
-				payload: {
-					forms: await getFormData(data),
-					value: getFormValues(data)
-				}
-			});
-			setLoading(false);
-		} catch (err) {
-			setLoading(false);
-			console.log("form_error", err);
-		}
-	};
-	useEffect(() => {
-		document.body.id = "body";
-	}, []);
-	useEffect(() => {
-		dispatch({
-			type: "setState",
-			payload: { setGlobalState: props.setGlobalState }
-		});
-	}, []);
-	useEffect(() => {
-		const isFranchisee = context?.appHelper?.utils?.businessUtils?.getAppByModal?.("franchisee");
-		dispatch({
-			type: "setState",
-			payload: {
-				...globalState,
-				isFranchisee
-			}
-		});
-	}, [globalState]);
-	const saveBookingFormData = async (params$1) => {
-		try {
-			await state.apis.saveBookingFormData(params$1);
-			message.success(locales.getText("pisell2.text.forms") + locales.getText("pisell2.text.updated"));
-			state?.callback({
-				order_id: state.bookingId,
-				afterCloseUpdate: true
-			});
-		} catch (err) {}
-	};
-	const onValueChange = (data) => {
-		const { values, current } = data;
-		dispatch({
-			type: "setForm",
-			payload: { value: values }
-		});
-		let _arr = current.value || [];
-		saveBookingFormData({
-			relation_type,
-			relation_id: state.bookingDetail.bookings.id,
-			form_id: current.field.form_id,
-			form_record_ids: _arr.map((d) => d.form_record_id)
-		});
-	};
-	const addCallback = async (form) => {
-		let _data = [...state.form.forms];
-		const data = await getFormDataById(form);
-		_data = _data.map((d) => d.form_id === form.form_id ? data : d);
-		dispatch({
-			type: "setForm",
-			payload: { forms: _data }
-		});
-	};
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, !!state.setGlobalState ? /* @__PURE__ */ React.createElement(tabPane_default, {
-		header: locales.getText("pisell2.text.forms"),
-		loading: loading && globalState.bookingId,
-		bodyClassName: "booking-forms-body",
-		footer: state.bookingId && state?.form?.forms.length && /* @__PURE__ */ React.createElement(footer_default, {
-			state: globalState,
-			reload: geForms
-		})
-	}, !globalState.bookingId ? /* @__PURE__ */ React.createElement(emptyBooking_default, null) : /* @__PURE__ */ React.createElement(forms_default, {
-		forms: state.form.forms,
-		action: state.action,
-		modalOpen: state.modalOpen,
-		value: state.form.value,
-		onChange: onValueChange,
-		addCallback,
-		client: state.client.value,
-		customSelectProps: { autoFocus: !state.isTerminal }
-	})) : null);
-});
-var forms_default$1 = Forms;
-
-//#endregion
-export { forms_default$1 as default };

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

@@ -1,26 +0,0 @@
-  .pisell-lowcode__booking-field-wrap {
-
-    .pisell-lowcode__booking-field-title {
-      color: var(--Gray-700, #344054);
-
-      font-size: 14px;
-      font-style: normal;
-      font-weight: 500;
-      line-height: 20px;
-    }
-
-    .pisell-lowcode__booking-field-com {
-      margin-top: 6px;
-    }
-  }
-
-  .booking-forms-body {
-    padding-bottom: 32px !important;
-  }
-  .pisell-lowcode-send-form-wrap {
-    padding: 24px 0;
-  }
-  .pisell-lowcode__booking-form-footer {
-    display: flex;
-    gap: 8px;
-  }

package/dist/es/components/booking/forms/model.js

@@ -1,25 +0,0 @@
-import { miniRedux } from "@pisell/utils";
-
-//#region src/components/booking/forms/model.tsx
-const defaultState = {};
-const { Provider, Context } = miniRedux({
-	namespace: "state",
-	state: defaultState,
-	reducers: {
-		setState(state, payload) {
-			return {
-				...state,
-				...payload
-			};
-		},
-		setForm(state, payload) {
-			state.setGlobalState({ form: {
-				...state.form,
-				...payload
-			} });
-		}
-	}
-});
-
-//#endregion
-export { Context, Provider };

package/dist/es/components/booking/forms/sendModal/index.js

@@ -1,60 +0,0 @@
-import PhoneField_default from "../../../pisellSelectCustomerModal/RightPanel/Add/PhoneField/index.js";
-import React from "react";
-import { Checkbox, Form, Input } from "antd";
-import { locales } from "@pisell/utils";
-import { PisellModal } from "@pisell/materials";
-import "./index.less";
-
-//#region src/components/booking/forms/sendModal/index.tsx
-const SendModal = ({ open, refreshKey, onCancel, onOk, defaultValues = {}, onValuesChange }) => {
-	const [form] = Form.useForm();
-	const sendSms = Form.useWatch("sendSms", form);
-	const sendEmail = Form.useWatch("sendEmail", form);
-	const handleOk = () => {
-		form.validateFields().then((values) => {
-			onOk(values);
-		});
-	};
-	return /* @__PURE__ */ React.createElement(PisellModal, {
-		open,
-		title: locales.getText("pisell2.text.send-form-reminder"),
-		onCancel,
-		onOk: handleOk,
-		okText: locales.getText("pisell2.text.send-form-ok")
-	}, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode-send-form-wrap" }, /* @__PURE__ */ React.createElement(Form, {
-		form,
-		key: refreshKey,
-		onValuesChange,
-		layout: "vertical",
-		initialValues: defaultValues
-	}, /* @__PURE__ */ React.createElement(Form.Item, {
-		name: "sendSms",
-		valuePropName: "checked",
-		style: { marginBottom: 12 }
-	}, /* @__PURE__ */ React.createElement(Checkbox, null, locales.getText("pisell2.text.send-sms-reminder"))), /* @__PURE__ */ React.createElement(Form.Item, {
-		name: "phone",
-		style: { marginLeft: 16 },
-		rules: [{
-			required: sendSms,
-			message: locales.getText("pisell2.text.phone-required-error-message")
-		}]
-	}, /* @__PURE__ */ React.createElement(PhoneField_default, null)), /* @__PURE__ */ React.createElement(Form.Item, {
-		name: "sendEmail",
-		valuePropName: "checked",
-		style: { marginBottom: 12 }
-	}, /* @__PURE__ */ React.createElement(Checkbox, null, locales.getText("pisell2.text.send-email-reminder"))), /* @__PURE__ */ React.createElement(Form.Item, {
-		name: "email",
-		style: { marginLeft: 16 },
-		rules: [{
-			required: sendEmail,
-			message: locales.getText("pisell2.text.email-required-error-message")
-		}, {
-			pattern: /^([a-zA-Z0-9_\-\.+])+@([a-zA-Z0-9-]+\.)+([a-zA-Z]{2,63})+$/,
-			message: locales.getText("pisell2.text.email-error-message")
-		}]
-	}, /* @__PURE__ */ React.createElement(Input, { size: "large" })))));
-};
-var sendModal_default = SendModal;
-
-//#endregion
-export { sendModal_default as default };

package/dist/es/components/booking/forms/sendModal/index.less

@@ -1,9 +0,0 @@
-.pisell-lowcode-send-form-wrap {
-  padding: 24px 0;
-
-  .ant-form-item {
-    &.ant-form-item-has-error {
-      margin-bottom: 24px;
-    }
-  }
-} 

package/dist/es/components/booking/forms/sendModal/useSendModal.js

@@ -1,39 +0,0 @@
-import { sendFormReminder } from "../serve.js";
-import { useState } from "react";
-import { locales } from "@pisell/utils";
-import { message } from "@pisell/materials";
-
-//#region src/components/booking/forms/sendModal/useSendModal.ts
-const useSendModal = (bookingId) => {
-	const [open, setOpen] = useState(false);
-	const handleOpen = () => {
-		setOpen(true);
-	};
-	const handleValuesChange = (val) => {
-		console.log(val, "val");
-	};
-	const handleOk = async (values) => {
-		if (!values.sendSms && !values.sendEmail) return message.error(locales.getText("pisell2.text.send-form-reminder-error-message"));
-		if (values.sendSms && !values.phone.phone) return message.error(locales.getText("pisell2.text.phone-required-error-message"));
-		if (values.sendEmail && !values.email) return message.error(locales.getText("pisell2.text.email-required-error-message"));
-		await sendFormReminder({
-			phone: values.sendSms ? values.phone.phone : void 0,
-			email: values.sendEmail ? values.email : void 0,
-			order_id: bookingId,
-			country_calling_code: values.sendSms ? values.phone.code.replace("+", "") : void 0
-		});
-		message.success(locales.getText("pisell2.text.send-form-toast"));
-		setOpen(false);
-	};
-	return {
-		open,
-		setOpen,
-		handleOpen,
-		handleValuesChange,
-		handleOk
-	};
-};
-var useSendModal_default = useSendModal;
-
-//#endregion
-export { useSendModal_default as default };

package/dist/es/components/booking/forms/serve.js

@@ -1,14 +0,0 @@
-import { request } from "../utils.js";
-
-//#region src/components/booking/forms/serve.ts
-/**
-* 获取表单数据
-*/
-const getFormData = async (params) => request.getRequest().get(`/shop/form/data/v1`, params);
-/**
-* 发送表单填写提醒
-*/
-const sendFormReminder = async (params) => request.getRequest().post(`/shop/form/form-reminder`, params);
-
-//#endregion
-export { getFormData, sendFormReminder };

package/dist/es/components/booking/forms/single/RenderValueById.js

@@ -1,75 +0,0 @@
-import useEngineContext_default from "../../../../hooks/useEngineContext.js";
-import { getFormData } from "../serve.js";
-import React, { useEffect, useMemo, useState } from "react";
-import { Tag, Tooltip } from "antd";
-import { isArr, isUndefined, locales } from "@pisell/utils";
-import { useRequest } from "ahooks";
-import { Iconfont } from "@pisell/materials";
-import "./index.less";
-
-//#region src/components/booking/forms/single/RenderValueById.tsx
-const RenderValueById = (props) => {
-	const { field, value: propsValue } = props;
-	const { appHelper } = useEngineContext_default();
-	const [displayCount, setDisplayCount] = useState(10);
-	const _getFormData = useRequest(getFormData, {
-		manual: true,
-		cacheKey: `formOption-${field.setting?.linkedTable}-${(propsValue || [])?.toString?.()}`,
-		staleTime: 500,
-		cacheTime: 5e3
-	});
-	const value = useMemo(() => {
-		let v = propsValue;
-		if (field.filed_type === "form_to_form") if (isArr(propsValue)) v = propsValue;
-		else if (propsValue?.form_ids) v = propsValue.form_ids;
-		else v = propsValue;
-		return v;
-	}, [propsValue]);
-	useEffect(() => {
-		if (field.filed_type === "form_to_form" && field.setting?.linkedTable) _getFormData.run({
-			form_record_ids: value,
-			form_id: field.setting?.linkedTable,
-			skip: 1,
-			num: 999
-		});
-	}, [field.filed_type, value]);
-	const options = useMemo(() => {
-		if (field.filed_type === "form_to_form" && field?.setting?.linkedTable) return _getFormData.data?.data?.list?.map((item) => ({
-			title: item.main_field,
-			id: item.form_record_id
-		})) || [];
-		return field?.setting?.customTypeList;
-	}, [
-		field.filed_type,
-		field?.setting?.customTypeList,
-		_getFormData.data
-	]);
-	if (isArr(value)) {
-		const formListDisplay = field?.setting?.displayStyle === "list" && field?.filed_type === "form_to_form";
-		let _list = options?.filter((i) => {
-			return value?.includes(i?.id || i.value);
-		});
-		let _str = !formListDisplay && _list?.map((i) => {
-			const title = appHelper?.utils?.translationShop(i?.title || i?.label);
-			return /* @__PURE__ */ React.createElement(Tooltip, { title }, /* @__PURE__ */ React.createElement(Tag, { className: "pisell-lowcode__booking-form-link-tag-title" }, title));
-		}) || "-";
-		if (formListDisplay) _str = (_list?.slice(0, displayCount) || [])?.map((i, index) => {
-			const title = appHelper?.utils?.translationShop(i?.title || i?.label);
-			return /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-form-link-to-list-item" }, /* @__PURE__ */ React.createElement("span", { className: "pisell-lowcode__booking-form-link-to-list-item-index" }, index + 1), /* @__PURE__ */ React.createElement(Tooltip, { title }, /* @__PURE__ */ React.createElement("span", { className: "pisell-lowcode__booking-form-link-to-list-item-title" }, title)));
-		}) || "-";
-		return /* @__PURE__ */ React.createElement("span", { className: formListDisplay ? "pisell-lowcode__booking-form-link-to-list-wrap" : "" }, _str || "-", formListDisplay && _list?.length > displayCount && /* @__PURE__ */ React.createElement("div", {
-			className: "pisell-lowcode__booking-form-link-to-list-item-more",
-			onClick: () => setDisplayCount((prev) => Math.min(prev + 10, _list?.length || 0))
-		}, /* @__PURE__ */ React.createElement("span", null, locales.getText("pisell2.text.form.link.to.another.record.more")), /* @__PURE__ */ React.createElement(Iconfont, { type: "icona-IconStroke" })));
-	}
-	if (!isUndefined(value)) {
-		if (field?.filed_type === "select" && !field?.setting?.version) return /* @__PURE__ */ React.createElement("span", null, value || "-");
-		let _item = options?.filter((i) => i?.id == value);
-		return appHelper?.utils?.translationShop(_item?.[0]?.title || _item?.[0]?.label) || "-";
-	}
-	return null;
-};
-var RenderValueById_default = RenderValueById;
-
-//#endregion
-export { RenderValueById_default as default };

package/dist/es/components/booking/forms/single/index.js

@@ -1,213 +0,0 @@
-import customSelect_default from "../../components/customSelect/index.js";
-import collapsibleList_default from "../../components/collapsibleList/index.js";
-import RenderValueById_default from "./RenderValueById.js";
-import useComponents_default from "../../../../hooks/useComponents.js";
-import { formatDate as formatDate$1 } from "../../../../utils/date.js";
-import dayjs from "dayjs";
-import React, { useCallback, useMemo } from "react";
-import { Avatar, Tag } from "antd";
-import { image, locales } from "@pisell/utils";
-import FileDownload02 from "@pisell/icon/es/FileDownload02";
-import "./index.less";
-
-//#region src/components/booking/forms/single/index.tsx
-const queryValueById = [
-	"checkbox",
-	"radioButton",
-	"select",
-	"form_to_form"
-];
-/**
-* @title: 表单选择器
-* @description:
-* @return {*}
-* @Author: zhiwei.Wang
-* @Date: 2024-01-30 17:06
-*/
-const Single = ({ value, onChange, form, mode, optionRender, loading, customSelectProps, onAdd, addButtonProps, modalOpen, watch, drawerProps }) => {
-	const [HumanBodySelector] = useComponents_default({ components: ["HumanBodySelector"] });
-	/**
-	* @title: 渲染表单内容
-	* @description:
-	* @param {any} fieldData
-	* @param {any} field
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 17:06
-	*/
-	const renderFieldValue = (fieldData, field) => {
-		const val = fieldData[field.key];
-		if (field.filed_type === "attachment") {
-			if (Array.isArray(val)) return val.map((item) => {
-				if (item.type.indexOf("image") !== -1) return /* @__PURE__ */ React.createElement("img", {
-					className: "attachment-item",
-					src: image.ali(item.url, 200),
-					key: image.ali(item.url, 200)
-				});
-				return /* @__PURE__ */ React.createElement("a", {
-					href: item.url,
-					key: item.url,
-					style: {
-						display: "block",
-						marginTop: 8
-					},
-					onClick: (e) => {
-						e.stopPropagation();
-					}
-				}, /* @__PURE__ */ React.createElement(FileDownload02, { style: { fontSize: 40 } }));
-			});
-		}
-		if (field.filed_type === "customer_cover") return /* @__PURE__ */ React.createElement(Avatar, { src: val });
-		if (field.filed_type === "signature") return /* @__PURE__ */ React.createElement("img", {
-			className: "attachment-item",
-			src: image.ali(val, 200),
-			key: image.ali(val, 200)
-		});
-		if (field.filed_type === "customer_phone") {
-			if (val) return `${val.country_calling_code && `(+${val.country_calling_code})`} ${val.phone || ""}`;
-		}
-		if (field.filed_type === "body_hotspot_image") return HumanBodySelector ? /* @__PURE__ */ React.createElement(HumanBodySelector, {
-			value: val,
-			disable: true
-		}) : val;
-		if (field.filed_type === "agreement") return val === 1 ? locales.getText("pisell2.booking.info.text.form-agreement-yes") : locales.getText("pisell2.booking.info.text.form-agreement-no");
-		if (queryValueById.includes(field?.filed_type)) return /* @__PURE__ */ React.createElement(RenderValueById_default, {
-			field,
-			value: val
-		});
-		if (field?.filed_type === "media") return null;
-		return val || "-";
-	};
-	/**
-	* @title:渲染表单数据
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 17:07
-	*/
-	const renderItem = useCallback((fieldData) => {
-		let _fields = form.field || [];
-		_fields = _fields.filter((item) => item.status !== "hide");
-		return /* @__PURE__ */ React.createElement(collapsibleList_default, {
-			list: _fields,
-			renderItem: (field) => {
-				return /* @__PURE__ */ React.createElement("div", {
-					className: "pet-form-item",
-					key: field.key
-				}, /* @__PURE__ */ React.createElement("div", { className: "pet-form-item-label" }, field.field_column.title), /* @__PURE__ */ React.createElement("div", { className: "pet-form-item-value" }, renderFieldValue(fieldData, field)));
-			}
-		});
-	}, [form]);
-	console.log("fff", form);
-	const ignoreValidity = useMemo(() => {
-		return !form?.form?.setting?.validity || form.form.setting.validity.type === "no_expiry";
-	}, [form?.form]);
-	const getExpireStatus = (expiredAt) => {
-		if (ignoreValidity || !expiredAt) return null;
-		const now = dayjs();
-		const expireDate = dayjs(expiredAt).endOf("day");
-		const diffDays = expireDate.diff(now, "day");
-		const formattedDate = formatDate$1(expireDate, "YYYY-MM-DD", "DD/MM/YYYY");
-		if (now.isAfter(expireDate)) return /* @__PURE__ */ React.createElement("div", { style: {
-			color: "#999999",
-			fontSize: "14px",
-			lineHeight: "20px"
-		} }, /* @__PURE__ */ React.createElement(Tag, {
-			color: "red",
-			style: {
-				borderRadius: 16,
-				marginRight: 8
-			}
-		}, locales.getText("pisell2.text.status.expired")), locales.getText("pisell2.text.validity.expired")(formattedDate));
-		if (diffDays < 7) return /* @__PURE__ */ React.createElement("div", { style: {
-			color: "#FFA940",
-			fontSize: "14px",
-			lineHeight: "20px"
-		} }, locales.getText("pisell2.text.validity.expiring_soon")(formattedDate));
-		return /* @__PURE__ */ React.createElement("div", { style: {
-			color: "#999999",
-			fontSize: "14px",
-			lineHeight: "20px"
-		} }, locales.getText("pisell2.text.validity.valid_through")(formattedDate));
-	};
-	/**
-	* @title: 渲染字段
-	* @description:
-	* @param {any} item
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 17:08
-	*/
-	const _optionRender = (item) => {
-		if (optionRender) return optionRender(item);
-		return /* @__PURE__ */ React.createElement("div", { style: { flex: 1 } }, /* @__PURE__ */ React.createElement("div", { style: {
-			color: "#1B1B1B",
-			fontSize: 16,
-			fontWeight: 600,
-			lineHeight: "22px"
-		} }, item["main_field"] || item[form.option_key] || "-"), /* @__PURE__ */ React.createElement("div", null, getExpireStatus(item.expired_at)));
-	};
-	/**
-	* @title: 添加按钮
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 17:09
-	*/
-	const _addButtonProps = useMemo(() => {
-		let obj = {
-			title: `${locales.getText("pisell2.text.add-a")} ${form.form?.title || "-"}`,
-			subTitle: `${locales.getText("pisell2.text.add-another")} ${form.form?.title || "-"}`,
-			...addButtonProps
-		};
-		if (["form", "table"].includes(form.type)) obj.onClick = onAdd;
-		return obj;
-	}, [
-		form,
-		addButtonProps,
-		value,
-		watch
-	]);
-	/**
-	* @title: 统一 form 为单选  table为多选
-	* @description:
-	* @param {*} useMemo
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-30 17:09
-	*/
-	const _mode = useMemo(() => {
-		if (["form"].includes(mode)) return "single";
-		if (["table"].includes(mode)) return "multiple";
-		return mode;
-	}, [mode, form]);
-	return /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__booking-pet-cards" }, /* @__PURE__ */ React.createElement(customSelect_default, {
-		loading,
-		value,
-		options: form.options || [],
-		onValueChange: (e) => {
-			onChange(e);
-		},
-		modalOpen,
-		mode: _mode,
-		previewItemClassName: "pisell-lowcode__booking-pet-card",
-		previewItemRender: (d) => {
-			return renderItem(d);
-		},
-		name: form.form?.title || "-",
-		addButtonProps: _addButtonProps,
-		drawerProps: {
-			title: `${locales.getText("pisell2.text.select")} ${form.form?.title || "-"}`,
-			destroyOnClose: true,
-			...drawerProps || {}
-		},
-		optionRender: _optionRender,
-		rowKey: "form_record_id",
-		...customSelectProps || {}
-	}));
-};
-var single_default = Single;
-
-//#endregion
-export { single_default as default };