@opendesign-plus/components 0.0.1-rc.103 → 0.0.1-rc.104

package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,174 @@
+import OFeedbackDocPopup_default from "./OFeedbackDocPopup.mjs";
+import OFeedbackDocDialog_default from "./OFeedbackDocDialog.mjs";
+import icon_smile_default from "../../_virtual/~icons/components/icon-smile.mjs";
+import { createBlock, createElementBlock, createVNode, defineComponent, mergeModels, openBlock, ref, renderSlot, unref, useModel, withCtx } from "vue";
+import { OIcon } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+// src/components/feedback-doc/OFeedbackDoc.vue?vue&type=script&setup=true&lang.ts
+var OFeedbackDoc_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OFeedbackDoc",
+	props: /*@__PURE__*/ mergeModels({
+		wrapper: {},
+		target: {},
+		position: {},
+		disableTip: { type: Boolean },
+		offset: {},
+		radius: { default: "var(--o-radius-xs)" },
+		inputRadius: { default: "var(--o-radius-xs)" },
+		submitData: {},
+		submitIssue: {}
+	}, {
+		"efficiency": { default: 0 },
+		"efficiencyModifiers": {},
+		"accuracy": { default: 0 },
+		"accuracyModifiers": {},
+		"completeness": { default: 0 },
+		"completenessModifiers": {},
+		"usability": { default: 0 },
+		"usabilityModifiers": {},
+		"feedback": { default: "" },
+		"feedbackModifiers": {}
+	}),
+	emits: [
+		"update:efficiency",
+		"update:accuracy",
+		"update:completeness",
+		"update:usability",
+		"update:feedback"
+	],
+	setup(__props) {
+		const efficiencyRate = useModel(__props, "efficiency");
+		const accuracyRate = useModel(__props, "accuracy");
+		const completenessRate = useModel(__props, "completeness");
+		const usabilityRate = useModel(__props, "usability");
+		const feedback = useModel(__props, "feedback");
+		const { lePadV } = useScreen();
+		const feedbackRef = ref();
+		const showDlg = ref(false);
+		const showPopup = ref(false);
+		const autoHide = ref(true);
+		let timer;
+		const onMouseEnter = () => {
+			if (lePadV.value) return;
+			clearTimeout(timer);
+			showPopup.value = true;
+		};
+		const onMouseLeave = () => {
+			if (lePadV.value) return;
+			if (!autoHide.value) return;
+			clearTimeout(timer);
+			timer = setTimeout(() => {
+				showPopup.value = false;
+			}, 300);
+		};
+		const onClose = () => {
+			showDlg.value = false;
+			showPopup.value = false;
+			autoHide.value = true;
+			efficiencyRate.value = 0;
+			accuracyRate.value = 0;
+			completenessRate.value = 0;
+			usabilityRate.value = 0;
+			feedback.value = "";
+		};
+		const onChange = () => {
+			autoHide.value = false;
+		};
+		const onClick = () => {
+			if (!lePadV.value) return;
+			showDlg.value = true;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				id: "o-feedback-doc-wrap",
+				class: "o-feedback-doc-wrap",
+				onMouseenter: onMouseEnter,
+				onMouseleave: onMouseLeave
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(unref(OIcon), {
+				ref_key: "feedbackRef",
+				ref: feedbackRef,
+				class: "o-feedback-icon-smile",
+				onClick
+			}, {
+				default: withCtx(() => [createVNode(unref(icon_smile_default))]),
+				_: 1
+			}, 512)], true), unref(lePadV) ? (openBlock(), createBlock(OFeedbackDocDialog_default, {
+				key: 0,
+				visible: showDlg.value,
+				"onUpdate:visible": _cache[0] || (_cache[0] = ($event) => showDlg.value = $event),
+				efficiency: efficiencyRate.value,
+				"onUpdate:efficiency": _cache[1] || (_cache[1] = ($event) => efficiencyRate.value = $event),
+				accuracy: accuracyRate.value,
+				"onUpdate:accuracy": _cache[2] || (_cache[2] = ($event) => accuracyRate.value = $event),
+				completeness: completenessRate.value,
+				"onUpdate:completeness": _cache[3] || (_cache[3] = ($event) => completenessRate.value = $event),
+				usability: usabilityRate.value,
+				"onUpdate:usability": _cache[4] || (_cache[4] = ($event) => usabilityRate.value = $event),
+				feedback: feedback.value,
+				"onUpdate:feedback": _cache[5] || (_cache[5] = ($event) => feedback.value = $event),
+				"disable-tip": __props.disableTip,
+				radius: __props.radius,
+				"input-radius": __props.inputRadius,
+				"submit-data": __props.submitData,
+				"submit-issue": __props.submitIssue,
+				onChange,
+				onClose
+			}, null, 8, [
+				"visible",
+				"efficiency",
+				"accuracy",
+				"completeness",
+				"usability",
+				"feedback",
+				"disable-tip",
+				"radius",
+				"input-radius",
+				"submit-data",
+				"submit-issue"
+			])) : (openBlock(), createBlock(OFeedbackDocPopup_default, {
+				key: 1,
+				efficiency: efficiencyRate.value,
+				"onUpdate:efficiency": _cache[6] || (_cache[6] = ($event) => efficiencyRate.value = $event),
+				accuracy: accuracyRate.value,
+				"onUpdate:accuracy": _cache[7] || (_cache[7] = ($event) => accuracyRate.value = $event),
+				completeness: completenessRate.value,
+				"onUpdate:completeness": _cache[8] || (_cache[8] = ($event) => completenessRate.value = $event),
+				usability: usabilityRate.value,
+				"onUpdate:usability": _cache[9] || (_cache[9] = ($event) => usabilityRate.value = $event),
+				feedback: feedback.value,
+				"onUpdate:feedback": _cache[10] || (_cache[10] = ($event) => feedback.value = $event),
+				visible: showPopup.value,
+				target: __props.target || feedbackRef.value,
+				"auto-hide": autoHide.value,
+				wrapper: __props.wrapper || "#o-feedback-doc-wrap",
+				position: __props.position,
+				"disable-tip": __props.disableTip,
+				offset: __props.offset,
+				radius: __props.radius,
+				"input-radius": __props.inputRadius,
+				"submit-data": __props.submitData,
+				"submit-issue": __props.submitIssue,
+				onChange,
+				onClose
+			}, null, 8, [
+				"efficiency",
+				"accuracy",
+				"completeness",
+				"usability",
+				"feedback",
+				"visible",
+				"target",
+				"auto-hide",
+				"wrapper",
+				"position",
+				"disable-tip",
+				"offset",
+				"radius",
+				"input-radius",
+				"submit-data",
+				"submit-issue"
+			]))], 32);
+		};
+	}
+});
+export { OFeedbackDoc_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/feedback-doc/OFeedbackDocContent.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OFeedbackDocContent_vue_vue_type_script_setup_true_lang_default from "./OFeedbackDocContent.vue_vue_type_script_setup_true_lang.mjs";
+import './OFeedbackDocContent.vue_vue_type_style_index_0_scoped_994ce5c5_lang.css';
+// src/components/feedback-doc/OFeedbackDocContent.vue
+var OFeedbackDocContent_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OFeedbackDocContent_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-994ce5c5"]]);
+export { OFeedbackDocContent_default as default };

package/dist/treeshaking/components/feedback-doc/OFeedbackDocContent.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,276 @@
+import { useI18n } from "../../i18n/index.mjs";
+import icon_close_default from "../../_virtual/~icons/components/icon-close.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, openBlock, reactive, ref, renderList, toDisplayString, unref, useModel, withCtx } from "vue";
+import { OButton, ODivider, OIcon, OLink, ORate, OTextarea, useMessage } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+// src/components/feedback-doc/OFeedbackDocContent.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "o-feedback-doc" };
+var _hoisted_2 = { class: "o-feedback-title" };
+var _hoisted_3 = { class: "o-feedback-doc-title" };
+var _hoisted_4 = {
+	key: 1,
+	class: "o-feedback-input-wrap"
+};
+var _hoisted_5 = {
+	key: 2,
+	class: "o-feedback-doc-btn-box"
+};
+var _hoisted_6 = {
+	key: 3,
+	class: "o-feedback-doc-submit"
+};
+var OFeedbackDocContent_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OFeedbackDocContent",
+	props: /*@__PURE__*/ mergeModels({
+		hideClose: {
+			type: Boolean,
+			default: false
+		},
+		disableTip: { type: Boolean },
+		inputRadius: { default: "var(--o-radius-xs)" },
+		submitData: {},
+		submitIssue: {}
+	}, {
+		"efficiency": { default: 0 },
+		"efficiencyModifiers": {},
+		"accuracy": { default: 0 },
+		"accuracyModifiers": {},
+		"completeness": { default: 0 },
+		"completenessModifiers": {},
+		"usability": { default: 0 },
+		"usabilityModifiers": {},
+		"feedback": { default: "" },
+		"feedbackModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels([
+		"change",
+		"close",
+		"submit"
+	], [
+		"update:efficiency",
+		"update:accuracy",
+		"update:completeness",
+		"update:usability",
+		"update:feedback"
+	]),
+	setup(__props, { emit: __emit }) {
+		const message = useMessage(null);
+		const { lePadV } = useScreen();
+		const { locale, t } = useI18n();
+		const props = __props;
+		const efficiencyRate = useModel(__props, "efficiency");
+		const accuracyRate = useModel(__props, "accuracy");
+		const completenessRate = useModel(__props, "completeness");
+		const usabilityRate = useModel(__props, "usability");
+		const feedback = useModel(__props, "feedback");
+		const emits = __emit;
+		const multiRate = reactive([
+			{
+				key: "efficiency",
+				name: {
+					zh: "获取效率",
+					en: "Retrieval efficiency"
+				},
+				value: efficiencyRate,
+				isChange: false
+			},
+			{
+				key: "accuracy",
+				name: {
+					zh: "正确性",
+					en: "Accuracy"
+				},
+				value: accuracyRate,
+				isChange: false
+			},
+			{
+				key: "completeness",
+				name: {
+					zh: "完整性",
+					en: "Completeness"
+				},
+				value: completenessRate,
+				isChange: false
+			},
+			{
+				key: "usability",
+				name: {
+					zh: "易理解",
+					en: "Comprehensibility"
+				},
+				value: usabilityRate,
+				isChange: false
+			}
+		]);
+		const showInput = computed(() => {
+			return multiRate.every((item) => item.value > 0) && multiRate.some((item) => item.value > 0 && item.value <= 3);
+		});
+		const disableSubmit = computed(() => {
+			return multiRate.some((item) => item.value === 0);
+		});
+		const closeFeedbackPopup = () => {
+			emits("close");
+		};
+		const onRateChange = (item) => {
+			item.isChange = true;
+			emits("change");
+		};
+		const close = () => {
+			emits("close");
+			multiRate.forEach((item) => {
+				item.value = 0;
+				item.isChange = false;
+			});
+		};
+		const working = ref(false);
+		const onSubmitDocFeedback = async (source) => {
+			if (working.value) return;
+			working.value = true;
+			const data = {
+				feedbackPageUrl: window.location.href,
+				efficiency: efficiencyRate.value,
+				accuracy: accuracyRate.value,
+				completeness: completenessRate.value,
+				usability: usabilityRate.value,
+				feedback: feedback.value
+			};
+			emits("submit", data);
+			try {
+				if (source === "issue" && props.submitIssue) {
+					if (await props.submitIssue(data)) close();
+					else if (!props.disableTip) message.danger(t("feedback.submitFailed"));
+				} else if (props.submitData) {
+					if (await props.submitData(data)) {
+						if (!props.disableTip) message.success(t("feedback.submitSuccess"));
+						close();
+					} else if (!props.disableTip) message.danger(t("feedback.submitFailed"));
+				}
+			} catch {
+				if (!props.disableTip) message.danger(t("feedback.submitFailed"));
+			} finally {
+				working.value = false;
+			}
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				!__props.hideClose ? (openBlock(), createBlock(unref(OIcon), {
+					key: 0,
+					class: "o-feedback-icon-close",
+					onClick: closeFeedbackPopup
+				}, {
+					default: withCtx(() => [createVNode(unref(icon_close_default))]),
+					_: 1
+				})) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_2, toDisplayString(unref(t)("feedback.docRating")), 1),
+				createElementVNode("div", { class: normalizeClass(["o-feedback-star-wrap", { en: unref(locale) !== "zh" }]) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(multiRate, (item) => {
+					return openBlock(), createElementBlock("div", {
+						key: item.key,
+						class: "o-feedback-star-line"
+					}, [createElementVNode("div", _hoisted_3, toDisplayString(item.name[unref(locale)]), 1), createVNode(unref(ORate), {
+						modelValue: item.value,
+						"onUpdate:modelValue": ($event) => item.value = $event,
+						class: normalizeClass(["o-feedback-doc-rate", { en: unref(locale) !== "zh" }]),
+						size: unref(lePadV) ? "large" : "medium",
+						count: 5,
+						color: "primary",
+						onChange: ($event) => onRateChange(item)
+					}, null, 8, [
+						"modelValue",
+						"onUpdate:modelValue",
+						"class",
+						"size",
+						"onChange"
+					])]);
+				}), 128))], 2),
+				showInput.value ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(unref(OTextarea), {
+					modelValue: feedback.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => feedback.value = $event),
+					class: "o-feedback-input",
+					"max-length": 200,
+					resize: "none",
+					placeholder: unref(t)("feedback.placeholder"),
+					style: normalizeStyle({
+						"--input-radius": props.inputRadius,
+						"--_box-radius": props.inputRadius
+					})
+				}, null, 8, [
+					"modelValue",
+					"placeholder",
+					"style"
+				])])) : createCommentVNode("", true),
+				unref(lePadV) ? (openBlock(), createElementBlock("div", _hoisted_5, [showInput.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+					createVNode(unref(OButton), {
+						color: "normal",
+						variant: "text",
+						size: "large",
+						onClick: _cache[1] || (_cache[1] = ($event) => onSubmitDocFeedback("issue"))
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("feedback.submitIssue")), 1)]),
+						_: 1
+					}),
+					createVNode(unref(ODivider), {
+						class: "divider-btn",
+						direction: "v"
+					}),
+					createVNode(unref(OButton), {
+						color: "normal",
+						variant: "text",
+						size: "large",
+						onClick: _cache[2] || (_cache[2] = ($event) => onSubmitDocFeedback("directly"))
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("feedback.submitDirectly")), 1)]),
+						_: 1
+					})
+				], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+					createVNode(unref(OButton), {
+						color: "normal",
+						variant: "text",
+						size: "large",
+						onClick: closeFeedbackPopup
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("feedback.cancel")), 1)]),
+						_: 1
+					}),
+					createVNode(unref(ODivider), {
+						class: "divider-btn",
+						direction: "v"
+					}),
+					createVNode(unref(OButton), {
+						color: "normal",
+						variant: "text",
+						size: "large",
+						disabled: disableSubmit.value,
+						onClick: _cache[3] || (_cache[3] = ($event) => onSubmitDocFeedback("directly"))
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("feedback.submit")), 1)]),
+						_: 1
+					}, 8, ["disabled"])
+				], 64))])) : (openBlock(), createElementBlock("div", _hoisted_6, [showInput.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(OLink), {
+					color: "primary",
+					"hover-underline": false,
+					onClick: _cache[4] || (_cache[4] = ($event) => onSubmitDocFeedback("directly"))
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("feedback.submitDirectly")), 1)]),
+					_: 1
+				}), createVNode(unref(OLink), {
+					color: "primary",
+					"hover-underline": false,
+					onClick: _cache[5] || (_cache[5] = ($event) => onSubmitDocFeedback("issue"))
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("feedback.submitIssue")), 1)]),
+					_: 1
+				})], 64)) : (openBlock(), createBlock(unref(OLink), {
+					key: 1,
+					color: "primary",
+					"hover-underline": false,
+					disabled: disableSubmit.value,
+					onClick: _cache[6] || (_cache[6] = ($event) => onSubmitDocFeedback("directly"))
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("feedback.submit")), 1)]),
+					_: 1
+				}, 8, ["disabled"]))]))
+			]);
+		};
+	}
+});
+export { OFeedbackDocContent_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/feedback-doc/OFeedbackDocDialog.mjs

@@ -0,0 +1,4 @@
+import OFeedbackDocDialog_vue_vue_type_script_setup_true_lang_default from "./OFeedbackDocDialog.vue_vue_type_script_setup_true_lang.mjs";
+// src/components/feedback-doc/OFeedbackDocDialog.vue
+var OFeedbackDocDialog_default = OFeedbackDocDialog_vue_vue_type_script_setup_true_lang_default;
+export { OFeedbackDocDialog_default as default };

package/dist/treeshaking/components/feedback-doc/OFeedbackDocDialog.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,102 @@
+import OFeedbackDocContent_default from "./OFeedbackDocContent.mjs";
+import { computed, createBlock, createVNode, defineComponent, mergeModels, normalizeStyle, openBlock, unref, useModel, withCtx } from "vue";
+import { ODialog } from "@opensig/opendesign";
+import { useScreen } from "@opendesign-plus/composables";
+// src/components/feedback-doc/OFeedbackDocDialog.vue?vue&type=script&setup=true&lang.ts
+var OFeedbackDocDialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OFeedbackDocDialog",
+	props: /*@__PURE__*/ mergeModels({
+		disableTip: { type: Boolean },
+		radius: { default: "var(--o-radius-xs)" },
+		inputRadius: { default: "var(--o-radius-xs)" },
+		submitData: {},
+		submitIssue: {}
+	}, {
+		"visible": {
+			type: Boolean,
+			default: false
+		},
+		"visibleModifiers": {},
+		"efficiency": { default: 0 },
+		"efficiencyModifiers": {},
+		"accuracy": { default: 0 },
+		"accuracyModifiers": {},
+		"completeness": { default: 0 },
+		"completenessModifiers": {},
+		"usability": { default: 0 },
+		"usabilityModifiers": {},
+		"feedback": { default: "" },
+		"feedbackModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["change", "close"], [
+		"update:visible",
+		"update:efficiency",
+		"update:accuracy",
+		"update:completeness",
+		"update:usability",
+		"update:feedback"
+	]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { isPhone } = useScreen();
+		const visible = useModel(__props, "visible");
+		const efficiencyRate = useModel(__props, "efficiency");
+		const accuracyRate = useModel(__props, "accuracy");
+		const completenessRate = useModel(__props, "completeness");
+		const usabilityRate = useModel(__props, "usability");
+		const feedback = useModel(__props, "feedback");
+		const dlgRadius = computed(() => {
+			return isPhone.value ? `${props.radius} ${props.radius} 0 0` : props.radius;
+		});
+		const onDialogVisibleChange = (visible) => {
+			if (!visible) emits("close");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ODialog), {
+				visible: visible.value,
+				"onUpdate:visible": _cache[7] || (_cache[7] = ($event) => visible.value = $event),
+				size: "small",
+				"phone-half-full": true,
+				scroller: false,
+				style: normalizeStyle({
+					"--dlg-width": unref(isPhone) ? "100%" : "424px",
+					"--dlg-radius": dlgRadius.value
+				}),
+				onChange: onDialogVisibleChange
+			}, {
+				default: withCtx(() => [createVNode(OFeedbackDocContent_default, {
+					efficiency: efficiencyRate.value,
+					"onUpdate:efficiency": _cache[0] || (_cache[0] = ($event) => efficiencyRate.value = $event),
+					accuracy: accuracyRate.value,
+					"onUpdate:accuracy": _cache[1] || (_cache[1] = ($event) => accuracyRate.value = $event),
+					completeness: completenessRate.value,
+					"onUpdate:completeness": _cache[2] || (_cache[2] = ($event) => completenessRate.value = $event),
+					usability: usabilityRate.value,
+					"onUpdate:usability": _cache[3] || (_cache[3] = ($event) => usabilityRate.value = $event),
+					feedback: feedback.value,
+					"onUpdate:feedback": _cache[4] || (_cache[4] = ($event) => feedback.value = $event),
+					"hide-close": true,
+					"disable-tip": __props.disableTip,
+					"input-radius": __props.inputRadius,
+					"submit-data": __props.submitData,
+					"submit-issue": __props.submitIssue,
+					onChange: _cache[5] || (_cache[5] = ($event) => emits("change")),
+					onClose: _cache[6] || (_cache[6] = ($event) => emits("close"))
+				}, null, 8, [
+					"efficiency",
+					"accuracy",
+					"completeness",
+					"usability",
+					"feedback",
+					"disable-tip",
+					"input-radius",
+					"submit-data",
+					"submit-issue"
+				])]),
+				_: 1
+			}, 8, ["visible", "style"]);
+		};
+	}
+});
+export { OFeedbackDocDialog_vue_vue_type_script_setup_true_lang_default as default };

package/dist/treeshaking/components/feedback-doc/OFeedbackDocPopup.mjs

@@ -0,0 +1,6 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import OFeedbackDocPopup_vue_vue_type_script_setup_true_lang_default from "./OFeedbackDocPopup.vue_vue_type_script_setup_true_lang.mjs";
+import './OFeedbackDocPopup.vue_vue_type_style_index_0_scoped_61cd944c_lang.css';
+// src/components/feedback-doc/OFeedbackDocPopup.vue
+var OFeedbackDocPopup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(OFeedbackDocPopup_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-61cd944c"]]);
+export { OFeedbackDocPopup_default as default };

package/dist/treeshaking/components/feedback-doc/OFeedbackDocPopup.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,112 @@
+import { useI18n } from "../../i18n/index.mjs";
+import OFeedbackDocContent_default from "./OFeedbackDocContent.mjs";
+import { createBlock, createVNode, defineComponent, mergeModels, normalizeStyle, openBlock, unref, useModel, withCtx } from "vue";
+import { OPopup } from "@opensig/opendesign";
+// src/components/feedback-doc/OFeedbackDocPopup.vue?vue&type=script&setup=true&lang.ts
+var OFeedbackDocPopup_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "OFeedbackDocPopup",
+	props: /*@__PURE__*/ mergeModels({
+		visible: {
+			type: Boolean,
+			default: false
+		},
+		wrapper: {},
+		target: { default: null },
+		autoHide: {
+			type: Boolean,
+			default: true
+		},
+		position: { default: "lt" },
+		disableTip: { type: Boolean },
+		offset: { default: 24 },
+		radius: { default: "var(--o-radius-xs)" },
+		inputRadius: { default: "var(--o-radius-xs)" },
+		submitData: {},
+		submitIssue: {}
+	}, {
+		"efficiency": { default: 0 },
+		"efficiencyModifiers": {},
+		"accuracy": { default: 0 },
+		"accuracyModifiers": {},
+		"completeness": { default: 0 },
+		"completenessModifiers": {},
+		"usability": { default: 0 },
+		"usabilityModifiers": {},
+		"feedback": { default: "" },
+		"feedbackModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["change", "close"], [
+		"update:efficiency",
+		"update:accuracy",
+		"update:completeness",
+		"update:usability",
+		"update:feedback"
+	]),
+	setup(__props, { emit: __emit }) {
+		const emits = __emit;
+		const efficiencyRate = useModel(__props, "efficiency");
+		const accuracyRate = useModel(__props, "accuracy");
+		const completenessRate = useModel(__props, "completeness");
+		const usabilityRate = useModel(__props, "usability");
+		const feedback = useModel(__props, "feedback");
+		const { locale } = useI18n();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(OPopup), {
+				visible: __props.visible,
+				target: __props.target,
+				"auto-hide": __props.autoHide,
+				offset: __props.offset,
+				wrapper: __props.wrapper,
+				position: __props.position,
+				trigger: "hover",
+				style: normalizeStyle({
+					"--popup-radius": __props.radius,
+					"--popup-shadow": "var(--o-shadow-2)",
+					"--popup-bg-color": "var(--o-color-fill2)",
+					"--popup-padding": "12px",
+					"--popup-min-width": unref(locale) !== "zh" ? "296px" : "240px",
+					cursor: "default"
+				})
+			}, {
+				default: withCtx(() => [createVNode(OFeedbackDocContent_default, {
+					efficiency: efficiencyRate.value,
+					"onUpdate:efficiency": _cache[0] || (_cache[0] = ($event) => efficiencyRate.value = $event),
+					accuracy: accuracyRate.value,
+					"onUpdate:accuracy": _cache[1] || (_cache[1] = ($event) => accuracyRate.value = $event),
+					completeness: completenessRate.value,
+					"onUpdate:completeness": _cache[2] || (_cache[2] = ($event) => completenessRate.value = $event),
+					usability: usabilityRate.value,
+					"onUpdate:usability": _cache[3] || (_cache[3] = ($event) => usabilityRate.value = $event),
+					feedback: feedback.value,
+					"onUpdate:feedback": _cache[4] || (_cache[4] = ($event) => feedback.value = $event),
+					"disable-tip": __props.disableTip,
+					"input-radius": __props.inputRadius,
+					"submit-data": __props.submitData,
+					"submit-issue": __props.submitIssue,
+					onChange: _cache[5] || (_cache[5] = ($event) => emits("change")),
+					onClose: _cache[6] || (_cache[6] = ($event) => emits("close"))
+				}, null, 8, [
+					"efficiency",
+					"accuracy",
+					"completeness",
+					"usability",
+					"feedback",
+					"disable-tip",
+					"input-radius",
+					"submit-data",
+					"submit-issue"
+				])]),
+				_: 1
+			}, 8, [
+				"visible",
+				"target",
+				"auto-hide",
+				"offset",
+				"wrapper",
+				"position",
+				"style"
+			]);
+		};
+	}
+});
+export { OFeedbackDocPopup_vue_vue_type_script_setup_true_lang_default as default };