@veltra/desktop 1.0.14 → 1.1.0

package/dist/components/expression-editor/core/editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"editor.js","names":[],"sources":["../../../../src/components/expression-editor/core/editor.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\n\nimport type { VariableItem } from '../../../types'\nimport { createChip, isChipElement, readChipType, readChipValue } from './chip'\nimport { normalize, parse, serialize, type Doc, type Segment } from './model'\n\nconst TEXT_SEG_ATTR = 'data-seg'\nconst TEXT_SEG_VALUE = 'text'\n\nexport interface EditorVariableInfo {\n  value: string\n  label: string\n  type?: string\n}\n\nexport interface EditorOptions {\n  container: HTMLElement\n  cls: BEM<'expression-editor'>\n  initialDoc: Doc\n  /**\n   * 在 DOM → 模型反推、字符串 → 模型反序列化时为 chip 补齐 label / type。\n   * 用 getter 形式以便外层 `variables` props 变化时拿到最新映射。\n   */\n  getVariableMap?: () => Map<string, VariableItem>\n  /** 模型每次更新（包括用户键入文本）后回调 */\n  onChange?: (doc: Doc) => void\n  /** 选中区域 / 光标偏移变化时回调，offset 为序列化字符串中的位置；无选中或不在编辑器内时为 null */\n  onSelectionChange?: (info: { offset: number | null }) => void\n  /** 用户点击某个 chip 的主体（重选） */\n  onChipReselect?: (info: { chipEl: HTMLElement; segIndex: number; chipOffset: number }) => void\n  /** 用户点击某个 chip 的 ×（删除） */\n  onChipRemove?: (info: { chipEl: HTMLElement; segIndex: number }) => void\n}\n\nexport interface EditorAPI {\n  /** 当前模型 */\n  getDoc(): Doc\n  /** 完全替换模型（会重渲染 DOM） */\n  setDoc(doc: Doc): void\n  /** 序列化为字符串（modelValue 形态） */\n  getValue(): string\n  /** 反序列化字符串为模型并替换（可选传入 variableMap 以补齐 label/type） */\n  setValue(value: string): void\n  /** 当前光标偏移（无 selection 返回 null） */\n  getCaretOffset(): number | null\n  /** 把光标设置到指定偏移（不会修改模型） */\n  setCaretOffset(offset: number): void\n  /**\n   * 用一个 var chip 替换 [start, end) 区间。\n   * 调用方通常在 mention 选中时用：start = `@` 起点、end = 当前光标。\n   */\n  replaceRangeWithVar(start: number, end: number, variable: EditorVariableInfo): void\n  /** 移除指定段下标对应的 var chip（必须是 var 段）。 */\n  removeVarAt(segIndex: number): void\n  /** 替换指定段下标对应的 var chip 为新变量（必须是 var 段）。 */\n  replaceVarAt(segIndex: number, variable: EditorVariableInfo): void\n  /** 卸载所有事件监听（不会销毁 container DOM） */\n  dispose(): void\n  /** 强制根据当前模型重渲染 DOM（光标位置尽量保留） */\n  rerender(): void\n  /** 容器引用（只读） */\n  readonly container: HTMLElement\n}\n\nexport function createEditor(opts: EditorOptions): EditorAPI {\n  let doc: Doc = normalize(opts.initialDoc)\n  let composing = false\n\n  function emitChange(next: Doc) {\n    doc = next\n    opts.onChange?.(doc)\n  }\n\n  function makeTextSpan(value: string): HTMLSpanElement {\n    const span = document.createElement('span')\n    span.setAttribute(TEXT_SEG_ATTR, TEXT_SEG_VALUE)\n    span.textContent = value\n    return span\n  }\n\n  function makeChipSpan(seg: Extract<Segment, { kind: 'var' }>): HTMLElement {\n    return createChip(seg, {\n      cls: opts.cls,\n      onReselect: (chipEl) => {\n        const { segIndex, chipOffset } = locateChip(chipEl)\n        if (segIndex < 0) return\n        opts.onChipReselect?.({ chipEl, segIndex, chipOffset })\n      },\n      onRemove: (chipEl) => {\n        const { segIndex } = locateChip(chipEl)\n        if (segIndex < 0) return\n        opts.onChipRemove?.({ chipEl, segIndex })\n      }\n    })\n  }\n\n  function locateChip(chipEl: HTMLElement): { segIndex: number; chipOffset: number } {\n    let chipOffset = 0\n    let segIdx = -1\n    let i = 0\n    for (const child of Array.from(opts.container.childNodes)) {\n      if (child === chipEl) {\n        segIdx = i\n        return { segIndex: segIdx, chipOffset }\n      }\n      chipOffset += childSerialLength(child)\n      i++\n    }\n    return { segIndex: -1, chipOffset: -1 }\n  }\n\n  function childSerialLength(node: Node): number {\n    if (isChipElement(node)) return readChipValue(node).length + 2\n    return (node.textContent ?? '').length\n  }\n\n  /** 渲染 doc 到 container：每个 var 两侧都补一个 text span（即便空），保证光标可停靠。 */\n  function render(targetCaret?: number) {\n    const container = opts.container\n    container.innerHTML = ''\n\n    // 在边界与每两个 var 之间确保有 text span 占位\n    const expanded: Segment[] = []\n    let lastWasVar = false\n    let first = true\n    for (const seg of doc) {\n      if (first) {\n        if (seg.kind === 'var') expanded.push({ kind: 'text', value: '' })\n        first = false\n      } else if (lastWasVar && seg.kind === 'var') {\n        expanded.push({ kind: 'text', value: '' })\n      }\n      expanded.push(seg)\n      lastWasVar = seg.kind === 'var'\n    }\n    if (lastWasVar || expanded.length === 0) expanded.push({ kind: 'text', value: '' })\n\n    for (const seg of expanded) {\n      if (seg.kind === 'text') container.appendChild(makeTextSpan(seg.value))\n      else container.appendChild(makeChipSpan(seg))\n    }\n\n    if (typeof targetCaret === 'number') setCaret(targetCaret)\n  }\n\n  /** 从 DOM 反推模型：宽容裸 text node、空 text span。 */\n  function readDocFromDOM(): Doc {\n    const segs: Segment[] = []\n    for (const child of Array.from(opts.container.childNodes)) {\n      if (isChipElement(child)) {\n        const value = readChipValue(child)\n        const domType = readChipType(child)\n        const fallbackLabel =\n          child.querySelector(`.${opts.cls.e('chip-label')}`)?.textContent ?? value\n        // 优先从 variableMap 取最新 label / type，保持与外部数据源一致\n        const fromMap = opts.getVariableMap?.().get(value)\n        const finalType = fromMap?.type ?? domType\n        const seg: Segment = finalType\n          ? { kind: 'var', value, label: fromMap?.label ?? fallbackLabel, type: finalType }\n          : { kind: 'var', value, label: fromMap?.label ?? fallbackLabel }\n        segs.push(seg)\n      } else {\n        segs.push({ kind: 'text', value: child.textContent ?? '' })\n      }\n    }\n    return normalize(segs)\n  }\n\n  /**\n   * 计算光标在序列化字符串中的全局偏移。\n   * 规则：\n   *  - 在 text span / 裸 text node 中：父级 / 节点之前的 segments 长度累加 + selection 内偏移\n   *  - 在 chip 边界：根据 selection 在 chip 节点之前 / 之后判断\n   */\n  function getCaretOffset(): number | null {\n    const sel = document.getSelection()\n    if (!sel || sel.rangeCount === 0) return null\n    const range = sel.getRangeAt(0)\n    if (!opts.container.contains(range.startContainer)) return null\n\n    let offset = 0\n    let found = false\n    for (const child of Array.from(opts.container.childNodes)) {\n      if (found) break\n      if (isChipElement(child)) {\n        if (range.startContainer === child) {\n          // selection.startOffset 表示子节点索引：0 表示 chip 起始，>=1 表示 chip 之后\n          if (range.startOffset === 0) return offset\n          return offset + childSerialLength(child)\n        }\n        if (range.startContainer === opts.container && getChildIndex(child) === range.startOffset) {\n          // 容器层 selection：偏移即子节点索引\n          return offset\n        }\n        offset += childSerialLength(child)\n      } else {\n        // text span 或裸 text 节点\n        if (\n          range.startContainer === child ||\n          (child.contains(range.startContainer) && child !== opts.container)\n        ) {\n          // 计算 selection 在该 child textContent 中的偏移\n          const localOffset = computeTextOffsetWithin(\n            child,\n            range.startContainer,\n            range.startOffset\n          )\n          return offset + localOffset\n        }\n        if (range.startContainer === opts.container && getChildIndex(child) === range.startOffset) {\n          return offset\n        }\n        offset += childSerialLength(child)\n      }\n    }\n    if (\n      range.startContainer === opts.container &&\n      range.startOffset === opts.container.childNodes.length\n    ) {\n      return offset\n    }\n    return null\n  }\n\n  function getChildIndex(node: Node): number {\n    let i = 0\n    let cur: Node | null = node.previousSibling\n    while (cur) {\n      i++\n      cur = cur.previousSibling\n    }\n    return i\n  }\n\n  function computeTextOffsetWithin(root: Node, target: Node, targetOffset: number): number {\n    if (root === target) return targetOffset\n    let total = 0\n    function walk(n: Node): boolean {\n      if (n === target) {\n        total += targetOffset\n        return true\n      }\n      if (n.nodeType === 3) {\n        total += (n as Text).data.length\n        return false\n      }\n      for (const c of Array.from(n.childNodes)) {\n        if (walk(c)) return true\n      }\n      return false\n    }\n    walk(root)\n    return total\n  }\n\n  /** 把光标放到 offset 处，offset 大于文档长度时落到末尾。 */\n  function setCaret(offset: number): void {\n    const sel = document.getSelection()\n    if (!sel) return\n\n    let remain = offset\n    const children = Array.from(opts.container.childNodes)\n    for (let i = 0; i < children.length; i++) {\n      const child = children[i]!\n      const len = childSerialLength(child)\n      if (isChipElement(child)) {\n        if (remain <= 0) {\n          // 光标定到 chip 之前 → 落到容器层 child 索引\n          placeAt(opts.container, i)\n          return\n        }\n        if (remain < len) {\n          // 落在 chip 内部 → 视作 chip 之后\n          placeAt(opts.container, i + 1)\n          return\n        }\n        remain -= len\n      } else {\n        if (remain <= len) {\n          // 落在该 text span 内\n          placeWithinText(child, remain)\n          return\n        }\n        remain -= len\n      }\n    }\n    // 落到末尾\n    if (children.length === 0) {\n      placeAt(opts.container, 0)\n      return\n    }\n    const last = children[children.length - 1]!\n    if (isChipElement(last)) placeAt(opts.container, children.length)\n    else placeWithinText(last, (last.textContent ?? '').length)\n  }\n\n  function placeAt(parent: Node, index: number) {\n    const sel = document.getSelection()\n    if (!sel) return\n    const range = document.createRange()\n    range.setStart(parent, index)\n    range.collapse(true)\n    sel.removeAllRanges()\n    sel.addRange(range)\n  }\n\n  function placeWithinText(span: Node, offset: number): void {\n    const sel = document.getSelection()\n    if (!sel) return\n    const target = firstTextDescendant(span)\n    const range = document.createRange()\n    if (target) {\n      const max = target.data.length\n      range.setStart(target, Math.min(offset, max))\n    } else {\n      // 空 span：让光标落到 span 内（child index 0）\n      range.setStart(span, 0)\n    }\n    range.collapse(true)\n    sel.removeAllRanges()\n    sel.addRange(range)\n  }\n\n  function firstTextDescendant(root: Node): Text | null {\n    if (root.nodeType === 3) return root as Text\n    for (const c of Array.from(root.childNodes)) {\n      const t = firstTextDescendant(c)\n      if (t) return t\n    }\n    return null\n  }\n\n  /** input 后：从 DOM 反推 doc，并触发 onChange（如有变化）。 */\n  function syncFromDOM(): void {\n    if (composing) return\n    const next = readDocFromDOM()\n    if (!docEqual(next, doc)) emitChange(next)\n  }\n\n  function docEqual(a: Doc, b: Doc): boolean {\n    if (a.length !== b.length) return false\n    for (let i = 0; i < a.length; i++) {\n      const x = a[i]!\n      const y = b[i]!\n      if (x.kind !== y.kind) return false\n      if (x.kind === 'text' && y.kind === 'text' && x.value !== y.value) return false\n      if (x.kind === 'var' && y.kind === 'var') {\n        if (x.value !== y.value || x.label !== y.label || x.type !== y.type) return false\n      }\n    }\n    return true\n  }\n\n  function onInput() {\n    syncFromDOM()\n  }\n  function onCompositionStart() {\n    composing = true\n  }\n  function onCompositionEnd() {\n    composing = false\n    syncFromDOM()\n  }\n  function onPaste(e: ClipboardEvent) {\n    e.preventDefault()\n    const text = e.clipboardData?.getData('text/plain') ?? ''\n    if (!text) return\n    insertPlainTextAtCaret(text)\n  }\n  function onSelectionChange() {\n    if (!opts.onSelectionChange) return\n    const sel = document.getSelection()\n    if (!sel || sel.rangeCount === 0) {\n      opts.onSelectionChange({ offset: null })\n      return\n    }\n    const range = sel.getRangeAt(0)\n    if (!opts.container.contains(range.startContainer)) {\n      opts.onSelectionChange({ offset: null })\n      return\n    }\n    opts.onSelectionChange({ offset: getCaretOffset() })\n  }\n\n  function insertPlainTextAtCaret(text: string) {\n    const sel = document.getSelection()\n    if (!sel || sel.rangeCount === 0) return\n    const range = sel.getRangeAt(0)\n    if (!opts.container.contains(range.startContainer)) return\n    range.deleteContents()\n    const node = document.createTextNode(text)\n    range.insertNode(node)\n    range.setStartAfter(node)\n    range.collapse(true)\n    sel.removeAllRanges()\n    sel.addRange(range)\n    syncFromDOM()\n  }\n\n  // 命令：替换区间为 var chip\n  function replaceRangeWithVar(start: number, end: number, variable: EditorVariableInfo) {\n    const a = Math.min(start, end)\n    const b = Math.max(start, end)\n    const left = sliceDoc(doc, 0, a)\n    const right = sliceDoc(doc, b, totalLength(doc))\n    const inserted: Segment = variable.type\n      ? { kind: 'var', value: variable.value, label: variable.label, type: variable.type }\n      : { kind: 'var', value: variable.value, label: variable.label }\n    const next = normalize([...left, inserted, ...right])\n    emitChange(next)\n    render(a + variable.value.length + 2) // 光标定到 chip 之后\n  }\n\n  function removeVarAt(segIndex: number) {\n    const target = doc[segIndex]\n    if (!target || target.kind !== 'var') return\n    const before = doc.slice(0, segIndex)\n    const after = doc.slice(segIndex + 1)\n    const caretOffset = sliceLength(before)\n    const next = normalize([...before, ...after])\n    emitChange(next)\n    render(caretOffset)\n  }\n\n  function replaceVarAt(segIndex: number, variable: EditorVariableInfo) {\n    const target = doc[segIndex]\n    if (!target || target.kind !== 'var') return\n    const next = doc.slice()\n    const replaced: Segment = variable.type\n      ? { kind: 'var', value: variable.value, label: variable.label, type: variable.type }\n      : { kind: 'var', value: variable.value, label: variable.label }\n    next[segIndex] = replaced\n    const caretOffset = sliceLength(doc.slice(0, segIndex)) + variable.value.length + 2\n    emitChange(normalize(next))\n    render(caretOffset)\n  }\n\n  // 工具：基于序列化偏移的切片（不会切开 var）\n  function sliceDoc(d: Doc, start: number, end: number): Doc {\n    const out: Segment[] = []\n    let pos = 0\n    for (const seg of d) {\n      const len = seg.kind === 'text' ? seg.value.length : seg.value.length + 2\n      const segStart = pos\n      const segEnd = pos + len\n      if (segEnd <= start || segStart >= end) {\n        pos += len\n        continue\n      }\n      if (seg.kind === 'text') {\n        const a = Math.max(0, start - segStart)\n        const b = Math.min(len, end - segStart)\n        const slice = seg.value.slice(a, b)\n        if (slice) out.push({ kind: 'text', value: slice })\n      } else {\n        // var 是原子：只有当 [start, end) 完整覆盖该 var 时保留；否则抛弃\n        if (start <= segStart && end >= segEnd) out.push(seg)\n      }\n      pos += len\n    }\n    return out\n  }\n\n  function sliceLength(d: Doc): number {\n    let n = 0\n    for (const s of d) n += s.kind === 'text' ? s.value.length : s.value.length + 2\n    return n\n  }\n\n  function totalLength(d: Doc): number {\n    return sliceLength(d)\n  }\n\n  // 绑定监听\n  const container = opts.container\n  container.addEventListener('input', onInput)\n  container.addEventListener('compositionstart', onCompositionStart)\n  container.addEventListener('compositionend', onCompositionEnd)\n  container.addEventListener('paste', onPaste)\n  document.addEventListener('selectionchange', onSelectionChange)\n\n  // 初次渲染\n  render()\n\n  return {\n    getDoc: () => doc,\n    setDoc: (next) => {\n      doc = normalize(next)\n      render()\n      opts.onChange?.(doc)\n    },\n    getValue: () => serialize(doc),\n    setValue: (value) => {\n      doc = parse(value, opts.getVariableMap?.())\n      render()\n      opts.onChange?.(doc)\n    },\n    getCaretOffset,\n    setCaretOffset: setCaret,\n    replaceRangeWithVar,\n    removeVarAt,\n    replaceVarAt,\n    rerender: () => render(),\n    dispose: () => {\n      container.removeEventListener('input', onInput)\n      container.removeEventListener('compositionstart', onCompositionStart)\n      container.removeEventListener('compositionend', onCompositionEnd)\n      container.removeEventListener('paste', onPaste)\n      document.removeEventListener('selectionchange', onSelectionChange)\n    },\n    container\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"editor.js","names":[],"sources":["../../../../src/components/expression-editor/core/editor.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\n\nimport type { VariableItem } from '../../../types'\nimport { createChip, isChipElement, readChipType, readChipValue } from './chip'\nimport { normalize, parse, serialize, type Doc, type Segment } from './model'\n\nconst TEXT_SEG_ATTR = 'data-seg'\nconst TEXT_SEG_VALUE = 'text'\n\nexport interface EditorVariableInfo {\n  value: string\n  label: string\n  type?: string\n}\n\nexport interface EditorOptions {\n  container: HTMLElement\n  cls: BEM<'expression-editor'>\n  initialDoc: Doc\n  /**\n   * 在 DOM → 模型反推、字符串 → 模型反序列化时为 chip 补齐 label / type。\n   * 用 getter 形式以便外层 `variables` props 变化时拿到最新映射。\n   */\n  getVariableMap?: () => Map<string, VariableItem>\n  /** 模型每次更新（包括用户键入文本）后回调 */\n  onChange?: (doc: Doc) => void\n  /** 选中区域 / 光标偏移变化时回调，offset 为序列化字符串中的位置；无选中或不在编辑器内时为 null */\n  onSelectionChange?: (info: { offset: number | null }) => void\n  /** 用户点击某个 chip 的主体（重选） */\n  onChipReselect?: (info: { chipEl: HTMLElement; segIndex: number; chipOffset: number }) => void\n  /** 用户点击某个 chip 的 ×（删除） */\n  onChipRemove?: (info: { chipEl: HTMLElement; segIndex: number }) => void\n}\n\nexport interface EditorAPI {\n  /** 当前模型 */\n  getDoc(): Doc\n  /** 完全替换模型（会重渲染 DOM） */\n  setDoc(doc: Doc): void\n  /** 序列化为字符串（modelValue 形态） */\n  getValue(): string\n  /** 反序列化字符串为模型并替换（可选传入 variableMap 以补齐 label/type） */\n  setValue(value: string): void\n  /** 当前光标偏移（无 selection 返回 null） */\n  getCaretOffset(): number | null\n  /** 把光标设置到指定偏移（不会修改模型） */\n  setCaretOffset(offset: number): void\n  /**\n   * 用一个 var chip 替换 [start, end) 区间。\n   * 调用方通常在 mention 选中时用：start = `@` 起点、end = 当前光标。\n   */\n  replaceRangeWithVar(start: number, end: number, variable: EditorVariableInfo): void\n  /** 移除指定段下标对应的 var chip（必须是 var 段）。 */\n  removeVarAt(segIndex: number): void\n  /** 替换指定段下标对应的 var chip 为新变量（必须是 var 段）。 */\n  replaceVarAt(segIndex: number, variable: EditorVariableInfo): void\n  /** 卸载所有事件监听（不会销毁 container DOM） */\n  dispose(): void\n  /** 强制根据当前模型重渲染 DOM（光标位置尽量保留） */\n  rerender(): void\n  /** 容器引用（只读） */\n  readonly container: HTMLElement\n}\n\nexport function createEditor(opts: EditorOptions): EditorAPI {\n  let doc: Doc = normalize(opts.initialDoc)\n  let composing = false\n\n  function emitChange(next: Doc) {\n    doc = next\n    opts.onChange?.(doc)\n  }\n\n  function makeTextSpan(value: string): HTMLSpanElement {\n    const span = document.createElement('span')\n    span.setAttribute(TEXT_SEG_ATTR, TEXT_SEG_VALUE)\n    span.textContent = value\n    return span\n  }\n\n  function makeChipSpan(seg: Extract<Segment, { kind: 'var' }>): HTMLElement {\n    return createChip(seg, {\n      cls: opts.cls,\n      onReselect: (chipEl) => {\n        const { segIndex, chipOffset } = locateChip(chipEl)\n        if (segIndex < 0) return\n        opts.onChipReselect?.({ chipEl, segIndex, chipOffset })\n      },\n      onRemove: (chipEl) => {\n        const { segIndex } = locateChip(chipEl)\n        if (segIndex < 0) return\n        opts.onChipRemove?.({ chipEl, segIndex })\n      }\n    })\n  }\n\n  function locateChip(chipEl: HTMLElement): { segIndex: number; chipOffset: number } {\n    let chipOffset = 0\n    let segIdx = -1\n    let i = 0\n    for (const child of Array.from(opts.container.childNodes)) {\n      if (child === chipEl) {\n        segIdx = i\n        return { segIndex: segIdx, chipOffset }\n      }\n      chipOffset += childSerialLength(child)\n      i++\n    }\n    return { segIndex: -1, chipOffset: -1 }\n  }\n\n  function childSerialLength(node: Node): number {\n    if (isChipElement(node)) return readChipValue(node).length + 2\n    return (node.textContent ?? '').length\n  }\n\n  /** 渲染 doc 到 container：每个 var 两侧都补一个 text span（即便空），保证光标可停靠。 */\n  function render(targetCaret?: number) {\n    const container = opts.container\n    container.innerHTML = ''\n\n    // 在边界与每两个 var 之间确保有 text span 占位\n    const expanded: Segment[] = []\n    let lastWasVar = false\n    let first = true\n    for (const seg of doc) {\n      if (first) {\n        if (seg.kind === 'var') expanded.push({ kind: 'text', value: '' })\n        first = false\n      } else if (lastWasVar && seg.kind === 'var') {\n        expanded.push({ kind: 'text', value: '' })\n      }\n      expanded.push(seg)\n      lastWasVar = seg.kind === 'var'\n    }\n    if (lastWasVar || expanded.length === 0) expanded.push({ kind: 'text', value: '' })\n\n    for (const seg of expanded) {\n      if (seg.kind === 'text') container.appendChild(makeTextSpan(seg.value))\n      else container.appendChild(makeChipSpan(seg))\n    }\n\n    if (typeof targetCaret === 'number') setCaret(targetCaret)\n  }\n\n  /** 从 DOM 反推模型：宽容裸 text node、空 text span。 */\n  function readDocFromDOM(): Doc {\n    const segs: Segment[] = []\n    for (const child of Array.from(opts.container.childNodes)) {\n      if (isChipElement(child)) {\n        const value = readChipValue(child)\n        const domType = readChipType(child)\n        const fallbackLabel =\n          child.querySelector(`.${opts.cls.e('chip-label')}`)?.textContent ?? value\n        // 优先从 variableMap 取最新 label / type，保持与外部数据源一致\n        const fromMap = opts.getVariableMap?.().get(value)\n        const finalType = fromMap?.type ?? domType\n        const seg: Segment = finalType\n          ? { kind: 'var', value, label: fromMap?.label ?? fallbackLabel, type: finalType }\n          : { kind: 'var', value, label: fromMap?.label ?? fallbackLabel }\n        segs.push(seg)\n      } else {\n        segs.push({ kind: 'text', value: child.textContent ?? '' })\n      }\n    }\n    return normalize(segs)\n  }\n\n  /**\n   * 计算光标在序列化字符串中的全局偏移。\n   * 规则：\n   *  - 在 text span / 裸 text node 中：父级 / 节点之前的 segments 长度累加 + selection 内偏移\n   *  - 在 chip 边界：根据 selection 在 chip 节点之前 / 之后判断\n   */\n  function getCaretOffset(): number | null {\n    const sel = document.getSelection()\n    if (!sel || sel.rangeCount === 0) return null\n    const range = sel.getRangeAt(0)\n    if (!opts.container.contains(range.startContainer)) return null\n\n    let offset = 0\n    let found = false\n    for (const child of Array.from(opts.container.childNodes)) {\n      if (found) break\n      if (isChipElement(child)) {\n        if (range.startContainer === child) {\n          // selection.startOffset 表示子节点索引：0 表示 chip 起始，>=1 表示 chip 之后\n          if (range.startOffset === 0) return offset\n          return offset + childSerialLength(child)\n        }\n        if (range.startContainer === opts.container && getChildIndex(child) === range.startOffset) {\n          // 容器层 selection：偏移即子节点索引\n          return offset\n        }\n        offset += childSerialLength(child)\n      } else {\n        // text span 或裸 text 节点\n        if (\n          range.startContainer === child ||\n          (child.contains(range.startContainer) && child !== opts.container)\n        ) {\n          // 计算 selection 在该 child textContent 中的偏移\n          const localOffset = computeTextOffsetWithin(\n            child,\n            range.startContainer,\n            range.startOffset\n          )\n          return offset + localOffset\n        }\n        if (range.startContainer === opts.container && getChildIndex(child) === range.startOffset) {\n          return offset\n        }\n        offset += childSerialLength(child)\n      }\n    }\n    if (\n      range.startContainer === opts.container &&\n      range.startOffset === opts.container.childNodes.length\n    ) {\n      return offset\n    }\n    return null\n  }\n\n  function getChildIndex(node: Node): number {\n    let i = 0\n    let cur: Node | null = node.previousSibling\n    while (cur) {\n      i++\n      cur = cur.previousSibling\n    }\n    return i\n  }\n\n  function computeTextOffsetWithin(root: Node, target: Node, targetOffset: number): number {\n    if (root === target) return targetOffset\n    let total = 0\n    function walk(n: Node): boolean {\n      if (n === target) {\n        total += targetOffset\n        return true\n      }\n      if (n.nodeType === 3) {\n        total += (n as Text).data.length\n        return false\n      }\n      for (const c of Array.from(n.childNodes)) {\n        if (walk(c)) return true\n      }\n      return false\n    }\n    walk(root)\n    return total\n  }\n\n  /** 把光标放到 offset 处，offset 大于文档长度时落到末尾。 */\n  function setCaret(offset: number): void {\n    const sel = document.getSelection()\n    if (!sel) return\n\n    let remain = offset\n    const children = Array.from(opts.container.childNodes)\n    for (let i = 0; i < children.length; i++) {\n      const child = children[i]!\n      const len = childSerialLength(child)\n      if (isChipElement(child)) {\n        if (remain <= 0) {\n          // 光标定到 chip 之前 → 落到容器层 child 索引\n          placeAt(opts.container, i)\n          return\n        }\n        if (remain < len) {\n          // 落在 chip 内部 → 视作 chip 之后\n          placeAt(opts.container, i + 1)\n          return\n        }\n        remain -= len\n      } else {\n        if (remain <= len) {\n          // 落在该 text span 内\n          placeWithinText(child, remain)\n          return\n        }\n        remain -= len\n      }\n    }\n    // 落到末尾\n    if (children.length === 0) {\n      placeAt(opts.container, 0)\n      return\n    }\n    const last = children[children.length - 1]!\n    if (isChipElement(last)) placeAt(opts.container, children.length)\n    else placeWithinText(last, (last.textContent ?? '').length)\n  }\n\n  function placeAt(parent: Node, index: number) {\n    const sel = document.getSelection()\n    if (!sel) return\n    const range = document.createRange()\n    range.setStart(parent, index)\n    range.collapse(true)\n    sel.removeAllRanges()\n    sel.addRange(range)\n  }\n\n  function placeWithinText(span: Node, offset: number): void {\n    const sel = document.getSelection()\n    if (!sel) return\n    const target = firstTextDescendant(span)\n    const range = document.createRange()\n    if (target) {\n      const max = target.data.length\n      range.setStart(target, Math.min(offset, max))\n    } else {\n      // 空 span：让光标落到 span 内（child index 0）\n      range.setStart(span, 0)\n    }\n    range.collapse(true)\n    sel.removeAllRanges()\n    sel.addRange(range)\n  }\n\n  function firstTextDescendant(root: Node): Text | null {\n    if (root.nodeType === 3) return root as Text\n    for (const c of Array.from(root.childNodes)) {\n      const t = firstTextDescendant(c)\n      if (t) return t\n    }\n    return null\n  }\n\n  /** input 后：从 DOM 反推 doc，并触发 onChange（如有变化）。 */\n  function syncFromDOM(): void {\n    if (composing) return\n    const next = readDocFromDOM()\n    if (!docEqual(next, doc)) emitChange(next)\n  }\n\n  function docEqual(a: Doc, b: Doc): boolean {\n    if (a.length !== b.length) return false\n    for (let i = 0; i < a.length; i++) {\n      const x = a[i]!\n      const y = b[i]!\n      if (x.kind !== y.kind) return false\n      if (x.kind === 'text' && y.kind === 'text' && x.value !== y.value) return false\n      if (x.kind === 'var' && y.kind === 'var') {\n        if (x.value !== y.value || x.label !== y.label || x.type !== y.type) return false\n      }\n    }\n    return true\n  }\n\n  function onInput() {\n    syncFromDOM()\n  }\n  function onCompositionStart() {\n    composing = true\n  }\n  function onCompositionEnd() {\n    composing = false\n    syncFromDOM()\n  }\n  function onPaste(e: ClipboardEvent) {\n    e.preventDefault()\n    const text = e.clipboardData?.getData('text/plain') ?? ''\n    if (!text) return\n    insertPlainTextAtCaret(text)\n  }\n  function onSelectionChange() {\n    if (composing) return\n    if (!opts.onSelectionChange) return\n    const sel = document.getSelection()\n    if (!sel || sel.rangeCount === 0) {\n      opts.onSelectionChange({ offset: null })\n      return\n    }\n    const range = sel.getRangeAt(0)\n    if (!opts.container.contains(range.startContainer)) {\n      opts.onSelectionChange({ offset: null })\n      return\n    }\n    opts.onSelectionChange({ offset: getCaretOffset() })\n  }\n\n  function insertPlainTextAtCaret(text: string) {\n    const sel = document.getSelection()\n    if (!sel || sel.rangeCount === 0) return\n    const range = sel.getRangeAt(0)\n    if (!opts.container.contains(range.startContainer)) return\n    range.deleteContents()\n    const node = document.createTextNode(text)\n    range.insertNode(node)\n    range.setStartAfter(node)\n    range.collapse(true)\n    sel.removeAllRanges()\n    sel.addRange(range)\n    syncFromDOM()\n  }\n\n  // 命令：替换区间为 var chip\n  function replaceRangeWithVar(start: number, end: number, variable: EditorVariableInfo) {\n    const a = Math.min(start, end)\n    const b = Math.max(start, end)\n    const left = sliceDoc(doc, 0, a)\n    const right = sliceDoc(doc, b, totalLength(doc))\n    const inserted: Segment = variable.type\n      ? { kind: 'var', value: variable.value, label: variable.label, type: variable.type }\n      : { kind: 'var', value: variable.value, label: variable.label }\n    const next = normalize([...left, inserted, ...right])\n    emitChange(next)\n    render(a + variable.value.length + 2) // 光标定到 chip 之后\n  }\n\n  function removeVarAt(segIndex: number) {\n    const target = doc[segIndex]\n    if (!target || target.kind !== 'var') return\n    const before = doc.slice(0, segIndex)\n    const after = doc.slice(segIndex + 1)\n    const caretOffset = sliceLength(before)\n    const next = normalize([...before, ...after])\n    emitChange(next)\n    render(caretOffset)\n  }\n\n  function replaceVarAt(segIndex: number, variable: EditorVariableInfo) {\n    const target = doc[segIndex]\n    if (!target || target.kind !== 'var') return\n    const next = doc.slice()\n    const replaced: Segment = variable.type\n      ? { kind: 'var', value: variable.value, label: variable.label, type: variable.type }\n      : { kind: 'var', value: variable.value, label: variable.label }\n    next[segIndex] = replaced\n    const caretOffset = sliceLength(doc.slice(0, segIndex)) + variable.value.length + 2\n    emitChange(normalize(next))\n    render(caretOffset)\n  }\n\n  // 工具：基于序列化偏移的切片（不会切开 var）\n  function sliceDoc(d: Doc, start: number, end: number): Doc {\n    const out: Segment[] = []\n    let pos = 0\n    for (const seg of d) {\n      const len = seg.kind === 'text' ? seg.value.length : seg.value.length + 2\n      const segStart = pos\n      const segEnd = pos + len\n      if (segEnd <= start || segStart >= end) {\n        pos += len\n        continue\n      }\n      if (seg.kind === 'text') {\n        const a = Math.max(0, start - segStart)\n        const b = Math.min(len, end - segStart)\n        const slice = seg.value.slice(a, b)\n        if (slice) out.push({ kind: 'text', value: slice })\n      } else {\n        // var 是原子：只有当 [start, end) 完整覆盖该 var 时保留；否则抛弃\n        if (start <= segStart && end >= segEnd) out.push(seg)\n      }\n      pos += len\n    }\n    return out\n  }\n\n  function sliceLength(d: Doc): number {\n    let n = 0\n    for (const s of d) n += s.kind === 'text' ? s.value.length : s.value.length + 2\n    return n\n  }\n\n  function totalLength(d: Doc): number {\n    return sliceLength(d)\n  }\n\n  // 绑定监听\n  const container = opts.container\n  container.addEventListener('input', onInput)\n  container.addEventListener('compositionstart', onCompositionStart)\n  container.addEventListener('compositionend', onCompositionEnd)\n  container.addEventListener('paste', onPaste)\n  document.addEventListener('selectionchange', onSelectionChange)\n\n  // 初次渲染\n  render()\n\n  return {\n    getDoc: () => doc,\n    setDoc: (next) => {\n      doc = normalize(next)\n      render()\n      opts.onChange?.(doc)\n    },\n    getValue: () => serialize(doc),\n    setValue: (value) => {\n      doc = parse(value, opts.getVariableMap?.())\n      render()\n      opts.onChange?.(doc)\n    },\n    getCaretOffset,\n    setCaretOffset: setCaret,\n    replaceRangeWithVar,\n    removeVarAt,\n    replaceVarAt,\n    rerender: () => render(),\n    dispose: () => {\n      container.removeEventListener('input', onInput)\n      container.removeEventListener('compositionstart', onCompositionStart)\n      container.removeEventListener('compositionend', onCompositionEnd)\n      container.removeEventListener('paste', onPaste)\n      document.removeEventListener('selectionchange', onSelectionChange)\n    },\n    container\n  }\n}\n"],"mappings":"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"}

package/dist/components/expression-editor/style2.css

@@ -23,10 +23,10 @@
   border-color: var(--u-border-color);
   border-radius: var(--u-radius-default);
 }
-.u-expression-editor:hover:not(.is-disabled):not(.is-readonly) {
+.u-expression-editor:not(.is-disabled):not(.is-readonly):hover {
   border-color: var(--u-color-primary);
 }
-.u-expression-editor:focus-within:not(.is-disabled):not(.is-readonly) {
+.u-expression-editor:not(.is-disabled):not(.is-readonly):focus-within {
   border-color: var(--u-color-primary);
   outline: none;
 }
@@ -80,15 +80,16 @@
   height: 22px;
   line-height: 1;
   font-size: 12px;
-  color: var(--u-text-color-white);
-  background-color: var(--u-color-primary);
+  color: var(--u-color-primary);
+  background-color: var(--u-color-primary-light-9);
   border-radius: 999px;
   cursor: pointer;
   user-select: none;
   transition: background-color 0.12s ease, box-shadow 0.12s ease;
 }
 .u-expression-editor__chip:hover {
-  background-color: var(--u-color-primary-light-2);
+  color: var(--u-color-primary);
+  background-color: var(--u-color-primary-light-8);
   box-shadow: 0 1px 4px var(--u-shadow-color);
 }
 .u-expression-editor__chip:hover .u-expression-editor__chip-close {
@@ -112,7 +113,7 @@
   overflow: hidden;
   font-size: 14px;
   line-height: 1;
-  color: var(--u-text-color-white);
+  color: var(--u-color-primary);
   opacity: 0;
   transition: opacity 0.12s ease, max-width 0.12s ease, margin-left 0.12s ease;
   cursor: pointer;

package/dist/components/file-viewer/style2.css

@@ -55,8 +55,8 @@
   position: absolute;
   inset: 0;
   background: linear-gradient(180deg, rgba(5, 7, 11, 0.78), rgba(4, 5, 8, 0.94)), linear-gradient(90deg, rgba(255, 255, 255, 0.06), transparent 24%, transparent 76%, rgba(255, 255, 255, 0.035));
-  backdrop-filter: blur(18px) saturate(1.16);
-  -webkit-backdrop-filter: blur(18px) saturate(1.16);
+  backdrop-filter: var(--u-bg-filter);
+  -webkit-backdrop-filter: var(--u-bg-filter);
 }
 .u-file-viewer.is-modal .u-file-viewer__inner {
   display: contents;
@@ -81,8 +81,8 @@
   background: linear-gradient(90deg, rgba(8, 10, 15, 0.76), rgba(8, 10, 15, 0.58) 78%, rgba(8, 10, 15, 0.34));
   border-right: 1px solid rgba(255, 255, 255, 0.055);
   box-shadow: none;
-  backdrop-filter: blur(18px) saturate(1.08);
-  -webkit-backdrop-filter: blur(18px) saturate(1.08);
+  backdrop-filter: var(--u-bg-filter);
+  -webkit-backdrop-filter: var(--u-bg-filter);
 }
 .u-file-viewer__sidebar-head {
   display: flex;
@@ -272,8 +272,8 @@
   background: linear-gradient(180deg, rgba(9, 11, 16, 0.72), rgba(9, 11, 16, 0.28) 72%, transparent);
   border-bottom-color: transparent;
   box-shadow: none;
-  backdrop-filter: blur(16px) saturate(1.08);
-  -webkit-backdrop-filter: blur(16px) saturate(1.08);
+  backdrop-filter: var(--u-bg-filter);
+  -webkit-backdrop-filter: var(--u-bg-filter);
 }
 .u-file-viewer__stage-title {
   display: flex;

package/dist/components/form-item/style2.css

@@ -78,8 +78,11 @@
   min-width: 0;
 }
 .u-form-item.is-error .u-input,
-.u-form-item.is-error .u-multi-select, .u-form-item.is-error .u-multi-tree-select, .u-form-item.is-error .u-auto-complete, .u-form-item.is-error .u-textarea--more {
-  box-shadow: inset 0 0 1px 1px var(--u-color-danger);
+.u-form-item.is-error .u-multi-select,
+.u-form-item.is-error .u-multi-tree-select,
+.u-form-item.is-error .u-auto-complete,
+.u-form-item.is-error .u-textarea--more {
+  border-color: var(--u-color-danger);
 }
 .u-form-item__content {
   flex-grow: 1;

package/dist/components/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":[],"sources":["../../../src/components/input/input.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"inputClass\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    v-if=\"!readonly\"\n  >\n    <span v-if=\"$slots.prefix || prefix\" :class=\"prefixClass\" @click=\"handlePrefixClick\">\n      {{ prefix }}\n      <slot name=\"prefix\"></slot>\n    </span>\n\n    <input\n      :class=\"cls.e('native')\"\n      :placeholder=\"props.placeholder\"\n      type=\"text\"\n      :value=\"model\"\n      @input=\"handleInput\"\n      @change=\"handleChange\"\n      @focus=\"handleFocus\"\n      @blur=\"handleBlur\"\n      @compositionstart=\"handleCompositionStart\"\n      @compositionend=\"handleCompositionEnd\"\n      autocomplete=\"off\"\n      ref=\"el\"\n      :disabled=\"disabled\"\n      :readonly=\"nativeReadonly\"\n    />\n    <UIcon\n      v-if=\"clearable && !disabled && model\"\n      :class=\"[cls.e('clear'), bem.is('hidden', !hovered)]\"\n      title=\"清除\"\n      @click.stop=\"clearModelValue\"\n    >\n      <Close />\n    </UIcon>\n    <span :class=\"suffixClass\" @click=\"handleSuffixClick\" v-if=\"$slots.suffix || suffix\">\n      {{ suffix }}\n      <slot name=\"suffix\"></slot>\n    </span>\n  </div>\n\n  <template v-else>\n    {{ generateModel || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { useFocus, useFormComponent, useFormFallbackProps } from '@veltra/compositions'\nimport { Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { computed, getCurrentInstance, ref, shallowRef, nextTick } from 'vue'\n\nimport type { InputEmits, InputProps, _InputExposed } from '../../types'\nimport { UIcon } from '../icon'\n\ndefineOptions({\n  name: 'Input'\n})\n\nconst props = withDefaults(defineProps<InputProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<InputEmits>()\n\nconst model = defineModel<string>()\n\nconst inst = getCurrentInstance()\n\nconst cls = bem('input')\n\nconst { formProps } = useFormComponent()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst { focus, handleBlur, handleFocus } = useFocus((focused) => {\n  if (focused) {\n    emit('focus')\n  } else {\n    emit('blur')\n  }\n})\n\nconst inputClass = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value),\n    bem.is('focus', focus.value)\n  ]\n})\n\nconst prefixClass = [cls.e('prefix'), bem.is('clickable', !!inst?.vnode.props?.['onPrefix:click'])]\n\nconst suffixClass = [cls.e('suffix'), bem.is('clickable', !!inst?.vnode.props?.['onSuffix:click'])]\n\nlet isComposing = false\n\nfunction handleCompositionStart() {\n  isComposing = true\n}\n\nfunction handleCompositionEnd(e: Event) {\n  isComposing = false\n  handleInput(e)\n}\n\nconst handleInput = (e: Event) => {\n  if (isComposing) return\n\n  const inputVal = (e.target as HTMLInputElement).value\n  emit('native:input', e)\n\n  const valid = props.pattern?.test(inputVal) ?? true\n\n  if (!valid) return\n  model.value = inputVal\n}\n\nconst handlePrefixClick = () => {\n  emit('prefix:click', model.value)\n}\n\nconst handleSuffixClick = () => {\n  emit('suffix:click', model.value)\n}\n\nconst clearModelValue = () => {\n  model.value = ''\n  emit('clear')\n}\n\nconst hovered = ref(false)\nconst handleMouseEnter = () => {\n  hovered.value = true\n}\n\nconst handleMouseLeave = () => {\n  hovered.value = false\n}\n\nconst handleChange = (e: Event) => {\n  const target = e.target as HTMLInputElement\n\n  const valid = props.pattern?.test(target.value) ?? true\n\n  if (valid) {\n    emit('change', target.value)\n  } else {\n    nextTick(() => {\n      target.value = model.value ?? ''\n    })\n  }\n}\n\nconst el = shallowRef<HTMLInputElement>()\n\nconst generateModel = computed(() => {\n  if (!model.value) return ''\n\n  return `${props.prefix ?? ''}${model.value}${props.suffix ?? ''}`\n})\n\ndefineExpose<_InputExposed>({\n  el\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"input.js","names":[],"sources":["../../../src/components/input/input.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"inputClass\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    v-if=\"!readonly\"\n  >\n    <span v-if=\"$slots.prefix || prefix\" :class=\"prefixClass\" @click=\"handlePrefixClick\">\n      {{ prefix }}\n      <slot name=\"prefix\"></slot>\n    </span>\n\n    <input\n      :class=\"cls.e('native')\"\n      :placeholder=\"props.placeholder\"\n      type=\"text\"\n      :value=\"model\"\n      @input=\"handleInput\"\n      @change=\"handleChange\"\n      @focus=\"handleFocus\"\n      @blur=\"handleBlur\"\n      @compositionstart=\"handleCompositionStart\"\n      @compositionend=\"handleCompositionEnd\"\n      autocomplete=\"off\"\n      ref=\"el\"\n      :disabled=\"disabled\"\n      :readonly=\"nativeReadonly\"\n    />\n\n    <span :class=\"suffixClass\" v-if=\"hasSuffix\">\n      <Transition name=\"zoom-in\" mode=\"out-in\">\n        <UIcon\n          v-if=\"showClear\"\n          :class=\"cls.e('clear')\"\n          title=\"清除\"\n          @click.stop=\"clearModelValue\"\n          key=\"clear\"\n        >\n          <Close />\n        </UIcon>\n\n        <span v-else :class=\"cls.e('suffix-content')\" @click=\"handleSuffixClick\" key=\"suffix\">\n          {{ suffix }}\n          <slot name=\"suffix\"></slot>\n        </span>\n      </Transition>\n    </span>\n  </div>\n\n  <template v-else>\n    {{ generateModel || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { useFocus, useFormComponent, useFormFallbackProps } from '@veltra/compositions'\nimport { Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { computed, getCurrentInstance, ref, shallowRef, nextTick } from 'vue'\n\nimport type { InputEmits, InputProps, _InputExposed } from '../../types'\nimport { UIcon } from '../icon'\n\ndefineOptions({\n  name: 'Input'\n})\n\nconst props = withDefaults(defineProps<InputProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<InputEmits>()\n\nconst model = defineModel<string>()\n\nconst inst = getCurrentInstance()\n\nconst cls = bem('input')\n\nconst { formProps } = useFormComponent()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst { focus, handleBlur, handleFocus } = useFocus((focused) => {\n  if (focused) {\n    emit('focus')\n  } else {\n    emit('blur')\n  }\n})\n\nconst inputClass = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value),\n    bem.is('focus', focus.value)\n  ]\n})\n\nconst prefixClass = [cls.e('prefix'), bem.is('clickable', !!inst?.vnode.props?.['onPrefix:click'])]\n\nconst suffixClass = [cls.e('suffix'), bem.is('clickable', !!inst?.vnode.props?.['onSuffix:click'])]\n\nlet isComposing = false\n\nfunction handleCompositionStart() {\n  isComposing = true\n}\n\nfunction handleCompositionEnd(e: Event) {\n  isComposing = false\n  handleInput(e)\n}\n\nconst handleInput = (e: Event) => {\n  if (isComposing) return\n\n  const inputVal = (e.target as HTMLInputElement).value\n  emit('native:input', e)\n\n  const valid = props.pattern?.test(inputVal) ?? true\n\n  if (!valid) return\n  model.value = inputVal\n}\n\nconst handlePrefixClick = () => {\n  emit('prefix:click', model.value)\n}\n\nconst handleSuffixClick = () => {\n  emit('suffix:click', model.value)\n}\n\nconst clearModelValue = () => {\n  model.value = ''\n  emit('clear')\n}\n\nconst hovered = ref(false)\nconst handleMouseEnter = () => {\n  hovered.value = true\n}\n\nconst handleMouseLeave = () => {\n  hovered.value = false\n}\n\nconst showClear = computed(() => {\n  return props.clearable && !disabled.value && !!model.value && hovered.value\n})\n\nconst hasSuffixContent = computed(() => {\n  return !!inst?.slots.suffix || !!props.suffix\n})\n\nconst hasSuffix = computed(() => {\n  return hasSuffixContent.value || showClear.value\n})\n\nconst handleChange = (e: Event) => {\n  const target = e.target as HTMLInputElement\n\n  const valid = props.pattern?.test(target.value) ?? true\n\n  if (valid) {\n    emit('change', target.value)\n  } else {\n    nextTick(() => {\n      target.value = model.value ?? ''\n    })\n  }\n}\n\nconst el = shallowRef<HTMLInputElement>()\n\nconst generateModel = computed(() => {\n  if (!model.value) return ''\n\n  return `${props.prefix ?? ''}${model.value}${props.suffix ?? ''}`\n})\n\ndefineExpose<_InputExposed>({\n  el\n})\n</script>\n"],"mappings":""}

package/dist/components/input/input.vue.d.ts

@@ -7,37 +7,37 @@ type __VLS_ModelProps = {
   modelValue?: string;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_1: {}, __VLS_16: {};
+declare var __VLS_1: {}, __VLS_22: {};
 type __VLS_Slots = {} & {
   prefix?: (props: typeof __VLS_1) => any;
 } & {
-  suffix?: (props: typeof __VLS_16) => any;
+  suffix?: (props: typeof __VLS_22) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, _InputExposed, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string | undefined) => any;
 } & {
   "update:modelValue": (value: string) => any;
-  clear: () => any;
   change: (value: string) => any;
   "suffix:click": (value?: string | undefined) => any;
   "prefix:click": (value?: string | undefined) => any;
   focus: (value?: string | undefined) => any;
+  clear: () => any;
   blur: (value?: string | undefined) => any;
   "native:input": (ev: Event) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
   "onSuffix:click"?: ((value?: string | undefined) => any) | undefined;
   "onPrefix:click"?: ((value?: string | undefined) => any) | undefined;
   onFocus?: ((value?: string | undefined) => any) | undefined;
+  onClear?: (() => any) | undefined;
   onBlur?: ((value?: string | undefined) => any) | undefined;
   "onNative:input"?: ((ev: Event) => any) | undefined;
 }>, {
-  placeholder: string;
-  clearable: boolean;
   disabled: boolean;
   readonly: boolean;
+  placeholder: string;
+  clearable: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/input/input.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import _sfc_main from "../icon/icon.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeModels, nextTick, normalizeClass, openBlock, ref, renderSlot, shallowRef, toDisplayString, unref, useModel, withCtx, withModifiers } from "vue";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeModels, nextTick, normalizeClass, openBlock, ref, renderSlot, shallowRef, toDisplayString, unref, useModel, withCtx, withModifiers } from "vue";
 import { FORM_EMPTY_CONTENT, bem } from "@veltra/utils";
 import { useFocus, useFormComponent, useFormFallbackProps } from "@veltra/compositions";
 import { Close } from "@veltra/icons/normal";
@@ -106,6 +106,15 @@ var input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const handleMouseLeave = () => {
 			hovered.value = false;
 		};
+		const showClear = computed(() => {
+			return props.clearable && !disabled.value && !!model.value && hovered.value;
+		});
+		const hasSuffixContent = computed(() => {
+			return !!inst?.slots.suffix || !!props.suffix;
+		});
+		const hasSuffix = computed(() => {
+			return hasSuffixContent.value || showClear.value;
+		});
 		const handleChange = (e) => {
 			const target = e.target;
 			if (props.pattern?.test(target.value) ?? true) emit("change", target.value);
@@ -148,20 +157,28 @@ var input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 					disabled: unref(disabled),
 					readonly: __props.nativeReadonly
 				}, null, 42, _hoisted_1),
-				__props.clearable && !unref(disabled) && model.value ? (openBlock(), createBlock(unref(_sfc_main), {
+				hasSuffix.value ? (openBlock(), createElementBlock("span", {
 					key: 1,
-					class: normalizeClass([unref(cls).e("clear"), unref(bem).is("hidden", !hovered.value)]),
-					title: "清除",
-					onClick: withModifiers(clearModelValue, ["stop"])
+					class: normalizeClass(suffixClass)
+				}, [createVNode(Transition, {
+					name: "zoom-in",
+					mode: "out-in"
 				}, {
-					default: withCtx(() => [createVNode(unref(Close))]),
-					_: 1
-				}, 8, ["class"])) : createCommentVNode("v-if", true),
-				_ctx.$slots.suffix || __props.suffix ? (openBlock(), createElementBlock("span", {
-					key: 2,
-					class: normalizeClass(suffixClass),
-					onClick: handleSuffixClick
-				}, [createTextVNode(toDisplayString(__props.suffix) + " ", 1), renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("v-if", true)
+					default: withCtx(() => [showClear.value ? (openBlock(), createBlock(unref(_sfc_main), {
+						class: normalizeClass(unref(cls).e("clear")),
+						title: "清除",
+						onClick: withModifiers(clearModelValue, ["stop"]),
+						key: "clear"
+					}, {
+						default: withCtx(() => [createVNode(unref(Close))]),
+						_: 1
+					}, 8, ["class"])) : (openBlock(), createElementBlock("span", {
+						class: normalizeClass(unref(cls).e("suffix-content")),
+						onClick: handleSuffixClick,
+						key: "suffix"
+					}, [createTextVNode(toDisplayString(__props.suffix) + " ", 1), renderSlot(_ctx.$slots, "suffix")], 2))]),
+					_: 3
+				})])) : createCommentVNode("v-if", true)
 			], 34)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(generateModel.value || unref(FORM_EMPTY_CONTENT)), 1)], 64));
 		};
 	}

package/dist/components/input/input.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/input/input.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"inputClass\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    v-if=\"!readonly\"\n  >\n    <span v-if=\"$slots.prefix || prefix\" :class=\"prefixClass\" @click=\"handlePrefixClick\">\n      {{ prefix }}\n      <slot name=\"prefix\"></slot>\n    </span>\n\n    <input\n      :class=\"cls.e('native')\"\n      :placeholder=\"props.placeholder\"\n      type=\"text\"\n      :value=\"model\"\n      @input=\"handleInput\"\n      @change=\"handleChange\"\n      @focus=\"handleFocus\"\n      @blur=\"handleBlur\"\n      @compositionstart=\"handleCompositionStart\"\n      @compositionend=\"handleCompositionEnd\"\n      autocomplete=\"off\"\n      ref=\"el\"\n      :disabled=\"disabled\"\n      :readonly=\"nativeReadonly\"\n    />\n    <UIcon\n      v-if=\"clearable && !disabled && model\"\n      :class=\"[cls.e('clear'), bem.is('hidden', !hovered)]\"\n      title=\"清除\"\n      @click.stop=\"clearModelValue\"\n    >\n      <Close />\n    </UIcon>\n    <span :class=\"suffixClass\" @click=\"handleSuffixClick\" v-if=\"$slots.suffix || suffix\">\n      {{ suffix }}\n      <slot name=\"suffix\"></slot>\n    </span>\n  </div>\n\n  <template v-else>\n    {{ generateModel || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { useFocus, useFormComponent, useFormFallbackProps } from '@veltra/compositions'\nimport { Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { computed, getCurrentInstance, ref, shallowRef, nextTick } from 'vue'\n\nimport type { InputEmits, InputProps, _InputExposed } from '../../types'\nimport { UIcon } from '../icon'\n\ndefineOptions({\n  name: 'Input'\n})\n\nconst props = withDefaults(defineProps<InputProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<InputEmits>()\n\nconst model = defineModel<string>()\n\nconst inst = getCurrentInstance()\n\nconst cls = bem('input')\n\nconst { formProps } = useFormComponent()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst { focus, handleBlur, handleFocus } = useFocus((focused) => {\n  if (focused) {\n    emit('focus')\n  } else {\n    emit('blur')\n  }\n})\n\nconst inputClass = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value),\n    bem.is('focus', focus.value)\n  ]\n})\n\nconst prefixClass = [cls.e('prefix'), bem.is('clickable', !!inst?.vnode.props?.['onPrefix:click'])]\n\nconst suffixClass = [cls.e('suffix'), bem.is('clickable', !!inst?.vnode.props?.['onSuffix:click'])]\n\nlet isComposing = false\n\nfunction handleCompositionStart() {\n  isComposing = true\n}\n\nfunction handleCompositionEnd(e: Event) {\n  isComposing = false\n  handleInput(e)\n}\n\nconst handleInput = (e: Event) => {\n  if (isComposing) return\n\n  const inputVal = (e.target as HTMLInputElement).value\n  emit('native:input', e)\n\n  const valid = props.pattern?.test(inputVal) ?? true\n\n  if (!valid) return\n  model.value = inputVal\n}\n\nconst handlePrefixClick = () => {\n  emit('prefix:click', model.value)\n}\n\nconst handleSuffixClick = () => {\n  emit('suffix:click', model.value)\n}\n\nconst clearModelValue = () => {\n  model.value = ''\n  emit('clear')\n}\n\nconst hovered = ref(false)\nconst handleMouseEnter = () => {\n  hovered.value = true\n}\n\nconst handleMouseLeave = () => {\n  hovered.value = false\n}\n\nconst handleChange = (e: Event) => {\n  const target = e.target as HTMLInputElement\n\n  const valid = props.pattern?.test(target.value) ?? true\n\n  if (valid) {\n    emit('change', target.value)\n  } else {\n    nextTick(() => {\n      target.value = model.value ?? ''\n    })\n  }\n}\n\nconst el = shallowRef<HTMLInputElement>()\n\nconst generateModel = computed(() => {\n  if (!model.value) return ''\n\n  return `${props.prefix ?? ''}${model.value}${props.suffix ?? ''}`\n})\n\ndefineExpose<_InputExposed>({\n  el\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAEb,MAAM,QAAQ,SAAmB,SAAA,aAAC;EAElC,MAAM,OAAO,oBAAmB;EAEhC,MAAM,MAAM,IAAI,QAAO;EAEvB,MAAM,EAAE,cAAc,kBAAiB;EAEvC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,EAAE,EAAE,MAAM,CAAA;EAElF,MAAM,EAAE,OAAO,YAAY,gBAAgB,UAAU,YAAY;AAC/D,OAAI,QACF,MAAK,QAAO;OAEZ,MAAK,OAAM;IAEd;EAED,MAAM,aAAa,eAAe;AAChC,UAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,MAAM;IACjB,IAAI,GAAG,YAAY,SAAS,MAAM;IAClC,IAAI,GAAG,YAAY,SAAS,MAAM;IAClC,IAAI,GAAG,SAAS,MAAM,MAAK;IAC7B;IACD;EAED,MAAM,cAAc,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,GAAG,aAAa,CAAC,CAAC,MAAM,MAAM,QAAQ,kBAAkB,CAAA;EAElG,MAAM,cAAc,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,GAAG,aAAa,CAAC,CAAC,MAAM,MAAM,QAAQ,kBAAkB,CAAA;EAElG,IAAI,cAAc;EAElB,SAAS,yBAAyB;AAChC,iBAAc;;EAGhB,SAAS,qBAAqB,GAAU;AACtC,iBAAc;AACd,eAAY,EAAC;;EAGf,MAAM,eAAe,MAAa;AAChC,OAAI,YAAa;GAEjB,MAAM,WAAY,EAAE,OAA4B;AAChD,QAAK,gBAAgB,EAAC;AAItB,OAAI,EAFU,MAAM,SAAS,KAAK,SAAS,IAAI,MAEnC;AACZ,SAAM,QAAQ;;EAGhB,MAAM,0BAA0B;AAC9B,QAAK,gBAAgB,MAAM,MAAK;;EAGlC,MAAM,0BAA0B;AAC9B,QAAK,gBAAgB,MAAM,MAAK;;EAGlC,MAAM,wBAAwB;AAC5B,SAAM,QAAQ;AACd,QAAK,QAAO;;EAGd,MAAM,UAAU,IAAI,MAAK;EACzB,MAAM,yBAAyB;AAC7B,WAAQ,QAAQ;;EAGlB,MAAM,yBAAyB;AAC7B,WAAQ,QAAQ;;EAGlB,MAAM,gBAAgB,MAAa;GACjC,MAAM,SAAS,EAAE;AAIjB,OAFc,MAAM,SAAS,KAAK,OAAO,MAAM,IAAI,KAGjD,MAAK,UAAU,OAAO,MAAK;OAE3B,gBAAe;AACb,WAAO,QAAQ,MAAM,SAAS;KAC/B;;EAIL,MAAM,KAAK,YAA6B;EAExC,MAAM,gBAAgB,eAAe;AACnC,OAAI,CAAC,MAAM,MAAO,QAAO;AAEzB,UAAO,GAAG,MAAM,UAAU,KAAK,MAAM,QAAQ,MAAM,UAAU;IAC9D;AAED,WAA4B,EAC1B,IACD,CAAA;;WArKU,MAAA,SAAQ,IAAA,WAAA,EAJjB,mBAuCM,OAAA;;IAtCH,OAAK,eAAE,WAAA,MAAU;IACjB,cAAY;IACZ,cAAY;;IAGDA,KAAAA,OAAO,UAAU,QAAA,UAAA,WAAA,EAA7B,mBAGO,QAAA;;KAH+B,OAAK,eAAE,YAAW;KAAG,SAAO;wCAC7D,QAAA,OAAM,GAAG,KACZ,EAAA,EAAA,WAA2B,KAAA,QAAA,SAAA,CAAA,CAAA,IAAA,mBAAA,QAAA,KAAA;IAG7B,mBAeE,SAAA;KAdC,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,SAAA,CAAA;KACZ,aAAa,MAAM;KACpB,MAAK;KACJ,OAAO,MAAA;KACP,SAAO;KACP,UAAQ;KACR,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,MAAA,YAAA,IAAA,MAAA,YAAA,CAAA,GAAA,KAAW;KAClB,QAAI,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,MAAA,WAAA,IAAA,MAAA,WAAA,CAAA,GAAA,KAAU;KAChB,oBAAkB;KAClB,kBAAgB;KACjB,cAAa;cACT;KAAJ,KAAI;KACH,UAAU,MAAA,SAAQ;KAClB,UAAU,QAAA;;IAGL,QAAA,aAAS,CAAK,MAAA,SAAQ,IAAI,MAAA,SAAA,WAAA,EADlC,YAOQ,MAAA,UAAA,EAAA;;KALL,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,EAAC,QAAA,EAAW,MAAA,IAAG,CAAC,GAAE,UAAA,CAAY,QAAA,MAAO,CAAA,CAAA;KAClD,OAAM;KACL,SAAK,cAAO,iBAAe,CAAA,OAAA,CAAA;;4BAEnB,CAAT,YAAS,MAAA,MAAA,CAAA,CAAA,CAAA;;;IAEiDA,KAAAA,OAAO,UAAU,QAAA,UAAA,WAAA,EAA7E,mBAGO,QAAA;;KAHA,OAAK,eAAE,YAAW;KAAG,SAAO;wCAC9B,QAAA,OAAM,GAAG,KACZ,EAAA,EAAA,WAA2B,KAAA,QAAA,SAAA,CAAA,CAAA,IAAA,mBAAA,QAAA,KAAA;2BAI/B,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,cAAA,SAAiB,MAAA,mBAAkB,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"input.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/input/input.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"inputClass\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    v-if=\"!readonly\"\n  >\n    <span v-if=\"$slots.prefix || prefix\" :class=\"prefixClass\" @click=\"handlePrefixClick\">\n      {{ prefix }}\n      <slot name=\"prefix\"></slot>\n    </span>\n\n    <input\n      :class=\"cls.e('native')\"\n      :placeholder=\"props.placeholder\"\n      type=\"text\"\n      :value=\"model\"\n      @input=\"handleInput\"\n      @change=\"handleChange\"\n      @focus=\"handleFocus\"\n      @blur=\"handleBlur\"\n      @compositionstart=\"handleCompositionStart\"\n      @compositionend=\"handleCompositionEnd\"\n      autocomplete=\"off\"\n      ref=\"el\"\n      :disabled=\"disabled\"\n      :readonly=\"nativeReadonly\"\n    />\n\n    <span :class=\"suffixClass\" v-if=\"hasSuffix\">\n      <Transition name=\"zoom-in\" mode=\"out-in\">\n        <UIcon\n          v-if=\"showClear\"\n          :class=\"cls.e('clear')\"\n          title=\"清除\"\n          @click.stop=\"clearModelValue\"\n          key=\"clear\"\n        >\n          <Close />\n        </UIcon>\n\n        <span v-else :class=\"cls.e('suffix-content')\" @click=\"handleSuffixClick\" key=\"suffix\">\n          {{ suffix }}\n          <slot name=\"suffix\"></slot>\n        </span>\n      </Transition>\n    </span>\n  </div>\n\n  <template v-else>\n    {{ generateModel || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { useFocus, useFormComponent, useFormFallbackProps } from '@veltra/compositions'\nimport { Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { computed, getCurrentInstance, ref, shallowRef, nextTick } from 'vue'\n\nimport type { InputEmits, InputProps, _InputExposed } from '../../types'\nimport { UIcon } from '../icon'\n\ndefineOptions({\n  name: 'Input'\n})\n\nconst props = withDefaults(defineProps<InputProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<InputEmits>()\n\nconst model = defineModel<string>()\n\nconst inst = getCurrentInstance()\n\nconst cls = bem('input')\n\nconst { formProps } = useFormComponent()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst { focus, handleBlur, handleFocus } = useFocus((focused) => {\n  if (focused) {\n    emit('focus')\n  } else {\n    emit('blur')\n  }\n})\n\nconst inputClass = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value),\n    bem.is('focus', focus.value)\n  ]\n})\n\nconst prefixClass = [cls.e('prefix'), bem.is('clickable', !!inst?.vnode.props?.['onPrefix:click'])]\n\nconst suffixClass = [cls.e('suffix'), bem.is('clickable', !!inst?.vnode.props?.['onSuffix:click'])]\n\nlet isComposing = false\n\nfunction handleCompositionStart() {\n  isComposing = true\n}\n\nfunction handleCompositionEnd(e: Event) {\n  isComposing = false\n  handleInput(e)\n}\n\nconst handleInput = (e: Event) => {\n  if (isComposing) return\n\n  const inputVal = (e.target as HTMLInputElement).value\n  emit('native:input', e)\n\n  const valid = props.pattern?.test(inputVal) ?? true\n\n  if (!valid) return\n  model.value = inputVal\n}\n\nconst handlePrefixClick = () => {\n  emit('prefix:click', model.value)\n}\n\nconst handleSuffixClick = () => {\n  emit('suffix:click', model.value)\n}\n\nconst clearModelValue = () => {\n  model.value = ''\n  emit('clear')\n}\n\nconst hovered = ref(false)\nconst handleMouseEnter = () => {\n  hovered.value = true\n}\n\nconst handleMouseLeave = () => {\n  hovered.value = false\n}\n\nconst showClear = computed(() => {\n  return props.clearable && !disabled.value && !!model.value && hovered.value\n})\n\nconst hasSuffixContent = computed(() => {\n  return !!inst?.slots.suffix || !!props.suffix\n})\n\nconst hasSuffix = computed(() => {\n  return hasSuffixContent.value || showClear.value\n})\n\nconst handleChange = (e: Event) => {\n  const target = e.target as HTMLInputElement\n\n  const valid = props.pattern?.test(target.value) ?? true\n\n  if (valid) {\n    emit('change', target.value)\n  } else {\n    nextTick(() => {\n      target.value = model.value ?? ''\n    })\n  }\n}\n\nconst el = shallowRef<HTMLInputElement>()\n\nconst generateModel = computed(() => {\n  if (!model.value) return ''\n\n  return `${props.prefix ?? ''}${model.value}${props.suffix ?? ''}`\n})\n\ndefineExpose<_InputExposed>({\n  el\n})\n</script>\n"],"mappings":"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"}

package/dist/components/input/style2.css

@@ -18,8 +18,9 @@
 .u-input {
   vertical-align: middle;
   line-height: 1;
-  box-shadow: inset 0 0 1px 1px var(--u-border-color);
-  transition: box-shadow 0.25s ease;
+  border: var(--u-border);
+  box-shadow: var(--u-shadow-emboss);
+  transition: border-color 0.25s ease, box-shadow 0.25s ease;
   overflow: hidden;
   width: 100%;
   display: inline-flex;
@@ -27,8 +28,8 @@
   align-items: center;
   flex-wrap: nowrap;
 }
-.u-input:hover {
-  box-shadow: inset 0 0 0px 1px var(--u-color-primary);
+.u-input:not(.is-disabled):hover {
+  border-color: var(--u-color-primary);
 }
 .u-input--small {
   height: var(--u-form-component-height-small);
@@ -58,7 +59,7 @@
   line-height: var(--u-form-component-height-large);
 }
 .u-input.is-focus {
-  box-shadow: inset 0 0 1px 1px var(--u-color-primary);
+  border-color: var(--u-color-primary);
 }
 .u-input__native {
   outline: none;
@@ -94,21 +95,17 @@
   cursor: pointer;
 }
 .u-input__clear {
-  flex-shrink: 0;
-  width: 20px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
   cursor: pointer;
   color: var(--u-text-color-main);
 }
-.u-input__clear.is-hidden {
-  opacity: 0;
-  pointer-events: none;
+.u-input__suffix-content {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
 }
 .u-input.is-disabled {
   background-color: var(--u-color-disabled);
-  box-shadow: inset 0 0 1px 1px var(--u-border-color);
+  box-shadow: none;
 }
 .u-input.is-disabled .u-input__native {
   cursor: not-allowed;

package/dist/components/menu/style2.css

@@ -257,7 +257,8 @@
   margin: 0;
   padding: 0;
   background-color: var(--u-menu-bg-color);
-  backdrop-filter: var(--u-menu-bg-blur) var(--u-menu-bg-saturate);
+  backdrop-filter: var(--u-bg-filter);
+  -webkit-backdrop-filter: var(--u-bg-filter);
   background-image: var(--u-menu-bg-image);
   background-size: cover;
   background-repeat: no-repeat;
@@ -341,7 +342,8 @@
   min-width: 240px;
   padding: 8px !important;
   background-color: var(--u-menu-bg-color);
-  backdrop-filter: var(--u-menu-bg-blur) var(--u-menu-bg-saturate);
+  backdrop-filter: var(--u-bg-filter);
+  -webkit-backdrop-filter: var(--u-bg-filter);
   border: 1px solid var(--u-border-color);
   border-radius: calc(var(--u-radius-large) + 4px);
   box-shadow: 0 16px 40px rgba(15, 23, 42, 0.14), 0 2px 8px rgba(15, 23, 42, 0.08);

package/dist/components/multi-select/multi-select.vue.d.ts

@@ -30,11 +30,11 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
 }>, {
   labelKey: string;
   valueKey: string;
-  placeholder: string;
-  clearable: boolean;
-  minWidth: string;
   disabled: boolean;
   readonly: boolean;
+  minWidth: string;
+  placeholder: string;
+  clearable: boolean;
   visibilityLimit: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/multi-select/style2.css

@@ -18,8 +18,9 @@
 .u-multi-select {
   width: 100%;
   line-height: 1;
-  box-shadow: inset 0 0 1px 1px var(--u-border-color);
-  transition: box-shadow 0.25s ease;
+  border: var(--u-border);
+  box-shadow: var(--u-shadow-emboss);
+  transition: border-color 0.25s ease, box-shadow 0.25s ease;
   overflow: hidden;
   cursor: pointer;
   display: inline-flex;
@@ -61,7 +62,7 @@
   gap: calc((var(--u-form-component-height-large) - var(--u-tag-large)) / 2);
 }
 .u-multi-select:hover {
-  box-shadow: inset 0 0 1px 1px var(--u-color-primary);
+  border-color: var(--u-color-primary);
 }
 .u-multi-select__ripple {
   background-color: var(--u-color-primary-light-7);
@@ -182,7 +183,7 @@
 }
 .u-multi-select.is-disabled {
   background-color: var(--u-color-disabled);
-  box-shadow: inset 0 0 1px 1px var(--u-border-color);
+  box-shadow: none;
   cursor: not-allowed;
 }
 .u-multi-select.is-disabled .u-multi-select__arrow {

package/dist/components/multi-tree-select/multi-tree-select.vue.d.ts

@@ -15,22 +15,22 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "update:modelValue": (value: (string | number)[]) => any;
 } & {
   "update:modelValue": (value: any[]) => any;
-  clear: () => any;
   change: (checked: Record<string, any>[]) => any;
+  clear: () => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onChange?: ((checked: Record<string, any>[]) => any) | undefined;
+  onClear?: (() => any) | undefined;
 }>, {
   expandAll: boolean;
   labelKey: string;
   valueKey: string;
+  disabled: boolean;
+  readonly: boolean;
+  minWidth: string;
   placeholder: string;
   clearable: boolean;
   filterable: boolean;
-  minWidth: string;
-  disabled: boolean;
-  readonly: boolean;
   visibilityLimit: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/multi-tree-select/style2.css

@@ -17,8 +17,9 @@
 /** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
 .u-multi-tree-select {
   width: 100%;
-  box-shadow: inset 0 0 1px 1px var(--u-border-color);
-  transition: box-shadow 0.25s ease;
+  border: var(--u-border);
+  box-shadow: var(--u-shadow-emboss);
+  transition: border-color 0.25s ease, box-shadow 0.25s ease;
   overflow: hidden;
   cursor: pointer;
   line-height: 1;
@@ -28,7 +29,7 @@
   flex-wrap: nowrap;
 }
 .u-multi-tree-select:hover {
-  box-shadow: inset 0 0 1px 1px var(--u-color-primary);
+  border-color: var(--u-color-primary);
 }
 .u-multi-tree-select--small {
   min-height: var(--u-form-component-height-small);
@@ -66,7 +67,7 @@
 .u-multi-tree-select.is-disabled {
   cursor: not-allowed;
   background-color: var(--u-color-disabled);
-  box-shadow: inset 0 0 1px 1px var(--u-border-color);
+  box-shadow: none;
 }
 .u-multi-tree-select.is-disabled .u-multi-tree-select__arrow {
   color: var(--u-text-color-disabled);

package/dist/components/notification/notification.vue.d.ts

@@ -4,11 +4,11 @@ import * as _$_veltra_utils0 from "@veltra/utils";
 
 //#region src/components/notification/notification.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<NotificationProps, _$_veltra_utils0.DeconstructValue<_NotificationExposed>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<NotificationProps> & Readonly<{}>, {
-  closable: boolean;
   duration: number;
+  closable: boolean;
+  position: "top-left" | "top-right" | "bottom-left" | "bottom-right";
   offset: number;
   buttonText: string;
-  position: "top-left" | "top-right" | "bottom-left" | "bottom-right";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/number/number.vue.d.ts

@@ -3,8 +3,8 @@ import * as _$vue from "vue";
 
 //#region src/components/number/number.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<NumberProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<NumberProps> & Readonly<{}>, {
-  duration: number;
   format: "currency" | "percent" | "decimal";
+  duration: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion