vue3-django 0.1.1 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -0
- package/dist/vue3-django.js +2514 -2326
- package/package.json +9 -1
- package/src/components/model/Form.vue +9 -2
- package/src/index.js +8 -1
- package/src/router/index.js +37 -6
- package/src/views/model/edit.vue +138 -0
- package/src/views/model/list.vue +80 -0
package/README.md
CHANGED
|
@@ -90,6 +90,14 @@ import { ModelTable, ModelForm } from 'vue3-django'
|
|
|
90
90
|
表单支持 `v-model`、`defaults`、`items`，暴露 `load()`/`submit()`；列表暴露 `refresh()`。
|
|
91
91
|
保存事件 `form-posted` 保留 `{ model, data, intent }`。
|
|
92
92
|
|
|
93
|
+
页面层提供 `ModelListView` 与 `ModelEditView`，demo 已使用这两个页面。
|
|
94
|
+
`genModelRouters(apps, { modules: import.meta.glob('./views/**/*.vue') })` 通过 `import_or_use_template` 动态加载页面：优先使用宿主的 `views/<app>/<model>/list.vue`、`edit.vue`，不存在时使用内置模板；新增也复用 edit 模板。已有页面的加载错误不会回退。仍可传 `{ list, create, edit }` 覆盖页面组件。
|
|
95
|
+
demo 的 App.vue 只渲染 RouterView，布局由父路由的 Root.vue 提供，模型页作为子路由渲染。
|
|
96
|
+
列表页读取 `config.list` 并传递 `baseQueries` 等配置，处理编辑跳转及 revisions 刷新。
|
|
97
|
+
`list.mode: 'grid'` 默认使用卡片列表；传 `gridComponent` 可接入专用网格组件（并非旧 ModelGrid 的全部功能）。
|
|
98
|
+
编辑页在 ModelForm 的 `bottom` 插槽挂载 `panels`（兼容旧拼写 `pannels`）折叠面板及 relations；面板的 component 接收 parent 模型上下文。
|
|
99
|
+
新增页在保存成功后替换为编辑路径，关联区只在已有主键时显示。内置页面需要安装 vue-router，页面 props 支持 appModel、id、mode、mobile。
|
|
100
|
+
|
|
93
101
|
`ModelTable` 的“新增”默认打开 Drawer，桌面宽度 66%，移动端全屏。
|
|
94
102
|
`createDefaults` 覆盖 `baseQueries` 的新建默认值，`createDrawerSize` 调整桌面宽度。
|
|
95
103
|
成功后关闭抽屉、发出 `created`（同 form-posted payload）并刷新列表；失败时保留表单。
|