@veltra/desktop 1.7.17 → 1.7.19

package/src/components/expression-editor/core/chip.ts

@@ -8,18 +8,15 @@ export interface ChipDeps {
 
 export interface ChipFactoryOptions extends ChipDeps {
   /**
-   * 当用户点击 chip 主体（不是 ×）时回调，由调用方决定如何打开重选面板。
+   * 当用户点击 chip 主体时回调，由调用方决定如何打开重选面板。
    * 收到的 chipEl 当前在 DOM 中的位置即为重选锚点。
    */
   onReselect: (chipEl: HTMLElement) => void
-  /** 当用户点击 × 时回调，调用方应将该 chip 从模型 / DOM 中移除。 */
-  onRemove: (chipEl: HTMLElement) => void
 }
 
 const CHIP_DATA_SEG = 'var'
 const CHIP_VALUE_ATTR = 'data-value'
 const CHIP_TYPE_ATTR = 'data-var-type'
-const CHIP_CLOSE_ATTR = 'data-chip-close'
 
 /** 判断一个 DOM 节点是否为 chip 元素（var 段渲染体） */
 export function isChipElement(node: Node | null): node is HTMLElement {
@@ -30,12 +27,6 @@ export function isChipElement(node: Node | null): node is HTMLElement {
   )
 }
 
-/** 判断点击目标是否落在 × 删除区。 */
-function isCloseTarget(target: EventTarget | null): boolean {
-  if (!(target instanceof Element)) return false
-  return !!target.closest(`[${CHIP_CLOSE_ATTR}]`)
-}
-
 /** 从给定 segment 创建一个 chip 元素（var 段渲染体）。 */
 export function createChip(
   segment: Extract<Segment, { kind: 'var' }>,
@@ -55,25 +46,13 @@ export function createChip(
   label.className = cls.e('chip-label')
   label.textContent = segment.type ? `${segment.label} (${segment.type})` : segment.label
 
-  const close = document.createElement('span')
-  close.className = cls.e('chip-close')
-  close.setAttribute(CHIP_CLOSE_ATTR, 'true')
-  close.setAttribute('aria-label', '删除')
-  close.setAttribute('role', 'button')
-  close.textContent = '×'
-
   chip.appendChild(label)
-  chip.appendChild(close)
 
   chip.addEventListener('mousedown', (e) => {
     e.preventDefault()
     // 阻止冒泡：避免宿主弹框（如 dialog）的 mousedown 层级提升逻辑把 chip 打开的重选面板盖住
     e.stopPropagation()
-    if (isCloseTarget(e.target)) {
-      opts.onRemove(chip)
-    } else {
-      opts.onReselect(chip)
-    }
+    opts.onReselect(chip)
   })
 
   return chip
@@ -95,9 +74,4 @@ export function setChipFocused(el: HTMLElement, focused: boolean): void {
 }
 
 /** 测试支持：暴露用于 DOM 选择器的属性常量。 */
-export const ChipAttrs = {
-  seg: 'data-seg',
-  value: CHIP_VALUE_ATTR,
-  type: CHIP_TYPE_ATTR,
-  close: CHIP_CLOSE_ATTR
-} as const
+export const ChipAttrs = { seg: 'data-seg', value: CHIP_VALUE_ATTR, type: CHIP_TYPE_ATTR } as const

package/src/components/expression-editor/core/editor.ts

@@ -28,8 +28,6 @@ export interface EditorOptions {
   onSelectionChange?: (info: { offset: number | null }) => void
   /** 用户点击某个 chip 的主体（重选） */
   onChipReselect?: (info: { chipEl: HTMLElement; segIndex: number; chipOffset: number }) => void
-  /** 用户点击某个 chip 的 ×（删除） */
-  onChipRemove?: (info: { chipEl: HTMLElement; segIndex: number }) => void
 }
 
 export interface EditorAPI {
@@ -50,8 +48,6 @@ export interface EditorAPI {
    * 调用方通常在 mention 选中时用：start = `@` 起点、end = 当前光标。
    */
   replaceRangeWithVar(start: number, end: number, variable: EditorVariableInfo): void
-  /** 移除指定段下标对应的 var chip（必须是 var 段）。 */
-  removeVarAt(segIndex: number): void
   /** 替换指定段下标对应的 var chip 为新变量（必须是 var 段）。 */
   replaceVarAt(segIndex: number, variable: EditorVariableInfo): void
   /** 卸载所有事件监听（不会销毁 container DOM） */
@@ -85,11 +81,6 @@ export function createEditor(opts: EditorOptions): EditorAPI {
         const { segIndex, chipOffset } = locateChip(chipEl)
         if (segIndex < 0) return
         opts.onChipReselect?.({ chipEl, segIndex, chipOffset })
-      },
-      onRemove: (chipEl) => {
-        const { segIndex } = locateChip(chipEl)
-        if (segIndex < 0) return
-        opts.onChipRemove?.({ chipEl, segIndex })
       }
     })
   }
@@ -412,17 +403,6 @@ export function createEditor(opts: EditorOptions): EditorAPI {
     render(a + variable.value.length + 2) // 光标定到 chip 之后
   }
 
-  function removeVarAt(segIndex: number) {
-    const target = doc[segIndex]
-    if (!target || target.kind !== 'var') return
-    const before = doc.slice(0, segIndex)
-    const after = doc.slice(segIndex + 1)
-    const caretOffset = sliceLength(before)
-    const next = normalize([...before, ...after])
-    emitChange(next)
-    render(caretOffset)
-  }
-
   function replaceVarAt(segIndex: number, variable: EditorVariableInfo) {
     const target = doc[segIndex]
     if (!target || target.kind !== 'var') return
@@ -499,7 +479,6 @@ export function createEditor(opts: EditorOptions): EditorAPI {
     getCaretOffset,
     setCaretOffset: setCaret,
     replaceRangeWithVar,
-    removeVarAt,
     replaceVarAt,
     rerender: () => render(),
     dispose: () => {

package/src/components/expression-editor/expression-editor.vue

@@ -135,10 +135,6 @@ onMounted(() => {
       pickerFilter.value = ''
       pickerTriggerDom.value = chipEl
       reselectingSegIdx.value = segIndex
-    },
-    onChipRemove: ({ segIndex }) => {
-      if (disabled.value || readonly.value) return
-      editor.removeVarAt(segIndex)
     }
   })
   editorRef.value = editor

package/src/components/expression-editor/style.scss

@@ -105,12 +105,6 @@ $root-name: expression-editor;
         fn.use-var(color, primary, light-7)
       );
       box-shadow: 0 1px 4px fn.use-var(shadow, color);
-
-      #{fn.bem($root-name, chip-close)} {
-        opacity: 1;
-        max-width: 14px;
-        margin-left: 2px;
-      }
     }
 
     &.is-focused {
@@ -122,29 +116,6 @@ $root-name: expression-editor;
     pointer-events: none;
   }
 
-  @include m.e(chip-close) {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 14px;
-    max-width: 0;
-    margin-left: 0;
-    overflow: hidden;
-    font-size: 14px;
-    line-height: 1;
-    color: fn.use-var(color, primary);
-    opacity: 0;
-    transition:
-      opacity 0.12s ease,
-      max-width 0.12s ease,
-      margin-left 0.12s ease;
-    cursor: pointer;
-
-    &:hover {
-      transform: scale(1.1);
-    }
-  }
-
   // ─── 变量选择面板 ──────────────────────────────────────────
   @include m.e(picker) {
     min-width: 220px;

package/src/types/batch-edit.ts

@@ -8,8 +8,6 @@ export interface BatchEditColumn extends TableColumn {}
 
 export type BatchEditFeature = 'create' | 'update' | 'delete' | 'view' | 'createChild'
 
-export type BatchEditFormStatus = 'hidden'
-
 /** 批量编辑状态 */
 export interface BatchEditStates {
   /** 层级 */
@@ -35,8 +33,6 @@ export interface BatchEditProps extends TableProps {
    * @description 与右侧 UForm 绑定的 reactive 对象
    */
   model?: Record<string, any>
-  /** 表格标题 */
-  title?: string
   /**
    * 列的宽度定义
    */