niuma-ui 1.1.12 → 1.2.0

package/src/theme/apply.ts

@@ -1,12 +0,0 @@
-import type { RsThemeMode } from './types'
-
-/**
- * 切换明暗主题：仅设置 data-rs-theme，色值由 styles.css 中的 CSS 变量提供。
- * 业务定制请写 CSS 覆盖 --rs-*，见 theme/brand.example.css
- */
-export function applyTheme(
-  mode: RsThemeMode,
-  el: HTMLElement = document.documentElement,
-) {
-  el.setAttribute('data-rs-theme', mode)
-}

package/src/theme/css-token.ts

@@ -1,107 +0,0 @@
-const FALLBACK_ROOT_PX = 16
-
-function unwrapCssVar(raw: string, el: HTMLElement, depth = 0): string {
-  if (!raw || depth > 8) {
-    return raw
-  }
-  const match = /^var\(\s*(--[\w-]+)\s*(?:,\s*((?:.|\s)+))?\)$/.exec(raw)
-  if (!match) {
-    return raw
-  }
-  const inner = getComputedStyle(el).getPropertyValue(match[1]).trim()
-  if (inner) {
-    return unwrapCssVar(inner, el, depth + 1)
-  }
-  const fallback = (match[2] || '').trim()
-  return fallback ? unwrapCssVar(fallback, el, depth + 1) : ''
-}
-
-/**
- * 读取已计算的 CSS 自定义属性（不含首尾空白）。
- * 会展开嵌套 `var(--token)`，便于 jsdom 与宿主覆盖。
- * SSR / 无 DOM 时返回空字符串。
- */
-export function readCssVar(name: string, el?: HTMLElement | null): string {
-  if (typeof document === 'undefined' || typeof getComputedStyle === 'undefined') {
-    return ''
-  }
-  const target = el ?? document.documentElement
-  return unwrapCssVar(getComputedStyle(target).getPropertyValue(name).trim(), target)
-}
-
-/** 根元素字号（px），供 rem 换算；失败时按 16。 */
-export function readRootFontSizePx(): number {
-  if (typeof document === 'undefined' || typeof getComputedStyle === 'undefined') {
-    return FALLBACK_ROOT_PX
-  }
-  const n = Number.parseFloat(getComputedStyle(document.documentElement).fontSize)
-  return Number.isFinite(n) && n > 0 ? n : FALLBACK_ROOT_PX
-}
-
-/**
- * 将 `12px` / `0.875rem` / 无单位数字解析为 px。
- * 嵌套 `var()` 须先经 getComputedStyle 展开。
- */
-export function parseCssLengthToPx(raw: string, rootPx = readRootFontSizePx()): number | null {
-  const value = raw.trim()
-  if (!value) {
-    return null
-  }
-  const n = Number.parseFloat(value)
-  if (!Number.isFinite(n)) {
-    return null
-  }
-  if (value.endsWith('px') || /^-?[\d.]+$/.test(value)) {
-    return n
-  }
-  if (value.endsWith('rem') || value.endsWith('em')) {
-    return n * rootPx
-  }
-  return null
-}
-
-/** 读取长度类 token 并转为 px，供 Monaco / xterm 等只接受数字的 API。 */
-export function readCssLengthPx(
-  name: string,
-  fallback: number,
-  el?: HTMLElement | null,
-): number {
-  const parsed = parseCssLengthToPx(readCssVar(name, el))
-  return parsed == null ? fallback : parsed
-}
-
-const CODE_FONT_FALLBACK = 'ui-monospace, SF Mono, Consolas, Liberation Mono, Menlo, monospace'
-
-/** 代码编辑器字体族：`--rs-code-font-family` → `--rs-font-mono`。 */
-export function readCodeFontFamily(el?: HTMLElement | null): string {
-  return readCssVar('--rs-code-font-family', el) || readCssVar('--rs-font-mono', el) || CODE_FONT_FALLBACK
-}
-
-/** 代码编辑器字号（px）：`--rs-code-font-size`，缺省按 sm=14。 */
-export function readCodeFontSizePx(el?: HTMLElement | null): number {
-  return readCssLengthPx('--rs-code-font-size', 14, el)
-}
-
-/** 终端字体族：`--rs-terminal-font-family` → `--rs-font-mono`。 */
-export function readTerminalFontFamily(el?: HTMLElement | null): string {
-  return readCssVar('--rs-terminal-font-family', el) || readCssVar('--rs-font-mono', el) || CODE_FONT_FALLBACK
-}
-
-/** 终端字号（px）：`--rs-terminal-font-size`，缺省按 sm=14。 */
-export function readTerminalFontSizePx(el?: HTMLElement | null): number {
-  return readCssLengthPx('--rs-terminal-font-size', 14, el)
-}
-
-/** 终端字重：`--rs-terminal-font-weight`，缺省 regular。 */
-export function readTerminalFontWeight(el?: HTMLElement | null): string {
-  return readCssVar('--rs-terminal-font-weight', el) || readCssVar('--rs-font-weight-regular', el) || '400'
-}
-
-/** 终端粗体字重：`--rs-terminal-font-weight-bold`，缺省 medium。 */
-export function readTerminalFontWeightBold(el?: HTMLElement | null): string {
-  return (
-    readCssVar('--rs-terminal-font-weight-bold', el) ||
-    readCssVar('--rs-font-weight-medium', el) ||
-    '500'
-  )
-}

package/src/theme/presets.ts

@@ -1,73 +0,0 @@
-import type { RsThemeMode, RsThemeTokens } from './types'
-
-/**
- * 色板参考值（与 styles.css 中的 --rs-* 保持同步，勿单独改此处）
- * 暗色：VS Code Dark Modern 灰阶 + macOS 系统色（primary / danger / success 等）
- * 亮色：macOS systemBackground / label + VS Code Light Modern 表格语义
- */
-export const themePresets: Record<RsThemeMode, RsThemeTokens> = {
-  light: {
-    primary: '#007aff',
-    primaryHover: '#0071eb',
-    primaryForeground: '#ffffff',
-    primaryContainer: '#e5f1ff',
-    onPrimaryContainer: '#003d99',
-    bg: '#f5f5f7',
-    surface: '#ffffff',
-    surfaceElevated: '#ffffff',
-    surfaceHover: '#e8e8ed',
-    inputBg: '#ffffff',
-    border: '#8c8c8c',
-    borderSubtle: 'rgb(60 60 67 / 0.20)',
-    text: '#1d1d1f',
-    muted: '#6e6e73',
-    placeholder: '#909090',
-    textDisabled: '#aeaeb2',
-    textInverse: '#ffffff',
-    danger: '#ff3b30',
-    dangerContainer: '#ffe5e3',
-    onDangerContainer: '#c41e16',
-    success: '#34c759',
-    successContainer: '#e4f8e9',
-    onSuccessContainer: '#1a7f37',
-    warning: '#ff9500',
-    warningContainer: '#fff3e0',
-    onWarningContainer: '#b26500',
-    info: '#007aff',
-    infoContainer: '#e5f1ff',
-    onInfoContainer: '#003d99',
-    focusRing: 'color-mix(in srgb, #007aff 22%, transparent)',
-  },
-  dark: {
-    primary: '#0a84ff',
-    primaryHover: '#409cff',
-    primaryForeground: '#ffffff',
-    primaryContainer: '#0a2540',
-    onPrimaryContainer: '#6cb4ff',
-    bg: '#181818',
-    surface: '#1f1f1f',
-    surfaceElevated: '#262626',
-    surfaceHover: '#2e2e2e',
-    inputBg: '#2b2b2b',
-    border: '#6e6e6e',
-    borderSubtle: '#3a3a3a',
-    text: '#cccccc',
-    muted: '#9d9d9d',
-    placeholder: '#919191',
-    textDisabled: '#6e6e6e',
-    textInverse: '#ffffff',
-    danger: '#ff453a',
-    dangerContainer: '#3b1210',
-    onDangerContainer: '#ff8a84',
-    success: '#30d158',
-    successContainer: '#0d2818',
-    onSuccessContainer: '#6ee79a',
-    warning: '#ff9f0a',
-    warningContainer: '#2e1f08',
-    onWarningContainer: '#ffc46b',
-    info: '#0a84ff',
-    infoContainer: '#0a2540',
-    onInfoContainer: '#6cb4ff',
-    focusRing: 'color-mix(in srgb, #0a84ff 28%, transparent)',
-  },
-}

package/src/theme/types.ts

@@ -1,149 +0,0 @@
-export type RsThemeMode = 'dark' | 'light'
-
-/**
- * 控件尺寸（由小到大）：
- * - ssm：极小
- * - sm：小号
- * - md：中号（默认）
- * - lg：大号
- *
- * 高度由 `--rs-control-height-*` 统一控制，业务侧勿用 :deep 覆盖。
- */
-export type RsComponentSize = 'ssm' | 'sm' | 'md' | 'lg'
-
-export const RS_COMPONENT_SIZES: readonly RsComponentSize[] = ['ssm', 'sm', 'md', 'lg']
-
-/** 各档控件图标默认像素边长。 */
-export const RS_COMPONENT_SIZE_ICON_PX: Record<RsComponentSize, number> = {
-  ssm: 12,
-  sm: 14,
-  md: 16,
-  lg: 18,
-}
-
-/**
- * 圆角档位（由小到大）：
- * - none：直角（无圆角）
- * - xs / sm / md / lg：对应 `--rs-radius-*`
- * - full：胶囊 / 圆形
- *
- * 业务侧用组件 `radius` / `iconRadius` 等 prop，勿 :deep 改 border-radius。
- */
-export type RsRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'full'
-
-export const RS_RADII: readonly RsRadius[] = ['none', 'xs', 'sm', 'md', 'lg', 'full']
-
-/** 各档圆角对应的 CSS 值（可直接赋给 border-radius / CSS 变量）。 */
-export const RS_RADIUS_CSS: Record<RsRadius, string> = {
-  none: '0',
-  xs: 'var(--rs-radius-xs)',
-  sm: 'var(--rs-radius-sm)',
-  md: 'var(--rs-radius)',
-  lg: 'var(--rs-radius-lg)',
-  full: 'var(--rs-radius-full)',
-}
-
-/**
- * 字号档位（由小到大）：
- * - xs：Caption / 辅助
- * - sm：次要正文
- * - base：正文（默认）
- * - lg：强调正文
- * - xl：小标题
- * - 2xl：标题
- * - 3xl：展示级标题
- *
- * 对应 `--rs-font-size-*`；业务侧优先用 token，勿硬编码 px。
- * 字族走 `--rs-font-sans` / `--rs-font-mono` / `--rs-font-serif`，组件勿硬编码 system 栈。
- */
-export type RsFontSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl'
-
-export const RS_FONT_SIZES: readonly RsFontSize[] = [
-  'xs',
-  'sm',
-  'base',
-  'lg',
-  'xl',
-  '2xl',
-  '3xl',
-]
-
-/** 各档字号对应的 CSS 值。 */
-export const RS_FONT_SIZE_CSS: Record<RsFontSize, string> = {
-  xs: 'var(--rs-font-size-xs)',
-  sm: 'var(--rs-font-size-sm)',
-  base: 'var(--rs-font-size-base)',
-  lg: 'var(--rs-font-size-lg)',
-  xl: 'var(--rs-font-size-xl)',
-  '2xl': 'var(--rs-font-size-2xl)',
-  '3xl': 'var(--rs-font-size-3xl)',
-}
-
-/**
- * 字重档位：
- * - regular：正文
- * - medium：标签 / 弱强调
- * - semibold：标题 / 表头
- * - bold：强强调
- */
-export type RsFontWeight = 'regular' | 'medium' | 'semibold' | 'bold'
-
-export const RS_FONT_WEIGHTS: readonly RsFontWeight[] = [
-  'regular',
-  'medium',
-  'semibold',
-  'bold',
-]
-
-/** 各档字重对应的 CSS 值。 */
-export const RS_FONT_WEIGHT_CSS: Record<RsFontWeight, string> = {
-  regular: 'var(--rs-font-weight-regular)',
-  medium: 'var(--rs-font-weight-medium)',
-  semibold: 'var(--rs-font-weight-semibold)',
-  bold: 'var(--rs-font-weight-bold)',
-}
-
-/**
- * 设计 token
- * 色彩语义：Google MD3 容器色 + 字节 Arco 中性色 + 国际 SaaS 功能色
- * 文字语义：Ant / Arco 四级（primary / secondary / tertiary / disabled）+ link / inverse
- */
-export interface RsThemeTokens {
-  primary: string
-  primaryHover: string
-  primaryForeground: string
-  primaryContainer: string
-  onPrimaryContainer: string
-  bg: string
-  surface: string
-  surfaceElevated: string
-  surfaceHover: string
-  inputBg: string
-  border: string
-  borderSubtle: string
-  /** 主文案（与 --rs-text / --rs-text-primary 同步） */
-  text: string
-  /** 次要文案（与 --rs-muted / --rs-text-secondary 同步） */
-  muted: string
-  /** 占位 / 三级文案（与 --rs-placeholder / --rs-text-tertiary 同步） */
-  placeholder: string
-  /** 禁用文案（与 --rs-text-disabled 同步） */
-  textDisabled: string
-  /** 反色文案，用于主色 / 深色底（与 --rs-text-inverse 同步） */
-  textInverse: string
-  danger: string
-  dangerContainer: string
-  onDangerContainer: string
-  success: string
-  successContainer: string
-  onSuccessContainer: string
-  warning: string
-  warningContainer: string
-  onWarningContainer: string
-  info: string
-  infoContainer: string
-  onInfoContainer: string
-  focusRing: string
-}
-
-export const themeAttribute = 'data-rs-theme'

package/src/utils/rs-clipboard.ts

@@ -1,272 +0,0 @@
-/** 剪贴板读写封装：浏览器 Clipboard API 优先，CEF Shell Bridge 最后兜底。
- *  CEF 壳层通过 CefPermissionHandler 自动放行 CEF_PERMISSION_TYPE_CLIPBOARD，
- *  避免 Alloy 默认 IGNORE；Shell Bridge 仅在 API 仍失败时使用。
- */
-
-type CefQueryFn = (req: {
-  request: string
-  onSuccess: (response: string) => void
-  onFailure: (code: number, message: string) => void
-}) => void
-
-function bridgeRequestId(): string {
-  if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {
-    return crypto.randomUUID()
-  }
-  return `clip-${Date.now()}-${Math.random().toString(16).slice(2)}`
-}
-
-function getCefQuery(): CefQueryFn | null {
-  const fn = (globalThis as { cefQuery?: CefQueryFn }).cefQuery
-  return typeof fn === 'function' ? fn : null
-}
-
-async function bridgeInvokeClipboard<T>(method: string, params: Record<string, unknown> = {}): Promise<T | null> {
-  const cefQuery = getCefQuery()
-  if (!cefQuery) {
-    return null
-  }
-  return new Promise((resolve) => {
-    cefQuery({
-      request: JSON.stringify({ method, params, id: bridgeRequestId() }),
-      onSuccess: (response) => {
-        try {
-          resolve(JSON.parse(response) as T)
-        } catch {
-          resolve(null)
-        }
-      },
-      onFailure: () => resolve(null),
-    })
-  })
-}
-
-async function readClipboardViaShell(): Promise<string | null> {
-  const result = await bridgeInvokeClipboard<{ text?: string }>('shell.clipboard.readText')
-  const text = result?.text
-  return text ? text : null
-}
-
-async function writeClipboardViaShell(text: string): Promise<boolean> {
-  const result = await bridgeInvokeClipboard<{ written?: boolean }>('shell.clipboard.writeText', { text })
-  return Boolean(result?.written)
-}
-
-let prefetchedText: string | null = null
-let prefetchAt = 0
-let prefetchPromise: Promise<void> | null = null
-let readApiBlocked = false
-let writeApiBlocked = false
-let permissionStateProbed = false
-
-const PREFETCH_TTL_MS = 10_000
-
-function isClipboardPermissionDeniedError(err: unknown): boolean {
-  return err instanceof DOMException && (err.name === 'NotAllowedError' || err.name === 'SecurityError')
-}
-
-function markReadApiBlocked(err?: unknown): void {
-  if (err === undefined || isClipboardPermissionDeniedError(err)) {
-    readApiBlocked = true
-  }
-}
-
-function markWriteApiBlocked(err?: unknown): void {
-  if (err === undefined || isClipboardPermissionDeniedError(err)) {
-    writeApiBlocked = true
-  }
-}
-
-async function syncClipboardPermissionState(): Promise<void> {
-  if (permissionStateProbed) {
-    return
-  }
-  permissionStateProbed = true
-  if (!navigator.permissions?.query) {
-    return
-  }
-  try {
-    const read = await navigator.permissions.query({ name: 'clipboard-read' as PermissionName })
-    if (read.state === 'denied') {
-      readApiBlocked = true
-    }
-    read.onchange = () => {
-      readApiBlocked = read.state === 'denied'
-    }
-  } catch {
-    // clipboard-read permission query 并非所有环境都支持
-  }
-  try {
-    const write = await navigator.permissions.query({ name: 'clipboard-write' as PermissionName })
-    if (write.state === 'denied') {
-      writeApiBlocked = true
-    }
-    write.onchange = () => {
-      writeApiBlocked = write.state === 'denied'
-    }
-  } catch {
-    // ignore
-  }
-}
-
-/** 在 contextmenu 等仍持有用户手势时预读剪贴板，供稍后菜单项点击使用 */
-export async function prefetchClipboardText(): Promise<void> {
-  prefetchedText = null
-  prefetchAt = Date.now()
-  await syncClipboardPermissionState()
-  if (!readApiBlocked) {
-    const fromReadText = await readClipboardViaReadText()
-    if (fromReadText) {
-      prefetchedText = fromReadText
-      return
-    }
-    const fromItems = await readClipboardViaItems()
-    if (fromItems) {
-      prefetchedText = fromItems
-      return
-    }
-  }
-  const fromShell = await readClipboardViaShell()
-  if (fromShell) {
-    prefetchedText = fromShell
-  }
-}
-
-/** 启动预读并返回 promise，菜单点击粘贴前应 await */
-export function beginClipboardPrefetch(): Promise<void> {
-  prefetchPromise = prefetchClipboardText().finally(() => {
-    prefetchPromise = null
-  })
-  return prefetchPromise
-}
-
-export async function waitClipboardPrefetch(): Promise<void> {
-  if (prefetchPromise) {
-    await prefetchPromise
-  }
-}
-
-function takePrefetchedText(): string | null {
-  if (!prefetchedText || Date.now() - prefetchAt > PREFETCH_TTL_MS) {
-    prefetchedText = null
-    return null
-  }
-  const text = prefetchedText
-  prefetchedText = null
-  return text
-}
-
-export async function readClipboardText(): Promise<string | null> {
-  await waitClipboardPrefetch()
-  const cached = takePrefetchedText()
-  if (cached) {
-    return cached
-  }
-  await syncClipboardPermissionState()
-  if (!readApiBlocked) {
-    const fromReadText = await readClipboardViaReadText()
-    if (fromReadText) {
-      return fromReadText
-    }
-    const fromItems = await readClipboardViaItems()
-    if (fromItems) {
-      return fromItems
-    }
-  }
-  return readClipboardViaShell()
-}
-
-async function readClipboardViaReadText(): Promise<string | null> {
-  if (readApiBlocked || !navigator.clipboard?.readText) {
-    return null
-  }
-  try {
-    const text = await navigator.clipboard.readText()
-    return text || null
-  } catch (err) {
-    markReadApiBlocked(err)
-    return null
-  }
-}
-
-/** readText 失败时尝试 clipboard.read() 取 text/plain（CEF 部分场景更稳） */
-async function readClipboardViaItems(): Promise<string | null> {
-  if (readApiBlocked || !navigator.clipboard?.read) {
-    return null
-  }
-  try {
-    const items = await navigator.clipboard.read()
-    for (const item of items) {
-      if (!item.types.includes('text/plain')) {
-        continue
-      }
-      const blob = await item.getType('text/plain')
-      const text = await blob.text()
-      if (text) {
-        return text
-      }
-    }
-  } catch (err) {
-    markReadApiBlocked(err)
-    return null
-  }
-  return null
-}
-
-export async function writeClipboardText(text: string): Promise<boolean> {
-  if (!text || writeApiBlocked || !navigator.clipboard?.writeText) {
-    return false
-  }
-  try {
-    await navigator.clipboard.writeText(text)
-    return true
-  } catch (err) {
-    markWriteApiBlocked(err)
-    return false
-  }
-}
-
-/** execCommand 兜底：CEF / 无 Clipboard API 权限时菜单复制仍可用 */
-export function copyTextWithExecCommand(text: string): boolean {
-  if (!text || typeof document === 'undefined') {
-    return false
-  }
-  try {
-    const textarea = document.createElement('textarea')
-    textarea.value = text
-    textarea.setAttribute('readonly', '')
-    textarea.style.cssText = 'position:fixed;left:-9999px;top:0;opacity:0'
-    document.body.appendChild(textarea)
-    textarea.select()
-    const ok = document.execCommand('copy')
-    textarea.remove()
-    return ok
-  } catch {
-    return false
-  }
-}
-
-/** 写入系统剪贴板（API 优先，execCommand 兜底） */
-export async function copyTextToClipboard(text: string): Promise<boolean> {
-  if (!text) {
-    return false
-  }
-  await syncClipboardPermissionState()
-  if (!writeApiBlocked && (await writeClipboardText(text))) {
-    return true
-  }
-  if (copyTextWithExecCommand(text)) {
-    return true
-  }
-  return writeClipboardViaShell(text)
-}
-
-/** @internal vitest 用 */
-export function __resetClipboardStateForTests(): void {
-  prefetchedText = null
-  prefetchAt = 0
-  prefetchPromise = null
-  readApiBlocked = false
-  writeApiBlocked = false
-  permissionStateProbed = false
-}

package/src/vite-env.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="vite/client" />
-
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
-  const component: DefineComponent<object, object, unknown>
-  export default component
-}