@veltra/desktop 1.2.8 → 1.2.10

package/dist/components/batch-edit/use-edit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-edit.js","names":[],"sources":["../../../src/components/batch-edit/use-edit.ts"],"sourcesContent":["import { last, o, safeRun } from '@cat-kit/core'\nimport { computed, nextTick, shallowReactive, shallowRef, watch, type ShallowRef } from 'vue'\n\nimport type { TableRow, BatchEditEmits, BatchEditProps } from '../../types'\nimport type { FormExposed } from '../../types/form'\n\n/** 按索引路径在原始数据树中定位节点（等价于历史 Forest.visit 路径访问） */\nfunction visitDataByIndexPath<T extends Record<string, unknown>>(\n  roots: T[],\n  indexPath: number[],\n  childrenKey: string\n): T | undefined {\n  if (!indexPath.length) return undefined\n  let currentList: T[] | undefined = roots\n  let node: T | undefined\n  for (let i = 0; i < indexPath.length; i++) {\n    const idx = indexPath[i]!\n    if (!currentList) return undefined\n    node = currentList[idx]\n    if (node === undefined) return undefined\n    if (i < indexPath.length - 1) {\n      const next = node[childrenKey]\n      currentList = Array.isArray(next) ? (next as T[]) : undefined\n    }\n  }\n  return node\n}\n\ninterface Options {\n  props: BatchEditProps\n  emit: BatchEditEmits\n  formRef: ShallowRef<FormExposed | undefined>\n}\n\nexport interface BatchEditStates {\n  /** 层级 */\n  depth?: number\n  visible: boolean\n  type: 'create' | 'update'\n  loading: boolean\n  row?: TableRow\n  /** 父级，只在添加子级时会有值 */\n  parentRow?: TableRow\n}\n\nexport interface EditReturned {\n  state: BatchEditStates\n  insertIndexes: ShallowRef<number[]>\n  handleSave: () => Promise<void>\n  handleClose: () => void\n  handleCreate: () => Promise<void>\n  handleEdit: (row: TableRow) => void\n  handleCopy: (row: TableRow) => Promise<void>\n  handleDelete: (row: TableRow) => Promise<void>\n  handleInsertToNext: (row: TableRow) => Promise<void>\n  handleInsertToPrev: (row: TableRow) => Promise<void>\n  handleInsertChild: (row: TableRow) => Promise<void>\n}\n\nfunction snapshotData(data?: Record<string, any>) {\n  return safeRun(() => JSON.parse(JSON.stringify(data ?? {})), {})\n}\n\nfunction replaceModelData(model: Record<string, any>, data: Record<string, any>) {\n  for (const key of Object.keys(model)) {\n    delete model[key]\n  }\n  Object.assign(model, data)\n}\n\nexport function useEdit(options: Options): EditReturned {\n  const { props, emit, formRef } = options\n\n  /** 组件状态 */\n  const state = shallowReactive<BatchEditStates>({\n    depth: undefined,\n    visible: false,\n    type: 'create',\n    loading: false\n  })\n\n  const insertIndexes = shallowRef<number[]>([])\n\n  function snapshotModelData() {\n    return snapshotData(props.model)\n  }\n\n  function setFormData(formData?: Record<string, any>) {\n    if (!props.model) return\n    replaceModelData(props.model, snapshotData(formData))\n  }\n\n  const isQuickMode = () => props.mode === 'quick'\n\n  async function runBeforeCreate(data: Record<string, any>) {\n    await props.beforeCreate?.(data, state.parentRow?.data)\n  }\n\n  watch(\n    () => state.row,\n    (row) => {\n      if (row) {\n        state.type = 'update'\n        state.visible = true\n        // 所有模式下都回填 model，保证表单内条件字段（依赖 model）能响应当前编辑行\n        setFormData(row.data)\n      } else {\n        state.visible = false\n      }\n    },\n    { flush: 'sync' }\n  )\n\n  /**\n   * quick + update：model 实时写回 row.data，让表格显示同步更新。\n   * normal 模式不写回，需等待保存。\n   *\n   * 监听源仅限 props.model（deep 遍历仅作用于 model，不触及 row 树）；\n   * mode/type/row 在回调中读取但不作为依赖，避免行切换等场景误触发。\n   */\n  watch(\n    () => props.model,\n    (model) => {\n      const { row, type } = state\n      if (props.mode !== 'quick' || type !== 'update' || !row || !model) return\n      const data = row.data\n      Object.keys(model).forEach((key) => {\n        const next = o(model).get(key)\n        if (o(data).get(key) !== next) {\n          o(data).set(key, next)\n        }\n      })\n    },\n    { deep: true }\n  )\n\n  const childrenKey = computed(() => {\n    return typeof props.tree === 'string' ? props.tree : 'children'\n  })\n\n  /**\n   * 插入数据\n   * @param item 数据\n   */\n  function insert(item: Record<string, any>) {\n    const data = [...(props.data ?? [])]\n\n    const parent = visitDataByIndexPath(\n      data ?? [],\n      insertIndexes.value.slice(0, -1),\n      childrenKey.value\n    )\n\n    if (parent) {\n      const children = parent[childrenKey.value]\n      if (!children) {\n        parent[childrenKey.value] = [item]\n      } else {\n        children.splice(last(insertIndexes.value), 0, item)\n      }\n    } else {\n      data.splice(last(insertIndexes.value), 0, item)\n    }\n\n    emit('update:data', data)\n\n    return item\n  }\n\n  function getInsertData(): Record<string, any> {\n    return snapshotModelData()\n  }\n\n  async function runCreate(cb: () => void, initialData?: Record<string, any>) {\n    state.parentRow = undefined\n    if (state.row) {\n      state.row.isCurrent = false\n    }\n    state.row = undefined\n    state.type = 'create'\n    cb()\n\n    await nextTick()\n\n    setFormData(initialData)\n\n    if (isQuickMode() && props.model) {\n      await runBeforeCreate(props.model)\n    }\n\n    state.visible = true\n  }\n\n  /**\n   * 点击新增按钮\n   */\n  async function handleCreate() {\n    const { data } = props\n    await runCreate(() => {\n      state.depth = 1\n      insertIndexes.value = [data?.length ?? 0]\n    })\n  }\n\n  async function handleInsertToPrev(row: TableRow) {\n    await runCreate(() => {\n      state.depth = row.depth\n      insertIndexes.value = [...row.indexes]\n    })\n  }\n\n  async function handleInsertToNext(row: TableRow) {\n    await runCreate(() => {\n      state.depth = row.depth\n      insertIndexes.value = [...row.indexes.slice(0, -1), row.index + 1]\n    })\n  }\n\n  async function handleInsertChild(row: TableRow) {\n    await runCreate(() => {\n      state.parentRow = row\n      state.depth = row.depth + 1\n      row.expanded = true\n\n      insertIndexes.value = [...row.indexes, row.children?.length ?? 0]\n    })\n  }\n\n  /** 编辑指定行（等同于点击行） */\n  function handleEdit(row: TableRow) {\n    state.type = 'update'\n    state.row = row\n    state.depth = row.depth\n  }\n\n  /** 复制指定行：在其下方以 create 模式打开表单，并预填副本数据 */\n  async function handleCopy(row: TableRow) {\n    await runCreate(() => {\n      state.depth = row.depth\n      insertIndexes.value = [...row.indexes.slice(0, -1), row.index + 1]\n    }, row.data)\n  }\n\n  function runWithLoading<Arg extends any[]>(fn: (...args: Arg) => Promise<void> | void) {\n    return async (...args: Arg) => {\n      state.loading = true\n      if (state.row) {\n        state.row.operating = true\n      }\n      try {\n        await fn.apply(null, args)\n      } catch (error) {\n        console.error(error)\n      }\n      state.loading = false\n      if (state.row) {\n        state.row.operating = false\n      }\n    }\n  }\n\n  /** 保存 */\n  const handleSave = runWithLoading(async () => {\n    const { model, saveMethod } = props\n\n    if (!model) return\n\n    if (isQuickMode() && state.type === 'update') return\n\n    formRef.value?.clearValidate()\n    const valid = await formRef.value?.validate()\n\n    if (!valid) return\n\n    // quick + create：仅校验 + insert\n    if (isQuickMode() && state.type === 'create') {\n      insert(getInsertData())\n      return\n    }\n\n    let item = getInsertData()\n\n    // normal + create：beforeCreate → saveMethod → insert\n    if (state.type === 'create') {\n      await runBeforeCreate(item)\n      if (saveMethod) {\n        const result = await saveMethod(item, state.type, state.parentRow?.data)\n        if (result) {\n          item = result\n        }\n      }\n      insert(item)\n      return\n    }\n\n    // normal + update\n    if (saveMethod) {\n      const result = await saveMethod(item, state.type, state.parentRow?.data)\n      if (result) {\n        item = result\n      }\n    }\n\n    const { row } = state\n    row &&\n      Object.keys(item).forEach((key) => {\n        o(row.data).set(key, o(item).get(key))\n      })\n  })\n\n  const handleDelete = runWithLoading(async (row: TableRow) => {\n    const { deleteMethod } = props\n\n    if (deleteMethod) {\n      await deleteMethod([row.data])\n    }\n\n    const data = [...(props.data ?? [])]\n\n    const parent = visitDataByIndexPath(data, row.indexes.slice(0, -1), childrenKey.value)\n\n    if (parent) {\n      const children = parent[childrenKey.value]\n      if (children) {\n        children.splice(row.index, 1)\n      } else {\n        console.error('行路径不正确')\n      }\n    } else {\n      data.splice(row.index, 1)\n    }\n\n    if (state.row === row) {\n      state.row = undefined\n      state.depth = undefined\n    }\n\n    emit('update:data', data)\n  })\n\n  function handleClose() {\n    state.visible = false\n    if (state.row) {\n      state.row.isCurrent = false\n    }\n    state.row = undefined\n    state.parentRow = undefined\n    state.depth = undefined\n    insertIndexes.value = []\n  }\n\n  return {\n    state,\n    insertIndexes,\n    handleDelete,\n    handleInsertChild,\n    handleInsertToNext,\n    handleInsertToPrev,\n    handleCreate,\n    handleEdit,\n    handleCopy,\n    handleClose,\n    handleSave\n  }\n}\n"],"mappings":"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"}

package/src/components/batch-edit/use-edit.ts

@@ -1,365 +0,0 @@
-import { last, o, safeRun } from '@cat-kit/core'
-import { computed, nextTick, shallowReactive, shallowRef, watch, type ShallowRef } from 'vue'
-
-import type { TableRow, BatchEditEmits, BatchEditProps } from '../../types'
-import type { FormExposed } from '../../types/form'
-
-/** 按索引路径在原始数据树中定位节点（等价于历史 Forest.visit 路径访问） */
-function visitDataByIndexPath<T extends Record<string, unknown>>(
-  roots: T[],
-  indexPath: number[],
-  childrenKey: string
-): T | undefined {
-  if (!indexPath.length) return undefined
-  let currentList: T[] | undefined = roots
-  let node: T | undefined
-  for (let i = 0; i < indexPath.length; i++) {
-    const idx = indexPath[i]!
-    if (!currentList) return undefined
-    node = currentList[idx]
-    if (node === undefined) return undefined
-    if (i < indexPath.length - 1) {
-      const next = node[childrenKey]
-      currentList = Array.isArray(next) ? (next as T[]) : undefined
-    }
-  }
-  return node
-}
-
-interface Options {
-  props: BatchEditProps
-  emit: BatchEditEmits
-  formRef: ShallowRef<FormExposed | undefined>
-}
-
-export interface BatchEditStates {
-  /** 层级 */
-  depth?: number
-  visible: boolean
-  type: 'create' | 'update'
-  loading: boolean
-  row?: TableRow
-  /** 父级，只在添加子级时会有值 */
-  parentRow?: TableRow
-}
-
-export interface EditReturned {
-  state: BatchEditStates
-  insertIndexes: ShallowRef<number[]>
-  handleSave: () => Promise<void>
-  handleClose: () => void
-  handleCreate: () => Promise<void>
-  handleEdit: (row: TableRow) => void
-  handleCopy: (row: TableRow) => Promise<void>
-  handleDelete: (row: TableRow) => Promise<void>
-  handleInsertToNext: (row: TableRow) => Promise<void>
-  handleInsertToPrev: (row: TableRow) => Promise<void>
-  handleInsertChild: (row: TableRow) => Promise<void>
-}
-
-function snapshotData(data?: Record<string, any>) {
-  return safeRun(() => JSON.parse(JSON.stringify(data ?? {})), {})
-}
-
-function replaceModelData(model: Record<string, any>, data: Record<string, any>) {
-  for (const key of Object.keys(model)) {
-    delete model[key]
-  }
-  Object.assign(model, data)
-}
-
-export function useEdit(options: Options): EditReturned {
-  const { props, emit, formRef } = options
-
-  /** 组件状态 */
-  const state = shallowReactive<BatchEditStates>({
-    depth: undefined,
-    visible: false,
-    type: 'create',
-    loading: false
-  })
-
-  const insertIndexes = shallowRef<number[]>([])
-
-  function snapshotModelData() {
-    return snapshotData(props.model)
-  }
-
-  function setFormData(formData?: Record<string, any>) {
-    if (!props.model) return
-    replaceModelData(props.model, snapshotData(formData))
-  }
-
-  const isQuickMode = () => props.mode === 'quick'
-
-  async function runBeforeCreate(data: Record<string, any>) {
-    await props.beforeCreate?.(data, state.parentRow?.data)
-  }
-
-  watch(
-    () => state.row,
-    (row) => {
-      if (row) {
-        state.type = 'update'
-        state.visible = true
-        // 所有模式下都回填 model，保证表单内条件字段（依赖 model）能响应当前编辑行
-        setFormData(row.data)
-      } else {
-        state.visible = false
-      }
-    },
-    { flush: 'sync' }
-  )
-
-  /**
-   * quick + update：model 实时写回 row.data，让表格显示同步更新。
-   * normal 模式不写回，需等待保存。
-   *
-   * 监听源仅限 props.model（deep 遍历仅作用于 model，不触及 row 树）；
-   * mode/type/row 在回调中读取但不作为依赖，避免行切换等场景误触发。
-   */
-  watch(
-    () => props.model,
-    (model) => {
-      const { row, type } = state
-      if (props.mode !== 'quick' || type !== 'update' || !row || !model) return
-      const data = row.data
-      Object.keys(model).forEach((key) => {
-        const next = o(model).get(key)
-        if (o(data).get(key) !== next) {
-          o(data).set(key, next)
-        }
-      })
-    },
-    { deep: true }
-  )
-
-  const childrenKey = computed(() => {
-    return typeof props.tree === 'string' ? props.tree : 'children'
-  })
-
-  /**
-   * 插入数据
-   * @param item 数据
-   */
-  function insert(item: Record<string, any>) {
-    const data = [...(props.data ?? [])]
-
-    const parent = visitDataByIndexPath(
-      data ?? [],
-      insertIndexes.value.slice(0, -1),
-      childrenKey.value
-    )
-
-    if (parent) {
-      const children = parent[childrenKey.value]
-      if (!children) {
-        parent[childrenKey.value] = [item]
-      } else {
-        children.splice(last(insertIndexes.value), 0, item)
-      }
-    } else {
-      data.splice(last(insertIndexes.value), 0, item)
-    }
-
-    emit('update:data', data)
-
-    return item
-  }
-
-  function getInsertData(): Record<string, any> {
-    return snapshotModelData()
-  }
-
-  async function runCreate(cb: () => void, initialData?: Record<string, any>) {
-    state.parentRow = undefined
-    if (state.row) {
-      state.row.isCurrent = false
-    }
-    state.row = undefined
-    state.type = 'create'
-    cb()
-
-    await nextTick()
-
-    setFormData(initialData)
-
-    if (isQuickMode() && props.model) {
-      await runBeforeCreate(props.model)
-    }
-
-    state.visible = true
-  }
-
-  /**
-   * 点击新增按钮
-   */
-  async function handleCreate() {
-    const { data } = props
-    await runCreate(() => {
-      state.depth = 1
-      insertIndexes.value = [data?.length ?? 0]
-    })
-  }
-
-  async function handleInsertToPrev(row: TableRow) {
-    await runCreate(() => {
-      state.depth = row.depth
-      insertIndexes.value = [...row.indexes]
-    })
-  }
-
-  async function handleInsertToNext(row: TableRow) {
-    await runCreate(() => {
-      state.depth = row.depth
-      insertIndexes.value = [...row.indexes.slice(0, -1), row.index + 1]
-    })
-  }
-
-  async function handleInsertChild(row: TableRow) {
-    await runCreate(() => {
-      state.parentRow = row
-      state.depth = row.depth + 1
-      row.expanded = true
-
-      insertIndexes.value = [...row.indexes, row.children?.length ?? 0]
-    })
-  }
-
-  /** 编辑指定行（等同于点击行） */
-  function handleEdit(row: TableRow) {
-    state.type = 'update'
-    state.row = row
-    state.depth = row.depth
-  }
-
-  /** 复制指定行：在其下方以 create 模式打开表单，并预填副本数据 */
-  async function handleCopy(row: TableRow) {
-    await runCreate(() => {
-      state.depth = row.depth
-      insertIndexes.value = [...row.indexes.slice(0, -1), row.index + 1]
-    }, row.data)
-  }
-
-  function runWithLoading<Arg extends any[]>(fn: (...args: Arg) => Promise<void> | void) {
-    return async (...args: Arg) => {
-      state.loading = true
-      if (state.row) {
-        state.row.operating = true
-      }
-      try {
-        await fn.apply(null, args)
-      } catch (error) {
-        console.error(error)
-      }
-      state.loading = false
-      if (state.row) {
-        state.row.operating = false
-      }
-    }
-  }
-
-  /** 保存 */
-  const handleSave = runWithLoading(async () => {
-    const { model, saveMethod } = props
-
-    if (!model) return
-
-    if (isQuickMode() && state.type === 'update') return
-
-    formRef.value?.clearValidate()
-    const valid = await formRef.value?.validate()
-
-    if (!valid) return
-
-    // quick + create：仅校验 + insert
-    if (isQuickMode() && state.type === 'create') {
-      insert(getInsertData())
-      return
-    }
-
-    let item = getInsertData()
-
-    // normal + create：beforeCreate → saveMethod → insert
-    if (state.type === 'create') {
-      await runBeforeCreate(item)
-      if (saveMethod) {
-        const result = await saveMethod(item, state.type, state.parentRow?.data)
-        if (result) {
-          item = result
-        }
-      }
-      insert(item)
-      return
-    }
-
-    // normal + update
-    if (saveMethod) {
-      const result = await saveMethod(item, state.type, state.parentRow?.data)
-      if (result) {
-        item = result
-      }
-    }
-
-    const { row } = state
-    row &&
-      Object.keys(item).forEach((key) => {
-        o(row.data).set(key, o(item).get(key))
-      })
-  })
-
-  const handleDelete = runWithLoading(async (row: TableRow) => {
-    const { deleteMethod } = props
-
-    if (deleteMethod) {
-      await deleteMethod([row.data])
-    }
-
-    const data = [...(props.data ?? [])]
-
-    const parent = visitDataByIndexPath(data, row.indexes.slice(0, -1), childrenKey.value)
-
-    if (parent) {
-      const children = parent[childrenKey.value]
-      if (children) {
-        children.splice(row.index, 1)
-      } else {
-        console.error('行路径不正确')
-      }
-    } else {
-      data.splice(row.index, 1)
-    }
-
-    if (state.row === row) {
-      state.row = undefined
-      state.depth = undefined
-    }
-
-    emit('update:data', data)
-  })
-
-  function handleClose() {
-    state.visible = false
-    if (state.row) {
-      state.row.isCurrent = false
-    }
-    state.row = undefined
-    state.parentRow = undefined
-    state.depth = undefined
-    insertIndexes.value = []
-  }
-
-  return {
-    state,
-    insertIndexes,
-    handleDelete,
-    handleInsertChild,
-    handleInsertToNext,
-    handleInsertToPrev,
-    handleCreate,
-    handleEdit,
-    handleCopy,
-    handleClose,
-    handleSave
-  }
-}