@gct-paas/core-web 0.1.4-dev.9 → 0.1.5-dev.1

package/es/components/I18nSelect/src/i18n-modal.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,128 @@
+import { useModalInner } from "../../../modules/global-modal/src/hooks/useModal.mjs";
+import { BasicModal } from "../../../modules/global-modal/index.mjs";
+import { Fragment, createBlock, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, reactive, ref, renderList, resolveComponent, toRaw, unref, withCtx } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/components/I18nSelect/src/i18n-modal.vue?vue&type=script&setup=true&lang.ts
+var i18n_modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "i18n-modal",
+	props: {
+		lang: {},
+		getContainer: { type: Function }
+	},
+	emits: ["ok", "register"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const formRef = ref();
+		const i18nState = reactive({ id: "" });
+		const isEdit = ref(false);
+		const handleShow = (visible) => {
+			if (visible) isEdit.value = false;
+		};
+		const [registerInner, { closeModal }] = useModalInner((data) => {
+			data && onDataReceive(data);
+		});
+		const onDataReceive = (data) => {
+			isEdit.value = true;
+			i18nState.id = data.key;
+			const { lang } = props;
+			console.log(lang, "lang========");
+			for (const item of lang) {
+				const key = item.dataIndex;
+				i18nState[key] = data[key];
+			}
+		};
+		const validateSpecialCharacters = (_, value, callback) => {
+			if (!/^[a-zA-Z_.]*$/.test(value)) callback(t("sys.i18n.validated18nKeyErrorMsg"));
+			callback();
+		};
+		const validateLang = async (_rule, value) => {
+			if (/^\s*$/g.test(value)) return Promise.reject(t("sys.notEmptySth", { sth: t("sys.i18n") }));
+			else return Promise.resolve();
+		};
+		const handleOk = () => {
+			formRef.value?.validate().then(() => {
+				emit("ok", { ...toRaw(i18nState) }, isEdit.value);
+				closeModal();
+			});
+		};
+		const handleClose = () => {
+			formRef.value?.resetFields();
+		};
+		return (_ctx, _cache) => {
+			const _component_a_input = resolveComponent("a-input");
+			const _component_a_form_item = resolveComponent("a-form-item");
+			const _component_a_form = resolveComponent("a-form");
+			return openBlock(), createBlock(unref(BasicModal), mergeProps(_ctx.$attrs, {
+				title: isEdit.value ? unref(t)("sys.edit") : unref(t)("sys.new"),
+				centered: "",
+				width: "640px",
+				"min-height": 100,
+				"mask-closable": false,
+				"after-close": handleClose,
+				"get-container": __props.getContainer,
+				onRegister: unref(registerInner),
+				onOk: handleOk,
+				onVisibleChange: handleShow
+			}), {
+				default: withCtx(() => [createVNode(_component_a_form, {
+					ref_key: "formRef",
+					ref: formRef,
+					model: i18nState,
+					"label-col": { span: 6 },
+					"wrapper-col": { span: 16 },
+					autocomplete: "off",
+					layout: "horizontal"
+				}, {
+					default: withCtx(() => [createVNode(_component_a_form_item, {
+						label: unref(t)("sys.i18n.resourceIdentification"),
+						name: "id",
+						rules: [{
+							required: true,
+							message: unref(t)("sys.pleaseInputSth", { sth: unref(t)("sys.i18n.resourceIdentification") })
+						}, { validator: validateSpecialCharacters }]
+					}, {
+						default: withCtx(() => [createVNode(_component_a_input, {
+							value: i18nState.id,
+							"onUpdate:value": _cache[0] || (_cache[0] = ($event) => i18nState.id = $event),
+							"show-count": "",
+							maxlength: 128,
+							disabled: isEdit.value
+						}, null, 8, ["value", "disabled"])]),
+						_: 1
+					}, 8, ["label", "rules"]), (openBlock(true), createElementBlock(Fragment, null, renderList(props.lang, (item) => {
+						return openBlock(), createBlock(_component_a_form_item, {
+							key: item.dataIndex,
+							label: item.title,
+							name: item.dataIndex,
+							rules: [{
+								required: true,
+								message: unref(t)("sys.pleaseInputSth", { sth: item.title })
+							}, { validator: validateLang }]
+						}, {
+							default: withCtx(() => [createVNode(_component_a_input, {
+								value: i18nState[item.dataIndex],
+								"onUpdate:value": ($event) => i18nState[item.dataIndex] = $event,
+								"show-count": "",
+								maxlength: 300
+							}, null, 8, ["value", "onUpdate:value"])]),
+							_: 2
+						}, 1032, [
+							"label",
+							"name",
+							"rules"
+						]);
+					}), 128))]),
+					_: 1
+				}, 8, ["model"])]),
+				_: 1
+			}, 16, [
+				"title",
+				"get-container",
+				"onRegister"
+			]);
+		};
+	}
+});
+//#endregion
+export { i18n_modal_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/I18nSelect/src/i18n-select-btn.vue.d.ts

@@ -0,0 +1,17 @@
+interface Props {
+    i18nValue?: string;
+    buttonExtraProps?: IObject;
+    size?: string;
+    i18nModalKey?: string;
+    simpleBtn?: boolean;
+    btnHeight?: string;
+    btnWidth?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "on-select-i18n": (...args: any[]) => void;
+    closed: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onOn-select-i18n"?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/components/I18nSelect/src/i18n-select-btn.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import i18n_select_btn_vue_vue_type_script_setup_true_name_i18n_select_btn_lang_default from "./i18n-select-btn.vue_vue_type_script_setup_true_name_i18n-select-btn_lang.mjs";
+import './i18n-select-btn.vue_vue_type_style_index_0_scoped_d0fab479_lang.css';/* empty css                                                                      */
+//#region src/components/I18nSelect/src/i18n-select-btn.vue
+var i18n_select_btn_default = /* @__PURE__ */ _plugin_vue_export_helper_default(i18n_select_btn_vue_vue_type_script_setup_true_name_i18n_select_btn_lang_default, [["__scopeId", "data-v-d0fab479"]]);
+//#endregion
+export { i18n_select_btn_default as default };

package/es/components/I18nSelect/src/i18n-select-btn.vue_vue_type_script_setup_true_name_i18n-select-btn_lang.mjs

@@ -0,0 +1,119 @@
+import { useI18nSelect } from "./useI18nSelect.mjs";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, reactive, renderList, resolveComponent, toDisplayString, watch, withCtx } from "vue";
+import { isEmpty } from "lodash-es";
+//#region src/components/I18nSelect/src/i18n-select-btn.vue?vue&type=script&setup=true&name=i18n-select-btn&lang.ts
+var _hoisted_1 = { class: "i18n-tooltip-title" };
+var _hoisted_2 = { style: { "margin-left": "4px" } };
+var i18n_select_btn_vue_vue_type_script_setup_true_name_i18n_select_btn_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "i18n-select-btn",
+	props: {
+		i18nValue: {},
+		buttonExtraProps: {},
+		size: {},
+		i18nModalKey: {},
+		simpleBtn: { type: Boolean },
+		btnHeight: {},
+		btnWidth: {}
+	},
+	emits: ["on-select-i18n", "closed"],
+	setup(__props, { emit: __emit }) {
+		const getEnableLocaleList = computed(() => {
+			return _gct.i18nUtil.enableLocaleList;
+		});
+		const i18nInstance = useI18nSelect();
+		const props = __props;
+		const emit = __emit;
+		const i18nMap = reactive({});
+		const isHighlight = computed(() => {
+			return !isEmpty(props.i18nValue);
+		});
+		const getTableData = async (keyword) => {
+			const result = await _api.apaas.i18NInfo.getPageList({
+				pageNo: 1,
+				pageSize: 20,
+				searchKey: keyword
+			});
+			if (result && result.data) {
+				const row = result.data.find((item) => item.key === props.i18nValue);
+				if (row) Object.assign(i18nMap, Object.fromEntries(Object.entries(JSON.parse(row.info)).map(([_, item]) => [item.locale, item.info])));
+			}
+		};
+		watch(() => props.i18nValue, () => {
+			if (!isEmpty(props.i18nValue)) getTableData(props.i18nValue);
+		}, { immediate: true });
+		const handleOpenI18nSelectModal = () => {
+			i18nInstance.open({
+				i18nModalKey: props.i18nModalKey,
+				saveCallback: (params) => {
+					emit("on-select-i18n", { ...params });
+				},
+				destroyCallback: () => {
+					emit("closed");
+				}
+			});
+		};
+		return (_ctx, _cache) => {
+			const _component_Icon = resolveComponent("Icon");
+			const _component_svg_icon = resolveComponent("svg-icon");
+			const _component_a_button = resolveComponent("a-button");
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			return __props.simpleBtn ? (openBlock(), createBlock(_component_Icon, {
+				key: 0,
+				class: normalizeClass(["i18n-icon simple-btn", { "is-highlight": isHighlight.value }]),
+				icon: "ion:language",
+				onClick: handleOpenI18nSelectModal
+			}, null, 8, ["class"])) : isHighlight.value ? (openBlock(), createBlock(_component_a_tooltip, {
+				key: 1,
+				color: "#fff",
+				placement: "topRight"
+			}, {
+				title: withCtx(() => [createElementVNode("div", _hoisted_1, "语言标识：" + toDisplayString(__props.i18nValue), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(getEnableLocaleList.value, (item) => {
+					return openBlock(), createElementBlock("div", {
+						key: item.id,
+						class: "i18n-tooltip-item"
+					}, [createElementVNode("strong", null, toDisplayString(item.language) + ": ", 1), createElementVNode("span", _hoisted_2, toDisplayString(i18nMap[item.languageTag]), 1)]);
+				}), 128))]),
+				default: withCtx(() => [createVNode(_component_a_button, mergeProps(__props.buttonExtraProps, {
+					class: { "is-highlight": isHighlight.value },
+					style: {
+						"--btn-width": __props.btnWidth,
+						"--btn-height": __props.btnHeight
+					},
+					size: __props.size,
+					onClick: handleOpenI18nSelectModal
+				}), {
+					icon: withCtx(() => [createVNode(_component_svg_icon, {
+						class: "i18n-icon",
+						src: "/extras-assets/svg/language.svg"
+					})]),
+					_: 1
+				}, 16, [
+					"class",
+					"style",
+					"size"
+				])]),
+				_: 1
+			})) : (openBlock(), createBlock(_component_a_button, mergeProps({ key: 2 }, __props.buttonExtraProps, {
+				class: { "is-highlight": isHighlight.value },
+				style: {
+					"--btn-width": __props.btnWidth,
+					"--btn-height": __props.btnHeight
+				},
+				size: __props.size,
+				onClick: handleOpenI18nSelectModal
+			}), {
+				icon: withCtx(() => [createVNode(_component_svg_icon, {
+					class: "i18n-icon",
+					src: "/extras-assets/svg/language.svg"
+				})]),
+				_: 1
+			}, 16, [
+				"class",
+				"style",
+				"size"
+			]));
+		};
+	}
+});
+//#endregion
+export { i18n_select_btn_vue_vue_type_script_setup_true_name_i18n_select_btn_lang_default as default };

package/es/components/I18nSelect/src/i18n-select-btn.vue_vue_type_style_index_0_scoped_d0fab479_lang.css

@@ -0,0 +1,58 @@
+.ant-btn[data-v-d0fab479] {
+  background-color: #fff !important;
+}
+.ant-btn.ant-btn-icon-only[data-v-d0fab479] {
+  width: var(--btn-width, 32px);
+  height: var(--btn-height, 32px);
+}
+.ant-btn.ant-btn-icon-only.ant-btn-sm[data-v-d0fab479] {
+  width: 26px;
+  height: 26px;
+}
+.ant-btn:hover .i18n-icon[data-v-d0fab479] {
+  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  color: var(--ant-primary-color);
+}
+.ant-btn.is-highlight[data-v-d0fab479] {
+  color: var(--ant-primary-color);
+  border-color: var(--ant-primary-color);
+}
+.ant-btn.is-highlight .i18n-icon[data-v-d0fab479] {
+  color: var(--ant-primary-color);
+}
+.i18n-icon[data-v-d0fab479] {
+  color: #7f8695;
+  display: flex !important;
+}
+.simple-btn[data-v-d0fab479]:hover {
+  color: var(--ant-primary-color);
+}
+.simple-btn.is-highlight[data-v-d0fab479] {
+  color: var(--ant-primary-color);
+}
+.i18n-tooltip-title[data-v-d0fab479] {
+  color: #303133;
+  font-size: 16px;
+  line-height: 1;
+  margin-bottom: 12px;
+}
+.i18n-tooltip-item[data-v-d0fab479] {
+  color: #606266;
+  font-size: 14px;
+}
+.custom-i18n-btn[data-v-d0fab479] {
+  vertical-align: middle;
+  background: #fff;
+  color: #303133;
+  border: none;
+  font-size: 14px;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+}
+.custom-i18n-btn.reg-i18n[data-v-d0fab479] {
+  position: absolute;
+  right: -32px;
+  bottom: 0;
+}

package/es/components/I18nSelect/src/i18n-select-container.vue.d.ts

@@ -0,0 +1,10 @@
+export interface Prop {
+    i18nModalKey?: string;
+    destroyCallback?: () => void;
+    saveCallback?: (params: IObject) => void;
+}
+declare const _default: import('vue').DefineComponent<Prop, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Prop> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    formRef: unknown;
+    tableRef: unknown;
+}, any>;
+export default _default;

package/es/components/I18nSelect/src/i18n-select-container.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import i18n_select_container_vue_vue_type_script_setup_true_name_i18n_select_container_lang_default from "./i18n-select-container.vue_vue_type_script_setup_true_name_i18n-select-container_lang.mjs";
+import './i18n-select-container.vue_vue_type_style_index_0_scoped_5f75bfb2_lang.css';/* empty css                                                                            */
+//#region src/components/I18nSelect/src/i18n-select-container.vue
+var i18n_select_container_default = /* @__PURE__ */ _plugin_vue_export_helper_default(i18n_select_container_vue_vue_type_script_setup_true_name_i18n_select_container_lang_default, [["__scopeId", "data-v-5f75bfb2"]]);
+//#endregion
+export { i18n_select_container_default as default };

package/es/components/I18nSelect/src/i18n-select-container.vue_vue_type_script_setup_true_name_i18n-select-container_lang.mjs

@@ -0,0 +1,226 @@
+import { useModal as useModal$1, useModalInner } from "../../../modules/global-modal/src/hooks/useModal.mjs";
+import "../../../modules/global-modal/index.mjs";
+import i18n_modal_default from "./i18n-modal.vue.mjs";
+import { computed, createBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, onMounted, openBlock, reactive, ref, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { t } from "@gct-paas/core";
+import { SearchOutlined } from "@ant-design/icons-vue";
+//#region src/components/I18nSelect/src/i18n-select-container.vue?vue&type=script&setup=true&name=i18n-select-container&lang.ts
+var _hoisted_1 = { class: "i18n-select-container" };
+var _hoisted_2 = { class: "table-wrap" };
+var i18n_select_container_vue_vue_type_script_setup_true_name_i18n_select_container_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "i18n-select-container",
+	props: {
+		i18nModalKey: {},
+		destroyCallback: { type: Function },
+		saveCallback: { type: Function }
+	},
+	setup(__props) {
+		const [registerInner, { closeModal }] = useModalInner();
+		const [userRegister, { openModal }] = useModal$1();
+		const props = __props;
+		const getContainer = () => document.querySelector(`#${props.i18nModalKey}`);
+		const formRef = ref();
+		const formState = reactive({ keywords: "" });
+		const pagination = reactive({
+			current: 1,
+			pageSize: 5,
+			total: 0,
+			size: "small",
+			showTotal: (total) => t("sys.component.table.total", { total })
+		});
+		const tableData = ref([]);
+		const selectRows = ref();
+		const rowSelection = ref({
+			type: "radio",
+			hideSelectAll: true,
+			selectedRowKeys: [],
+			onChange: handleRowChange
+		});
+		const loading = ref(false);
+		const columns = computed(() => {
+			return _gct.i18nUtil.enableLocaleList.map((item) => {
+				return {
+					title: item.language,
+					dataIndex: item.languageTag
+				};
+			});
+		});
+		const getTableData = async (keyword, current) => {
+			loading.value = true;
+			const result = await _api.apaas.i18NInfo.getPageList({
+				pageNo: current ?? pagination.current,
+				pageSize: pagination.pageSize,
+				searchKey: keyword
+			});
+			loading.value = false;
+			if (result && result.data) {
+				const rows = result.data.map((item) => {
+					const infos = JSON.parse(item?.info);
+					return {
+						key: item.key,
+						type: item.type,
+						...Object.fromEntries(infos.map((i) => [i.locale, i.info]))
+					};
+				});
+				pagination.total = result.totalCount;
+				tableData.value = rows;
+			}
+		};
+		onMounted(getTableData);
+		const handleSearch = () => {
+			formRef.value?.validate().then(async () => {
+				await getTableData(formState.keywords, 1);
+			});
+		};
+		const handleTableChange = (paginationInfo) => {
+			const { current, total, pageSize } = paginationInfo;
+			pagination.current = current;
+			pagination.total = total;
+			pagination.pageSize = pageSize;
+			getTableData();
+		};
+		const handleAddI18n = () => {
+			openModal();
+		};
+		const handleModalOk = async (data, isEdit) => {
+			const langInfos = columns.value.map((item) => {
+				return {
+					locale: item.dataIndex,
+					info: data[item.dataIndex]
+				};
+			});
+			loading.value = true;
+			try {
+				if (isEdit) await _api.apaas.i18NInfo.putKey({ key: data.id }, { info: JSON.stringify(langInfos) });
+				else await _api.apaas.i18NInfo.post({
+					info: JSON.stringify(langInfos),
+					key: data.id
+				});
+				getTableData();
+				handleRowChange([data.id], [reactive(data)]);
+			} catch (error) {
+				loading.value = false;
+			}
+		};
+		function handleRowChange(selectedRowKeys, selectedRows) {
+			rowSelection.value.selectedRowKeys = selectedRowKeys;
+			selectRows.value = selectedRows;
+		}
+		const handleClose = () => {
+			if (props.destroyCallback && typeof props.destroyCallback === "function") props.destroyCallback();
+		};
+		const handleOk = async () => {
+			if (props.saveCallback && typeof props.saveCallback === "function") {
+				const selectRowKey = rowSelection.value.selectedRowKeys;
+				const params = {};
+				if (selectRowKey && selectRowKey[0]) {
+					const selectRow = selectRows.value?.[0];
+					console.log("selectRow", selectRow);
+					Object.assign(params, {
+						i18nKey: selectRowKey[0],
+						i18nTitle: selectRow[_gct.i18nUtil.locale]
+					});
+				}
+				props.saveCallback(params);
+			}
+			closeModal();
+		};
+		return (_ctx, _cache) => {
+			const _component_a_input = resolveComponent("a-input");
+			const _component_a_form_item = resolveComponent("a-form-item");
+			const _component_a_col = resolveComponent("a-col");
+			const _component_a_button = resolveComponent("a-button");
+			const _component_plus_outlined = resolveComponent("plus-outlined");
+			const _component_a_row = resolveComponent("a-row");
+			const _component_a_form = resolveComponent("a-form");
+			const _component_a_table = resolveComponent("a-table");
+			const _component_basic_modal = resolveComponent("basic-modal");
+			return openBlock(), createBlock(_component_basic_modal, mergeProps(_ctx.$attrs, {
+				"min-height": 40,
+				title: unref(t)("sys.i18n.i18nConfig"),
+				centered: "",
+				width: "640px",
+				"can-fullscreen": false,
+				"mask-closable": false,
+				"after-close": handleClose,
+				"get-container": getContainer,
+				onRegister: unref(registerInner),
+				onOk: handleOk
+			}), {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(_component_a_form, {
+					ref_key: "formRef",
+					ref: formRef,
+					model: formState,
+					autocomplete: "off",
+					layout: "horizontal"
+				}, {
+					default: withCtx(() => [createVNode(_component_a_row, null, {
+						default: withCtx(() => [createVNode(_component_a_col, { span: 12 }, {
+							default: withCtx(() => [createVNode(_component_a_form_item, {
+								name: "keywords",
+								label: unref(t)("sys.keywords")
+							}, {
+								default: withCtx(() => [createVNode(_component_a_input, {
+									value: formState.keywords,
+									"onUpdate:value": _cache[0] || (_cache[0] = ($event) => formState.keywords = $event),
+									placeholder: unref(t)("sys.keywordsPlaceholder"),
+									style: { "display": "inline-flex" }
+								}, null, 8, ["value", "placeholder"])]),
+								_: 1
+							}, 8, ["label"])]),
+							_: 1
+						}), createVNode(_component_a_col, {
+							span: 12,
+							style: { "text-align": "right" }
+						}, {
+							default: withCtx(() => [createVNode(_component_a_button, {
+								type: "primary",
+								onClick: handleSearch
+							}, {
+								icon: withCtx(() => [createVNode(unref(SearchOutlined))]),
+								default: withCtx(() => [createTextVNode(" " + toDisplayString(unref(t)("sys.queryText")), 1)]),
+								_: 1
+							}), createVNode(_component_a_button, {
+								style: { "margin": "0 8px" },
+								type: "primary",
+								onClick: handleAddI18n
+							}, {
+								icon: withCtx(() => [createVNode(_component_plus_outlined)]),
+								default: withCtx(() => [createTextVNode(" " + toDisplayString(unref(t)("sys.new")), 1)]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["model"]), createElementVNode("div", _hoisted_2, [createVNode(_component_a_table, {
+					ref: "tableRef",
+					"data-source": tableData.value,
+					columns: columns.value,
+					"show-index-column": false,
+					pagination,
+					striped: false,
+					bordered: true,
+					"row-selection": rowSelection.value,
+					loading: loading.value,
+					onChange: handleTableChange
+				}, null, 8, [
+					"data-source",
+					"columns",
+					"pagination",
+					"row-selection",
+					"loading"
+				]), createVNode(i18n_modal_default, {
+					lang: columns.value,
+					"get-container": getContainer,
+					onRegister: unref(userRegister),
+					onOk: handleModalOk
+				}, null, 8, ["lang", "onRegister"])])])]),
+				_: 1
+			}, 16, ["title", "onRegister"]);
+		};
+	}
+});
+//#endregion
+export { i18n_select_container_vue_vue_type_script_setup_true_name_i18n_select_container_lang_default as default };

package/es/components/I18nSelect/src/i18n-select-container.vue_vue_type_style_index_0_scoped_5f75bfb2_lang.css

@@ -0,0 +1,6 @@
+.i18n-select-container[data-v-5f75bfb2] {
+  padding: 4px;
+}
+[data-v-5f75bfb2] .ant-form-horizontal .ant-form-item {
+  flex-direction: row;
+}

package/es/components/I18nSelect/src/i18n-select-input-form.vue.d.ts

@@ -0,0 +1,15 @@
+import { FormInstance, FormItemProps, InputProps } from 'ant-design-vue';
+interface Props {
+    formItemName: string | string[];
+    fromItemExtraProps?: FormItemProps;
+    inputExtraProps?: InputProps;
+    i18nConfig?: string;
+    text?: string;
+    formRef?: FormInstance;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:text": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:text"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/components/I18nSelect/src/i18n-select-input-form.vue.mjs

@@ -0,0 +1,5 @@
+import i18n_select_input_form_vue_vue_type_script_setup_true_name_i18n_select_input_form_lang_default from "./i18n-select-input-form.vue_vue_type_script_setup_true_name_i18n-select-input-form_lang.mjs";
+//#region src/components/I18nSelect/src/i18n-select-input-form.vue
+var i18n_select_input_form_default = i18n_select_input_form_vue_vue_type_script_setup_true_name_i18n_select_input_form_lang_default;
+//#endregion
+export { i18n_select_input_form_default as default };

package/es/components/I18nSelect/src/i18n-select-input-form.vue_vue_type_script_setup_true_name_i18n-select-input-form_lang.mjs

@@ -0,0 +1,56 @@
+import i18n_select_input_default from "./i18n-select-input.vue.mjs";
+import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, resolveComponent, toDisplayString, withCtx } from "vue";
+//#region src/components/I18nSelect/src/i18n-select-input-form.vue?vue&type=script&setup=true&name=i18n-select-input-form&lang.ts
+var i18n_select_input_form_vue_vue_type_script_setup_true_name_i18n_select_input_form_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "i18n-select-input-form",
+	props: {
+		formItemName: {},
+		fromItemExtraProps: {},
+		inputExtraProps: {},
+		i18nConfig: {},
+		text: {},
+		formRef: {}
+	},
+	emits: ["update:text"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const i18nText = computed({
+			get() {
+				return props.text ?? "";
+			},
+			set(value) {
+				emit("update:text", value);
+				props.formRef?.validateFields([props.formItemName]);
+			}
+		});
+		return (_ctx, _cache) => {
+			const _component_a_form_item = resolveComponent("a-form-item");
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(_component_a_form_item, mergeProps({ name: __props.formItemName }, __props.fromItemExtraProps), {
+				default: withCtx(() => [createVNode(i18n_select_input_default, mergeProps(_ctx.$attrs, {
+					"i18n-text": i18nText.value,
+					"onUpdate:i18nText": _cache[0] || (_cache[0] = ($event) => i18nText.value = $event),
+					"input-extra-props": __props.inputExtraProps,
+					"i18n-config": __props.i18nConfig,
+					attr: Array.isArray(__props.formItemName) ? __props.formItemName.join(".") : __props.formItemName,
+					"placeholder-text": _ctx.$t("sys.inputText")
+				}), null, 16, [
+					"i18n-text",
+					"input-extra-props",
+					"i18n-config",
+					"attr",
+					"placeholder-text"
+				])]),
+				_: 1
+			}, 16, ["name"]), createVNode(_component_a_form_item, {
+				name: "i18nConfig",
+				hidden: ""
+			}, {
+				default: withCtx(() => [createElementVNode("span", null, toDisplayString(__props.i18nConfig), 1)]),
+				_: 1
+			})], 64);
+		};
+	}
+});
+//#endregion
+export { i18n_select_input_form_vue_vue_type_script_setup_true_name_i18n_select_input_form_lang_default as default };