chore(fms-vue): WIP 基线快照——收编工作区未提交的前端改动
不含 fms-api Java 侧改动与后续导航状态化阶段提交。主要内容: - ui 组件库:date/dropdown/form/input/popover/select/tooltip 调整, 新增 Segmented 组件;fms-table 可编辑单元格渲染器与 FileCard 更新 - 模块管理:列表配置加载自动补全、查询缺配徽标与一键补充、 结构编辑内核 useStructureEditing/useBandLayout、子表表格编辑方式、 分组标题多语言、I18nKeyCell 等(含配套 spec) - 布局/主题/仪表盘/演示页小幅更新
This commit is contained in:
1 parent
a1079a7150
commit
05d0c7f304
58 files changed
+3698
-1343
No files matched your search
@@ -0,0 +1,96 @@
|
||||
/**
|
||||
* 复现用:新建空数据模块后 FormEditPanel 首次挂载(全部空数组)。
|
||||
* 若存在响应式自触发循环,Vue 会抛 "Maximum recursive updates exceeded"。
|
||||
*/
|
||||
import { mount } from '@vue/test-utils'
|
||||
import { describe, expect, it, vi } from 'vitest'
|
||||
import { createPinia, setActivePinia } from 'pinia'
|
||||
import ModuleFormEditPanel from '@/views/system/module-management/components/form-edit/FormEditPanel.vue'
|
||||
|
||||
vi.mock('@/services/api', () => ({
|
||||
loadDataApi: vi.fn(async () => ({ data: [] })),
|
||||
saveObjectApi: vi.fn(),
|
||||
nextIdApi: vi.fn(),
|
||||
describeApi: vi.fn(async () => ({ data: [] })),
|
||||
}))
|
||||
|
||||
const StubDraggable = {
|
||||
name: 'draggable',
|
||||
props: {
|
||||
list: { type: Array, default: () => [] },
|
||||
itemKey: { type: String, default: undefined },
|
||||
},
|
||||
emits: ['start', 'end'],
|
||||
template: `
|
||||
<div class="stub-draggable">
|
||||
<template v-for="el in list" :key="el[itemKey || 'key']">
|
||||
<slot name="item" :element="el" />
|
||||
</template>
|
||||
<slot name="footer" />
|
||||
</div>
|
||||
`,
|
||||
}
|
||||
|
||||
function mountEmptyPanel() {
|
||||
return mount(ModuleFormEditPanel, {
|
||||
props: {
|
||||
moduleId: 'm1',
|
||||
editConfig: [],
|
||||
listConfig: [],
|
||||
fields: [],
|
||||
groups: [],
|
||||
editMode: 'form',
|
||||
loading: false,
|
||||
active: true,
|
||||
},
|
||||
global: { stubs: { draggable: StubDraggable } },
|
||||
})
|
||||
}
|
||||
|
||||
const fields = [
|
||||
{ b_id: '1', b_name: '姓名', b_field: 'name', b_type: 'input' },
|
||||
{ b_id: '2', b_name: '年龄', b_field: 'age', b_type: 'number' },
|
||||
]
|
||||
const groups = [
|
||||
{ b_id: 'g1', b_module_id: 'm1', b_parent_id: null, b_title: '基本信息', b_xh: 10, b_canuse: 1 },
|
||||
]
|
||||
const editConfig = [
|
||||
{ b_id: 'e1', b_module_id: 'm1', b_field_id: '1', b_group_id: 'g1', b_visible: 1, b_required: 0, b_readonly: 0, b_disabled: 0, b_colspan: 24, b_height: null, b_placeholder: null, b_xh: 10 },
|
||||
{ b_id: 'e2', b_module_id: 'm1', b_field_id: '2', b_group_id: null, b_visible: 1, b_required: 0, b_readonly: 0, b_disabled: 0, b_colspan: 24, b_height: null, b_placeholder: null, b_xh: 20 },
|
||||
]
|
||||
|
||||
describe('FormEditPanel 空模块挂载', () => {
|
||||
it('从空挂载不触发递归更新', async () => {
|
||||
setActivePinia(createPinia())
|
||||
const wrapper = mountEmptyPanel()
|
||||
await wrapper.vm.$nextTick()
|
||||
await wrapper.vm.$nextTick()
|
||||
expect(wrapper.exists()).toBe(true)
|
||||
wrapper.unmount()
|
||||
})
|
||||
|
||||
it('已有数据模块切到空草稿(新建模块序列)不触发递归更新', async () => {
|
||||
setActivePinia(createPinia())
|
||||
const wrapper = mount(ModuleFormEditPanel, {
|
||||
props: {
|
||||
moduleId: 'm1',
|
||||
editConfig: editConfig.map((r) => ({ ...r })),
|
||||
listConfig: [],
|
||||
fields,
|
||||
groups: groups.map((g) => ({ ...g })),
|
||||
editMode: 'form',
|
||||
loading: false,
|
||||
active: true,
|
||||
},
|
||||
global: { stubs: { draggable: StubDraggable } },
|
||||
})
|
||||
await wrapper.vm.$nextTick()
|
||||
await wrapper.vm.$nextTick()
|
||||
// 模拟 addModule:drafts 整体替换为空草稿,props 全部变为空数组
|
||||
await wrapper.setProps({ editConfig: [], fields: [], groups: [] })
|
||||
await wrapper.vm.$nextTick()
|
||||
await new Promise((r) => setTimeout(r, 30))
|
||||
expect(wrapper.exists()).toBe(true)
|
||||
wrapper.unmount()
|
||||
})
|
||||
})
|
||||
Reference in new issue
Block a user