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

- 修改CuteDeptTree组件布局属性从响应式栅格到固定span
- 调整CuteDeptTree组件中search事件触发时机优化
- 新增CuteDeptTreeDemo组件演示页面及API文档
- 新增CuteProductLineSelectDemo组件演示页面及API文档
- 新增CuteProductLineSelectProDemo组件演示页面及API文档
- 新增CuteSingleUserSelectDemo组件演示页面及API文档
- 新增CuteUserSelectDemo组件演示页面及API文档
- 删除旧的CuteBusinessDemo组件页面
- 在组件演示首页添加业务组件折叠面板展示
- 更新组件导入引用名称确保一致性
- 移除CuteOtherDemo中的CuteSectionTitle演示代码
- 重命名CuteSearchProForm为CuteSearchFormPro并更新引用
- 重命名CuteFormProDialog为CuteFormDialogPro并更新引用

cutejava-front/src/views/componentsDemo/business/CuteUserSelectDemo.vue

@@ -0,0 +1,77 @@
+<template>
+  <div>
+    <h4>何时使用</h4>
+    <ul class="description">
+      <li>选择多个用户信息</li>
+      <li>支持用户姓名、手机号、邮箱、用户名查询</li>
+      <li>在使用过程中有任何问题，咨询 @Odboy（前端） @Odboy（设计）</li>
+    </ul>
+    <h4>基础用法</h4>
+    <cute-user-select v-model="user" @change="onUserSelectChange" />
+    <h4>绑定表单</h4>
+    <el-form ref="form" :model="form" label-width="80px">
+      <el-form-item label="用户" prop="user">
+        <!-- v-model 本质上是 :value 和 @input 事件的语法糖 -->
+        <cute-user-select v-model="form.user" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit('form')">提 交</el-button>
+        <el-button type="danger" @click="onReset('form')">重 置</el-button>
+      </el-form-item>
+    </el-form>
+    <h4>API</h4>
+    <el-table :data="apiData">
+      <el-table-column prop="name" label="参数" width="220" />
+      <el-table-column prop="remark" label="说明" width="450" />
+      <el-table-column prop="type" label="类型" />
+      <el-table-column prop="defaultValue" label="默认值" />
+      <el-table-column prop="required" label="是否必填" />
+    </el-table>
+  </div>
+</template>
+<script>
+import CuteUserSelect from '@/views/components/business/CuteUserSelect.vue'
+
+export default {
+  name: 'CuteUserSelectDemo',
+  components: { CuteUserSelect },
+  data() {
+    return {
+      user: [],
+      form: {
+        user: []
+      },
+      apiData: [
+        { name: 'value', remark: '绑定的值', type: 'array', defaultValue: '[]', required: '否' },
+        { name: 'change', remark: '选中用户发生改变的时候触发的回调', type: '(value) => {}', defaultValue: '-', required: '否' }
+      ]
+    }
+  },
+  methods: {
+    onUserSelectChange(data) {
+      console.log('onUserSelectChange', data)
+    },
+    onSubmit(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          console.log('onSubmit:form', this.form)
+        } else {
+          console.error('onSubmit:error submit!!')
+          return false
+        }
+      })
+    },
+    onReset(formName) {
+      this.$refs[formName].resetFields()
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+ul {
+  padding-left: 20px;
+}
+.description > li{
+  font-size: 12px;
+}
+</style>