niuma-ui 2.0.9 → 2.1.2

package/dist/icons/registry.js

@@ -1,5 +1,5 @@
-import { LUCIDE_ATTRIBUTION, LUCIDE_LICENSE, isRsIconName, lucideIconCount, resolveLucideIcon } from "./lucide.js";
 import { isRsBrandIconName, rsBrandIconAccentVar, rsBrandIconNames } from "./brand.js";
+import { LUCIDE_ATTRIBUTION, LUCIDE_LICENSE, isRsIconName, lucideIconCount, resolveLucideIcon } from "./lucide.js";
 //#region src/icons/registry.ts
 /** Playground / 文档常用图标（Lucide 全库约 1600+；kebab-case，如 `house`、`trash-2`） */
 var rsCommonIconNames = [

package/dist/index.d.ts

@@ -237,6 +237,7 @@ export type { RsTranslateFn } from './composables/useRsI18n';
 export { useRsToast } from './composables/useRsToast';
 export type { RsToastAction, RsToastInput, RsToastKind, RsToastOptions, RsToastPromiseMessages, } from './composables/useRsToast';
 export { rsCommonIconNames, rsBrandIconNames, rsBrandIconAccentVar, LUCIDE_ATTRIBUTION, LUCIDE_LICENSE, lucideIconCount, isRsIconName, isRsBrandIconName, } from './icons/registry';
+export { registerRsIcon } from './icons/host';
 export type { RsBrandIconName } from './icons/registry';
 export type { RsThemeMode, RsResolvedTheme, RsThemeTokens, RsComponentSize, RsRadius, RsFontSize, RsFontWeight, } from './theme/types';
 export { RS_COMPONENT_SIZES, RS_COMPONENT_SIZE_ICON_PX, RS_RADII, RS_RADIUS_CSS, RS_FONT_SIZES, RS_FONT_SIZE_CSS, RS_FONT_WEIGHTS, RS_FONT_WEIGHT_CSS, } from './theme/types';

package/dist/index.js

@@ -340,6 +340,7 @@ export { readTerminalFontSizePx } from './theme/css-token.js'
 export { readTerminalFontWeight } from './theme/css-token.js'
 export { readTerminalFontWeightBold } from './theme/css-token.js'
 export { readTerminalThemeFromCss } from './components/terminal/src/terminal-utils.js'
+export { registerRsIcon } from './icons/host.js'
 export { registerRsLocale } from './locale/registry.js'
 export { removeUploadFileAt } from './components/upload/src/upload-utils.js'
 export { renderMarkdown } from './components/markdown/src/markdown-utils.js'

package/dist/styles.css

@@ -360,29 +360,33 @@ html {
   --rs-dropdown-max-height: 16rem;
   --rs-dropdown-disabled-opacity: 0.38;
 
-  /* Context menu。尺寸在此；颜色别名语义 token，随 data-rs-theme。挂到 body 须盖住 Dialog。 */
+  /*
+   * Context menu。macOS 菜单：12px 面板、6px 选中条、约 26px 行、13px 字。
+   * 选中用主题色铺底、文字反白。颜色别名语义 token，随 data-rs-theme。
+   * 挂到 body 须盖住 Dialog。实色底，不用 backdrop-filter。
+   */
   --rs-ctx-z: calc(var(--rs-z-modal) + 2);
-  --rs-ctx-min-width: 11rem;
+  --rs-ctx-min-width: 11.5rem;
   --rs-ctx-max-width: 22rem;
   --rs-ctx-pad: 5px;
-  --rs-ctx-radius: 10px;
-  --rs-ctx-item-height: 1.5rem;
+  --rs-ctx-radius: 12px;
+  --rs-ctx-item-height: 1.625rem;
   --rs-ctx-item-radius: 6px;
-  --rs-ctx-font-size: var(--rs-font-size-xs);
-  --rs-ctx-icon-col: 28px;
+  --rs-ctx-font-size: 0.8125rem;
+  --rs-ctx-icon-col: 1.75rem;
   --rs-ctx-disabled-opacity: 0.38;
-  --rs-ctx-motion-in: 0.13s;
+  --rs-ctx-motion-in: 0.14s;
   --rs-ctx-motion-sub: 0.1s;
   --rs-ctx-bg: var(--rs-surface-elevated);
   --rs-ctx-fg: var(--rs-text-primary);
   --rs-ctx-muted: var(--rs-text-tertiary);
-  --rs-ctx-border: var(--rs-border);
-  --rs-ctx-separator: var(--rs-border-subtle);
-  --rs-ctx-shadow: var(--rs-shadow-lg);
+  --rs-ctx-border: color-mix(in srgb, var(--rs-text-primary) 8%, transparent);
+  --rs-ctx-separator: color-mix(in srgb, var(--rs-text-primary) 10%, transparent);
+  --rs-ctx-shadow: 0 16px 40px rgb(0 0 0 / 0.12), 0 2px 8px rgb(0 0 0 / 0.06);
   --rs-ctx-danger: var(--rs-danger);
   --rs-ctx-item-active-bg: var(--rs-primary);
   --rs-ctx-item-active-fg: var(--rs-primary-foreground);
-  --rs-ctx-item-active-muted: color-mix(in srgb, var(--rs-primary-foreground) 75%, transparent);
+  --rs-ctx-item-active-muted: color-mix(in srgb, var(--rs-primary-foreground) 78%, transparent);
 
   /* Popover（气泡卡片）。尺寸静态；颜色在主题块内。 */
   --rs-popover-pad: 0.75rem;
@@ -639,7 +643,7 @@ html {
   --rs-table-checkbox-bg: var(--rs-surface);
   --rs-table-sort-active-fg: var(--rs-primary);
   --rs-table-drop-indicator: var(--rs-primary);
-  --rs-table-resize-handle: var(--rs-text-tertiary);
+  --rs-table-resize-handle: var(--rs-table-cell-divider);
   --rs-table-resize-handle-hover: var(--rs-primary);
 
   /* ── Tree（导航线 / 行选中 / 焦点；业务可覆盖）── */
@@ -666,10 +670,10 @@ html {
   --rs-border: #6e6e6e;
   --rs-border-subtle: #3a3a3a;
   /*
-   * Button secondary/default：轮廓与底色独立于分隔线 --rs-border，
+   * Button secondary/default：描边跟输入框，不另用更亮的实色灰。
    * 业务可用 --rs-btn-* 覆盖（见 theme/brand.example.css）。
    */
-  --rs-btn-outline-border: #a3a3a3;
+  --rs-btn-outline-border: var(--rs-input-border);
   --rs-btn-secondary-bg: var(--rs-surface-hover);
   --rs-btn-secondary-bg-hover: color-mix(in srgb, var(--rs-primary) 16%, var(--rs-surface-hover));
   --rs-btn-secondary-bg-active: color-mix(in srgb, var(--rs-primary) 24%, var(--rs-surface-hover));
@@ -977,6 +981,7 @@ html {
   --rs-shadow-sm: 0 1px 3px rgb(0 0 0 / 0.4);
   --rs-shadow: 0 4px 16px rgb(0 0 0 / 0.45), 0 0 0 0.5px rgb(255 255 255 / 0.08);
   --rs-shadow-lg: 0 12px 32px rgb(0 0 0 / 0.5), 0 0 0 0.5px rgb(255 255 255 / 0.1);
+  --rs-ctx-shadow: 0 16px 40px rgb(0 0 0 / 0.46), 0 2px 8px rgb(0 0 0 / 0.28);
 }
 
 /* ── 公共亮色：无属性 = light，避免盖住后面的 dark（:root 与属性选择器同权）── */
@@ -1029,7 +1034,7 @@ html {
   --rs-table-checkbox-bg: var(--rs-surface);
   --rs-table-sort-active-fg: var(--rs-primary);
   --rs-table-drop-indicator: var(--rs-primary);
-  --rs-table-resize-handle: var(--rs-text-tertiary);
+  --rs-table-resize-handle: var(--rs-table-cell-divider);
   --rs-table-resize-handle-hover: var(--rs-primary);
 
   /* ── Tree（导航线 / 行选中 / 焦点；业务可覆盖）── */
@@ -1055,10 +1060,10 @@ html {
   --rs-border: rgb(60 60 67 / 0.16);
   --rs-border-subtle: rgb(60 60 67 / 0.10);
   /*
-   * Button secondary/default：亮色分隔线偏淡，轮廓单独提高对比（≥3:1 vs 白底）。
-   * 业务覆盖 --rs-btn-* 即可，无需改组件。
+   * Button secondary/default：描边跟输入框（柔分隔线），焦点环负责强调。
+   * 需要更重的轮廓时覆盖 --rs-btn-outline-border。
    */
-  --rs-btn-outline-border: #6e6e73;
+  --rs-btn-outline-border: var(--rs-input-border);
   --rs-btn-secondary-bg: var(--rs-surface-hover);
   --rs-btn-secondary-bg-hover: color-mix(in srgb, var(--rs-primary) 12%, var(--rs-surface-hover));
   --rs-btn-secondary-bg-active: color-mix(in srgb, var(--rs-primary) 18%, var(--rs-surface-hover));
@@ -1362,6 +1367,7 @@ html {
   --rs-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.04), 0 0 0 0.5px rgb(0 0 0 / 0.04);
   --rs-shadow: 0 4px 16px rgb(0 0 0 / 0.08), 0 0 0 0.5px rgb(0 0 0 / 0.06);
   --rs-shadow-lg: 0 12px 32px rgb(0 0 0 / 0.12), 0 0 0 0.5px rgb(0 0 0 / 0.08);
+  --rs-ctx-shadow: 0 16px 40px rgb(0 0 0 / 0.12), 0 2px 8px rgb(0 0 0 / 0.06);
 }
 
 /**
@@ -1419,6 +1425,16 @@ html {
     --rs-shadow-sm: none;
     --rs-shadow: none;
     --rs-shadow-lg: none;
+    --rs-ctx-bg: Canvas;
+    --rs-ctx-fg: CanvasText;
+    --rs-ctx-muted: GrayText;
+    --rs-ctx-border: CanvasText;
+    --rs-ctx-separator: CanvasText;
+    --rs-ctx-shadow: none;
+    --rs-ctx-danger: Mark;
+    --rs-ctx-item-active-bg: Highlight;
+    --rs-ctx-item-active-fg: HighlightText;
+    --rs-ctx-item-active-muted: HighlightText;
     --rs-card-border: CanvasText;
     --rs-card-separator: CanvasText;
     --rs-card-header-bg: Canvas;
@@ -1700,12 +1716,6 @@ code {
   min-width: 0;
 }
 
-/* ContextMenu：Dialog 内表格右键菜单 Portal 后须高于 modal */
-[data-reka-popper-content-wrapper]:has(> .rs-context-menu__content),
-[data-reka-popper-content-wrapper]:has(> .rs-context-menu__sub-content) {
-  z-index: calc(var(--rs-z-modal) + 2);
-}
-
 /*
  * TimePicker 面板 Teleport 到 body。
  * 独立面板跟 DatePicker 同一档（modal+2）；嵌在日期面板里再高一档。

package/dist/theme/brand.example.css

@@ -34,7 +34,7 @@
   --rs-primary-hover: #4f46e5;
   --rs-primary-container: #eef2ff;
   --rs-on-primary-container: #312e81;
-  /* secondary 轮廓：按需加深（默认已可读，一般无需改） */
+  /* secondary 轮廓：默认跟输入框；需要更重的线时再覆盖 */
   --rs-btn-outline-border: #6b7280;
   --rs-btn-secondary-bg: #f3f4f6;
   --rs-btn-secondary-bg-hover: #ede9fe;

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

@@ -13,7 +13,7 @@ export declare function writeClipboardText(text: string): Promise<boolean>;
 export declare function copyTextWithExecCommand(text: string): boolean;
 /** HTTP / 非安全上下文没有 Clipboard API，writeText 会 SecurityError。 */
 export declare function isInsecureClipboardContext(): boolean;
-/** 写入系统剪贴板。HTTP 先同步 execCommand，避免 await 丢掉用户手势。 */
+/** 写入系统剪贴板。先同步 execCommand，避免 await 丢掉点击手势；对话框里也要在这一拍写完。 */
 export declare function copyTextToClipboard(text: string): Promise<boolean>;
 /** @internal vitest 用 */
 export declare function __resetClipboardStateForTests(): void;

package/dist/utils/rs-clipboard.js

@@ -158,6 +158,19 @@ async function writeClipboardText(text) {
 		return false;
 	}
 }
+/** 打开的 dialog 会把焦点留在框内。临时输入框必须挂在这个 dialog 里，挂到 body 上选不中，复制是空的。 */
+function clipboardMount() {
+	const active = document.activeElement;
+	if (active instanceof Element) {
+		const dialog = active.closest("dialog");
+		if (dialog instanceof HTMLElement) return dialog;
+	}
+	if (typeof document.querySelector === "function") {
+		const open = document.querySelector("dialog[open]");
+		if (open instanceof HTMLElement) return open;
+	}
+	return document.body;
+}
 /** execCommand 兜底：CEF / 无 Clipboard API 权限时菜单复制仍可用 */
 function copyTextWithExecCommand(text) {
 	if (!text || typeof document === "undefined") return false;
@@ -166,7 +179,7 @@ function copyTextWithExecCommand(text) {
 		textarea.value = text;
 		textarea.setAttribute("readonly", "");
 		textarea.style.cssText = "position:fixed;left:0;top:0;width:1px;height:1px;padding:0;border:0;opacity:0.01";
-		document.body.appendChild(textarea);
+		clipboardMount().appendChild(textarea);
 		if (typeof textarea.focus === "function") textarea.focus();
 		textarea.select();
 		if (typeof textarea.setSelectionRange === "function") textarea.setSelectionRange(0, text.length);
@@ -181,16 +194,13 @@ function copyTextWithExecCommand(text) {
 function isInsecureClipboardContext() {
 	return typeof globalThis !== "undefined" && globalThis.isSecureContext === false;
 }
-/** 写入系统剪贴板。HTTP 先同步 execCommand，避免 await 丢掉用户手势。 */
+/** 写入系统剪贴板。先同步 execCommand，避免 await 丢掉点击手势；对话框里也要在这一拍写完。 */
 async function copyTextToClipboard(text) {
 	if (!text) return false;
-	if (isInsecureClipboardContext()) {
-		if (copyTextWithExecCommand(text)) return true;
-		return writeClipboardViaShell(text);
-	}
+	if (copyTextWithExecCommand(text)) return true;
+	if (isInsecureClipboardContext()) return writeClipboardViaShell(text);
 	await syncClipboardPermissionState();
 	if (!writeApiBlocked && await writeClipboardText(text)) return true;
-	if (copyTextWithExecCommand(text)) return true;
 	return writeClipboardViaShell(text);
 }
 //#endregion

package/dist/vite-plugins/niuma-ui-host.d.ts

@@ -64,7 +64,8 @@ export declare function emitLiveReexportIndex(map: Map<string, NiumaUiBinding>):
  */
 export declare function parseRuntimeBindings(source: string): Map<string, NiumaUiBinding>;
 /**
- * FollowSourceBarrels 把 `./components/button` 这类目录再导出展开到实现文件。
+ * FollowSourceBarrels 把目录 index，以及 `icons/registry.ts` 这类纯再导出，展开到实现文件。
  * 只跟一层，避免评估整桶 `src/index.ts`。
+ * 非 index 只有名字本身是 `export { x } from` 时才改指向，这样 `isRsBrandIconName` 落到 `brand.ts`，不会把同文件再导出的 Lucide 一起求值。
  */
 export declare function followSourceBarrels(root: string, map: Map<string, NiumaUiBinding>): Map<string, NiumaUiBinding>;

package/dist/vite-plugins/niuma-ui-host.js

@@ -123,7 +123,16 @@ function niumaUiHostRewrite(ctx) {
                 return null;
             if (!code.includes('@niuma/ui') && !code.includes('niuma-ui'))
                 return null;
-            return rewriteHostModule(code, id, ctx.map, (from, spec) => resolveTarget(from, spec, ctx.root, ctx.useSource));
+            const rewrite = () => rewriteHostModule(code, id, ctx.map, (from, spec) => resolveTarget(from, spec, ctx.root, ctx.useSource));
+            try {
+                return await rewrite();
+            }
+            catch (err) {
+                if (!(err instanceof Error) || !err.message.includes('未找到运行时导出'))
+                    throw err;
+                ctx.map = loadRuntimeBindings(ctx.root, ctx.useSource);
+                return rewrite();
+            }
         },
     };
 }
@@ -400,21 +409,31 @@ function loadRuntimeBindings(root, useSource) {
     return map;
 }
 /**
- * FollowSourceBarrels 把 `./components/button` 这类目录再导出展开到实现文件。
+ * FollowSourceBarrels 把目录 index，以及 `icons/registry.ts` 这类纯再导出，展开到实现文件。
  * 只跟一层，避免评估整桶 `src/index.ts`。
+ * 非 index 只有名字本身是 `export { x } from` 时才改指向，这样 `isRsBrandIconName` 落到 `brand.ts`，不会把同文件再导出的 Lucide 一起求值。
  */
 export function followSourceBarrels(root, map) {
     const next = new Map();
+    const parsed = new Map();
+    const bindingsIn = (file) => {
+        const cached = parsed.get(file);
+        if (cached)
+            return cached;
+        const child = parseRuntimeBindings(readFileSync(file, 'utf8'));
+        parsed.set(file, child);
+        return child;
+    };
     for (const [name, binding] of map) {
         const file = resolveSourceModule(root, binding.from);
-        if (!file || !/[/\\]index\.(ts|js)$/.test(file)) {
+        if (!file) {
             next.set(name, binding);
             continue;
         }
-        const child = parseRuntimeBindings(readFileSync(file, 'utf8'));
-        const inner = child.get(name);
+        const barrel = /[/\\]index\.(ts|js)$/.test(file);
+        const inner = bindingsIn(file).get(name);
         if (!inner) {
-            next.set(name, { ...binding, from: toSrcRel(root, file) });
+            next.set(name, barrel ? { ...binding, from: toSrcRel(root, file) } : binding);
             continue;
         }
         const innerAbs = resolveRelativeModule(file, inner.from);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "niuma-ui",
-  "version": "2.0.9",
+  "version": "2.1.2",
   "license": "Apache-2.0",
   "type": "module",
   "description": "Vue 3 workbench design system — Rs* components, --rs-* tokens, optional Monaco / CodeMirror / xterm",
@@ -11,7 +11,6 @@
     "components",
     "design-system",
     "workbench",
-    "reka-ui",
     "niuma"
   ],
   "author": "Blair-Shang",
@@ -117,8 +116,7 @@
     "magic-string": "^0.30.17",
     "marked": "^18.0.9",
     "monaco-editor": "^0.55.1",
-    "monaco-sql-languages": "^1.2.0",
-    "reka-ui": "^2.9.10"
+    "monaco-sql-languages": "^1.2.0"
   },
   "devDependencies": {
     "@playwright/test": "^1.62.1",

package/dist/components/_shared/src/reka.d.ts

@@ -1,2 +0,0 @@
-export { AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Primitive, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, ComboboxAnchor, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxPortal, ComboboxRoot, ComboboxTrigger, ComboboxViewport, ComboboxVirtualizer, ConfigProvider, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuRoot, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuTrigger, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, SwitchRoot, SwitchThumb, PaginationEllipsis, PaginationFirst, PaginationLast, PaginationList, PaginationListItem, PaginationNext, PaginationPrev, PaginationRoot, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, SelectContent, SelectItem, SelectItemIndicator, SelectItemText, SelectPortal, SelectRoot, SelectTrigger, SelectValue, SelectViewport, StepperDescription, StepperIndicator, StepperItem, StepperRoot, StepperSeparator, StepperTitle, StepperTrigger, TabsContent, TabsList, TabsRoot, TabsTrigger, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TreeItem, TreeRoot, TreeVirtualizer, useForwardExpose, useFilter, } from 'reka-ui';
-export type { AcceptableValue, PrimitiveProps, TooltipRootEmits, TooltipRootProps } from 'reka-ui';

package/dist/components/_shared/src/reka.js

@@ -1,2 +0,0 @@
-import { ConfigProvider } from "reka-ui";
-export { ConfigProvider };