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

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

@@ -0,0 +1,217 @@
+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 { useModal, useModalInner } from "@gct-paas/core-web";
+import { SearchOutlined } from "@ant-design/icons-vue";
+import { t } from "@gct-paas/core";
+//#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();
+		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 [];
+		});
+		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] });
+				}
+				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-input-form.vue.mjs

@@ -1,57 +1,5 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, mergeProps, withCtx, createElementVNode, toDisplayString } from 'vue';
-import I18nSelectInput from './i18n-select-input.vue.mjs';
-
-const _sfc_main = /* @__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(I18nSelectInput, 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);
-    };
-  }
-});
-
-export { _sfc_main as default };
+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 };

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

@@ -1,7 +1,7 @@
-import _sfc_main from './i18n-select-input.vue2.mjs';
-import './i18n-select-input.css';/* empty css                        */
-import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
-
-const I18nSelectInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-412e1309"]]);
-
-export { I18nSelectInput as default };
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import i18n_select_input_vue_vue_type_script_setup_true_name_i18n_select_input_lang_default from "./i18n-select-input.vue_vue_type_script_setup_true_name_i18n-select-input_lang.mjs";
+import './i18n-select-input.vue_vue_type_style_index_0_scoped_412e1309_lang.css';/* empty css                                                                        */
+//#region src/components/I18nSelect/src/i18n-select-input.vue
+var i18n_select_input_default = /* @__PURE__ */ _plugin_vue_export_helper_default(i18n_select_input_vue_vue_type_script_setup_true_name_i18n_select_input_lang_default, [["__scopeId", "data-v-412e1309"]]);
+//#endregion
+export { i18n_select_input_default as default };

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

@@ -0,0 +1,125 @@
+import i18n_select_btn_default from "./i18n-select-btn.vue.mjs";
+import { computed, createBlock, createCommentVNode, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, resolveComponent, unref, withCtx } from "vue";
+import { isEmpty, omit } from "lodash-es";
+import { ButtonSize } from "@gct-paas/core";
+import { onClickOutside } from "@vueuse/core";
+//#region src/components/I18nSelect/src/i18n-select-input.vue?vue&type=script&setup=true&name=i18n-select-input&lang.ts
+var i18n_select_input_vue_vue_type_script_setup_true_name_i18n_select_input_lang_default = /* @__PURE__ */ defineComponent({
+	__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(__props, { emit: __emit }) {
+		const isApp = computed(() => {
+			return !!_gct.store.appInfo.id;
+		});
+		const props = __props;
+		const emit = __emit;
+		const inputValue = computed({
+			get() {
+				return props.i18nText ?? "";
+			},
+			set(value) {
+				if (value !== props.i18nText) emit("update:i18nText", value);
+			}
+		});
+		const i18nConfigState = computed(() => {
+			if (isEmpty(props.i18nConfig)) return {};
+			if (typeof props.i18nConfig === "string") return JSON.parse(props.i18nConfig) ?? {};
+			return props.i18nConfig ?? {};
+		});
+		const i18nValue = computed(() => {
+			return i18nConfigState.value?.[props.attr];
+		});
+		const handleSelectI18n = (params) => {
+			console.log("emit", params);
+			if (params) {
+				if (isEmpty(inputValue.value) || props.forceUpdate === true) emit("update:i18nText", params.i18nTitle);
+				emit("update:i18nConfig", JSON.stringify(isEmpty(params) ? omit(i18nConfigState.value, props.attr) : {
+					...i18nConfigState.value,
+					[props.attr]: params.i18nKey
+				}));
+				emit("on-i18n-select", params);
+			}
+		};
+		const inputRef = ref();
+		const handleFocus = () => {
+			emit("focus", inputRef.value);
+		};
+		const handleBlur = () => {
+			emit("blur", inputRef.value);
+		};
+		const i18nInputGroup = ref();
+		onClickOutside(i18nInputGroup, () => {
+			emit("clickOutside");
+		});
+		return (_ctx, _cache) => {
+			const _component_a_input = resolveComponent("a-input");
+			const _component_a_input_group = resolveComponent("a-input-group");
+			return openBlock(), createBlock(_component_a_input_group, {
+				id: "i18nInputGroup",
+				ref_key: "i18nInputGroup",
+				ref: i18nInputGroup,
+				compact: ""
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "i18n-input", {}, () => [createVNode(_component_a_input, mergeProps({
+					ref_key: "inputRef",
+					ref: inputRef
+				}, __props.inputExtraProps, {
+					value: inputValue.value,
+					"onUpdate:value": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+					valueModifiers: { trim: true },
+					style: {
+						height: __props.btnHeight ? __props.btnHeight : __props.size === unref(ButtonSize).SMALL ? "26px" : "32px",
+						width: !isApp.value ? "100%" : `calc(100% - ${__props.btnWidth ? __props.btnWidth : __props.size === unref(ButtonSize).SMALL ? "26px" : "32px"}`
+					},
+					placeholder: __props.placeholderText,
+					size: __props.size,
+					"allow-clear": "",
+					onFocus: handleFocus,
+					onBlur: handleBlur
+				}), null, 16, [
+					"value",
+					"style",
+					"placeholder",
+					"size"
+				])], true), isApp.value ? (openBlock(), createBlock(i18n_select_btn_default, {
+					key: 0,
+					"btn-height": __props.btnHeight,
+					"btn-width": __props.btnWidth,
+					"i18n-value": i18nValue.value,
+					size: __props.size,
+					"i18n-modal-key": __props.i18nModalKey,
+					onOnSelectI18n: handleSelectI18n,
+					onClosed: _cache[1] || (_cache[1] = ($event) => emit("clickOutside"))
+				}, null, 8, [
+					"btn-height",
+					"btn-width",
+					"i18n-value",
+					"size",
+					"i18n-modal-key"
+				])) : createCommentVNode("", true)]),
+				_: 3
+			}, 512);
+		};
+	}
+});
+//#endregion
+export { i18n_select_input_vue_vue_type_script_setup_true_name_i18n_select_input_lang_default as default };

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

@@ -1,21 +1,5 @@
-import { defineComponent, openBlock, createBlock, unref } from 'vue';
-import { useModal } from '@gct-paas/core-web';
-import I18nSelectContainer from './i18n-select-container.vue.mjs';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "i18n-select-modal",
-  setup(__props, { expose: __expose }) {
-    const [register, { openModal }] = useModal();
-    const open = () => {
-      openModal();
-    };
-    __expose({
-      open
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(I18nSelectContainer, { onRegister: unref(register) }, null, 8, ["onRegister"]);
-    };
-  }
-});
-
-export { _sfc_main as default };
+import i18n_select_modal_vue_vue_type_script_setup_true_lang_default from "./i18n-select-modal.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/I18nSelect/src/i18n-select-modal.vue
+var i18n_select_modal_default = i18n_select_modal_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { i18n_select_modal_default as default };

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

@@ -0,0 +1,19 @@
+import i18n_select_container_default from "./i18n-select-container.vue.mjs";
+import { createBlock, defineComponent, openBlock, unref } from "vue";
+import { useModal } from "@gct-paas/core-web";
+//#region src/components/I18nSelect/src/i18n-select-modal.vue?vue&type=script&setup=true&lang.ts
+var i18n_select_modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "i18n-select-modal",
+	setup(__props, { expose: __expose }) {
+		const [register, { openModal }] = useModal();
+		const open = () => {
+			openModal();
+		};
+		__expose({ open });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(i18n_select_container_default, { onRegister: unref(register) }, null, 8, ["onRegister"]);
+		};
+	}
+});
+//#endregion
+export { i18n_select_modal_vue_vue_type_script_setup_true_lang_default as default };

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

@@ -1,57 +1,5 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, mergeProps, withCtx, createElementVNode, toDisplayString } from 'vue';
-import I18nSelectTextarea from './i18n-select-textarea.vue.mjs';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "i18n-select-textarea-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(I18nSelectTextarea, mergeProps(_ctx.$attrs, {
-              "i18n-text": i18nText.value,
-              "onUpdate:i18nText": _cache[0] || (_cache[0] = ($event) => i18nText.value = $event),
-              "placeholder-text": _ctx.$t("sys.inputText"),
-              "input-extra-props": __props.inputExtraProps,
-              "i18n-config": __props.i18nConfig,
-              attr: Array.isArray(__props.formItemName) ? __props.formItemName.join(".") : __props.formItemName
-            }), null, 16, ["i18n-text", "placeholder-text", "input-extra-props", "i18n-config", "attr"])
-          ]),
-          _: 1
-        }, 16, ["name"]),
-        createVNode(_component_a_form_item, {
-          name: "i18nConfig",
-          hidden: ""
-        }, {
-          default: withCtx(() => [
-            createElementVNode("span", null, toDisplayString(__props.i18nConfig), 1)
-          ]),
-          _: 1
-        })
-      ], 64);
-    };
-  }
-});
-
-export { _sfc_main as default };
+import i18n_select_textarea_form_vue_vue_type_script_setup_true_name_i18n_select_input_form_lang_default from "./i18n-select-textarea-form.vue_vue_type_script_setup_true_name_i18n-select-input-form_lang.mjs";
+//#region src/components/I18nSelect/src/i18n-select-textarea-form.vue
+var i18n_select_textarea_form_default = i18n_select_textarea_form_vue_vue_type_script_setup_true_name_i18n_select_input_form_lang_default;
+//#endregion
+export { i18n_select_textarea_form_default as default };

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

@@ -0,0 +1,56 @@
+import i18n_select_textarea_default from "./i18n-select-textarea.vue.mjs";
+import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, resolveComponent, toDisplayString, withCtx } from "vue";
+//#region src/components/I18nSelect/src/i18n-select-textarea-form.vue?vue&type=script&setup=true&name=i18n-select-input-form&lang.ts
+var i18n_select_textarea_form_vue_vue_type_script_setup_true_name_i18n_select_input_form_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "i18n-select-textarea-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_textarea_default, mergeProps(_ctx.$attrs, {
+					"i18n-text": i18nText.value,
+					"onUpdate:i18nText": _cache[0] || (_cache[0] = ($event) => i18nText.value = $event),
+					"placeholder-text": _ctx.$t("sys.inputText"),
+					"input-extra-props": __props.inputExtraProps,
+					"i18n-config": __props.i18nConfig,
+					attr: Array.isArray(__props.formItemName) ? __props.formItemName.join(".") : __props.formItemName
+				}), null, 16, [
+					"i18n-text",
+					"placeholder-text",
+					"input-extra-props",
+					"i18n-config",
+					"attr"
+				])]),
+				_: 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_textarea_form_vue_vue_type_script_setup_true_name_i18n_select_input_form_lang_default as default };

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

@@ -1,7 +1,7 @@
-import _sfc_main from './i18n-select-textarea.vue2.mjs';
-import './i18n-select-textarea.css';/* empty css                           */
-import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
-
-const I18nSelectTextarea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cd95c416"]]);
-
-export { I18nSelectTextarea as default };
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import i18n_select_textarea_vue_vue_type_script_setup_true_name_i18n_select_input_lang_default from "./i18n-select-textarea.vue_vue_type_script_setup_true_name_i18n-select-input_lang.mjs";
+import './i18n-select-textarea.vue_vue_type_style_index_0_scoped_cd95c416_lang.css';/* empty css                                                                           */
+//#region src/components/I18nSelect/src/i18n-select-textarea.vue
+var i18n_select_textarea_default = /* @__PURE__ */ _plugin_vue_export_helper_default(i18n_select_textarea_vue_vue_type_script_setup_true_name_i18n_select_input_lang_default, [["__scopeId", "data-v-cd95c416"]]);
+//#endregion
+export { i18n_select_textarea_default as default };