fix(components): 修复多个开发组件的bug和配置问题

- 将 CuteCodeEditor 的 editor 初始化值从 false 改为 null
- 修复 CuteMarkdown 样式绑定语法错误，移除多余的 +
- 在 CuteMarkdown 组件销毁时清理 window.resize 事件监听器
- 修复 CuteRichTextEditor 中 Success 提示信息调用错误
- 修复 CuteRichTextEditor getHtml 方法缺少 return 语句
- 为 CuteScreenShot 组件添加动态 id 和 key 属性支持
- 修复 CuteTransfer 组件中 required 配置项命名错误
- 更新 CuteScreenShotDemo 中的 API 文档信息

cutejava-front/src/views/components/dev/CuteCodeEditor.vue

@@ -58,7 +58,7 @@ export default {
   },
   data() {
     return {
-      editor: false
+      editor: null
     }
   },
   watch: {

cutejava-front/src/views/components/dev/CuteMarkdown.vue

@@ -9,7 +9,7 @@
   <mavon-editor
     ref="md"
     v-model="innerValue"
-    :style="`height: + ${height};overflow-y: hidden`"
+    :style="`height: ${height};overflow-y: hidden`"
     :ishljs="true"
     @imgAdd="imgAdd"
     @change="onChange"
@@ -53,6 +53,9 @@ export default {
       this.innerValue = newVal
     }
   },
+  beforeDestroy() {
+    window.onresize = null
+  },
   mounted() {
     const that = this
     window.onresize = () => {

cutejava-front/src/views/components/dev/CuteRichTextEditor.vue

@@ -156,7 +156,7 @@ export default {
     customAlert(info, type) {
       switch (type) {
         case 'success':
-          KitMessage.Error(info)
+          KitMessage.Success(info)
           break
         case 'info':
           KitMessage.Info(info)
@@ -219,7 +219,7 @@ export default {
       if (this.editor == null) {
         return ''
       }
-      this.editor.getHtml()
+      return this.editor.getHtml()
     },
     /**
      * 清空编辑器内容

cutejava-front/src/views/components/dev/CuteScreenShot.vue

@@ -17,7 +17,7 @@
         截屏
       </el-button>
     </div>
-    <div id="elementIdSelector" style="padding: 15px">
+    <div id="{{ key }}" style="padding: 15px">
       <slot />
     </div>
   </div>
@@ -31,6 +31,13 @@ import html2canvas from 'html2canvas'
 
 export default {
   name: 'CuteScreenShot',
+  props: {
+    key: {
+      type: String,
+      required: true,
+      default: 'elementIdSelector'
+    }
+  },
   data() {
     return {
       capturing: false

cutejava-front/src/views/components/dev/CuteTransfer.vue

@@ -95,7 +95,7 @@ export default {
      */
     value: {
       type: Array,
-      require: false,
+      required: false,
       default: function() {
         return []
       }
@@ -105,7 +105,7 @@ export default {
      */
     dataSource: {
       type: Array,
-      require: true,
+      required: true,
       default: function() {
         return []
       }
@@ -115,7 +115,7 @@ export default {
      */
     primaryKey: {
       type: String,
-      require: true,
+      required: true,
       default: 'id'
     },
     /**
@@ -123,7 +123,7 @@ export default {
      */
     loading: {
       type: Boolean,
-      require: false,
+      required: false,
       default: false
     }
   },

cutejava-front/src/views/componentsDemo/dev/CuteScreenShotDemo.vue

@@ -7,7 +7,7 @@
       <li>在使用过程中有任何问题，咨询 @Odboy（前端）</li>
     </ul>
     <h4>基础用法</h4>
-    <cute-screen-shot>
+    <cute-screen-shot key="test">
       <cute-page>
         测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
       </cute-page>
@@ -32,7 +32,7 @@ export default {
   data() {
     return {
       apiData: [
-        { name: 'type', remark: '按钮类型', type: 'primary| secondary | normal | text', defaultValue: 'normal', required: '否' }
+        { name: 'key', remark: '全局唯一key', type: 'string', defaultValue: 'elementIdSelector', required: '是' }
       ]
     }
   }