niuma-ui 1.3.3 → 1.3.4

package/CHANGELOG.md

@@ -6,6 +6,12 @@
 
 ## [Unreleased]
 
+## [1.3.4] - 2026-09-11
+
+### 修复
+
+- `RsLog` 在 HTTP（非安全上下文）下复制：不再先走会失败的 Clipboard API（`await` 会丢掉用户手势），改为同步 `execCommand`；级别/行号不可选中，避免复制出「输出」「信息」。失败时工具栏提示复制失败。
+
 ## [1.3.3] - 2026-09-09
 
 ### 修复

package/dist/components/RsLog.css

@@ -1,5 +1,5 @@
 
-.rs-log[data-v-af05229f] {
+.rs-log[data-v-0c4db684] {
   display: flex;
   flex-direction: column;
   min-height: 0;
@@ -13,7 +13,7 @@
   line-height: 1.45;
   height: var(--rs-log-box-height, 280px);
 }
-.rs-log__chrome[data-v-af05229f] {
+.rs-log__chrome[data-v-0c4db684] {
   display: flex;
   flex-wrap: wrap;
   gap: 0.45rem;
@@ -22,15 +22,15 @@
   border-bottom: 1px solid var(--rs-log-border, var(--rs-border));
   background: color-mix(in srgb, var(--rs-log-bg, var(--rs-surface)) 88%, var(--rs-surface-hover));
 }
-.rs-log__search[data-v-af05229f] {
+.rs-log__search[data-v-0c4db684] {
   min-width: 10rem;
   flex: 1 1 12rem;
 }
-.rs-log__copy[data-v-af05229f] {
+.rs-log__copy[data-v-0c4db684] {
   flex-shrink: 0;
   margin-inline-start: auto;
 }
-.rs-log__filters[data-v-af05229f] {
+.rs-log__filters[data-v-0c4db684] {
   display: flex;
   flex-wrap: wrap;
   gap: 0.3rem;
@@ -39,7 +39,7 @@
   border: 0;
   min-inline-size: 0;
 }
-.rs-log__chip[data-v-af05229f] {
+.rs-log__chip[data-v-0c4db684] {
   margin: 0;
   padding: 0.1rem 0.4rem;
   border: 1px solid var(--rs-log-border, var(--rs-border));
@@ -50,32 +50,32 @@
   font-size: var(--rs-font-size-xs);
   cursor: pointer;
 }
-.rs-log__chip--on[data-v-af05229f] {
+.rs-log__chip--on[data-v-0c4db684] {
   color: var(--rs-log-fg, var(--rs-text));
   border-color: color-mix(in srgb, var(--rs-primary) 45%, var(--rs-log-border, var(--rs-border)));
   background: color-mix(in srgb, var(--rs-primary) 14%, transparent);
 }
-.rs-log__viewport[data-v-af05229f] {
+.rs-log__viewport[data-v-0c4db684] {
   display: flex;
   flex-direction: column;
   flex: 1;
   min-height: 0;
   outline: none;
 }
-.rs-log__viewport[data-v-af05229f]:focus-visible {
+.rs-log__viewport[data-v-0c4db684]:focus-visible {
   box-shadow: inset 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-border);
 }
-.rs-log__list[data-v-af05229f],
-.rs-log__plain[data-v-af05229f] {
+.rs-log__list[data-v-0c4db684],
+.rs-log__plain[data-v-0c4db684] {
   flex: 1;
   min-height: 0;
   border: 0;
   background: transparent;
 }
-.rs-log__plain[data-v-af05229f] {
+.rs-log__plain[data-v-0c4db684] {
   overflow: auto;
 }
-.rs-log__row[data-v-af05229f] {
+.rs-log__row[data-v-0c4db684] {
   display: flex;
   align-items: flex-start;
   gap: 0.55rem;
@@ -84,13 +84,13 @@
   white-space: nowrap;
   color: var(--rs-log-row-fg, var(--rs-log-fg));
 }
-.rs-log:not(.rs-log--wrap) .rs-log__list .rs-log__row[data-v-af05229f] {
+.rs-log:not(.rs-log--wrap) .rs-log__list .rs-log__row[data-v-0c4db684] {
   min-height: 100%;
 }
-.rs-log--wrap .rs-log__plain[data-v-af05229f] {
+.rs-log--wrap .rs-log__plain[data-v-0c4db684] {
   display: block;
 }
-.rs-log--wrap .rs-log__row[data-v-af05229f] {
+.rs-log--wrap .rs-log__row[data-v-0c4db684] {
   height: auto;
   max-height: none;
   min-height: 0;
@@ -99,14 +99,14 @@
   word-break: break-word;
   padding-block: 0.25rem;
 }
-.rs-log--zebra .rs-log__row--odd[data-v-af05229f] {
+.rs-log--zebra .rs-log__row--odd[data-v-0c4db684] {
   background: var(--rs-log-stripe, transparent);
 }
-.rs-log__row--active[data-v-af05229f] {
+.rs-log__row--active[data-v-0c4db684] {
   background: color-mix(in srgb, var(--rs-primary) 12%, var(--rs-log-bg, transparent));
   box-shadow: inset 2px 0 0 var(--rs-primary);
 }
-.rs-log__marker[data-v-af05229f] {
+.rs-log__marker[data-v-0c4db684] {
   flex-shrink: 0;
   width: 0.2rem;
   align-self: stretch;
@@ -114,44 +114,47 @@
   margin-block: 0.2rem;
   border-radius: 99px;
   background: currentColor;
+  user-select: none;
 }
-.rs-log__no[data-v-af05229f],
-.rs-log__time[data-v-af05229f] {
+.rs-log__no[data-v-0c4db684],
+.rs-log__time[data-v-0c4db684] {
   flex-shrink: 0;
   color: var(--rs-log-muted, var(--rs-text-muted));
   font-variant-numeric: tabular-nums;
   unicode-bidi: isolate;
+  user-select: none;
 }
-.rs-log__level[data-v-af05229f] {
+.rs-log__level[data-v-0c4db684] {
   flex-shrink: 0;
   min-width: 3.6rem;
   font-weight: var(--rs-font-weight-semibold);
   letter-spacing: 0.02em;
   unicode-bidi: isolate;
+  user-select: none;
 }
-.rs-log__text[data-v-af05229f] {
+.rs-log__text[data-v-0c4db684] {
   min-width: 0;
   flex: 1;
   font-weight: inherit;
   unicode-bidi: plaintext;
   user-select: text;
 }
-.rs-log--wrap .rs-log__text[data-v-af05229f] {
+.rs-log--wrap .rs-log__text[data-v-0c4db684] {
   overflow: visible;
   height: auto;
   min-height: 0;
 }
-.rs-log:not(.rs-log--wrap) .rs-log__text[data-v-af05229f] {
+.rs-log:not(.rs-log--wrap) .rs-log__text[data-v-0c4db684] {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.rs-log__hit[data-v-af05229f] {
+.rs-log__hit[data-v-0c4db684] {
   padding: 0 0.1em;
   background: var(--rs-log-hit-bg);
   color: var(--rs-log-hit-fg);
   font: inherit;
 }
-.rs-log__sr-only[data-v-af05229f] {
+.rs-log__sr-only[data-v-0c4db684] {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -162,47 +165,47 @@
   white-space: nowrap;
   border: 0;
 }
-.rs-log__row--plain[data-v-af05229f] {
+.rs-log__row--plain[data-v-0c4db684] {
   --rs-log-row-fg: var(--rs-log-fg);
   font-weight: var(--rs-font-weight-regular);
 }
-.rs-log__row--trace[data-v-af05229f] {
+.rs-log__row--trace[data-v-0c4db684] {
   --rs-log-row-fg: var(--rs-log-trace);
   font-weight: var(--rs-font-weight-regular);
 }
-.rs-log__row--debug[data-v-af05229f] {
+.rs-log__row--debug[data-v-0c4db684] {
   --rs-log-row-fg: var(--rs-log-debug);
   font-weight: var(--rs-font-weight-regular);
 }
-.rs-log__row--info[data-v-af05229f],
-.rs-log__row--notice[data-v-af05229f] {
+.rs-log__row--info[data-v-0c4db684],
+.rs-log__row--notice[data-v-0c4db684] {
   --rs-log-row-fg: var(--rs-log-info);
   font-weight: var(--rs-font-weight-medium);
 }
-.rs-log__row--notice[data-v-af05229f] {
+.rs-log__row--notice[data-v-0c4db684] {
   --rs-log-row-fg: var(--rs-log-notice);
 }
-.rs-log__row--success[data-v-af05229f] {
+.rs-log__row--success[data-v-0c4db684] {
   --rs-log-row-fg: var(--rs-log-success);
   font-weight: var(--rs-font-weight-medium);
 }
-.rs-log__row--warn[data-v-af05229f] {
+.rs-log__row--warn[data-v-0c4db684] {
   --rs-log-row-fg: var(--rs-log-warn);
   font-weight: var(--rs-font-weight-semibold);
 }
-.rs-log__row--error[data-v-af05229f] {
+.rs-log__row--error[data-v-0c4db684] {
   --rs-log-row-fg: var(--rs-log-error);
   font-weight: var(--rs-font-weight-bold);
 }
-.rs-log__row--fatal[data-v-af05229f] {
+.rs-log__row--fatal[data-v-0c4db684] {
   --rs-log-row-fg: var(--rs-log-fatal);
   font-weight: var(--rs-font-weight-bold);
 }
 @media (forced-colors: active) {
-.rs-log__marker[data-v-af05229f] {
+.rs-log__marker[data-v-0c4db684] {
     background: ButtonText;
 }
-.rs-log__row--active[data-v-af05229f] {
+.rs-log__row--active[data-v-0c4db684] {
     outline: 2px solid Highlight;
     outline-offset: -2px;
 }

package/dist/components/RsLog.impl.js

@@ -209,8 +209,10 @@ var RsLog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		const emptyLabel = computed(() => props.emptyText || t("log.empty", "No log output"));
 		const regionLabel = computed(() => props.ariaLabel || t("log.label", "Log"));
 		const hasChrome = computed(() => props.showSearch || props.showCopy || props.showFilter || Boolean(slots.toolbar));
+		const copyFailed = ref(false);
 		const copyTip = computed(() => {
 			if (copied.value) return t("log.copied", "Copied");
+			if (copyFailed.value) return t("log.copyFailed", "Copy failed");
 			return t("log.copy", "Copy");
 		});
 		const rootStyle = computed(() => ({
@@ -292,12 +294,22 @@ var RsLog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		}
 		function markCopied() {
 			copied.value = true;
+			copyFailed.value = false;
 			if (copiedTimer) window.clearTimeout(copiedTimer);
 			copiedTimer = window.setTimeout(() => {
 				copied.value = false;
 				copiedTimer = 0;
 			}, 1500);
 		}
+		function markCopyFailed() {
+			copyFailed.value = true;
+			copied.value = false;
+			if (copiedTimer) window.clearTimeout(copiedTimer);
+			copiedTimer = window.setTimeout(() => {
+				copyFailed.value = false;
+				copiedTimer = 0;
+			}, 2500);
+		}
 		async function writeCopy(text, source) {
 			if (!text) return false;
 			const ok = await copyTextToClipboard(text);
@@ -307,7 +319,7 @@ var RsLog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 					text,
 					source
 				});
-			}
+			} else markCopyFailed();
 			return ok;
 		}
 		async function copy() {

package/dist/components/RsLog.js

@@ -3,6 +3,6 @@ import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-he
 import RsLog_vue_vue_type_script_setup_true_lang_default from "./RsLog.impl.js";
 
 //#region src/components/RsLog.vue
-var RsLog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsLog_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-af05229f"]]);
+var RsLog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsLog_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0c4db684"]]);
 //#endregion
 export { RsLog_default as default };

package/dist/locale/messages.js

@@ -162,6 +162,7 @@ var zhCN = {
 	"log.copy": "复制全文",
 	"log.copyMatches": "复制匹配行",
 	"log.copied": "已复制",
+	"log.copyFailed": "复制失败，请用 HTTPS 或手动选择正文",
 	"log.filter": "按级别过滤",
 	"log.newLines": "新增 {count} 行",
 	"log.lineNo": "第 {n} 行",
@@ -391,6 +392,7 @@ var enUS = {
 	"log.copy": "Copy all",
 	"log.copyMatches": "Copy matching lines",
 	"log.copied": "Copied",
+	"log.copyFailed": "Copy failed. Use HTTPS or select the log text.",
 	"log.filter": "Filter levels",
 	"log.newLines": "{count} new lines",
 	"log.lineNo": "Line {n}",

package/dist/utils/rs-clipboard.d.ts

@@ -11,7 +11,9 @@ export declare function readClipboardText(): Promise<string | null>;
 export declare function writeClipboardText(text: string): Promise<boolean>;
 /** execCommand 兜底：CEF / 无 Clipboard API 权限时菜单复制仍可用 */
 export declare function copyTextWithExecCommand(text: string): boolean;
-/** 写入系统剪贴板（API 优先，execCommand 兜底） */
+/** HTTP / 非安全上下文没有 Clipboard API，writeText 会 SecurityError。 */
+export declare function isInsecureClipboardContext(): boolean;
+/** 写入系统剪贴板。HTTP 先同步 execCommand，避免 await 丢掉用户手势。 */
 export declare function copyTextToClipboard(text: string): Promise<boolean>;
 /** @internal vitest 用 */
 export declare function __resetClipboardStateForTests(): void;

package/dist/utils/rs-clipboard.js

@@ -165,9 +165,11 @@ function copyTextWithExecCommand(text) {
 		const textarea = document.createElement("textarea");
 		textarea.value = text;
 		textarea.setAttribute("readonly", "");
-		textarea.style.cssText = "position:fixed;left:-9999px;top:0;opacity:0";
+		textarea.style.cssText = "position:fixed;left:0;top:0;width:1px;height:1px;padding:0;border:0;opacity:0.01";
 		document.body.appendChild(textarea);
+		if (typeof textarea.focus === "function") textarea.focus();
 		textarea.select();
+		if (typeof textarea.setSelectionRange === "function") textarea.setSelectionRange(0, text.length);
 		const ok = document.execCommand("copy");
 		textarea.remove();
 		return ok;
@@ -175,13 +177,21 @@ function copyTextWithExecCommand(text) {
 		return false;
 	}
 }
-/** 写入系统剪贴板（API 优先，execCommand 兜底） */
+/** HTTP / 非安全上下文没有 Clipboard API，writeText 会 SecurityError。 */
+function isInsecureClipboardContext() {
+	return typeof globalThis !== "undefined" && globalThis.isSecureContext === false;
+}
+/** 写入系统剪贴板。HTTP 先同步 execCommand，避免 await 丢掉用户手势。 */
 async function copyTextToClipboard(text) {
 	if (!text) return false;
+	if (isInsecureClipboardContext()) {
+		if (copyTextWithExecCommand(text)) return true;
+		return writeClipboardViaShell(text);
+	}
 	await syncClipboardPermissionState();
 	if (!writeApiBlocked && await writeClipboardText(text)) return true;
 	if (copyTextWithExecCommand(text)) return true;
 	return writeClipboardViaShell(text);
 }
 //#endregion
-export { beginClipboardPrefetch, copyTextToClipboard, copyTextWithExecCommand, prefetchClipboardText, readClipboardText, waitClipboardPrefetch, writeClipboardText };
+export { beginClipboardPrefetch, copyTextToClipboard, copyTextWithExecCommand, isInsecureClipboardContext, prefetchClipboardText, readClipboardText, waitClipboardPrefetch, writeClipboardText };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "niuma-ui",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "license": "Apache-2.0",
   "type": "module",
   "description": "Vue 3 工作台设计系统（Rs* 组件、--rs-* token；含可选编辑器 / 终端）",