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

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

package/es/index.mjs

@@ -1,15 +1,14 @@
-export { useI18nSelect } from './components/I18nSelect/src/useI18nSelect.mjs';
-export { default as I18Modal } from './components/I18nSelect/src/i18n-modal.vue.mjs';
-export { default as I18nSelectBtn } from './components/I18nSelect/src/i18n-select-btn.vue.mjs';
-export { default as I18nSelectInput } from './components/I18nSelect/src/i18n-select-input.vue.mjs';
-export { default as I18nSelectInputForm } from './components/I18nSelect/src/i18n-select-input-form.vue.mjs';
-export { default as I18nSelectTextarea } from './components/I18nSelect/src/i18n-select-textarea.vue.mjs';
-export { default as I18nSelectTextareaForm } from './components/I18nSelect/src/i18n-select-textarea-form.vue.mjs';
-
-const index = {
-  install(app) {
-    console.log("Design Web install", app);
-  }
-};
-
-export { index as default };
+import i18n_modal_default from "./components/I18nSelect/src/i18n-modal.vue.mjs";
+import { useI18nSelect } from "./components/I18nSelect/src/useI18nSelect.mjs";
+import i18n_select_btn_default from "./components/I18nSelect/src/i18n-select-btn.vue.mjs";
+import i18n_select_input_default from "./components/I18nSelect/src/i18n-select-input.vue.mjs";
+import i18n_select_input_form_default from "./components/I18nSelect/src/i18n-select-input-form.vue.mjs";
+import i18n_select_textarea_default from "./components/I18nSelect/src/i18n-select-textarea.vue.mjs";
+import i18n_select_textarea_form_default from "./components/I18nSelect/src/i18n-select-textarea-form.vue.mjs";
+import "./components/index.mjs";
+//#region src/index.ts
+var src_default = { install(app) {
+	console.log("Design Web install", app);
+} };
+//#endregion
+export { i18n_modal_default as I18Modal, i18n_select_btn_default as I18nSelectBtn, i18n_select_input_default as I18nSelectInput, i18n_select_input_form_default as I18nSelectInputForm, i18n_select_textarea_default as I18nSelectTextarea, i18n_select_textarea_form_default as I18nSelectTextareaForm, src_default as default, useI18nSelect };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/design-web",
-  "version": "0.1.4-dev.11",
+  "version": "0.1.4-dev.12",
   "type": "module",
   "description": "paas 平台设计界面移动端底包",
   "main": "dist/index.min.cjs",
@@ -44,18 +44,18 @@
   "dependencies": {
     "@ant-design/icons-vue": "^6.1.0",
     "@gct-paas/api": "^0.1.1",
-    "@gct-paas/core": "0.1.4-dev.11",
-    "@gct-paas/core-web": "0.1.4-dev.11",
-    "@gct-paas/design": "0.1.4-dev.11",
-    "@gct-paas/schema": "0.1.4-dev.11",
-    "@gct-paas/scss": "0.1.4-dev.11",
+    "@gct-paas/core": "0.1.4-dev.12",
+    "@gct-paas/core-web": "0.1.4-dev.12",
+    "@gct-paas/design": "0.1.4-dev.12",
+    "@gct-paas/schema": "0.1.4-dev.12",
+    "@gct-paas/scss": "0.1.4-dev.12",
     "@vueuse/core": "^14.1.0",
     "ant-design-vue": "3.2.20",
     "vue": "^3.5.29"
   },
   "devDependencies": {
-    "@gct-paas/build": "^0.1.5-dev.9",
+    "@gct-paas/build": "^0.1.6-dev.1",
     "sass": "^1.97.3"
   },
-  "gitHead": "6b0fd87c1a7799aa228f40b160e53a7358c25186"
+  "gitHead": "0a7f1a0388cb21eb1c3a4868b14d664a5a3152ed"
 }