@mingto/mt-ui 1.1.47 → 1.1.48

package/dist/index.es.js

@@ -7231,10 +7231,12 @@ var MtImage = withInstall$1(/* @__PURE__ */ defineComponent({
 			return [ns.b()];
 		});
 		const imageStyles = computed(() => {
-			return {
-				width: props.width ? convertValueToViewportWidth(props.width) : void 0,
-				height: props.height ? convertValueToViewportWidth(props.height) : void 0
-			};
+			const styles = {};
+			Object.assign(styles, ns.cssVarBlock({
+				...props.width ? { width: convertValueToViewportWidth(props.width) } : {},
+				...props.height ? { height: convertValueToViewportWidth(props.height) } : {}
+			}));
+			return styles;
 		});
 		const hasLoadError = ref(false);
 		const isLoading = ref(true);
@@ -10317,8 +10319,12 @@ var MtPopover = withInstall$1(/* @__PURE__ */ defineComponent({
 */
 var posterComponent = defineComponent({
 	inheritAttrs: false,
+	props: { dialogEvents: {
+		type: Object,
+		default: () => ({})
+	} },
 	emits: ["close"],
-	setup(_props, { slots, emit, attrs, expose }) {
+	setup(props, { slots, emit, attrs, expose }) {
 		/**
 		* 控制弹窗显示状态的响应式变量。
 		*/
@@ -10350,6 +10356,7 @@ var posterComponent = defineComponent({
 		return () => createVNode(MtDialog, {
 			modelValue: visible.value,
 			...attrs,
+			...props.dialogEvents,
 			"onUpdate:modelValue": handleUpdateModelValue,
 			"onClosed": handleClosed,
 			"ref": dialogRef
@@ -10405,10 +10412,14 @@ function Poster(options) {
 	/**
 	* 合并弹窗组件的事件处理函数。
 	*/
-	const dialogEvents = { onClose() {
-		options?.events?.onClose?.();
-		render(null, container);
-	} };
+	const dialogEvents = {
+		...options.dialogEvents,
+		onClose() {
+			options.dialogEvents?.onClose?.();
+			options?.events?.onClose?.();
+			render(null, container);
+		}
+	};
 	document.body.appendChild(container);
 	/**
 	* 动态加载内容组件并渲染弹窗。
@@ -10421,7 +10432,7 @@ function Poster(options) {
 		});
 		dialogVNode = createVNode(posterComponent, {
 			...dialogProps,
-			...dialogEvents
+			dialogEvents
 		}, { default: () => contentVNode });
 		render(dialogVNode, container);
 	});
@@ -10532,7 +10543,7 @@ var MtProgress = withInstall$1(/* @__PURE__ */ defineComponent({
 		});
 		const progressStyles = computed(() => {
 			const styles = {};
-			styles.height = convertValueToViewportWidth(props.strokeWidth);
+			Object.assign(styles, ns.cssVarBlock({ height: convertValueToViewportWidth(props.strokeWidth) }));
 			return styles;
 		});
 		const innerStyles = computed(() => {
@@ -10545,8 +10556,10 @@ var MtProgress = withInstall$1(/* @__PURE__ */ defineComponent({
 		});
 		const circleStyles = computed(() => {
 			const styles = {};
-			styles.width = convertValueToViewportWidth(props.width);
-			styles.height = convertValueToViewportWidth(props.width);
+			Object.assign(styles, ns.cssVarBlock({
+				width: convertValueToViewportWidth(props.width),
+				height: convertValueToViewportWidth(props.width)
+			}));
 			return styles;
 		});
 		const content = computed(() => {
@@ -19514,8 +19527,7 @@ var MtTabs = withInstall$1(/* @__PURE__ */ defineComponent({
 		const emits = __emit;
 		const ns = useNamespace("tabs");
 		const tabsRef = ref();
-		const barStyles = ref({});
-		const lineStyles = ref({});
+		const mounted = ref(false);
 		const currentTabName = computed({
 			get() {
 				return props.modelValue;
@@ -19530,50 +19542,40 @@ var MtTabs = withInstall$1(/* @__PURE__ */ defineComponent({
 			onChange,
 			type: props.type
 		});
-		function getActiveTabElement() {
-			if (!tabsRef.value) return null;
-			for (let index = 0; index < children.length; index++) {
-				const child = children[index];
-				if (!child.exposed || !isTabContext(child.exposed) || !child.exposed.isActive.value) continue;
-				return tabsRef.value.querySelector(`#tab-${index}`);
-			}
-			return null;
-		}
-		async function updateActiveStyles() {
-			await nextTick();
-			const $el = getActiveTabElement();
-			if (!$el) {
-				barStyles.value = {};
-				lineStyles.value = {};
-				return;
-			}
-			barStyles.value = {
-				width: `${$el.clientWidth}px`,
-				left: `${$el.offsetLeft}px`
-			};
+		const barStyles = computed(() => {
 			const styles = {};
-			const tabStyles = window.getComputedStyle($el);
-			styles.width = `${$el.clientWidth - beParsedAsNumber(tabStyles.paddingLeft) - beParsedAsNumber(tabStyles.paddingRight)}px`;
-			styles.left = `${$el.offsetLeft + beParsedAsNumber(tabStyles.paddingLeft)}px`;
-			lineStyles.value = styles;
-		}
+			if (tabsRef.value) children.forEach((child, index) => {
+				const $el = tabsRef.value.querySelector(`#tab-${index}`);
+				if (!$el) return;
+				if (!child.exposed || !isTabContext(child.exposed) || !unref(child.exposed.isActive)) return;
+				styles.width = `${$el.clientWidth}px`;
+				styles.left = `${$el.offsetLeft}px`;
+			});
+			return styles;
+		});
+		const lineStyles = computed(() => {
+			const styles = {};
+			if (tabsRef.value) children.forEach((child, index) => {
+				const $el = tabsRef.value.querySelector(`#tab-${index}`);
+				if (!$el) return;
+				if (!child.exposed || !isTabContext(child.exposed) || !unref(child.exposed.isActive)) return;
+				const tabStyles = window.getComputedStyle($el);
+				const paddingLeft = beParsedAsNumber(tabStyles.paddingLeft);
+				const paddingRight = beParsedAsNumber(tabStyles.paddingRight);
+				styles.width = `${Math.max($el.clientWidth - paddingLeft - paddingRight, 0)}px`;
+				styles.left = `${$el.offsetLeft + paddingLeft}px`;
+			});
+			return styles;
+		});
 		const tabsClasses = computed(() => {
 			return [ns.b(), ns.m(props.type)];
 		});
 		function onChange(tabName) {
 			currentTabName.value = tabName;
 		}
-		watch(() => [
-			currentTabName.value,
-			children.length,
-			props.type
-		], updateActiveStyles, { flush: "post" });
-		onMounted(() => {
-			updateActiveStyles();
-			window.addEventListener("resize", updateActiveStyles);
-		});
-		onBeforeUnmount(() => {
-			window.removeEventListener("resize", updateActiveStyles);
+		onMounted(async () => {
+			await nextTick();
+			mounted.value = true;
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
@@ -19586,12 +19588,12 @@ var MtTabs = withInstall$1(/* @__PURE__ */ defineComponent({
 					class: normalizeClass(unref(ns).e("active-bar")),
 					style: normalizeStyle(barStyles.value)
 				}, null, 6)) : createCommentVNode("", true),
-				props.type === "line" ? (openBlock(), createElementBlock("div", {
+				renderSlot(_ctx.$slots, "default"),
+				props.type === "line" ? (openBlock(), createElementBlock("span", {
 					key: 1,
 					class: normalizeClass(unref(ns).e("active-line")),
 					style: normalizeStyle(lineStyles.value)
-				}, null, 6)) : createCommentVNode("", true),
-				renderSlot(_ctx.$slots, "default")
+				}, null, 6)) : createCommentVNode("", true)
 			], 2);
 		};
 	}
@@ -19738,6 +19740,12 @@ var MtTooltip = withInstall$1(/* @__PURE__ */ defineComponent({
 				disabled: props.disabled,
 				visible: props.visible,
 				offset: props.offset,
+				"show-arrow": props["visible-arrow"],
+				"popper-options": props["popper-options"],
+				"show-after": props["show-after"],
+				"hide-after": props["hide-after"],
+				"auto-close": props["auto-close"],
+				"popper-class": props["popper-class"],
 				enterable: props.enterable,
 				"onUpdate:visible": _cache[0] || (_cache[0] = ($event) => emits("update:visible", $event))
 			}), createSlots({ _: 2 }, [unref(slots).default ? {
@@ -19757,6 +19765,12 @@ var MtTooltip = withInstall$1(/* @__PURE__ */ defineComponent({
 				"disabled",
 				"visible",
 				"offset",
+				"show-arrow",
+				"popper-options",
+				"show-after",
+				"hide-after",
+				"auto-close",
+				"popper-class",
 				"enterable"
 			]);
 		};

package/dist/index.umd.js

@@ -7262,10 +7262,12 @@
 				return [ns.b()];
 			});
 			const imageStyles = (0, vue.computed)(() => {
-				return {
-					width: props.width ? convertValueToViewportWidth(props.width) : void 0,
-					height: props.height ? convertValueToViewportWidth(props.height) : void 0
-				};
+				const styles = {};
+				Object.assign(styles, ns.cssVarBlock({
+					...props.width ? { width: convertValueToViewportWidth(props.width) } : {},
+					...props.height ? { height: convertValueToViewportWidth(props.height) } : {}
+				}));
+				return styles;
 			});
 			const hasLoadError = (0, vue.ref)(false);
 			const isLoading = (0, vue.ref)(true);
@@ -10376,8 +10378,12 @@
 	*/
 	var posterComponent = (0, vue.defineComponent)({
 		inheritAttrs: false,
+		props: { dialogEvents: {
+			type: Object,
+			default: () => ({})
+		} },
 		emits: ["close"],
-		setup(_props, { slots, emit, attrs, expose }) {
+		setup(props, { slots, emit, attrs, expose }) {
 			/**
 			* 控制弹窗显示状态的响应式变量。
 			*/
@@ -10409,6 +10415,7 @@
 			return () => (0, vue.createVNode)(MtDialog, {
 				modelValue: visible.value,
 				...attrs,
+				...props.dialogEvents,
 				"onUpdate:modelValue": handleUpdateModelValue,
 				"onClosed": handleClosed,
 				"ref": dialogRef
@@ -10464,10 +10471,14 @@
 		/**
 		* 合并弹窗组件的事件处理函数。
 		*/
-		const dialogEvents = { onClose() {
-			options?.events?.onClose?.();
-			(0, vue.render)(null, container);
-		} };
+		const dialogEvents = {
+			...options.dialogEvents,
+			onClose() {
+				options.dialogEvents?.onClose?.();
+				options?.events?.onClose?.();
+				(0, vue.render)(null, container);
+			}
+		};
 		document.body.appendChild(container);
 		/**
 		* 动态加载内容组件并渲染弹窗。
@@ -10480,7 +10491,7 @@
 			});
 			dialogVNode = (0, vue.createVNode)(posterComponent, {
 				...dialogProps,
-				...dialogEvents
+				dialogEvents
 			}, { default: () => contentVNode });
 			(0, vue.render)(dialogVNode, container);
 		});
@@ -10591,7 +10602,7 @@
 			});
 			const progressStyles = (0, vue.computed)(() => {
 				const styles = {};
-				styles.height = convertValueToViewportWidth(props.strokeWidth);
+				Object.assign(styles, ns.cssVarBlock({ height: convertValueToViewportWidth(props.strokeWidth) }));
 				return styles;
 			});
 			const innerStyles = (0, vue.computed)(() => {
@@ -10604,8 +10615,10 @@
 			});
 			const circleStyles = (0, vue.computed)(() => {
 				const styles = {};
-				styles.width = convertValueToViewportWidth(props.width);
-				styles.height = convertValueToViewportWidth(props.width);
+				Object.assign(styles, ns.cssVarBlock({
+					width: convertValueToViewportWidth(props.width),
+					height: convertValueToViewportWidth(props.width)
+				}));
 				return styles;
 			});
 			const content = (0, vue.computed)(() => {
@@ -19588,8 +19601,7 @@ triggerRef });
 			const emits = __emit;
 			const ns = useNamespace("tabs");
 			const tabsRef = (0, vue.ref)();
-			const barStyles = (0, vue.ref)({});
-			const lineStyles = (0, vue.ref)({});
+			const mounted = (0, vue.ref)(false);
 			const currentTabName = (0, vue.computed)({
 				get() {
 					return props.modelValue;
@@ -19604,50 +19616,40 @@ triggerRef });
 				onChange,
 				type: props.type
 			});
-			function getActiveTabElement() {
-				if (!tabsRef.value) return null;
-				for (let index = 0; index < children.length; index++) {
-					const child = children[index];
-					if (!child.exposed || !isTabContext(child.exposed) || !child.exposed.isActive.value) continue;
-					return tabsRef.value.querySelector(`#tab-${index}`);
-				}
-				return null;
-			}
-			async function updateActiveStyles() {
-				await (0, vue.nextTick)();
-				const $el = getActiveTabElement();
-				if (!$el) {
-					barStyles.value = {};
-					lineStyles.value = {};
-					return;
-				}
-				barStyles.value = {
-					width: `${$el.clientWidth}px`,
-					left: `${$el.offsetLeft}px`
-				};
+			const barStyles = (0, vue.computed)(() => {
 				const styles = {};
-				const tabStyles = window.getComputedStyle($el);
-				styles.width = `${$el.clientWidth - (0, _mingto_tools.beParsedAsNumber)(tabStyles.paddingLeft) - (0, _mingto_tools.beParsedAsNumber)(tabStyles.paddingRight)}px`;
-				styles.left = `${$el.offsetLeft + (0, _mingto_tools.beParsedAsNumber)(tabStyles.paddingLeft)}px`;
-				lineStyles.value = styles;
-			}
+				if (tabsRef.value) children.forEach((child, index) => {
+					const $el = tabsRef.value.querySelector(`#tab-${index}`);
+					if (!$el) return;
+					if (!child.exposed || !isTabContext(child.exposed) || !(0, vue.unref)(child.exposed.isActive)) return;
+					styles.width = `${$el.clientWidth}px`;
+					styles.left = `${$el.offsetLeft}px`;
+				});
+				return styles;
+			});
+			const lineStyles = (0, vue.computed)(() => {
+				const styles = {};
+				if (tabsRef.value) children.forEach((child, index) => {
+					const $el = tabsRef.value.querySelector(`#tab-${index}`);
+					if (!$el) return;
+					if (!child.exposed || !isTabContext(child.exposed) || !(0, vue.unref)(child.exposed.isActive)) return;
+					const tabStyles = window.getComputedStyle($el);
+					const paddingLeft = (0, _mingto_tools.beParsedAsNumber)(tabStyles.paddingLeft);
+					const paddingRight = (0, _mingto_tools.beParsedAsNumber)(tabStyles.paddingRight);
+					styles.width = `${Math.max($el.clientWidth - paddingLeft - paddingRight, 0)}px`;
+					styles.left = `${$el.offsetLeft + paddingLeft}px`;
+				});
+				return styles;
+			});
 			const tabsClasses = (0, vue.computed)(() => {
 				return [ns.b(), ns.m(props.type)];
 			});
 			function onChange(tabName) {
 				currentTabName.value = tabName;
 			}
-			(0, vue.watch)(() => [
-				currentTabName.value,
-				children.length,
-				props.type
-			], updateActiveStyles, { flush: "post" });
-			(0, vue.onMounted)(() => {
-				updateActiveStyles();
-				window.addEventListener("resize", updateActiveStyles);
-			});
-			(0, vue.onBeforeUnmount)(() => {
-				window.removeEventListener("resize", updateActiveStyles);
+			(0, vue.onMounted)(async () => {
+				await (0, vue.nextTick)();
+				mounted.value = true;
 			});
 			return (_ctx, _cache) => {
 				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
@@ -19660,12 +19662,12 @@ triggerRef });
 						class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("active-bar")),
 						style: (0, vue.normalizeStyle)(barStyles.value)
 					}, null, 6)) : (0, vue.createCommentVNode)("", true),
-					props.type === "line" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+					(0, vue.renderSlot)(_ctx.$slots, "default"),
+					props.type === "line" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 						key: 1,
 						class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("active-line")),
 						style: (0, vue.normalizeStyle)(lineStyles.value)
-					}, null, 6)) : (0, vue.createCommentVNode)("", true),
-					(0, vue.renderSlot)(_ctx.$slots, "default")
+					}, null, 6)) : (0, vue.createCommentVNode)("", true)
 				], 2);
 			};
 		}
@@ -19816,6 +19818,12 @@ triggerRef });
 					disabled: props.disabled,
 					visible: props.visible,
 					offset: props.offset,
+					"show-arrow": props["visible-arrow"],
+					"popper-options": props["popper-options"],
+					"show-after": props["show-after"],
+					"hide-after": props["hide-after"],
+					"auto-close": props["auto-close"],
+					"popper-class": props["popper-class"],
 					enterable: props.enterable,
 					"onUpdate:visible": _cache[0] || (_cache[0] = ($event) => emits("update:visible", $event))
 				}), (0, vue.createSlots)({ _: 2 }, [(0, vue.unref)(slots).default ? {
@@ -19835,6 +19843,12 @@ triggerRef });
 					"disabled",
 					"visible",
 					"offset",
+					"show-arrow",
+					"popper-options",
+					"show-after",
+					"hide-after",
+					"auto-close",
+					"popper-class",
 					"enterable"
 				]);
 			};

package/dist/message/index.d.ts

@@ -1,4 +1,4 @@
-export declare const MtMessage: ((options: import('./src/message').MessageParamsNormalized | import('./src/message').MessageParamsNormalized["message"]) => void) & Record<"error" | "success" | "warning", (options: import('./src/message').MessageParamsNormalized | import('./src/message').MessageParamsNormalized["message"]) => void> & {
+export declare const MtMessage: ((options: import('./src/message').MessageParamsNormalized | import('./src/message').MessageParamsNormalized["message"]) => import('./src/message').MessageHandler) & Record<"error" | "success" | "warning", (options: import('./src/message').MessageParamsNormalized | import('./src/message').MessageParamsNormalized["message"]) => import('./src/message').MessageHandler> & {
     closeAll: (type?: import('./src/message').MessageTypes) => void;
 } & import('vue').Plugin;
 export default MtMessage;

package/dist/message/src/message.d.ts

@@ -56,14 +56,14 @@ declare const messageProps: {
 };
 type MessageProps = ExtractPropTypes<typeof messageProps>;
 type MessageInstance = InstanceType<typeof MessageConstructor>;
-type MessageFunction = {
-    (options: MessageParamsNormalized | MessageParamsNormalized['message']): void;
-} & Record<MessageTypes, (options: MessageParamsNormalized | MessageParamsNormalized['message']) => void> & {
-    closeAll: (type?: MessageTypes) => void;
-};
 interface MessageHandler {
     close: () => void;
 }
+type MessageFunction = {
+    (options: MessageParamsNormalized | MessageParamsNormalized['message']): MessageHandler;
+} & Record<MessageTypes, (options: MessageParamsNormalized | MessageParamsNormalized['message']) => MessageHandler> & {
+    closeAll: (type?: MessageTypes) => void;
+};
 type MessageParamsNormalized = Partial<Omit<MessageProps, 'id'>> & Pick<MessageProps, 'message'>;
 export type { MessageFunction, MessageHandler, MessageInstance, MessageParamsNormalized, MessageProps, MessageTypes, };
 export { messageProps, messageTypes, };

package/dist/poster/src/method.d.ts

@@ -1,5 +1,8 @@
 import { Component } from 'vue';
 import { DialogProps } from '../../dialog';
+type DialogEvents = {
+    onClose?: () => void;
+};
 /**
  * PosterOptions 接口定义了 Poster 函数的参数结构。
  */
@@ -25,7 +28,7 @@ interface PosterOptions {
     /**
      * 传递给弹窗组件的事件处理函数。
      */
-    dialogEvents?: Record<string, (...args: unknown[]) => void>;
+    dialogEvents?: DialogEvents;
 }
 /**
  * PosterReturn 接口定义了 Poster 函数的返回值结构。