aibox-custom-component-packages 0.0.8 → 0.0.9

package/es/chunks/CreateMcpForm.C8YfDSEM.js

@@ -0,0 +1,308 @@
+import { t as e } from "./withinstall.dLh4K-0g.js";
+import { m as t } from "./i18n.CxsxtRq_.js";
+import { t as n } from "./usePreview.CMMjOD_o.js";
+import { t as r } from "./FilePreview.De4zHsfc.js";
+import { t as i } from "./_plugin-vue_export-helper.Ct3qlEzt.js";
+import { t as a } from "./FileUploader.DD-lopf-.js";
+import { t as o } from "./RadioGroup.Czc1JtkN.js";
+import { t as s } from "./AuthSection.DWD_FxtJ.js";
+import { t as c } from "./MdEditor.DtL0Se7T.js";
+import { createBlock as l, createCommentVNode as u, createElementVNode as d, createTextVNode as f, createVNode as p, openBlock as m, reactive as h, ref as g, toDisplayString as _, unref as v, watch as y, withCtx as b } from "vue";
+import { ElForm as x, ElFormItem as S, ElIcon as C, ElInput as w, ElMessage as T, ElTooltip as E } from "element-plus";
+import { IconTip as D } from "color-message-aibox-vue";
+import '../assets/CreateMcpForm.css';//#region components/CreateMcpForm/config.js
+var O = () => {
+	let { t: e } = t();
+	return {
+		rulesObj: {
+			name: [{
+				required: !0,
+				message: e("LIBRARY_CREATEMCPFORM.MCP_NAME_PLACEHOLDER"),
+				trigger: "blur"
+			}, {
+				max: 20,
+				message: e("LIBRARY_CREATEMCPFORM.MCP_NAME_MAX"),
+				trigger: "blur"
+			}],
+			description: [{
+				required: !0,
+				message: e("LIBRARY_CREATEMCPFORM.MCP_DESCRIPTION_REQUIRED"),
+				trigger: "blur"
+			}, {
+				max: 200,
+				message: e("LIBRARY_CREATEMCPFORM.MCP_DESCRIPTION_MAX"),
+				trigger: "blur"
+			}],
+			overview: [{
+				required: !0,
+				message: e("LIBRARY_CREATEMCPFORM.MCP_OVERVIEW_REQUIRED"),
+				trigger: "blur"
+			}],
+			address: [{
+				type: "url",
+				required: !0,
+				message: e("LIBRARY_CREATEMCPFORM.SERVICE_URL_INVALID"),
+				trigger: ["blur", "change"]
+			}],
+			communicationType: [{
+				required: !0,
+				message: e("LIBRARY_CREATEMCPFORM.TRANSFER_METHOD_REQUIRED"),
+				trigger: "change"
+			}],
+			applyLink: [{
+				type: "url",
+				message: e("LIBRARY_CREATEMCPFORM.DOCUMENTATION_URL_INVALID"),
+				trigger: ["blur", "change"]
+			}]
+		},
+		communicationTypeOpts: [{
+			label: "SSE",
+			value: "SSE"
+		}, {
+			label: "Streamable HTTP",
+			value: "HTTP"
+		}]
+	};
+}, k = { class: "label-with-icon" }, A = { class: "label-with-icon" }, j = { class: "auth-section-wrapper" }, M = e(/* @__PURE__ */ i({
+	__name: "CreateMcpForm",
+	props: { showOverview: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(e, { expose: i }) {
+		let M = e, { t: N } = t(), { previewImage: P } = n(), F = g(null), I = g(null), { rulesObj: L, communicationTypeOpts: R } = O(), z = h({
+			icon: "",
+			iconUrl: "",
+			name: "",
+			description: "",
+			overview: "",
+			communicationType: "HTTP",
+			address: "",
+			applyLink: ""
+		}), B = g(R), V = g({ auth: {
+			authType: "none",
+			keyType: "custom",
+			paramLocation: "header",
+			paramName: "",
+			paramValue: "",
+			token: ""
+		} }), H = g({ ...L }), U = () => {
+			M.showOverview ? H.value.overview = L.overview : delete H.value.overview;
+		};
+		y(() => M.showOverview, () => {
+			U();
+		}, { immediate: !0 });
+		let W = g([]), G = (e) => {
+			z.iconUrl = e.url, z.icon = e.bnid, W.value = [e];
+		}, K = () => {
+			z.iconUrl = "", z.icon = "", W.value = [];
+		}, q = (e) => {
+			P(e.url);
+		};
+		return i({
+			validate: async (e) => {
+				if (!F.value) return !1;
+				if (U(), I.value?.validateField) {
+					let t = I.value.validateField();
+					if (Object.keys(t).length > 0) return t.paramName ? T.error(N("LIBRARY_CREATEMCPFORM.PARAMETER_NAME_REQUIRED") || "请输入密钥参数名") : t.paramValue || t.token ? T.error(N("LIBRARY_CREATEMCPFORM.INPUT_API_KEY_REQUIRED") || "请输入密钥值") : T.error(N("LIBRARY_CREATEMCPFORM.MCP_AUTH_REQUIRED") || "请完善鉴权信息"), e?.(Error(N("LIBRARY_CREATEMCPFORM.MCP_AUTH_REQUIRED") || "请完善鉴权信息")), !1;
+				}
+				return F.value.validate(e);
+			},
+			getFormData: () => ({
+				name: z.name,
+				icon: z.icon,
+				description: z.description,
+				overview: M.showOverview ? z.overview : "",
+				address: z.address,
+				communicationType: z.communicationType,
+				authType: V.value.auth.authType === "none" ? 0 : 1,
+				authLocation: V.value.auth.paramLocation === "header" ? 0 : 1,
+				apiKeyName: V.value.auth.keyType === "bearer" ? "Authorization" : V.value.auth.paramName || "",
+				apiKeyValue: V.value.auth.keyType === "bearer" ? V.value.auth.token ? `Bearer ${V.value.auth.token}` : "" : V.value.auth.paramValue || "",
+				applyLink: z.applyLink || "",
+				headerPrefixType: 1
+			}),
+			setFormData: (e) => {
+				if (!e) return;
+				Object.assign(z, {
+					name: e.name || "",
+					description: e.description || "",
+					overview: e.overview || "",
+					icon: e.icon || "",
+					iconUrl: e.iconUrl || "",
+					communicationType: e.communicationType || "SSE",
+					address: e.address || "",
+					applyLink: e.applyLink || ""
+				});
+				let t = e.authType === 1 || e.authType === "1";
+				if (V.value.auth.authType = t ? "apiKey" : "none", V.value.auth.paramLocation = e.authLocation === 0 || e.authLocation === "0" ? "header" : "query", t) {
+					let t = !e.apiKeyName || e.apiKeyName === "Authorization";
+					if (V.value.auth.keyType = t ? "bearer" : "custom", t) {
+						V.value.auth.paramName = "", V.value.auth.paramValue = "";
+						let t = e.apiKeyValue || "";
+						V.value.auth.token = t.startsWith("Bearer ") ? t.substring(7) : t;
+					} else V.value.auth.paramName = e.apiKeyName || "", V.value.auth.paramValue = e.apiKeyValue || "", V.value.auth.token = "";
+				} else V.value.auth.keyType = "custom", V.value.auth.paramName = "", V.value.auth.paramValue = "", V.value.auth.token = "";
+				e.icon && e.icon !== "0" && e.iconUrl && (W.value = [{
+					bnid: e.icon,
+					url: e.iconUrl
+				}]);
+			}
+		}), (t, n) => (m(), l(v(x), {
+			ref_key: "ruleFormRef",
+			ref: F,
+			model: z,
+			rules: H.value,
+			"label-width": "auto",
+			"label-position": "top",
+			class: "scrollable-form"
+		}, {
+			default: b(() => [
+				p(v(S), {
+					class: "scrollable-form__item",
+					label: v(N)("LIBRARY_CREATEMCPFORM.MCP_ICON"),
+					prop: "icon"
+				}, {
+					label: b(() => [d("div", k, [d("span", null, _(v(N)("LIBRARY_CREATEMCPFORM.MCP_ICON")), 1), p(v(E), { placement: "top" }, {
+						content: b(() => [
+							f(_(v(N)("LIBRARY_CREATEMCPFORM.MCP_ICON_TIP")), 1),
+							n[7] ||= d("br", null, null, -1),
+							f(" " + _(v(N)("LIBRARY_CREATEMCPFORM.MCP_ICON_SIZE_TIP")), 1)
+						]),
+						default: b(() => [p(v(C), {
+							size: "14px",
+							color: "#999"
+						}, {
+							default: b(() => [p(v(D))]),
+							_: 1
+						})]),
+						_: 1
+					})])]),
+					default: b(() => [p(v(r), {
+						fileList: W.value,
+						previewType: "Card",
+						isCustom: !0,
+						onOnRemove: K,
+						onOnPreview: q
+					}, {
+						CardUploader: b(() => [W.value.length === 0 ? (m(), l(v(a), {
+							key: 0,
+							"upload-type": "Card",
+							onOnSuccess: G,
+							limitSize: 5,
+							acceptType: ".jpg,.png",
+							businessType: "mcp",
+							defaultUploadIcon: "mcp"
+						})) : u("", !0)]),
+						_: 1
+					}, 8, ["fileList"])]),
+					_: 1
+				}, 8, ["label"]),
+				p(v(S), {
+					class: "scrollable-form__item",
+					label: v(N)("LIBRARY_CREATEMCPFORM.MCP_NAME"),
+					prop: "name"
+				}, {
+					default: b(() => [p(v(w), {
+						modelValue: z.name,
+						"onUpdate:modelValue": n[0] ||= (e) => z.name = e,
+						placeholder: v(N)("LIBRARY_CREATEMCPFORM.MCP_NAME_REQUIRED"),
+						maxlength: "20",
+						"show-word-limit": ""
+					}, null, 8, ["modelValue", "placeholder"])]),
+					_: 1
+				}, 8, ["label"]),
+				p(v(S), {
+					class: "scrollable-form__item",
+					label: v(N)("LIBRARY_CREATEMCPFORM.MCP_DESCRIPTION"),
+					prop: "description"
+				}, {
+					default: b(() => [p(v(w), {
+						modelValue: z.description,
+						"onUpdate:modelValue": n[1] ||= (e) => z.description = e,
+						type: "textarea",
+						rows: 3,
+						placeholder: v(N)("LIBRARY_CREATEMCPFORM.MCP_DESCRIPTION_REQUIRED"),
+						maxlength: "200",
+						"show-word-limit": ""
+					}, null, 8, ["modelValue", "placeholder"])]),
+					_: 1
+				}, 8, ["label"]),
+				e.showOverview ? (m(), l(v(S), {
+					key: 0,
+					class: "scrollable-form__item",
+					label: v(N)("LIBRARY_CREATEMCPFORM.MCP_OVERVIEW"),
+					prop: "overview"
+				}, {
+					default: b(() => [p(v(c), {
+						modelValue: z.overview,
+						"onUpdate:modelValue": n[2] ||= (e) => z.overview = e,
+						height: "300px",
+						placeholder: v(N)("LIBRARY_CREATEMCPFORM.MCP_OVERVIEW_REQUIRED"),
+						businessType: "mcp"
+					}, null, 8, ["modelValue", "placeholder"])]),
+					_: 1
+				}, 8, ["label"])) : u("", !0),
+				p(v(S), {
+					class: "scrollable-form__item",
+					label: v(N)("LIBRARY_CREATEMCPFORM.TRANSFER_METHOD"),
+					prop: "communicationType"
+				}, {
+					default: b(() => [p(v(o), {
+						modelValue: z.communicationType,
+						"onUpdate:modelValue": n[3] ||= (e) => z.communicationType = e,
+						options: B.value,
+						layout: "vertical",
+						"class-name": "scrollable-form__item-radio"
+					}, null, 8, ["modelValue", "options"])]),
+					_: 1
+				}, 8, ["label"]),
+				p(v(S), {
+					class: "scrollable-form__item",
+					label: v(N)("LIBRARY_CREATEMCPFORM.SERVICE_URL"),
+					prop: "address"
+				}, {
+					default: b(() => [p(v(w), {
+						modelValue: z.address,
+						"onUpdate:modelValue": n[4] ||= (e) => z.address = e,
+						placeholder: v(N)("LIBRARY_CREATEMCPFORM.SERVICE_URL_REQUIRED")
+					}, null, 8, ["modelValue", "placeholder"])]),
+					_: 1
+				}, 8, ["label"]),
+				V.value.auth.authType === "apiKey" ? (m(), l(v(S), {
+					key: 1,
+					class: "scrollable-form__item",
+					prop: "applyLink"
+				}, {
+					label: b(() => [d("div", A, [d("span", null, _(v(N)("LIBRARY_CREATEMCPFORM.DOCUMENTATION_URL")), 1), p(v(E), { placement: "top" }, {
+						content: b(() => [f(_(v(N)("LIBRARY_CREATEMCPFORM.DOCUMENTATION_URL_TIP")), 1)]),
+						default: b(() => [p(v(C), {
+							size: "14px",
+							color: "#999"
+						}, {
+							default: b(() => [p(v(D))]),
+							_: 1
+						})]),
+						_: 1
+					})])]),
+					default: b(() => [p(v(w), {
+						modelValue: z.applyLink,
+						"onUpdate:modelValue": n[5] ||= (e) => z.applyLink = e,
+						placeholder: v(N)("LIBRARY_CREATEMCPFORM.DOCUMENTATION_URL_REQUIRED")
+					}, null, 8, ["modelValue", "placeholder"])]),
+					_: 1
+				})) : u("", !0),
+				d("div", j, [p(v(s), {
+					ref_key: "authSectionRef",
+					ref: I,
+					featData: V.value,
+					"onUpdate:featData": n[6] ||= (e) => V.value = e,
+					layout: "vertical"
+				}, null, 8, ["featData"])])
+			]),
+			_: 1
+		}, 8, ["model", "rules"]));
+	}
+}, [["__scopeId", "data-v-b8579cd8"]]));
+//#endregion
+export { M as t };