@mingto/mt-ui 1.1.41 → 1.1.43

package/dist/index.es.js

@@ -4704,6 +4704,9 @@ function useLocale() {
 //#region src/hooks/use-namespace/index.ts
 var defaultNamespace = "mt";
 var statePrefix$1 = "is-";
+function toKebabCase(key) {
+	return key.replace(/([A-Z])/g, "-$1").toLowerCase();
+}
 function _bem$1(namespace, block, blockSuffix, element, modifier) {
 	let cls = `${namespace}-${block}`;
 	if (blockSuffix) cls += `-${blockSuffix}`;
@@ -4733,12 +4736,12 @@ function useNamespace(block, namespaceOverrides) {
 	};
 	const cssVar = (object) => {
 		const styles = {};
-		for (const key in object) if (object[key]) styles[`--${namespace.value}-${key}`] = object[key];
+		for (const key in object) if (object[key]) styles[`--${namespace.value}-${toKebabCase(key)}`] = object[key];
 		return styles;
 	};
 	const cssVarBlock = (object) => {
 		const styles = {};
-		for (const key in object) if (object[key]) styles[`--${namespace.value}-${block}-${key}`] = object[key];
+		for (const key in object) if (object[key]) styles[`--${namespace.value}-${block}-${toKebabCase(key)}`] = object[key];
 		return styles;
 	};
 	const cssVarName = (name) => `--${namespace.value}-${name}`;
@@ -9702,10 +9705,13 @@ var content_default$2 = /* @__PURE__ */ defineComponent({
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const { contentVisible, onShow, onHide } = inject(POPPER_INJECTION_KEY$1);
+		const { contentRef, contentVisible, onShow, onHide } = inject(POPPER_INJECTION_KEY$1);
 		const ns = useNamespace("popover");
 		const { nextZIndex } = useZIndex(void 0, "popover");
 		const contentZIndex = ref(props.zIndex ?? nextZIndex());
+		onBeforeUnmount(() => {
+			contentRef.value = null;
+		});
 		const contentStyles = computed(() => {
 			const styles = {};
 			styles.zIndex = contentZIndex.value;
@@ -9755,6 +9761,8 @@ var content_default$2 = /* @__PURE__ */ defineComponent({
 					onBeforeLeave
 				}, {
 					default: withCtx(() => [withDirectives(createElementVNode("div", {
+						ref_key: "contentRef",
+						ref: contentRef,
 						style: normalizeStyle(contentStyles.value),
 						class: normalizeClass(popoverContentClass.value),
 						onMouseenter: onContentEnter,

package/dist/index.umd.js

@@ -4733,6 +4733,9 @@
 	//#region src/hooks/use-namespace/index.ts
 	var defaultNamespace = "mt";
 	var statePrefix$1 = "is-";
+	function toKebabCase(key) {
+		return key.replace(/([A-Z])/g, "-$1").toLowerCase();
+	}
 	function _bem$1(namespace, block, blockSuffix, element, modifier) {
 		let cls = `${namespace}-${block}`;
 		if (blockSuffix) cls += `-${blockSuffix}`;
@@ -4762,12 +4765,12 @@
 		};
 		const cssVar = (object) => {
 			const styles = {};
-			for (const key in object) if (object[key]) styles[`--${namespace.value}-${key}`] = object[key];
+			for (const key in object) if (object[key]) styles[`--${namespace.value}-${toKebabCase(key)}`] = object[key];
 			return styles;
 		};
 		const cssVarBlock = (object) => {
 			const styles = {};
-			for (const key in object) if (object[key]) styles[`--${namespace.value}-${block}-${key}`] = object[key];
+			for (const key in object) if (object[key]) styles[`--${namespace.value}-${block}-${toKebabCase(key)}`] = object[key];
 			return styles;
 		};
 		const cssVarName = (name) => `--${namespace.value}-${name}`;
@@ -9761,10 +9764,13 @@
 		setup(__props, { emit: __emit }) {
 			const props = __props;
 			const emits = __emit;
-			const { contentVisible, onShow, onHide } = (0, vue.inject)(POPPER_INJECTION_KEY$1);
+			const { contentRef, contentVisible, onShow, onHide } = (0, vue.inject)(POPPER_INJECTION_KEY$1);
 			const ns = useNamespace("popover");
 			const { nextZIndex } = useZIndex(void 0, "popover");
 			const contentZIndex = (0, vue.ref)(props.zIndex ?? nextZIndex());
+			(0, vue.onBeforeUnmount)(() => {
+				contentRef.value = null;
+			});
 			const contentStyles = (0, vue.computed)(() => {
 				const styles = {};
 				styles.zIndex = contentZIndex.value;
@@ -9814,6 +9820,8 @@
 						onBeforeLeave
 					}, {
 						default: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createElementVNode)("div", {
+							ref_key: "contentRef",
+							ref: contentRef,
 							style: (0, vue.normalizeStyle)(contentStyles.value),
 							class: (0, vue.normalizeClass)(popoverContentClass.value),
 							onMouseenter: onContentEnter,

package/dist/popover/src/content.vue.d.ts

@@ -3,7 +3,9 @@ declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        contentRef: HTMLDivElement;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -202,7 +204,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     enterable: boolean;
     teleported: boolean;
     controlled: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    contentRef: HTMLDivElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mingto/mt-ui",
   "type": "module",
-  "version": "1.1.41",
+  "version": "1.1.43",
   "description": "UI组件库",
   "publishConfig": {
     "access": "public"