@pisell/private-materials 6.6.7 → 6.6.9

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

@@ -0,0 +1,191 @@
+const require_rolldown_runtime = require('../../../../../../_virtual/rolldown_runtime.js');
+const require_utilsByBooking = require('../../../utilsByBooking.js');
+const require_utils = require('../utils.js');
+const require_lodash$1 = require('../../../../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/lodash.js');
+const require_index = require('./MaxLengthSelect/index.js');
+const require_index$1 = require('../../../../info/service/like/index.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let antd = require("antd");
+let __pisell_utils = require("@pisell/utils");
+let ahooks = require("ahooks");
+require("./index.less");
+let __ant_design_icons = require("@ant-design/icons");
+
+//#region src/components/booking/info2/service/editService/Resources/index.tsx
+var import_lodash = require_lodash$1.default;
+const Resources = ({ state, cacheItem, getCurrentCacheItem, onChange, value, config = {
+	autoAllocation: true,
+	resourceErrorIcon: true,
+	disabled: false
+} }, ref) => {
+	const [showError, setShowError] = (0, react.useState)(false);
+	const update = (0, ahooks.useUpdate)();
+	const data = (0, react.useMemo)(() => {
+		return cacheItem?._data?.resources || [];
+	}, [cacheItem?._data?.resources]);
+	const resourceMaps = (0, react.useMemo)(() => {
+		return cacheItem?._data?.resourceMaps || [];
+	}, [cacheItem?._data?.resourceMaps]);
+	const defaultValue = (0, react.useMemo)(() => {
+		return data.reduce((pre, cur) => {
+			pre[cur.form_id] = [];
+			return pre;
+		}, {});
+	}, [data]);
+	const _value = (0, react.useMemo)(() => {
+		return value || defaultValue;
+	}, [value, defaultValue]);
+	const handleCheckAutoAllocation = (id, checked) => {
+		require_utils.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: require_utilsByBooking.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 = (0, react.useCallback)((array, value$1 = "value", label = "label", type) => {
+		return array.map((d) => {
+			let props = {};
+			if (type === "resource") props.labelText = d.labelText;
+			return /* @__PURE__ */ react.default.createElement(antd.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;
+	};
+	(0, react.useImperativeHandle)(ref, () => {
+		return { check };
+	});
+	const getIsAutoAllocation = (id) => {
+		return require_utils.getAutoAllocationStorage(id);
+	};
+	console.log("resourcesss");
+	return /* @__PURE__ */ react.default.createElement(react.default.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.default.createElement(antd.Col, {
+			span: 24,
+			key: item.form_id
+		}, /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
+			label: item.title,
+			required: true,
+			labelCol: config?.labelCol,
+			extra: showError && item.select_type.min > cur?.length ? /* @__PURE__ */ react.default.createElement("span", { style: { color: "#ff4d4f" } }, __pisell_utils.locales.getText("page.booking.text.resource.min-length-error")(item.select_type.min, item.title)) : void 0
+		}, /* @__PURE__ */ react.default.createElement("div", { className: "resource-col" }, item.select_type.type === "multiple" ? null : /* @__PURE__ */ react.default.createElement(antd.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.default.createElement(require_index$1.default, {
+			status: cur?.[0]?.like_status,
+			className: `${config?.disabled ? "like-icon-disabled" : ""}`
+		})), /* @__PURE__ */ react.default.createElement(require_index.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.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(antd.Checkbox, {
+			checked: getIsAutoAllocation(item.form_id),
+			onChange: (e) => {
+				handleCheckAutoAllocation(item.form_id, e.target.checked);
+			}
+		}), /* @__PURE__ */ react.default.createElement(antd.Tooltip, { title: __pisell_utils.locales.getText("page.booking.text.resource.check-auto-allocation-tip") }, /* @__PURE__ */ react.default.createElement(__ant_design_icons.QuestionCircleOutlined, null))) : null)), state.renderType !== "eventBooking" && (errors || []).map((d) => {
+			return /* @__PURE__ */ react.default.createElement(antd.Alert, {
+				key: d.type,
+				message: d.label,
+				type: "warning",
+				showIcon: true,
+				style: { marginBottom: 12 }
+			});
+		}));
+	}));
+};
+var Resources_default = (0, react.forwardRef)(Resources);
+
+//#endregion
+exports.default = Resources_default;

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

@@ -0,0 +1,27 @@
+.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/lib/components/booking/info2/service/editService/ResourcesV2/MaxLengthSelect/index.js

@@ -0,0 +1,27 @@
+const require_rolldown_runtime = require('../../../../../../../_virtual/rolldown_runtime.js');
+let react = require("react");
+let antd = require("antd");
+
+//#region src/components/booking/info2/service/editService/ResourcesV2/MaxLengthSelect/index.tsx
+const MaxLengthSelect = (props, ref) => {
+	(0, react.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(antd.Select, {
+		...props,
+		onChange: handleChange,
+		popupMatchSelectWidth: false
+	}, props.children);
+};
+var MaxLengthSelect_default = (0, react.forwardRef)(MaxLengthSelect);
+
+//#endregion
+exports.default = MaxLengthSelect_default;

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

@@ -0,0 +1,218 @@
+const require_rolldown_runtime = require('../../../../../../_virtual/rolldown_runtime.js');
+const require_utilsByBooking = require('../../../utilsByBooking.js');
+const require_utils = require('../utils.js');
+const require_lodash$1 = require('../../../../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/lodash.js');
+const require_index = require('../../../../info/service/like/index.js');
+const require_index$1 = require('./MaxLengthSelect/index.js');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let antd = require("antd");
+let __pisell_utils = require("@pisell/utils");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let ahooks = require("ahooks");
+let __pisell_materials = require("@pisell/materials");
+let __ant_design_icons = require("@ant-design/icons");
+require("./index.less");
+
+//#region src/components/booking/info2/service/editService/ResourcesV2/index.tsx
+var import_lodash = require_lodash$1.default;
+const Resources = ({ state, cacheItem, originCacheItem, getCurrentCacheItem, onChange, value, originValue, config = {
+	autoAllocation: true,
+	resourceErrorIcon: true,
+	disabled: false,
+	size: "large"
+} }, ref) => {
+	const [showError, setShowError] = (0, react.useState)(false);
+	const update = (0, ahooks.useUpdate)();
+	const data = (0, react.useMemo)(() => {
+		return cacheItem?._data?.resources || [];
+	}, [cacheItem?._data?.resources]);
+	const originData = (0, react.useMemo)(() => {
+		return cacheItem?._data?.resources || [];
+	}, [originCacheItem?._data?.resources]);
+	const resourceMaps = (0, react.useMemo)(() => {
+		return cacheItem?._data?.resourceMaps || [];
+	}, [cacheItem?._data?.resourceMaps]);
+	const defaultValue = (0, react.useMemo)(() => {
+		return data.reduce((pre, cur$1) => {
+			pre[cur$1.form_id] = [];
+			return pre;
+		}, {});
+	}, [data]);
+	const _value = (0, react.useMemo)(() => {
+		return value || defaultValue;
+	}, [value, defaultValue]);
+	const handleCheckAutoAllocation = (id, checked) => {
+		require_utils.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: require_utilsByBooking.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 = (0, react.useCallback)((array, value$1 = "value", label = "label", type) => {
+		return array.map((d) => {
+			let props = {};
+			if (type === "resource") props.labelText = d.labelText;
+			return /* @__PURE__ */ react.default.createElement(antd.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;
+	};
+	(0, react.useImperativeHandle)(ref, () => {
+		return { check };
+	});
+	const getIsAutoAllocation = (id) => {
+		return require_utils.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.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(antd.Col, { flex: "1 0" }, /* @__PURE__ */ react.default.createElement("div", { className: "resource-v2 resource-col" }, item.select_type.type === "multiple" ? null : /* @__PURE__ */ react.default.createElement(antd.Button, {
+			className: (0, classnames.default)("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.default.createElement(require_index.default, {
+			status: cur$1?.[0]?.like_status,
+			className: `${disabled ? "like-icon-disabled" : ""}`
+		})), /* @__PURE__ */ react.default.createElement(require_index$1.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.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(antd.Checkbox, {
+			checked: getIsAutoAllocation(item.form_id),
+			onChange: (e) => {
+				handleCheckAutoAllocation(item.form_id, e.target.checked);
+			}
+		}), /* @__PURE__ */ react.default.createElement(antd.Tooltip, { title: __pisell_utils.locales.getText("page.booking.text.resource.check-auto-allocation-tip") }, /* @__PURE__ */ react.default.createElement(__ant_design_icons.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.default.createElement(antd.Alert, {
+				key: d.type,
+				message: d.label,
+				type: "warning",
+				showIcon: true,
+				style: { marginBottom: 12 }
+			});
+		});
+	};
+	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, data.map((item) => {
+		const originItem = originData?.find((originDataItem) => originDataItem.form_id === item.form_id);
+		return /* @__PURE__ */ react.default.createElement(react.default.Fragment, { key: item.form_id }, /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
+			label: item.title,
+			required: true,
+			labelCol: config?.labelCol,
+			extra: showError && item.select_type.min > cur?.length ? /* @__PURE__ */ react.default.createElement("span", { style: { color: "#ff4d4f" } }, __pisell_utils.locales.getText("page.booking.text.resource.min-length-error")(item.select_type.min, item.title)) : void 0
+		}, /* @__PURE__ */ react.default.createElement(antd.Row, {
+			gutter: [16, 16],
+			wrap: false
+		}, renderItem(originItem, true), !!originItem ? /* @__PURE__ */ react.default.createElement(antd.Col, {
+			flex: "none",
+			style: {
+				display: "flex",
+				alignItems: "center"
+			}
+		}, /* @__PURE__ */ react.default.createElement(__pisell_materials.Iconfont, {
+			type: "pisell2-arrow-block-right",
+			style: {
+				fontSize: 24,
+				color: "#1b1b1b"
+			}
+		})) : null, renderItem(item, false))), renderErrors(item));
+	}));
+};
+var ResourcesV2_default = (0, react.forwardRef)(Resources);
+
+//#endregion
+exports.default = ResourcesV2_default;

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

@@ -0,0 +1,44 @@
+.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;
+    }
+  }
+}