feat(advanced): 优化高级表格组件功能并添加演示页面

- 将 CuteDragTable 和 CuteSimpleTable 的 pageProps 设置为非必填
- 移除 onPageChange 中的 console.log 调试代码并规范化事件发射
- 规范化 order-change 事件的参数传递格式
- 为 CuteEditTable 的输入组件添加宽度样式以改善显示效果
- 在 CuteEditTable 中添加 resetField 方法用于表单重置联动
- 在 CuteRichTextEditor 中添加 resetField 方法的 input 事件发射
- 新增 CuteDragTableDemo、CuteEditTableDemo 和 CuteSimpleTableDemo 演示页面
- 在组件演示主页中添加高级组件的折叠面板展示
This commit is contained in:
2026-02-05 09:37:17 +08:00
parent 3d5b9083d9
commit 166fafab9a
10 changed files with 437 additions and 223 deletions
@@ -91,7 +91,19 @@
</el-collapse-item>
</el-collapse>
</el-tab-pane>
<el-tab-pane label="高级组件" name="advanced" />
<el-tab-pane label="高级组件" name="advanced">
<el-collapse accordion>
<el-collapse-item title="简单数据表格 CuteSimpleTable" name="CuteSimpleTable">
<CuteSimpleTableDemo />
</el-collapse-item>
<el-collapse-item title="可拖拽排序的数据表格 CuteDragTable" name="CuteDragTable">
<CuteDragTableDemo />
</el-collapse-item>
<el-collapse-item title="可编辑表格 CuteEditTable" name="CuteEditTable">
<CuteEditTableDemo />
</el-collapse-item>
</el-collapse>
</el-tab-pane>
</el-tabs>
</cute-page>
</template>
@@ -124,10 +136,16 @@ import CutePreviewDrawerDemo from '@/views/componentsDemo/dev/CutePreviewDrawerD
import CuteTransferDemo from '@/views/componentsDemo/dev/CuteTransferDemo.vue'
import CuteFileUploadDemo from '@/views/componentsDemo/business/CuteFileUploadDemo.vue'
import CuteFileDragUploadDemo from '@/views/componentsDemo/business/CuteFileDragUploadDemo.vue'
import CuteSimpleTableDemo from '@/views/componentsDemo/CuteSimpleTableDemo.vue'
import CuteDragTableDemo from '@/views/componentsDemo/advanced/CuteDragTableDemo.vue'
import CuteEditTableDemo from '@/views/componentsDemo/advanced/CuteEditTableDemo.vue'
export default {
name: 'SystemComponents',
components: {
CuteEditTableDemo,
CuteDragTableDemo,
CuteSimpleTableDemo,
CuteFileDragUploadDemo,
CuteFileUploadDemo,
CuteTransferDemo,