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

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 };

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

@@ -0,0 +1,86 @@
+import i18n_select_btn_default from "./i18n-select-btn.vue.mjs";
+import { computed, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, ref, resolveComponent } from "vue";
+import { isEmpty, omit } from "lodash-es";
+//#region src/components/I18nSelect/src/i18n-select-textarea.vue?vue&type=script&setup=true&name=i18n-select-input&lang.ts
+var _hoisted_1 = { class: "inline-block w100% relative" };
+var i18n_select_textarea_vue_vue_type_script_setup_true_name_i18n_select_input_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "i18n-select-textarea",
+	props: {
+		attr: {},
+		inputExtraProps: {},
+		i18nConfig: {},
+		i18nText: {},
+		placeholderText: {},
+		rows: {},
+		style: {}
+	},
+	emits: [
+		"update:i18nText",
+		"update:i18nConfig",
+		"on-i18n-select",
+		"clickOutside",
+		"focus"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const inputValue = computed({
+			get() {
+				return props.i18nText ?? "";
+			},
+			set(value) {
+				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) => {
+			if (params) {
+				if (isEmpty(inputValue.value)) 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);
+		};
+		return (_ctx, _cache) => {
+			const _component_a_textarea = resolveComponent("a-textarea");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_a_textarea, mergeProps({
+				ref_key: "inputRef",
+				ref: inputRef,
+				value: inputValue.value,
+				"onUpdate:value": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+				placeholder: __props.placeholderText
+			}, __props.inputExtraProps, {
+				style: {
+					resize: "none",
+					...__props.style
+				},
+				onFocus: handleFocus
+			}), null, 16, [
+				"value",
+				"placeholder",
+				"style"
+			]), createVNode(i18n_select_btn_default, {
+				"i18n-value": i18nValue.value,
+				"simple-btn": true,
+				type: "text",
+				onOnSelectI18n: handleSelectI18n,
+				onClosed: _cache[1] || (_cache[1] = ($event) => emit("clickOutside"))
+			}, null, 8, ["i18n-value"])]);
+		};
+	}
+});
+//#endregion
+export { i18n_select_textarea_vue_vue_type_script_setup_true_name_i18n_select_input_lang_default as default };

package/es/components/I18nSelect/src/useI18nSelect.mjs

@@ -1,51 +1,46 @@
-import { ref, unref, createApp } from 'vue';
-import { has } from 'lodash-es';
-import _sfc_main from './i18n-select-modal.vue.mjs';
-
+import i18n_select_modal_default from "./i18n-select-modal.vue.mjs";
+import { createApp, ref, unref } from "vue";
+import { has } from "lodash-es";
+//#region src/components/I18nSelect/src/useI18nSelect.ts
 function useI18nSelect() {
-  let app = null;
-  let instance = null;
-  const i18nModalKey = ref("");
-  function open(params) {
-    let props;
-    let target = document.body;
-    if (has(params, "target") || has(params, "props")) {
-      const options = params;
-      props = options.props || {};
-      target = options.target || document.body;
-    } else {
-      props = params;
-    }
-    i18nModalKey.value = props.i18nModalKey || `i18n-select-modal-${Math.random().toString(16).substring(8)}`;
-    const propsData = {
-      ...props,
-      destroyCallback: () => close(props?.destroyCallback),
-      i18nModalKey: unref(i18nModalKey)
-    };
-    if (!app) {
-      const container = document.createElement("div");
-      container.id = unref(i18nModalKey);
-      const t = unref(target);
-      t?.appendChild(container);
-      app = createApp(_sfc_main, propsData);
-      instance = app.mount(container);
-    }
-    instance?.open();
-  }
-  function close(callback) {
-    if (typeof callback === "function") {
-      callback();
-    }
-    document.querySelector(`#${unref(i18nModalKey)}`).remove();
-    if (app) {
-      app.unmount();
-      app = null;
-    }
-  }
-  return {
-    open,
-    close
-  };
+	let app = null;
+	let instance = null;
+	const i18nModalKey = ref("");
+	function open(params) {
+		let props;
+		let target = document.body;
+		if (has(params, "target") || has(params, "props")) {
+			const options = params;
+			props = options.props || {};
+			target = options.target || document.body;
+		} else props = params;
+		i18nModalKey.value = props.i18nModalKey || `i18n-select-modal-${Math.random().toString(16).substring(8)}`;
+		const propsData = {
+			...props,
+			destroyCallback: () => close(props?.destroyCallback),
+			i18nModalKey: unref(i18nModalKey)
+		};
+		if (!app) {
+			const container = document.createElement("div");
+			container.id = unref(i18nModalKey);
+			unref(target)?.appendChild(container);
+			app = createApp(i18n_select_modal_default, propsData);
+			instance = app.mount(container);
+		}
+		instance?.open();
+	}
+	function close(callback) {
+		if (typeof callback === "function") callback();
+		document.querySelector(`#${unref(i18nModalKey)}`).remove();
+		if (app) {
+			app.unmount();
+			app = null;
+		}
+	}
+	return {
+		open,
+		close
+	};
 }
-
+//#endregion
 export { useI18nSelect };

package/es/components/index.mjs

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