@sdata/web-vue 4.4.3 → 4.5.1

package/es/color-picker/panel.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
 import input_group_default from "../input/input-group.js";
@@ -10,11 +10,16 @@ import control_bar_default from "./control-bar.js";
 import { addGradientColor, formatColor, formatColorState, getActiveGradientPoint, getColorBackground, getColorObject, getDefaultColorState, getDefaultGradientState, getFormatInputs, getGradientThumbBackground, getLinearGradientString, normalizeFormat, parseColorState, parseFormatInputValues, removeGradientColor, round, setActiveColorHsva, setGradientColors, setGradientDegree, setGradientSelectedPoint } from "./utils.js";
 import gradient_thumb_default from "./gradient-thumb.js";
 import palette_default from "./palette.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, watch, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, watch, withCtx } from "vue";
 import { createReusableTemplate } from "@vueuse/core";
 //#region components/color-picker/panel.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-label", "onClick"];
-var _hoisted_2 = ["disabled"];
+var _hoisted_1 = ["disabled"];
+var _hoisted_2 = [
+	"disabled",
+	"aria-label",
+	"onClick"
+];
+var _hoisted_3 = ["disabled"];
 var panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "Panel" }), {}, {
 	__name: "panel",
 	props: {
@@ -190,10 +195,17 @@ var panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		});
 		const emitStateChange = (nextState, trigger, notifyPaletteBar) => {
 			var _props$onChange, _props$onPaletteBarCh;
+			if (props.disabled) return;
 			colorState.value = nextState;
 			syncDrafts();
 			(_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, formatColorState(nextState, selectedFormat.value, props.enableAlpha), trigger);
 			if (notifyPaletteBar) (_props$onPaletteBarCh = props.onPaletteBarChange) === null || _props$onPaletteBarCh === void 0 || _props$onPaletteBarCh.call(props, { color: getColorObject(nextState) });
+			nextTick(() => {
+				const acceptedState = parseColorState(props.value, props.colorModes);
+				if (formatColorState(colorState.value, selectedFormat.value, props.enableAlpha) === formatColorState(acceptedState, selectedFormat.value, props.enableAlpha)) return;
+				colorState.value = reconcileGradientState(colorState.value, acceptedState);
+				syncDrafts();
+			});
 		};
 		const handleHsvaChange = (nextHsva, trigger, notifyPaletteBar) => emitStateChange(setActiveColorHsva(colorState.value, nextHsva), trigger, notifyPaletteBar);
 		const handleModeChange = (mode) => {
@@ -212,8 +224,10 @@ var panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			nextDrafts[index] = value;
 			formatDrafts.value = nextDrafts;
 		};
-		const commitDrafts = () => {
-			handleHsvaChange(parseFormatInputValues(formatDrafts.value, selectedFormat.value, props.enableAlpha), "input");
+		const commitDrafts = (index) => {
+			const drafts = [...formatDrafts.value];
+			if (index === 1 && normalizeFormat(selectedFormat.value, props.enableAlpha) === "HEX8") drafts[0] = drafts[0].slice(0, 6);
+			handleHsvaChange(parseFormatInputValues(drafts, selectedFormat.value, props.enableAlpha), "input");
 		};
 		const getThumbTrackRect = () => {
 			var _ref;
@@ -263,6 +277,7 @@ var panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		};
 		const addRecentColor = () => {
 			var _props$onRecentColors;
+			if (props.disabled) return;
 			if (props.recentColors === null || props.recentColors === false) return;
 			const currentValue = formatColorState(colorState.value, selectedFormat.value, props.enableAlpha);
 			const next = [...recentColorList.value || []];
@@ -281,8 +296,9 @@ var panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 					key: 0,
 					type: "button",
 					class: normalizeClass(`${unref(prefixCls)}-colors-action`),
+					disabled: props.disabled,
 					onClick: addRecentColor
-				}, " 添加当前颜色 ", 2)) : createCommentVNode("", true)], 2), createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-colors-wrapper`) }, [(values === null || values === void 0 ? void 0 : values.length) ? (openBlock(), createElementBlock("div", {
+				}, " 添加当前颜色 ", 10, _hoisted_1)) : createCommentVNode("", true)], 2), createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-colors-wrapper`) }, [(values === null || values === void 0 ? void 0 : values.length) ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(`${unref(prefixCls)}-colors-list`)
 				}, [(openBlock(true), createElementBlock(Fragment, null, renderList(values, (value) => {
@@ -290,12 +306,13 @@ var panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						key: value,
 						type: "button",
 						class: normalizeClass(`${unref(prefixCls)}-color-block`),
+						disabled: props.disabled,
 						"aria-label": unref(t)("a11y.selectColor", value),
 						onClick: ($event) => selectColorBlock(value, trigger)
 					}, [createElementVNode("div", {
 						class: normalizeClass(`${unref(prefixCls)}-block`),
 						style: normalizeStyle(getColorBlockStyle(value))
-					}, null, 6)], 10, _hoisted_1);
+					}, null, 6)], 10, _hoisted_2);
 				}), 128))], 2)) : (openBlock(), createElementBlock("span", {
 					key: 1,
 					class: normalizeClass(`${unref(prefixCls)}-colors-empty`)
@@ -330,7 +347,7 @@ var panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 						style: normalizeStyle({ backgroundImage: unref(getGradientThumbBackground)(colorState.value.gradientColors) }),
 						onClick: handleGradientBarClick,
 						onKeydown: handleGradientBarKeyDown
-					}, null, 46, _hoisted_2), (openBlock(true), createElementBlock(Fragment, null, renderList(colorState.value.gradientColors, (point) => {
+					}, null, 46, _hoisted_3), (openBlock(true), createElementBlock(Fragment, null, renderList(colorState.value.gradientColors, (point) => {
 						return openBlock(), createBlock(gradient_thumb_default, {
 							key: point.id,
 							point,
@@ -420,13 +437,15 @@ var panel_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 							disabled: props.disabled,
 							"model-value": draft,
 							onInput: ($event) => updateDraft(index, $event),
-							onChange: commitDrafts,
-							onPressEnter: commitDrafts
+							onChange: ($event) => commitDrafts(index),
+							onPressEnter: ($event) => commitDrafts(index)
 						}, null, 8, [
 							"class",
 							"disabled",
 							"model-value",
-							"onInput"
+							"onInput",
+							"onChange",
+							"onPressEnter"
 						]);
 					}), 128))]),
 					_: 1

package/es/color-picker/utils.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { formatInputToHSVA, hsvToRgb, rgbToHex, rgbToHsv, rgbaToHex } from "../_utils/color.js";
 //#region components/color-picker/utils.ts
 var DEFAULT_HSVA = {

package/es/comment/comment.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,7 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isString } from "../_utils/is.js";
-import { hasPropOrSlot } from "../_utils/use-prop-or-slot.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref } from "vue";
 //#region components/comment/comment.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["src"];
 var _hoisted_2 = { key: 0 };
@@ -68,14 +67,7 @@ var comment_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 		* @en Action list
 		* @slot actions
 		*/
-		const slots = useSlots();
 		const prefixCls = getPrefixCls("comment");
-		const [hasAuthor, hasAvatar, hasContent, hasDatetime] = [
-			"author",
-			"avatar",
-			"content",
-			"datetime"
-		].map((propName) => hasPropOrSlot(props, slots, propName));
 		const computedAlign = computed(() => {
 			var _align$datetime, _align$actions;
 			const { align } = props;
@@ -89,7 +81,7 @@ var comment_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 			};
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(prefixCls)) }, [unref(hasAvatar) ? (openBlock(), createElementBlock("div", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(prefixCls)) }, [__props.avatar || _ctx.$slots.avatar ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(`${unref(prefixCls)}-avatar`)
 			}, [__props.avatar ? (openBlock(), createElementBlock("img", {
@@ -97,17 +89,17 @@ var comment_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 				src: __props.avatar,
 				alt: "comment-avatar"
 			}, null, 8, _hoisted_1)) : renderSlot(_ctx.$slots, "avatar", {}, void 0, void 0, 1)], 2)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-inner`) }, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-inner-content`) }, [
-				unref(hasAuthor) || unref(hasDatetime) ? (openBlock(), createElementBlock("div", {
+				__props.author || _ctx.$slots.author || __props.datetime || _ctx.$slots.datetime ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(`${unref(prefixCls)}-title ${unref(prefixCls)}-title-align-${computedAlign.value.datetime}`)
-				}, [unref(hasAuthor) ? (openBlock(), createElementBlock("span", {
+				}, [__props.author || _ctx.$slots.author ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: normalizeClass(`${unref(prefixCls)}-author`)
-				}, [__props.author ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.author), 1)) : renderSlot(_ctx.$slots, "author", {}, void 0, void 0, 1)], 2)) : createCommentVNode("", true), unref(hasDatetime) ? (openBlock(), createElementBlock("span", {
+				}, [__props.author ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.author), 1)) : renderSlot(_ctx.$slots, "author", {}, void 0, void 0, 1)], 2)) : createCommentVNode("", true), __props.datetime || _ctx.$slots.datetime ? (openBlock(), createElementBlock("span", {
 					key: 1,
 					class: normalizeClass(`${unref(prefixCls)}-datetime`)
 				}, [__props.datetime ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.datetime), 1)) : renderSlot(_ctx.$slots, "datetime", {}, void 0, void 0, 1)], 2)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
-				unref(hasContent) ? (openBlock(), createElementBlock("div", {
+				__props.content || _ctx.$slots.content ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: normalizeClass(`${unref(prefixCls)}-content`)
 				}, [__props.content ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.content), 1)) : renderSlot(_ctx.$slots, "content", {}, void 0, void 0, 1)], 2)) : createCommentVNode("", true),

package/es/config-provider/config-provider.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { configProviderInjectionKey } from "./context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { normalizeTheme } from "./theme.js";
 import theme_provider_default from "./theme-provider.js";
 import { createBlock, defineComponent, getCurrentInstance, openBlock, provide, reactive, renderSlot, toRefs, useSlots, watch, withCtx } from "vue";

package/es/config-provider/context.d.ts

@@ -9,7 +9,7 @@ import type { JsonFormProviderConfig } from '../json-form/types';
 import type { SdLang } from '../locale/interface';
 import type { PaginationSelectProps } from '../pagination/interface';
 import type { SpinProps } from '../spin';
-import type { SDThemeNormalized } from './theme';
+import type { SDThemeNormalized, SdThemeMode } from './theme';
 export interface ConfigProviderModal {
     mask?: boolean;
     maskClosable?: boolean;
@@ -104,3 +104,7 @@ export interface ConfigProvider {
 }
 export declare const configProviderInjectionKey: InjectionKey<ConfigProvider>;
 export declare const themePopupContainerInjectionKey: InjectionKey<Ref<HTMLElement | null>>;
+export declare const inheritedThemeInjectionKey: InjectionKey<{
+    variables: Ref<Record<string, string>>;
+    mode: Ref<SdThemeMode | undefined>;
+}>;

package/es/config-provider/context.js

@@ -1,5 +1,6 @@
 //#region components/config-provider/context.ts
 var configProviderInjectionKey = Symbol("SDConfigProvider");
 var themePopupContainerInjectionKey = Symbol("SDThemePopupContainer");
+var inheritedThemeInjectionKey = Symbol("SDInheritedTheme");
 //#endregion
-export { configProviderInjectionKey, themePopupContainerInjectionKey };
+export { configProviderInjectionKey, inheritedThemeInjectionKey, themePopupContainerInjectionKey };

package/es/config-provider/global-theme.d.ts

@@ -0,0 +1,3 @@
+import { type SDThemeNormalized, type SdThemeMode } from './theme';
+export declare function applyGlobalTheme(target: HTMLElement, owner: symbol, theme: SDThemeNormalized, mode?: SdThemeMode): void;
+export declare function releaseGlobalTheme(target: HTMLElement, owner: symbol): void;

package/es/config-provider/global-theme.js

@@ -0,0 +1,49 @@
+import { getThemeCSSVariables } from "./theme.js";
+//#region components/config-provider/global-theme.ts
+var targets = /* @__PURE__ */ new WeakMap();
+function render(target, state) {
+	const variables = {};
+	let mode = state.mode;
+	for (const layer of state.layers.values()) {
+		Object.assign(variables, layer.variables);
+		if (layer.mode !== void 0) mode = layer.mode;
+	}
+	for (const [key, original] of state.variables) if (variables[key] !== void 0) target.style.setProperty(key, variables[key]);
+	else {
+		if (original.value) target.style.setProperty(key, original.value, original.priority);
+		else target.style.removeProperty(key);
+		state.variables.delete(key);
+	}
+	if (mode === null) target.removeAttribute("sd-theme");
+	else target.setAttribute("sd-theme", mode);
+}
+function applyGlobalTheme(target, owner, theme, mode) {
+	let state = targets.get(target);
+	if (!state) {
+		state = {
+			mode: target.getAttribute("sd-theme"),
+			variables: /* @__PURE__ */ new Map(),
+			layers: /* @__PURE__ */ new Map()
+		};
+		targets.set(target, state);
+	}
+	const variables = getThemeCSSVariables(theme);
+	for (const key of Object.keys(variables)) if (!state.variables.has(key)) state.variables.set(key, {
+		value: target.style.getPropertyValue(key),
+		priority: target.style.getPropertyPriority(key)
+	});
+	state.layers.set(owner, {
+		variables,
+		mode
+	});
+	render(target, state);
+}
+function releaseGlobalTheme(target, owner) {
+	const state = targets.get(target);
+	if (!state) return;
+	state.layers.delete(owner);
+	render(target, state);
+	if (!state.layers.size) targets.delete(target);
+}
+//#endregion
+export { applyGlobalTheme, releaseGlobalTheme };

package/es/config-provider/theme-provider.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,10 @@
-import { themePopupContainerInjectionKey } from "./context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import { inheritedThemeInjectionKey, themePopupContainerInjectionKey } from "./context.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import usePopupManager from "../_hooks/use-popup-manager.js";
-import { applyThemeCSSVariables, clearThemeCSSVariables, normalizeTheme } from "./theme.js";
-import { computed, createBlock, defineComponent, normalizeClass, onBeforeUnmount, openBlock, provide, renderSlot, resolveDynamicComponent, shallowRef, unref, watch, withCtx } from "vue";
+import { applyThemeCSSVariableMap, applyThemeCSSVariables, clearThemeCSSVariables, getThemeCSSVariables, normalizeTheme } from "./theme.js";
+import { applyGlobalTheme, releaseGlobalTheme } from "./global-theme.js";
+import { computed, createBlock, defineComponent, inject, normalizeClass, onBeforeUnmount, openBlock, provide, renderSlot, resolveDynamicComponent, shallowRef, unref, watch, withCtx } from "vue";
 //#region components/config-provider/theme-provider.vue?vue&type=script&setup=true&lang.ts
 var theme_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ThemeProvider" }), {}, {
 	__name: "theme-provider",
@@ -20,8 +21,22 @@ var theme_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		const props = __props;
 		const rootElement = shallowRef(null);
 		const popupContainer = shallowRef(null);
-		provide(themePopupContainerInjectionKey, popupContainer);
+		const parentPopupContainer = inject(themePopupContainerInjectionKey, void 0);
+		provide(themePopupContainerInjectionKey, computed(() => {
+			var _ref, _popupContainer$value;
+			return (_ref = (_popupContainer$value = popupContainer.value) !== null && _popupContainer$value !== void 0 ? _popupContainer$value : parentPopupContainer === null || parentPopupContainer === void 0 ? void 0 : parentPopupContainer.value) !== null && _ref !== void 0 ? _ref : null;
+		}));
 		const normalizedTheme = computed(() => normalizeTheme(props.theme));
+		const parentTheme = inject(inheritedThemeInjectionKey, void 0);
+		const popupVariables = computed(() => _objectSpread2(_objectSpread2({}, parentTheme === null || parentTheme === void 0 ? void 0 : parentTheme.variables.value), getThemeCSSVariables(normalizedTheme.value)));
+		const popupMode = computed(() => {
+			var _props$themeMode;
+			return (_props$themeMode = props.themeMode) !== null && _props$themeMode !== void 0 ? _props$themeMode : parentTheme === null || parentTheme === void 0 ? void 0 : parentTheme.mode.value;
+		});
+		provide(inheritedThemeInjectionKey, {
+			variables: popupVariables,
+			mode: popupMode
+		});
 		const usesLocalThemeContainer = computed(() => {
 			if (props.global) return false;
 			return Boolean(props.themeMode) || Object.keys(normalizedTheme.value.tokens).length > 0 || Object.keys(normalizedTheme.value.components).length > 0;
@@ -37,7 +52,8 @@ var theme_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		let appliedThemeKeys = /* @__PURE__ */ new Set();
 		let appliedPopupThemeKeys = /* @__PURE__ */ new Set();
 		let activeTarget = null;
-		let previousGlobalThemeMode;
+		let activeTargetIsGlobal = false;
+		const globalOwner = Symbol("ThemeProvider");
 		function cleanupPopupContainer() {
 			if (!popupContainer.value) return;
 			clearThemeCSSVariables(popupContainer.value, appliedPopupThemeKeys);
@@ -54,7 +70,7 @@ var theme_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			popupContainer.value = containerElement;
 		}
 		function syncPopupContainerTheme(target) {
-			var _target$closest;
+			var _popupMode$value, _target$closest;
 			if (props.global || !target || !usesLocalThemeContainer.value) {
 				cleanupPopupContainer();
 				return;
@@ -62,8 +78,8 @@ var theme_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			ensurePopupContainer();
 			if (!popupContainer.value) return;
 			popupContainer.value.style.zIndex = String(zIndex.value);
-			appliedPopupThemeKeys = applyThemeCSSVariables(popupContainer.value, normalizedTheme.value, appliedPopupThemeKeys);
-			const inheritedThemeMode = (_target$closest = target.closest("[sd-theme]")) === null || _target$closest === void 0 ? void 0 : _target$closest.getAttribute("sd-theme");
+			appliedPopupThemeKeys = applyThemeCSSVariableMap(popupContainer.value, popupVariables.value, appliedPopupThemeKeys);
+			const inheritedThemeMode = (_popupMode$value = popupMode.value) !== null && _popupMode$value !== void 0 ? _popupMode$value : (_target$closest = target.closest("[sd-theme]")) === null || _target$closest === void 0 ? void 0 : _target$closest.getAttribute("sd-theme");
 			if (inheritedThemeMode) popupContainer.value.setAttribute("sd-theme", inheritedThemeMode);
 			else popupContainer.value.removeAttribute("sd-theme");
 		}
@@ -73,22 +89,6 @@ var theme_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 			if (!usesLocalThemeContainer.value) return null;
 			return rootElement.value;
 		}
-		function restoreThemeMode(target) {
-			if (!props.global) {
-				if (props.themeMode) target.setAttribute("sd-theme", props.themeMode);
-				else target.removeAttribute("sd-theme");
-				return;
-			}
-			if (props.themeMode) {
-				target.setAttribute("sd-theme", props.themeMode);
-				return;
-			}
-			if (previousGlobalThemeMode === null) {
-				target.removeAttribute("sd-theme");
-				return;
-			}
-			if (previousGlobalThemeMode) target.setAttribute("sd-theme", previousGlobalThemeMode);
-		}
 		function resetActiveTarget() {
 			if (!activeTarget) return;
 			cleanupTarget(activeTarget);
@@ -96,16 +96,12 @@ var theme_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		}
 		function cleanupTarget(target) {
 			if (!target) return;
-			clearThemeCSSVariables(target, appliedThemeKeys);
-			appliedThemeKeys = /* @__PURE__ */ new Set();
-			if (props.global) {
-				if (previousGlobalThemeMode === void 0) target.removeAttribute("sd-theme");
-				else if (previousGlobalThemeMode === null) target.removeAttribute("sd-theme");
-				else target.setAttribute("sd-theme", previousGlobalThemeMode);
-				previousGlobalThemeMode = void 0;
-				return;
+			if (activeTargetIsGlobal) releaseGlobalTheme(target, globalOwner);
+			else {
+				clearThemeCSSVariables(target, appliedThemeKeys);
+				appliedThemeKeys = /* @__PURE__ */ new Set();
+				target.removeAttribute("sd-theme");
 			}
-			target.removeAttribute("sd-theme");
 		}
 		function syncThemeTarget() {
 			const nextTarget = resolveThemeTarget();
@@ -115,14 +111,20 @@ var theme_provider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 				return;
 			}
 			if (activeTarget && activeTarget !== nextTarget) cleanupTarget(activeTarget);
-			if (props.global && activeTarget !== nextTarget && previousGlobalThemeMode === void 0) previousGlobalThemeMode = nextTarget.getAttribute("sd-theme");
-			appliedThemeKeys = applyThemeCSSVariables(nextTarget, normalizedTheme.value, appliedThemeKeys);
-			restoreThemeMode(nextTarget);
+			if (props.global) applyGlobalTheme(nextTarget, globalOwner, normalizedTheme.value, props.themeMode);
+			else {
+				appliedThemeKeys = applyThemeCSSVariables(nextTarget, normalizedTheme.value, appliedThemeKeys);
+				if (props.themeMode) nextTarget.setAttribute("sd-theme", props.themeMode);
+				else nextTarget.removeAttribute("sd-theme");
+			}
 			activeTarget = nextTarget;
+			activeTargetIsGlobal = props.global;
 			syncPopupContainerTheme(nextTarget);
 		}
 		watch([
 			normalizedTheme,
+			popupVariables,
+			popupMode,
 			() => props.themeMode,
 			() => props.global,
 			usesLocalThemeContainer,

package/es/config-provider/theme.d.ts

@@ -24,4 +24,5 @@ export declare function normalizeTheme(theme?: SdThemeConfig): SDThemeNormalized
 export declare function resolveThemeToken(theme: SDThemeNormalized, componentName: string, tokenKey: string): ThemeTokenValue | undefined;
 export declare function getThemeCSSVariables(theme: SDThemeNormalized): Record<string, string>;
 export declare function applyThemeCSSVariables(target: HTMLElement, theme: SDThemeNormalized, previousKeys?: Set<string>): Set<string>;
+export declare function applyThemeCSSVariableMap(target: HTMLElement, variableMap: Record<string, string>, previousKeys: Set<string>): Set<string>;
 export declare function clearThemeCSSVariables(target: HTMLElement, keys: Set<string>): void;

package/es/config-provider/theme.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 //#region components/config-provider/theme.ts
 var DEFAULT_THEME_META = {
 	schemaVersion: 1,
@@ -77,7 +77,9 @@ function getThemeCSSVariables(theme) {
 	return cssVariables;
 }
 function applyThemeCSSVariables(target, theme, previousKeys = /* @__PURE__ */ new Set()) {
-	const variableMap = getThemeCSSVariables(theme);
+	return applyThemeCSSVariableMap(target, getThemeCSSVariables(theme), previousKeys);
+}
+function applyThemeCSSVariableMap(target, variableMap, previousKeys) {
 	const nextKeys = new Set(Object.keys(variableMap));
 	for (const key of previousKeys) if (!nextKeys.has(key)) target.style.removeProperty(key);
 	for (const [key, value] of Object.entries(variableMap)) target.style.setProperty(key, value);
@@ -87,4 +89,4 @@ function clearThemeCSSVariables(target, keys) {
 	for (const key of keys) target.style.removeProperty(key);
 }
 //#endregion
-export { applyThemeCSSVariables, clearThemeCSSVariables, getThemeCSSVariables, normalizeTheme, normalizeTokenKey };
+export { applyThemeCSSVariableMap, applyThemeCSSVariables, clearThemeCSSVariables, getThemeCSSVariables, normalizeTheme, normalizeTokenKey };

package/es/copy/copy.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,13 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
-import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/asyncToGenerator.js";
+import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/asyncToGenerator.js";
 import Tooltip from "../tooltip/index.js";
 import Button from "../button/index.js";
 import Link from "../link/index.js";
 import IconCopy from "../icon/icon-copy/index.js";
 import Message from "../message/index.js";
-import { computed, createBlock, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, useSlots, withCtx } from "vue";
+import { computed, createBlock, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, onBeforeUnmount, onBeforeUpdate, openBlock, renderSlot, resolveDynamicComponent, shallowRef, unref, useAttrs, useSlots, withCtx } from "vue";
 import copy from "copy-to-clipboard";
 //#region components/copy/copy.vue?vue&type=script&setup=true&lang.ts
 var copy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
@@ -51,14 +51,12 @@ var copy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		const emit = __emit;
 		const attrs = useAttrs();
 		const slots = useSlots();
+		const hasTextSlot = shallowRef(Boolean(slots.default));
+		onBeforeUpdate(() => {
+			hasTextSlot.value = Boolean(slots.default);
+		});
 		const { t } = useI18n();
 		const prefixCls = getPrefixCls("copy");
-		const computedAriaLabel = computed(() => {
-			const consumer = attrs["aria-label"];
-			if (consumer !== void 0) return consumer;
-			if (slots.default) return void 0;
-			return mergedTooltip.value;
-		});
 		const componentMap = {
 			link: Link,
 			button: Button
@@ -82,34 +80,44 @@ var copy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 			var _props$tooltipProps$c, _props$tooltipProps;
 			return _objectSpread2(_objectSpread2({}, props.tooltipProps), {}, { content: (_props$tooltipProps$c = (_props$tooltipProps = props.tooltipProps) === null || _props$tooltipProps === void 0 ? void 0 : _props$tooltipProps.content) !== null && _props$tooltipProps$c !== void 0 ? _props$tooltipProps$c : mergedTooltip.value });
 		});
+		let disposed = false;
+		onBeforeUnmount(() => {
+			disposed = true;
+		});
 		function handleCopy() {
 			return _handleCopy.apply(this, arguments);
 		}
 		function _handleCopy() {
 			_handleCopy = _asyncToGenerator(function* () {
 				if (isDisabled.value || !props.content) return;
-				if (!(yield copy(props.content, props.clipboardProps))) throw new Error("[sdCopy] failed to copy content to the clipboard");
+				const content = props.content;
+				const success = yield copy(content, props.clipboardProps);
+				if (disposed) return;
+				if (!success) throw new Error("[sdCopy] failed to copy content to the clipboard");
 				Message.success(mergedSuccessMessage.value);
-				emit("copy", props.content);
+				emit("copy", content);
 			});
 			return _handleCopy.apply(this, arguments);
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Tooltip), normalizeProps(guardReactiveProps(mergedTooltipProps.value)), {
-				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(renderComponent.value), mergeProps(unref(attrs), {
-					disabled: isDisabled.value,
-					class: componentClass.value,
-					"aria-label": computedAriaLabel.value,
-					onClick: handleCopy
-				}), {
-					icon: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(unref(IconCopy))])]),
-					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-					_: 3
-				}, 16, [
-					"disabled",
-					"class",
-					"aria-label"
-				]))]),
+				default: withCtx(() => {
+					var _unref$ariaLabel;
+					return [(openBlock(), createBlock(resolveDynamicComponent(renderComponent.value), mergeProps(unref(attrs), {
+						disabled: isDisabled.value,
+						class: componentClass.value,
+						"aria-label": (_unref$ariaLabel = unref(attrs)["aria-label"]) !== null && _unref$ariaLabel !== void 0 ? _unref$ariaLabel : hasTextSlot.value ? void 0 : mergedTooltip.value,
+						onClick: handleCopy
+					}), {
+						icon: withCtx(() => [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(unref(IconCopy))])]),
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+						_: 3
+					}, 16, [
+						"disabled",
+						"class",
+						"aria-label"
+					]))];
+				}),
 				_: 3
 			}, 16);
 		};