@pisell/private-materials 6.6.10 → 6.6.11

package/dist/es/components/booking/info2/service/editService/Resources/index.js

@@ -1,189 +0,0 @@
-import { getErrorList } from "../../../utilsByBooking.js";
-import { getAutoAllocationStorage, setAutoAllocationStorage } from "../utils.js";
-import { require_lodash } from "../../../../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/lodash.js";
-import MaxLengthSelect_default from "./MaxLengthSelect/index.js";
-import like_default from "../../../../info/service/like/index.js";
-import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useState } from "react";
-import { Alert, Button, Checkbox, Col, Form, Select, Tooltip } from "antd";
-import { locales } from "@pisell/utils";
-import { useUpdate } from "ahooks";
-import "./index.less";
-import { QuestionCircleOutlined } from "@ant-design/icons";
-
-//#region src/components/booking/info2/service/editService/Resources/index.tsx
-var import_lodash = require_lodash();
-const Resources = ({ state, cacheItem, getCurrentCacheItem, onChange, value, config = {
-	autoAllocation: true,
-	resourceErrorIcon: true,
-	disabled: false
-} }, ref) => {
-	const [showError, setShowError] = useState(false);
-	const update = useUpdate();
-	const data = useMemo(() => {
-		return cacheItem?._data?.resources || [];
-	}, [cacheItem?._data?.resources]);
-	const resourceMaps = useMemo(() => {
-		return cacheItem?._data?.resourceMaps || [];
-	}, [cacheItem?._data?.resourceMaps]);
-	const defaultValue = useMemo(() => {
-		return data.reduce((pre, cur) => {
-			pre[cur.form_id] = [];
-			return pre;
-		}, {});
-	}, [data]);
-	const _value = useMemo(() => {
-		return value || defaultValue;
-	}, [value, defaultValue]);
-	const handleCheckAutoAllocation = (id, checked) => {
-		setAutoAllocationStorage({ [id]: checked });
-		update();
-	};
-	/**
-	* @title: 当选择资源时
-	* @description:
-	* @param {any} val
-	* @param {number} form_id
-	* @param {string} key
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-09-19 21:04
-	*/
-	const _onChange = (val, form_id, key) => {
-		let _val = { ..._value };
-		let maps = _val[form_id] ? _val[form_id].reduce((pre, cur) => {
-			pre[cur.relation_id] = cur;
-			return pre;
-		}, {}) : {};
-		_val[form_id] = val.map((d) => {
-			if (maps[d]) {
-				if (key === "like_status") d[key].like_status = val;
-			}
-			const currentForm = resourceMaps?.[form_id] || {};
-			return maps[d] || {
-				relation_type: currentForm.renderListMaps[d]?.usable?.relation_type || "form",
-				form_id,
-				relation_id: d,
-				like_status: "common",
-				children: currentForm.renderListMaps?.[d]?.children,
-				errors: getErrorList(currentForm.renderListMaps?.[d], getCurrentCacheItem()),
-				metadata: {
-					...currentForm.renderListMaps?.[d]?.metadata,
-					form_name: currentForm.title,
-					resource_name: currentForm.renderListMaps[d]?.main_field
-				}
-			};
-		});
-		setShowError(false);
-		onChange?.(_val);
-	};
-	const setLikeStatus = (val, form_id, key) => {
-		let _val = { ..._value };
-		if (_val?.[form_id]?.[0]) {
-			_val[form_id][0][key] = val;
-			onChange?.(_val);
-		}
-	};
-	/**
-	* @title: 渲染下拉框
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-09 14:02
-	*/
-	const renderOptions = useCallback((array, value$1 = "value", label = "label", type) => {
-		return array.map((d) => {
-			let props = {};
-			if (type === "resource") props.labelText = d.labelText;
-			return /* @__PURE__ */ React.createElement(Select.Option, {
-				value: d[value$1],
-				key: d[value$1],
-				...props,
-				relation_type: d.relation_type
-			}, d[label]);
-		});
-	}, [config?.resourceErrorIcon]);
-	/**
-	* @title: 检查当前资源最小选择数量
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-09-19 21:08
-	*/
-	const check = () => {
-		for (let item of data) {
-			let _length = _value[item.form_id]?.length;
-			if (item.select_type.min > _length) {
-				setShowError(true);
-				return false;
-			}
-		}
-		return true;
-	};
-	useImperativeHandle(ref, () => {
-		return { check };
-	});
-	const getIsAutoAllocation = (id) => {
-		return getAutoAllocationStorage(id);
-	};
-	console.log("resourcesss");
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, data.map((item) => {
-		const cur = _value[item.form_id];
-		console.log(cur, "curcur");
-		const errors = (cur || []).reduce((pre, d) => {
-			return pre.concat(d?.errors || []);
-		}, []);
-		return /* @__PURE__ */ React.createElement(Col, {
-			span: 24,
-			key: item.form_id
-		}, /* @__PURE__ */ React.createElement(Form.Item, {
-			label: item.title,
-			required: true,
-			labelCol: config?.labelCol,
-			extra: showError && item.select_type.min > cur?.length ? /* @__PURE__ */ React.createElement("span", { style: { color: "#ff4d4f" } }, locales.getText("page.booking.text.resource.min-length-error")(item.select_type.min, item.title)) : void 0
-		}, /* @__PURE__ */ React.createElement("div", { className: "resource-col" }, item.select_type.type === "multiple" ? null : /* @__PURE__ */ React.createElement(Button, {
-			className: `resource-col-like-wrap ${config?.disabled ? "resource-col-like-wrap-disabled" : ""}`,
-			onClick: () => {
-				if (config?.disabled) return;
-				setLikeStatus(cur?.[0]?.like_status === "like" ? "common" : "like", item.form_id, "like_status");
-			}
-		}, /* @__PURE__ */ React.createElement(like_default, {
-			status: cur?.[0]?.like_status,
-			className: `${config?.disabled ? "like-icon-disabled" : ""}`
-		})), /* @__PURE__ */ React.createElement(MaxLengthSelect_default, {
-			className: "resource-col-select",
-			size: "large",
-			maxLength: item.select_type.max,
-			mode: item.select_type.type === "multiple" ? "multiple" : void 0,
-			onChange: (e) => {
-				let val = e;
-				if (!(0, import_lodash.isArray)(e)) {
-					if (e || e === 0) val = [e];
-				}
-				_onChange(val, item.form_id, "value");
-			},
-			value: cur?.map((d) => d.relation_id),
-			showSearch: true,
-			filterOption: (str, option) => {
-				return (option?.labelText || "").toLowerCase().includes((str || "").toLowerCase());
-			},
-			disabled: config?.disabled
-		}, renderOptions(item.renderList, "id", config?.resourceErrorIcon ? "label" : "labelText", "resource")), config?.autoAllocation ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Checkbox, {
-			checked: getIsAutoAllocation(item.form_id),
-			onChange: (e) => {
-				handleCheckAutoAllocation(item.form_id, e.target.checked);
-			}
-		}), /* @__PURE__ */ React.createElement(Tooltip, { title: locales.getText("page.booking.text.resource.check-auto-allocation-tip") }, /* @__PURE__ */ React.createElement(QuestionCircleOutlined, null))) : null)), state.renderType !== "eventBooking" && (errors || []).map((d) => {
-			return /* @__PURE__ */ React.createElement(Alert, {
-				key: d.type,
-				message: d.label,
-				type: "warning",
-				showIcon: true,
-				style: { marginBottom: 12 }
-			});
-		}));
-	}));
-};
-var Resources_default = forwardRef(Resources);
-
-//#endregion
-export { Resources_default as default };

package/dist/es/components/booking/info2/service/editService/Resources/index.less

@@ -1,27 +0,0 @@
-.resource-col {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 10px;
-
-  .resource-col-like-wrap {
-    width: 44px;
-    height: 40px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0;
-
-    .like-resource {}
-  }
-
-  .resource-col-like-wrap-disabled,
-  .like-icon-disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .resource-col-select {
-    flex: 1;
-  }
-}

package/dist/es/components/booking/info2/service/editService/ResourcesV2/MaxLengthSelect/index.js

@@ -1,26 +0,0 @@
-import { forwardRef, useImperativeHandle } from "react";
-import { Select } from "antd";
-
-//#region src/components/booking/info2/service/editService/ResourcesV2/MaxLengthSelect/index.tsx
-const MaxLengthSelect = (props, ref) => {
-	useImperativeHandle(ref, () => {
-		return { onChange: handleChange };
-	});
-	const handleChange = (e, _option) => {
-		if (props.onChange) {
-			if ((props.mode === "multiple" || props.mode === "tags") && props.maxLength) {
-				if (props.value && props.value.length >= props.maxLength && e.length > props.value.length) return;
-			}
-			props.onChange(e, _option);
-		}
-	};
-	return /* @__PURE__ */ React.createElement(Select, {
-		...props,
-		onChange: handleChange,
-		popupMatchSelectWidth: false
-	}, props.children);
-};
-var MaxLengthSelect_default = forwardRef(MaxLengthSelect);
-
-//#endregion
-export { MaxLengthSelect_default as default };

package/dist/es/components/booking/info2/service/editService/ResourcesV2/index.js

@@ -1,215 +0,0 @@
-import { getErrorList } from "../../../utilsByBooking.js";
-import { getAutoAllocationStorage, setAutoAllocationStorage } from "../utils.js";
-import { require_lodash } from "../../../../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/lodash.js";
-import like_default from "../../../../info/service/like/index.js";
-import MaxLengthSelect_default from "./MaxLengthSelect/index.js";
-import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useState } from "react";
-import { Alert, Button, Checkbox, Col, Form, Row, Select, Tooltip } from "antd";
-import { locales } from "@pisell/utils";
-import classNames from "classnames";
-import { useUpdate } from "ahooks";
-import { Iconfont } from "@pisell/materials";
-import { QuestionCircleOutlined } from "@ant-design/icons";
-import "./index.less";
-
-//#region src/components/booking/info2/service/editService/ResourcesV2/index.tsx
-var import_lodash = require_lodash();
-const Resources = ({ state, cacheItem, originCacheItem, getCurrentCacheItem, onChange, value, originValue, config = {
-	autoAllocation: true,
-	resourceErrorIcon: true,
-	disabled: false,
-	size: "large"
-} }, ref) => {
-	const [showError, setShowError] = useState(false);
-	const update = useUpdate();
-	const data = useMemo(() => {
-		return cacheItem?._data?.resources || [];
-	}, [cacheItem?._data?.resources]);
-	const originData = useMemo(() => {
-		return cacheItem?._data?.resources || [];
-	}, [originCacheItem?._data?.resources]);
-	const resourceMaps = useMemo(() => {
-		return cacheItem?._data?.resourceMaps || [];
-	}, [cacheItem?._data?.resourceMaps]);
-	const defaultValue = useMemo(() => {
-		return data.reduce((pre, cur$1) => {
-			pre[cur$1.form_id] = [];
-			return pre;
-		}, {});
-	}, [data]);
-	const _value = useMemo(() => {
-		return value || defaultValue;
-	}, [value, defaultValue]);
-	const handleCheckAutoAllocation = (id, checked) => {
-		setAutoAllocationStorage({ [id]: checked });
-		update();
-	};
-	/**
-	* @title: 当选择资源时
-	* @description:
-	* @param {any} val
-	* @param {number} form_id
-	* @param {string} key
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-09-19 21:04
-	*/
-	const _onChange = (val, form_id, key) => {
-		let _val = { ..._value };
-		let maps = _val[form_id] ? _val[form_id].reduce((pre, cur$1) => {
-			pre[cur$1.relation_id] = cur$1;
-			return pre;
-		}, {}) : {};
-		_val[form_id] = val.map((d) => {
-			if (maps[d]) {
-				if (key === "like_status") d[key].like_status = val;
-			}
-			const currentForm = resourceMaps?.[form_id] || {};
-			return maps[d] || {
-				relation_type: currentForm.renderListMaps[d]?.usable?.relation_type || "form",
-				form_id,
-				relation_id: d,
-				like_status: "common",
-				children: currentForm.renderListMaps?.[d]?.children,
-				errors: getErrorList(currentForm.renderListMaps?.[d], getCurrentCacheItem()),
-				metadata: {
-					...currentForm.renderListMaps?.[d]?.metadata,
-					form_name: currentForm.title,
-					resource_name: currentForm.renderListMaps[d]?.main_field
-				}
-			};
-		});
-		setShowError(false);
-		onChange?.(_val);
-	};
-	const setLikeStatus = (val, form_id, key) => {
-		let _val = { ..._value };
-		if (_val?.[form_id]?.[0]) {
-			_val[form_id][0][key] = val;
-			onChange?.(_val);
-		}
-	};
-	/**
-	* @title: 渲染下拉框
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-01-09 14:02
-	*/
-	const renderOptions = useCallback((array, value$1 = "value", label = "label", type) => {
-		return array.map((d) => {
-			let props = {};
-			if (type === "resource") props.labelText = d.labelText;
-			return /* @__PURE__ */ React.createElement(Select.Option, {
-				value: d[value$1],
-				key: d[value$1],
-				...props,
-				relation_type: d.relation_type
-			}, d[label]);
-		});
-	}, [config?.resourceErrorIcon]);
-	/**
-	* @title: 检查当前资源最小选择数量
-	* @description:
-	* @return {*}
-	* @Author: zhiwei.Wang
-	* @Date: 2024-09-19 21:08
-	*/
-	const check = () => {
-		for (let item of data) {
-			let _length = _value[item.form_id]?.length;
-			if (item.select_type.min > _length) {
-				setShowError(true);
-				return false;
-			}
-		}
-		return true;
-	};
-	useImperativeHandle(ref, () => {
-		return { check };
-	});
-	const getIsAutoAllocation = (id) => {
-		return getAutoAllocationStorage(id);
-	};
-	const renderItem = (item, isOrigin) => {
-		if (!item) return null;
-		const disabled = isOrigin || config?.disabled;
-		const cur$1 = isOrigin ? originValue[item.form_id] : _value[item.form_id];
-		return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Col, { flex: "1 0" }, /* @__PURE__ */ React.createElement("div", { className: "resource-v2 resource-col" }, item.select_type.type === "multiple" ? null : /* @__PURE__ */ React.createElement(Button, {
-			className: classNames("resource-col-like-wrap", { "resource-col-like-wrap-disabled": disabled }, config?.size || "large"),
-			size: config?.size,
-			onClick: () => {
-				if (disabled) return;
-				setLikeStatus(cur$1?.[0]?.like_status === "like" ? "common" : "like", item.form_id, "like_status");
-			}
-		}, /* @__PURE__ */ React.createElement(like_default, {
-			status: cur$1?.[0]?.like_status,
-			className: `${disabled ? "like-icon-disabled" : ""}`
-		})), /* @__PURE__ */ React.createElement(MaxLengthSelect_default, {
-			className: "resource-col-select",
-			size: config?.size || "large",
-			maxLength: item.select_type.max,
-			mode: item.select_type.type === "multiple" ? "multiple" : void 0,
-			onChange: (e) => {
-				let val = e;
-				if (!(0, import_lodash.isArray)(e)) {
-					if (e || e === 0) val = [e];
-				}
-				_onChange(val, item.form_id, "value");
-			},
-			value: cur$1?.map((d) => d.relation_id),
-			showSearch: true,
-			filterOption: (str, option) => {
-				return (option?.labelText || "").toLowerCase().includes((str || "").toLowerCase());
-			},
-			disabled
-		}, renderOptions(item.renderList, "id", config?.resourceErrorIcon ? "label" : "labelText", "resource")), config?.autoAllocation ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Checkbox, {
-			checked: getIsAutoAllocation(item.form_id),
-			onChange: (e) => {
-				handleCheckAutoAllocation(item.form_id, e.target.checked);
-			}
-		}), /* @__PURE__ */ React.createElement(Tooltip, { title: locales.getText("page.booking.text.resource.check-auto-allocation-tip") }, /* @__PURE__ */ React.createElement(QuestionCircleOutlined, null))) : null)));
-	};
-	const renderErrors = (item) => {
-		const errors = (_value[item.form_id] || []).reduce((pre, d) => {
-			return pre.concat(d?.errors || []);
-		}, []);
-		return state.renderType !== "eventBooking" && (errors || []).map((d) => {
-			return /* @__PURE__ */ React.createElement(Alert, {
-				key: d.type,
-				message: d.label,
-				type: "warning",
-				showIcon: true,
-				style: { marginBottom: 12 }
-			});
-		});
-	};
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, data.map((item) => {
-		const originItem = originData?.find((originDataItem) => originDataItem.form_id === item.form_id);
-		return /* @__PURE__ */ React.createElement(React.Fragment, { key: item.form_id }, /* @__PURE__ */ React.createElement(Form.Item, {
-			label: item.title,
-			required: true,
-			labelCol: config?.labelCol,
-			extra: showError && item.select_type.min > cur?.length ? /* @__PURE__ */ React.createElement("span", { style: { color: "#ff4d4f" } }, locales.getText("page.booking.text.resource.min-length-error")(item.select_type.min, item.title)) : void 0
-		}, /* @__PURE__ */ React.createElement(Row, {
-			gutter: [16, 16],
-			wrap: false
-		}, renderItem(originItem, true), !!originItem ? /* @__PURE__ */ React.createElement(Col, {
-			flex: "none",
-			style: {
-				display: "flex",
-				alignItems: "center"
-			}
-		}, /* @__PURE__ */ React.createElement(Iconfont, {
-			type: "pisell2-arrow-block-right",
-			style: {
-				fontSize: 24,
-				color: "#1b1b1b"
-			}
-		})) : null, renderItem(item, false))), renderErrors(item));
-	}));
-};
-var ResourcesV2_default = forwardRef(Resources);
-
-//#endregion
-export { ResourcesV2_default as default };

package/dist/es/components/booking/info2/service/editService/ResourcesV2/index.less

@@ -1,44 +0,0 @@
-.resource-col.resource-v2 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 10px;
-  width: 100%;
-  overflow: hidden;
-
-  .resource-col-like-wrap {
-    width: 32px;
-    height: 32px;
-
-    &.large {
-      width: 40px;
-      height: 40px;
-    }
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0;
-    flex-shrink: 0;
-
-    .like-resource {
-    }
-  }
-
-  .resource-col-like-wrap-disabled,
-  .like-icon-disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .resource-col-select {
-    flex: 1;
-    overflow: hidden;
-
-    .resource-option-label-text {
-      display: inline-block;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-}