@gct-paas/design-web 0.1.4-dev.10 → 0.1.4-dev.12

package/dist/index.esm.min.js

@@ -0,0 +1,775 @@
+import { Fragment as e, computed as t, createApp as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, onMounted as f, openBlock as p, reactive as m, ref as h, renderList as g, renderSlot as _, resolveComponent as v, toDisplayString as y, toRaw as b, toValue as x, unref as S, watch as C, withCtx as w } from "vue";
+import { has as T, isEmpty as E, omit as D } from "lodash-es";
+import { useModal as O, useModalInner as k } from "@gct-paas/core-web";
+import { SearchOutlined as A } from "@ant-design/icons-vue";
+import { ButtonSize as j, t as M } from "@gct-paas/core";
+//#endregion
+//#region src/components/I18nSelect/src/i18n-modal.vue
+var N = /* @__PURE__ */ l({
+	__name: "i18n-modal",
+	props: {
+		lang: {},
+		getContainer: { type: Function }
+	},
+	emits: ["ok", "register"],
+	setup(t, { emit: n }) {
+		let i = t, o = n, s = h(), l = m({ id: "" }), d = h(!1), f = (e) => {
+			e && (d.value = !1);
+		}, [_, { closeModal: y }] = k((e) => {
+			e && x(e);
+		}), x = (e) => {
+			d.value = !0, l.id = e.key;
+			let { lang: t } = i;
+			console.log(t, "lang========");
+			for (let n of t) {
+				let t = n.dataIndex;
+				l[t] = e[t];
+			}
+		}, C = (e, t, n) => {
+			/^[a-zA-Z_.]*$/.test(t) || n(M("sys.i18n.validated18nKeyErrorMsg")), n();
+		}, T = async (e, t) => /^\s*$/g.test(t) ? Promise.reject(M("sys.notEmptySth", { sth: M("sys.i18n") })) : Promise.resolve(), E = () => {
+			s.value?.validate().then(() => {
+				o("ok", { ...b(l) }, d.value), y();
+			});
+		}, D = () => {
+			s.value?.resetFields();
+		};
+		return (n, o) => {
+			let m = v("a-input"), h = v("a-form-item"), y = v("a-form"), b = v("BasicModal");
+			return p(), r(b, u(n.$attrs, {
+				title: d.value ? S(M)("sys.edit") : S(M)("sys.new"),
+				centered: "",
+				width: "640px",
+				"min-height": 100,
+				"mask-closable": !1,
+				"after-close": D,
+				"get-container": t.getContainer,
+				onRegister: S(_),
+				onOk: E,
+				onVisibleChange: f
+			}), {
+				default: w(() => [c(y, {
+					ref_key: "formRef",
+					ref: s,
+					model: l,
+					"label-col": { span: 6 },
+					"wrapper-col": { span: 16 },
+					autocomplete: "off",
+					layout: "horizontal"
+				}, {
+					default: w(() => [c(h, {
+						label: S(M)("sys.i18n.resourceIdentification"),
+						name: "id",
+						rules: [{
+							required: !0,
+							message: S(M)("sys.pleaseInputSth", { sth: S(M)("sys.i18n.resourceIdentification") })
+						}, { validator: C }]
+					}, {
+						default: w(() => [c(m, {
+							value: l.id,
+							"onUpdate:value": o[0] ||= (e) => l.id = e,
+							"show-count": "",
+							maxlength: 128,
+							disabled: d.value
+						}, null, 8, ["value", "disabled"])]),
+						_: 1
+					}, 8, ["label", "rules"]), (p(!0), a(e, null, g(i.lang, (e) => (p(), r(h, {
+						key: e.dataIndex,
+						label: e.title,
+						name: e.dataIndex,
+						rules: [{
+							required: !0,
+							message: S(M)("sys.pleaseInputSth", { sth: e.title })
+						}, { validator: T }]
+					}, {
+						default: w(() => [c(m, {
+							value: l[e.dataIndex],
+							"onUpdate:value": (t) => l[e.dataIndex] = t,
+							"show-count": "",
+							maxlength: 300
+						}, null, 8, ["value", "onUpdate:value"])]),
+						_: 2
+					}, 1032, [
+						"label",
+						"name",
+						"rules"
+					]))), 128))]),
+					_: 1
+				}, 8, ["model"])]),
+				_: 1
+			}, 16, [
+				"title",
+				"get-container",
+				"onRegister"
+			]);
+		};
+	}
+}), P = { class: "i18n-select-container" }, ee = { class: "table-wrap" }, F = /* @__PURE__ */ l({
+	__name: "i18n-select-container",
+	props: {
+		i18nModalKey: {},
+		destroyCallback: { type: Function },
+		saveCallback: { type: Function }
+	},
+	setup(e) {
+		let [n, { closeModal: i }] = k(), [a, { openModal: l }] = O(), d = e, g = () => document.querySelector(`#${d.i18nModalKey}`), _ = h(), b = m({ keywords: "" }), x = m({
+			current: 1,
+			pageSize: 5,
+			total: 0,
+			size: "small",
+			showTotal: (e) => M("sys.component.table.total", { total: e })
+		}), C = h([]), T = h(), E = h({
+			type: "radio",
+			hideSelectAll: !0,
+			selectedRowKeys: [],
+			onChange: B
+		}), D = h(!1), j = t(() => []), F = async (e, t) => {
+			D.value = !0;
+			let n = await _api.apaas.i18NInfo.getPageList({
+				pageNo: t ?? x.current,
+				pageSize: x.pageSize,
+				searchKey: e
+			});
+			if (D.value = !1, n && n.data) {
+				let e = n.data.map((e) => {
+					let t = JSON.parse(e?.info);
+					return {
+						key: e.key,
+						type: e.type,
+						...Object.fromEntries(t.map((e) => [e.locale, e.info]))
+					};
+				});
+				x.total = n.totalCount, C.value = e;
+			}
+		};
+		f(F);
+		let I = () => {
+			_.value?.validate().then(async () => {
+				await F(b.keywords, 1);
+			});
+		}, L = (e) => {
+			let { current: t, total: n, pageSize: r } = e;
+			x.current = t, x.total = n, x.pageSize = r, F();
+		}, R = () => {
+			l();
+		}, z = async (e, t) => {
+			let n = j.value.map((t) => ({
+				locale: t.dataIndex,
+				info: e[t.dataIndex]
+			}));
+			D.value = !0;
+			try {
+				t ? await _api.apaas.i18NInfo.putKey({ key: e.id }, { info: JSON.stringify(n) }) : await _api.apaas.i18NInfo.post({
+					info: JSON.stringify(n),
+					key: e.id
+				}), F(), B([e.id], [m(e)]);
+			} catch {
+				D.value = !1;
+			}
+		};
+		function B(e, t) {
+			E.value.selectedRowKeys = e, T.value = t;
+		}
+		let V = () => {
+			d.destroyCallback && typeof d.destroyCallback == "function" && d.destroyCallback();
+		}, H = async () => {
+			if (d.saveCallback && typeof d.saveCallback == "function") {
+				let e = E.value.selectedRowKeys, t = {};
+				if (e && e[0]) {
+					let n = T.value?.[0];
+					console.log("selectRow", n), Object.assign(t, { i18nKey: e[0] });
+				}
+				d.saveCallback(t);
+			}
+			i();
+		};
+		return (e, t) => {
+			let i = v("a-input"), l = v("a-form-item"), d = v("a-col"), f = v("a-button"), m = v("plus-outlined"), h = v("a-row"), T = v("a-form"), O = v("a-table"), k = v("basic-modal");
+			return p(), r(k, u(e.$attrs, {
+				"min-height": 40,
+				title: S(M)("sys.i18n.i18nConfig"),
+				centered: "",
+				width: "640px",
+				"can-fullscreen": !1,
+				"mask-closable": !1,
+				"after-close": V,
+				"get-container": g,
+				onRegister: S(n),
+				onOk: H
+			}), {
+				default: w(() => [o("div", P, [c(T, {
+					ref_key: "formRef",
+					ref: _,
+					model: b,
+					autocomplete: "off",
+					layout: "horizontal"
+				}, {
+					default: w(() => [c(h, null, {
+						default: w(() => [c(d, { span: 12 }, {
+							default: w(() => [c(l, {
+								name: "keywords",
+								label: S(M)("sys.keywords")
+							}, {
+								default: w(() => [c(i, {
+									value: b.keywords,
+									"onUpdate:value": t[0] ||= (e) => b.keywords = e,
+									placeholder: S(M)("sys.keywordsPlaceholder"),
+									style: { display: "inline-flex" }
+								}, null, 8, ["value", "placeholder"])]),
+								_: 1
+							}, 8, ["label"])]),
+							_: 1
+						}), c(d, {
+							span: 12,
+							style: { "text-align": "right" }
+						}, {
+							default: w(() => [c(f, {
+								type: "primary",
+								onClick: I
+							}, {
+								icon: w(() => [c(S(A))]),
+								default: w(() => [s(" " + y(S(M)("sys.queryText")), 1)]),
+								_: 1
+							}), c(f, {
+								style: { margin: "0 8px" },
+								type: "primary",
+								onClick: R
+							}, {
+								icon: w(() => [c(m)]),
+								default: w(() => [s(" " + y(S(M)("sys.new")), 1)]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["model"]), o("div", ee, [c(O, {
+					ref: "tableRef",
+					"data-source": C.value,
+					columns: j.value,
+					"show-index-column": !1,
+					pagination: x,
+					striped: !1,
+					bordered: !0,
+					"row-selection": E.value,
+					loading: D.value,
+					onChange: L
+				}, null, 8, [
+					"data-source",
+					"columns",
+					"pagination",
+					"row-selection",
+					"loading"
+				]), c(N, {
+					lang: j.value,
+					"get-container": g,
+					onRegister: S(a),
+					onOk: z
+				}, null, 8, ["lang", "onRegister"])])])]),
+				_: 1
+			}, 16, ["title", "onRegister"]);
+		};
+	}
+}), I = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, L = /* @__PURE__ */ I(F, [["__scopeId", "data-v-0160ed5e"]]), R = /* @__PURE__ */ l({
+	__name: "i18n-select-modal",
+	setup(e, { expose: t }) {
+		let [n, { openModal: i }] = O();
+		return t({ open: () => {
+			i();
+		} }), (e, t) => (p(), r(L, { onRegister: S(n) }, null, 8, ["onRegister"]));
+	}
+});
+//#endregion
+//#region src/components/I18nSelect/src/useI18nSelect.ts
+function z() {
+	let e = null, t = null, r = h("");
+	function i(i) {
+		let o, s = document.body;
+		if (T(i, "target") || T(i, "props")) {
+			let e = i;
+			o = e.props || {}, s = e.target || document.body;
+		} else o = i;
+		r.value = o.i18nModalKey || `i18n-select-modal-${Math.random().toString(16).substring(8)}`;
+		let c = {
+			...o,
+			destroyCallback: () => a(o?.destroyCallback),
+			i18nModalKey: S(r)
+		};
+		if (!e) {
+			let i = document.createElement("div");
+			i.id = S(r), S(s)?.appendChild(i), e = n(R, c), t = e.mount(i);
+		}
+		t?.open();
+	}
+	function a(t) {
+		typeof t == "function" && t(), document.querySelector(`#${S(r)}`).remove(), e &&= (e.unmount(), null);
+	}
+	return {
+		open: i,
+		close: a
+	};
+}
+//#endregion
+//#region src/components/I18nSelect/src/i18n-select-btn.vue?vue&type=script&setup=true&name=i18n-select-btn&lang.ts
+var B = { class: "i18n-tooltip-title" }, V = { style: { "margin-left": "4px" } }, H = /* @__PURE__ */ I(/* @__PURE__ */ l({
+	__name: "i18n-select-btn",
+	props: {
+		i18nValue: {},
+		buttonExtraProps: {},
+		size: {},
+		i18nModalKey: {},
+		simpleBtn: { type: Boolean },
+		btnHeight: {},
+		btnWidth: {}
+	},
+	emits: ["on-select-i18n", "closed"],
+	setup(n, { emit: i }) {
+		let s = h(), l = z(), f = n, _ = i, b = m({}), x = t(() => !E(f.i18nValue)), S = async (e) => {
+			let t = await _api.apaas.i18NInfo.getPageList({
+				pageNo: 1,
+				pageSize: 20,
+				searchKey: e
+			});
+			if (t && t.data) {
+				let e = t.data.find((e) => e.key === f.i18nValue);
+				e && Object.assign(b, Object.fromEntries(Object.entries(JSON.parse(e.info)).map(([e, t]) => [t.locale, t.info])));
+			}
+		};
+		C(() => f.i18nValue, () => {
+			E(f.i18nValue) || S(f.i18nValue);
+		}, { immediate: !0 });
+		let T = () => {
+			l.open({
+				i18nModalKey: f.i18nModalKey,
+				saveCallback: (e) => {
+					_("on-select-i18n", { ...e });
+				},
+				destroyCallback: () => {
+					_("closed");
+				}
+			});
+		};
+		return (t, i) => {
+			let l = v("Icon"), f = v("a-button"), m = v("a-tooltip");
+			return n.simpleBtn ? (p(), r(l, {
+				key: 0,
+				class: d(["i18n-icon simple-btn", { "is-highlight": x.value }]),
+				icon: "ion:language",
+				onClick: T
+			}, null, 8, ["class"])) : x.value ? (p(), r(m, {
+				key: 1,
+				color: "#fff",
+				placement: "topRight"
+			}, {
+				title: w(() => [o("div", B, "语言标识：" + y(n.i18nValue), 1), (p(!0), a(e, null, g(s.value, (e) => (p(), a("div", {
+					key: e.id,
+					class: "i18n-tooltip-item"
+				}, [o("strong", null, y(e.language) + ": ", 1), o("span", V, y(b[e.languageTag]), 1)]))), 128))]),
+				default: w(() => [c(f, u(n.buttonExtraProps, {
+					class: { "is-highlight": x.value },
+					style: {
+						"--btn-width": n.btnWidth,
+						"--btn-height": n.btnHeight
+					},
+					size: n.size,
+					onClick: T
+				}), {
+					icon: w(() => [c(l, {
+						class: "i18n-icon",
+						icon: "ion:language"
+					})]),
+					_: 1
+				}, 16, [
+					"class",
+					"style",
+					"size"
+				])]),
+				_: 1
+			})) : (p(), r(f, u({ key: 2 }, n.buttonExtraProps, {
+				class: { "is-highlight": x.value },
+				style: {
+					"--btn-width": n.btnWidth,
+					"--btn-height": n.btnHeight
+				},
+				size: n.size,
+				onClick: T
+			}), {
+				icon: w(() => [c(l, {
+					class: "i18n-icon",
+					icon: "ion:language"
+				})]),
+				_: 1
+			}, 16, [
+				"class",
+				"style",
+				"size"
+			]));
+		};
+	}
+}), [["__scopeId", "data-v-dc8ffb2c"]]), U = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+var W = Object.prototype.toString, G = (e) => W.call(e) === "[object Object]", K = () => {}, te = /* @__PURE__ */ ne();
+function ne() {
+	var e, t;
+	return U && !!(!((e = window) == null || (e = e.navigator) == null) && e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window) == null || (t = t.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
+}
+function q(e) {
+	return Array.isArray(e) ? e : [e];
+}
+function re(e, t, n) {
+	return C(e, t, {
+		...n,
+		immediate: !0
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@vueuse+core@14.2.1_vue@3.5.29_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js
+var J = U ? window : void 0;
+U && window.document, U && window.navigator, U && window.location;
+function Y(e) {
+	let t = x(e);
+	return t?.$el ?? t;
+}
+function X(...e) {
+	let n = (e, t, n, r) => (e.addEventListener(t, n, r), () => e.removeEventListener(t, n, r)), r = t(() => {
+		let t = q(x(e[0])).filter((e) => e != null);
+		return t.every((e) => typeof e != "string") ? t : void 0;
+	});
+	return re(() => [
+		r.value?.map((e) => Y(e)) ?? [J].filter((e) => e != null),
+		q(x(r.value ? e[1] : e[0])),
+		q(S(r.value ? e[2] : e[1])),
+		x(r.value ? e[3] : e[2])
+	], ([e, t, r, i], a, o) => {
+		if (!e?.length || !t?.length || !r?.length) return;
+		let s = G(i) ? { ...i } : i, c = e.flatMap((e) => t.flatMap((t) => r.map((r) => n(e, t, r, s))));
+		o(() => {
+			c.forEach((e) => e());
+		});
+	}, { flush: "post" });
+}
+var Z = !1;
+function ie(e, t, n = {}) {
+	let { window: r = J, ignore: i = [], capture: a = !0, detectIframe: o = !1, controls: s = !1 } = n;
+	if (!r) return s ? {
+		stop: K,
+		cancel: K,
+		trigger: K
+	} : K;
+	if (te && !Z) {
+		Z = !0;
+		let e = { passive: !0 };
+		Array.from(r.document.body.children).forEach((t) => t.addEventListener("click", K, e)), r.document.documentElement.addEventListener("click", K, e);
+	}
+	let c = !0, l = (e) => x(i).some((t) => {
+		if (typeof t == "string") return Array.from(r.document.querySelectorAll(t)).some((t) => t === e.target || e.composedPath().includes(t));
+		{
+			let n = Y(t);
+			return n && (e.target === n || e.composedPath().includes(n));
+		}
+	});
+	function u(e) {
+		let t = x(e);
+		return t && t.$.subTree.shapeFlag === 16;
+	}
+	function d(e, t) {
+		let n = x(e), r = n.$.subTree && n.$.subTree.children;
+		return r == null || !Array.isArray(r) ? !1 : r.some((e) => e.el === t.target || t.composedPath().includes(e.el));
+	}
+	let f = (n) => {
+		let r = Y(e);
+		if (n.target != null && !(!(r instanceof Element) && u(e) && d(e, n)) && !(!r || r === n.target || n.composedPath().includes(r))) {
+			if ("detail" in n && n.detail === 0 && (c = !l(n)), !c) {
+				c = !0;
+				return;
+			}
+			t(n);
+		}
+	}, p = !1, m = [
+		X(r, "click", (e) => {
+			p || (p = !0, setTimeout(() => {
+				p = !1;
+			}, 0), f(e));
+		}, {
+			passive: !0,
+			capture: a
+		}),
+		X(r, "pointerdown", (t) => {
+			let n = Y(e);
+			c = !l(t) && !!(n && !t.composedPath().includes(n));
+		}, { passive: !0 }),
+		o && X(r, "blur", (n) => {
+			setTimeout(() => {
+				let i = Y(e);
+				r.document.activeElement?.tagName === "IFRAME" && !i?.contains(r.document.activeElement) && t(n);
+			}, 0);
+		}, { passive: !0 })
+	].filter(Boolean), h = () => m.forEach((e) => e());
+	return s ? {
+		stop: h,
+		cancel: () => {
+			c = !1;
+		},
+		trigger: (e) => {
+			c = !0, f(e), c = !1;
+		}
+	} : h;
+}
+//#endregion
+//#region src/components/I18nSelect/src/i18n-select-input.vue
+var Q = /* @__PURE__ */ I(/* @__PURE__ */ l({
+	__name: "i18n-select-input",
+	props: {
+		attr: {},
+		inputExtraProps: {},
+		i18nConfig: {},
+		i18nText: {},
+		placeholderText: {},
+		size: {},
+		i18nModalKey: {},
+		forceUpdate: { type: Boolean },
+		btnHeight: {},
+		btnWidth: {}
+	},
+	emits: [
+		"update:i18nText",
+		"update:i18nConfig",
+		"on-i18n-select",
+		"clickOutside",
+		"focus",
+		"blur"
+	],
+	setup(e, { emit: n }) {
+		let a = t(() => !!_gct.store.appInfo.id), o = e, s = n, l = t({
+			get() {
+				return o.i18nText ?? "";
+			},
+			set(e) {
+				e !== o.i18nText && s("update:i18nText", e);
+			}
+		}), d = t(() => E(o.i18nConfig) ? {} : typeof o.i18nConfig == "string" ? JSON.parse(o.i18nConfig) ?? {} : o.i18nConfig ?? {}), f = t(() => d.value?.[o.attr]), m = (e) => {
+			console.log("emit", e), e && ((E(l.value) || o.forceUpdate === !0) && s("update:i18nText", e.i18nTitle), s("update:i18nConfig", JSON.stringify(E(e) ? D(d.value, o.attr) : {
+				...d.value,
+				[o.attr]: e.i18nKey
+			})), s("on-i18n-select", e));
+		}, g = h(), y = () => {
+			s("focus", g.value);
+		}, b = () => {
+			s("blur", g.value);
+		}, x = h();
+		return ie(x, () => {
+			s("clickOutside");
+		}), (t, n) => {
+			let o = v("a-input"), d = v("a-input-group");
+			return p(), r(d, {
+				id: "i18nInputGroup",
+				ref_key: "i18nInputGroup",
+				ref: x,
+				compact: ""
+			}, {
+				default: w(() => [_(t.$slots, "i18n-input", {}, () => [c(o, u({
+					ref_key: "inputRef",
+					ref: g
+				}, e.inputExtraProps, {
+					value: l.value,
+					"onUpdate:value": n[0] ||= (e) => l.value = e,
+					valueModifiers: { trim: !0 },
+					style: {
+						height: e.btnHeight ? e.btnHeight : e.size === S(j).SMALL ? "26px" : "32px",
+						width: a.value ? `calc(100% - ${e.btnWidth ? e.btnWidth : e.size === S(j).SMALL ? "26px" : "32px"}` : "100%"
+					},
+					placeholder: e.placeholderText,
+					size: e.size,
+					"allow-clear": "",
+					onFocus: y,
+					onBlur: b
+				}), null, 16, [
+					"value",
+					"style",
+					"placeholder",
+					"size"
+				])], !0), a.value ? (p(), r(H, {
+					key: 0,
+					"btn-height": e.btnHeight,
+					"btn-width": e.btnWidth,
+					"i18n-value": f.value,
+					size: e.size,
+					"i18n-modal-key": e.i18nModalKey,
+					onOnSelectI18n: m,
+					onClosed: n[1] ||= (e) => s("clickOutside")
+				}, null, 8, [
+					"btn-height",
+					"btn-width",
+					"i18n-value",
+					"size",
+					"i18n-modal-key"
+				])) : i("", !0)]),
+				_: 3
+			}, 512);
+		};
+	}
+}), [["__scopeId", "data-v-412e1309"]]), ae = /* @__PURE__ */ l({
+	__name: "i18n-select-input-form",
+	props: {
+		formItemName: {},
+		fromItemExtraProps: {},
+		inputExtraProps: {},
+		i18nConfig: {},
+		text: {},
+		formRef: {}
+	},
+	emits: ["update:text"],
+	setup(n, { emit: r }) {
+		let i = n, s = r, l = t({
+			get() {
+				return i.text ?? "";
+			},
+			set(e) {
+				s("update:text", e), i.formRef?.validateFields([i.formItemName]);
+			}
+		});
+		return (t, r) => {
+			let i = v("a-form-item");
+			return p(), a(e, null, [c(i, u({ name: n.formItemName }, n.fromItemExtraProps), {
+				default: w(() => [c(Q, u(t.$attrs, {
+					"i18n-text": l.value,
+					"onUpdate:i18nText": r[0] ||= (e) => l.value = e,
+					"input-extra-props": n.inputExtraProps,
+					"i18n-config": n.i18nConfig,
+					attr: Array.isArray(n.formItemName) ? n.formItemName.join(".") : n.formItemName,
+					"placeholder-text": t.$t("sys.inputText")
+				}), null, 16, [
+					"i18n-text",
+					"input-extra-props",
+					"i18n-config",
+					"attr",
+					"placeholder-text"
+				])]),
+				_: 1
+			}, 16, ["name"]), c(i, {
+				name: "i18nConfig",
+				hidden: ""
+			}, {
+				default: w(() => [o("span", null, y(n.i18nConfig), 1)]),
+				_: 1
+			})], 64);
+		};
+	}
+}), oe = { class: "inline-block w100% relative" }, $ = /* @__PURE__ */ I(/* @__PURE__ */ l({
+	__name: "i18n-select-textarea",
+	props: {
+		attr: {},
+		inputExtraProps: {},
+		i18nConfig: {},
+		i18nText: {},
+		placeholderText: {},
+		rows: {},
+		style: {}
+	},
+	emits: [
+		"update:i18nText",
+		"update:i18nConfig",
+		"on-i18n-select",
+		"clickOutside",
+		"focus"
+	],
+	setup(e, { emit: n }) {
+		let r = e, i = n, o = t({
+			get() {
+				return r.i18nText ?? "";
+			},
+			set(e) {
+				i("update:i18nText", e);
+			}
+		}), s = t(() => E(r.i18nConfig) ? {} : typeof r.i18nConfig == "string" ? JSON.parse(r.i18nConfig) ?? {} : r.i18nConfig ?? {}), l = t(() => s.value?.[r.attr]), d = (e) => {
+			e && (E(o.value) && i("update:i18nText", e.i18nTitle), i("update:i18nConfig", JSON.stringify(E(e) ? D(s.value, r.attr) : {
+				...s.value,
+				[r.attr]: e.i18nKey
+			})), i("on-i18n-select", e));
+		}, f = h(), m = () => {
+			i("focus", f.value);
+		};
+		return (t, n) => {
+			let r = v("a-textarea");
+			return p(), a("div", oe, [c(r, u({
+				ref_key: "inputRef",
+				ref: f,
+				value: o.value,
+				"onUpdate:value": n[0] ||= (e) => o.value = e,
+				placeholder: e.placeholderText
+			}, e.inputExtraProps, {
+				style: {
+					resize: "none",
+					...e.style
+				},
+				onFocus: m
+			}), null, 16, [
+				"value",
+				"placeholder",
+				"style"
+			]), c(H, {
+				"i18n-value": l.value,
+				"simple-btn": !0,
+				type: "text",
+				onOnSelectI18n: d,
+				onClosed: n[1] ||= (e) => i("clickOutside")
+			}, null, 8, ["i18n-value"])]);
+		};
+	}
+}), [["__scopeId", "data-v-cd95c416"]]), se = /* @__PURE__ */ l({
+	__name: "i18n-select-textarea-form",
+	props: {
+		formItemName: {},
+		fromItemExtraProps: {},
+		inputExtraProps: {},
+		i18nConfig: {},
+		text: {},
+		formRef: {}
+	},
+	emits: ["update:text"],
+	setup(n, { emit: r }) {
+		let i = n, s = r, l = t({
+			get() {
+				return i.text ?? "";
+			},
+			set(e) {
+				s("update:text", e), i.formRef?.validateFields([i.formItemName]);
+			}
+		});
+		return (t, r) => {
+			let i = v("a-form-item");
+			return p(), a(e, null, [c(i, u({ name: n.formItemName }, n.fromItemExtraProps), {
+				default: w(() => [c($, u(t.$attrs, {
+					"i18n-text": l.value,
+					"onUpdate:i18nText": r[0] ||= (e) => l.value = e,
+					"placeholder-text": t.$t("sys.inputText"),
+					"input-extra-props": n.inputExtraProps,
+					"i18n-config": n.i18nConfig,
+					attr: Array.isArray(n.formItemName) ? n.formItemName.join(".") : n.formItemName
+				}), null, 16, [
+					"i18n-text",
+					"placeholder-text",
+					"input-extra-props",
+					"i18n-config",
+					"attr"
+				])]),
+				_: 1
+			}, 16, ["name"]), c(i, {
+				name: "i18nConfig",
+				hidden: ""
+			}, {
+				default: w(() => [o("span", null, y(n.i18nConfig), 1)]),
+				_: 1
+			})], 64);
+		};
+	}
+}), ce = { install(e) {
+	console.log("Design Web install", e);
+} };
+//#endregion
+export { N as I18Modal, H as I18nSelectBtn, Q as I18nSelectInput, ae as I18nSelectInputForm, $ as I18nSelectTextarea, se as I18nSelectTextareaForm, ce as default, z as useI18nSelect };