docs(components): 添加业务组件文档演示

- 修改CuteDeptTree组件布局属性从响应式栅格到固定span
- 调整CuteDeptTree组件中search事件触发时机优化
- 新增CuteDeptTreeDemo组件演示页面及API文档
- 新增CuteProductLineSelectDemo组件演示页面及API文档
- 新增CuteProductLineSelectProDemo组件演示页面及API文档
- 新增CuteSingleUserSelectDemo组件演示页面及API文档
- 新增CuteUserSelectDemo组件演示页面及API文档
- 删除旧的CuteBusinessDemo组件页面
- 在组件演示首页添加业务组件折叠面板展示
- 更新组件导入引用名称确保一致性
- 移除CuteOtherDemo中的CuteSectionTitle演示代码
- 重命名CuteSearchProForm为CuteSearchFormPro并更新引用
- 重命名CuteFormProDialog为CuteFormDialogPro并更新引用
This commit is contained in:
2026-02-04 14:17:21 +08:00
parent cefd212b6e
commit b9b1f8eb8c
12 changed files with 430 additions and 126 deletions
@@ -57,7 +57,25 @@
</el-collapse-item>
</el-collapse>
</el-tab-pane>
<el-tab-pane label="业务组件" name="business" />
<el-tab-pane label="业务组件" name="business">
<el-collapse accordion>
<el-collapse-item title="用户单选框 CuteSingleUserSelect" name="CuteSingleUserSelect">
<CuteSingleUserSelectDemo />
</el-collapse-item>
<el-collapse-item title="用户多选框 CuteUserSelect" name="CuteUserSelect">
<CuteUserSelectDemo />
</el-collapse-item>
<el-collapse-item title="部门树 CuteDeptTree" name="CuteDeptTree">
<CuteDeptTreeDemo />
</el-collapse-item>
<el-collapse-item title="产品线选择框 CuteProductLineSelect" name="CuteProductLineSelect">
<CuteProductLineSelectDemo />
</el-collapse-item>
<el-collapse-item title="产品线选择框Pro CuteProductLineSelectPro" name="CuteProductLineSelectPro">
<CuteProductLineSelectProDemo />
</el-collapse-item>
</el-collapse>
</el-tab-pane>
<el-tab-pane label="高级组件" name="advanced" />
</el-tabs>
</cute-page>
@@ -81,10 +99,22 @@ import CuteCodeEditorDemo from '@/views/componentsDemo/dev/CuteCodeEditorDemo.vu
import CuteRichTextEditorDemo from '@/views/componentsDemo/dev/CuteRichTextEditorDemo.vue'
import CuteHorizontalScrollBarDemo from '@/views/componentsDemo/dev/CuteHorizontalScrollBarDemo.vue'
import CuteTextAreaInputDemo from '@/views/componentsDemo/dev/CuteTextAreaInputDemo.vue'
import CuteUserSelectDemo from '@/views/componentsDemo/business/CuteUserSelectDemo.vue'
import CuteSingleUserSelectDemo from '@/views/componentsDemo/business/CuteSingleUserSelectDemo.vue'
import CuteProductLineSelectDemo from '@/views/componentsDemo/business/CuteProductLineSelectDemo.vue'
import CuteProductLineSelectProDemo from '@/views/componentsDemo/business/CuteProductLineSelectProDemo.vue'
import CuteDeptTree from '@/views/components/business/CuteDeptTree.vue'
import CuteDeptTreeDemo from '@/views/componentsDemo/business/CuteDeptTreeDemo.vue'
export default {
name: 'SystemComponents',
components: {
CuteDeptTreeDemo,
CuteDeptTree,
CuteProductLineSelectProDemo,
CuteProductLineSelectDemo,
CuteSingleUserSelectDemo,
CuteUserSelectDemo,
CuteTextAreaInputDemo,
CuteHorizontalScrollBarDemo,
CuteRichTextEditorDemo,