refactor(components): 统一组件属性命名并完善文档

- 将 CuteCodeEditor 和 CuteRichTextEditor 的 readOnly 属性改为 readonly
- 为 CuteTextAreaInput 组件添加 value 属性并设为必填
- 为多个组件演示页面的表格列添加固定宽度
- 更新 CuteCodeEditorDemo 和 CuteRichTextEditorDemo 中的 API 文档
- 新增 CuteHorizontalScrollBarDemo 和 CuteTextAreaInputDemo 演示页面
- 重构 CuteOtherDemo 页面移除部分组件演示
- 完善 index.vue 中的组件导入和注册信息

cutejava-front/src/views/componentsDemo/index.vue

@@ -15,11 +15,14 @@
           <el-collapse-item title="空状态 CuteNoData" name="CuteNoData">
             <CuteNoDataDemo />
           </el-collapse-item>
+          <el-collapse-item title="多行输入文本 CuteTextAreaInput" name="CuteTextAreaInput">
+            <CuteTextAreaInputDemo />
+          </el-collapse-item>
           <el-collapse-item title="段落标题 CuteSectionTitle" name="CuteSectionTitle">
             <CuteSectionTitleDemo />
           </el-collapse-item>
           <el-collapse-item title="横向滚动区域 CuteHorizontalScrollBar" name="CuteHorizontalScrollBar">
-            <CuteSectionTitleDemo />
+            <CuteHorizontalScrollBarDemo />
           </el-collapse-item>
           <el-collapse-item title="纵向滚动区域 CuteVerticalScrollBar" name="CuteVerticalScrollBar">
             <CuteSectionTitleDemo />
@@ -76,10 +79,14 @@ import CuteOneKeyCopyDemo from '@/views/componentsDemo/dev/CuteOneKeyCopyDemo.vu
 import CuteMarkdownDemo from '@/views/componentsDemo/dev/CuteMarkdownDemo.vue'
 import CuteCodeEditorDemo from '@/views/componentsDemo/dev/CuteCodeEditorDemo.vue'
 import CuteRichTextEditorDemo from '@/views/componentsDemo/dev/CuteRichTextEditorDemo.vue'
+import CuteHorizontalScrollBarDemo from '@/views/componentsDemo/dev/CuteHorizontalScrollBarDemo.vue'
+import CuteTextAreaInputDemo from '@/views/componentsDemo/dev/CuteTextAreaInputDemo.vue'
 
 export default {
   name: 'SystemComponents',
   components: {
+    CuteTextAreaInputDemo,
+    CuteHorizontalScrollBarDemo,
     CuteRichTextEditorDemo,
     CuteCodeEditorDemo,
     CuteMarkdownDemo,