zydx-plus 1.35.597 → 1.35.598

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zydx-plus",
-  "version": "1.35.597",
+  "version": "1.35.598",
   "description": "Vue.js",
   "main": "src/index.js",
   "files": [

package/src/components/editor2/src/editor.vue

@@ -10,21 +10,22 @@
         <slot name='titleSuffix'></slot>
       </div>
       <div class="ed-but" v-if="readOnly">
+        <slot name='leftToolBtn'></slot>
         <div class="ed-head-but" v-for="(item,index) in toolbars" :key="index">
-          <button v-if="item.key === 'but'" class="buts" @click="item.onClick(item,info)"
-                  :style="{color: (item.active)? '#4B0C77' :'#000'}">{{ item.title }}
+          <button v-if="item.key === 'but'" class="buts" @click="item.onClick(item,info)" :disabled="disabled"
+                  :style="{color: (disabled) ? '#ccc' : (item.active)? '#4B0C77' :'#000'}">{{ item.title }}
           </button>
           <label v-else-if="item.key === 'upImg' || item.key === 'uploadAtt'">
-            <input type="file" @change="upload($event,item.key)"
-                   :accept="(item.key === 'upImg')?'image/*':'.docx,.pptx,.pdf,.xlsx,.mp3,.mp4'" style="display: none;">
-            <span class="buts">{{ item.title }}</span>
-          </label>
-          <button v-else-if="item.key === 'paint'" class="buts" @click="toolTap('paint')">{{ item.title }}</button>
-          <button v-else-if="item.key === 'voice'" class="buts" @mousedown.stop="speechDown" @click="voice()"
-                  :style="{color: (voiceStatus)? '#4B0C77' :'#000'}">{{ voiceStatus ? '关闭语音' : '语音输入' }}
+            <input type="file" @change="upload($event,item.key)" :disabled="disabled"
+                   :accept="(item.key === 'upImg')?'image/*':'.docx,.pptx,.pdf,.xlsx,.mp3,.mp4'" style="display: none;"/>
+            <span class="buts" :style="{color: ( disabled) ? '#ccc':'#000'}">{{ item.title }}</span>
+          </label >
+          <button v-else-if="item.key === 'paint'" class="buts" @click="toolTap('paint')" :disabled="disabled">{{ item.title }}</button>
+          <button v-else-if="item.key === 'voice'" class="buts" @mousedown.stop="speechDown" :disabled="disabled" @click="voice()"
+                  :style="{color:  (disabled) ? '#ccc' : (voiceStatus)? '#4B0C77' :'#000'}">{{ voiceStatus ? '关闭语音' : '语音输入' }}
           </button>
-          <button v-else-if="item.key === 'ai'" class="buts" @click="showAi">AI助手</button>
-          <button v-else class="buts" @click="toolTap(item.key)">{{ item.title }}</button>
+          <button v-else-if="item.key === 'ai'" class="buts" :disabled="disabled" @click="showAi">AI助手</button>
+          <button v-else class="buts" @click="toolTap(item.key)" :disabled="disabled">{{ item.title }}</button>
         </div>
         <slot name='toolBtn'></slot>
         <button v-if="butText !== '' && readOnly" class="buts" @click="complete">{{ butText }}</button>
@@ -104,9 +105,9 @@
           </div>
           <div class="enclosure-item en-but">
             <div style="display: inline-block; height: 21px;">
-              <button class="buts but-f" v-if="!item.name" @click="see(index)">{{downName[0] || '查看附件'}}</button>
-              <button class="buts but-f" v-if="!item.name&&downloadShow" @click="download(index)">{{downName[1] || '下载附件'}}</button>
-              <button class="buts but-f" v-if="delShow" @click="del(index)">
+              <button class="buts but-f" v-if="!item.name" :disabled="disabled" @click="see(index)">{{downName[0] || '查看附件'}}</button>
+              <button class="buts but-f" v-if="!item.name&&downloadShow" :disabled="disabled" @click="download(index)">{{downName[1] || '下载附件'}}</button>
+              <button class="buts but-f" v-if="delShow" @click="del(index)" :disabled="disabled">
                 <span v-if="item.active">{{downName[2] || '删除附件'}}</span>
                 <svg v-else xmlns="http://www.w3.org/2000/svg"
                      width="14"
@@ -141,7 +142,8 @@
                   </g>
                 </svg>
               </button>
-              <button class="buts but-f" v-if="Object.keys(enclosureButton).length > 0" @click="enclosureButton.onClick(item,index)">{{ enclosureButton.name }}</button>
+              <button class="buts but-f" :disabled="disabled" v-if="Object.keys(enclosureButton).length > 0"
+                      @click="enclosureButton.onClick(item,index)">{{ enclosureButton.name }}</button>
             </div>
           </div>
         </div>
@@ -346,6 +348,10 @@ export default {
       type: Boolean,
       default: false
     },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
     enclosureButton: {
       type: Object,
       default: {}
@@ -393,13 +399,21 @@ export default {
             this.toolbars.push(x)
           }
         })
-        if(this.isShowWhiteboarde) this.toolbars.push({key: 'paint', title: '插入手写'})
+        if(this.isShowWhiteboarde) this.toolbars.push({key: 'paint',disabled:true,  title: '插入手写'})
         if(upload) this.toolbars.push(upload) // 上传附件
         if(this.voiceShow) this.toolbars.push({key: 'voice', title: '语音输入'})
         if(status) this.toolbars.push(status) // 之定义按钮
         if(this.isShowAiTool) this.toolbars.push({key: 'ai', title: 'AI助手'})
       },
       immediate: true
+    },
+    disabled: {
+      handler: function (e, oldVal) {
+        this.editor.setOptions({
+          editable: this.readOnly ?(!e):this.readOnly
+        })
+      },
+      deep: true
     }
   },
   mounted() {
@@ -410,7 +424,7 @@ export default {
     this.heightStyleCont = (this.height === '100%') ? {height: 'calc(100% - 44px)'} : {'min-height': `${height}px`}
     this.editor = new Editor({
       content: json2html({node: "root", child: this.dataChange(this.data).html }),
-      editable: this.readOnly,
+      editable: this.readOnly ?(!this.disabled):this.readOnly ,
       enablePasteRules: true,
       extensions: [
         sid,
@@ -503,7 +517,6 @@ export default {
       const clientX = e.clientX
       const clientY = e.clientX
       this.lastSelectedText = selectedText
-      console.log('selectedText', selectedText)
     },
     showAssets() {
       this.$emit('assets')