@gct-paas/design-web 0.1.4-dev.11 → 0.1.4-dev.13

package/es/_virtual/_plugin-vue_export-helper.mjs

@@ -1,9 +1,8 @@
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
+//#region \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
 };
-
-export { _export_sfc as default };
+//#endregion
+export { _plugin_vue_export_helper_default as default };

package/es/components/I18nSelect/index.mjs

@@ -0,0 +1,7 @@
+import "./src/i18n-modal.vue.mjs";
+import "./src/useI18nSelect.mjs";
+import "./src/i18n-select-btn.vue.mjs";
+import "./src/i18n-select-input.vue.mjs";
+import "./src/i18n-select-input-form.vue.mjs";
+import "./src/i18n-select-textarea.vue.mjs";
+import "./src/i18n-select-textarea-form.vue.mjs";

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

@@ -1,151 +1,5 @@
-import { defineComponent, ref, reactive, resolveComponent, openBlock, createBlock, mergeProps, unref, withCtx, createVNode, createElementBlock, Fragment, renderList, toRaw } from 'vue';
-import { t } from '@gct-paas/core';
-import { useModalInner } from '@gct-paas/core-web';
-
-const _sfc_main = /* @__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) => {
-      const reg = /^[a-zA-Z_.]*$/;
-      if (!reg.test(value)) {
-        callback(t("sys.i18n.validated18nKeyErrorMsg"));
-      }
-      callback();
-    };
-    const validateLang = async (_rule, value) => {
-      const reg = /^\s*$/g;
-      if (reg.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 void 0;
-    };
-    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");
-      const _component_BasicModal = resolveComponent("BasicModal");
-      return openBlock(), createBlock(_component_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"]);
-    };
-  }
-});
-
-export { _sfc_main as default };
+import i18n_modal_vue_vue_type_script_setup_true_lang_default from "./i18n-modal.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/I18nSelect/src/i18n-modal.vue
+var i18n_modal_default = i18n_modal_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { i18n_modal_default as default };

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

@@ -0,0 +1,128 @@
+import { Fragment, createBlock, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, reactive, ref, renderList, resolveComponent, toRaw, unref, withCtx } from "vue";
+import { useModalInner } from "@gct-paas/core-web";
+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");
+			const _component_BasicModal = resolveComponent("BasicModal");
+			return openBlock(), createBlock(_component_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.mjs

@@ -1,7 +1,7 @@
-import _sfc_main from './i18n-select-btn.vue2.mjs';
-import './i18n-select-btn.css';/* empty css                      */
-import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
-
-const I18nSelectBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dc8ffb2c"]]);
-
-export { I18nSelectBtn as default };
+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_dc8ffb2c_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-dc8ffb2c"]]);
+//#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,116 @@
+import { useI18nSelect } from "./useI18nSelect.mjs";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, reactive, ref, 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 = ref();
+		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_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_Icon, {
+						class: "i18n-icon",
+						icon: "ion:language"
+					})]),
+					_: 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_Icon, {
+					class: "i18n-icon",
+					icon: "ion:language"
+				})]),
+				_: 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-container.vue.mjs

@@ -1,7 +1,7 @@
-import _sfc_main from './i18n-select-container.vue2.mjs';
-import './i18n-select-container.css';/* empty css                            */
-import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
-
-const I18nSelectContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0160ed5e"]]);
-
-export { I18nSelectContainer as default };
+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_0160ed5e_lang.css';/* empty css                                                                            */
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+//#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-0160ed5e"]]);
+//#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,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 };