zydx-plus 1.35.494 → 1.35.495

package/package.json

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

package/src/components/sketchpad/src/sketchpad.vue

@@ -86,7 +86,11 @@ export default {
     top: {
       type: Boolean,
       default: true
-    }
+    },
+    readOnly: {
+      type: Boolean,
+      default: false
+    },
   },
   mounted() {
     // 鼠标移入
@@ -108,8 +112,8 @@ export default {
   },
   methods: {
     exportImg() {
-      return new Promise((rl,ri) => {
-        editorAPP.getSvg([...editorAPP.getCurrentPageShapeIds()],{}).then(r => {
+      return new Promise((rl, ri) => {
+        editorAPP.getSvg([...editorAPP.getCurrentPageShapeIds()], {}).then(r => {
           const s = new XMLSerializer().serializeToString(r);
           const src = `data:image/svg+xml;base64,${Buffer.from(s).toString('base64')}`;
           const img = new Image(); // 创建图片容器承载过渡
@@ -142,13 +146,19 @@ export default {
     },
     handleMountedEditor(editor) {
       editorAPP = editor
-      if(this.top) {
+      if (this.top) {
         setTimeout(() => {
           document.documentElement.scrollTop = 0
         }, 0)
       }
+      if (this.readOnly) {
+        setTimeout(() => {
+          editorAPP.updateInstanceState({isReadonly: true})
+          this.hand()
+        }, 0)
+      }
     },
-    setOpacityForNextShapes(opacity){
+    setOpacityForNextShapes(opacity) {
       editorAPP.setOpacityForNextShapes(opacity)
     },
     // 清空
@@ -198,10 +208,10 @@ export default {
     },
     note(v) {
       let verticalAlign = ['middle-legacy', 'start-legacy', 'end-legacy']
-      if(verticalAlign.indexOf(v?.align) !== -1){
+      if (verticalAlign.indexOf(v?.align) !== -1) {
         let align = ['middle', 'start', 'end']
         this.styleProps('note', 'verticalAlign').defaultValue = align[verticalAlign.indexOf(v?.align)] ?? 'middle'
-      }else {
+      } else {
         this.styleProps('note', 'align').defaultValue = v?.align ?? 'start'
       }
       this.styleProps('note', 'color').defaultValue = v?.color ?? 'black'
@@ -353,7 +363,7 @@ export default {
       this.styleProps('geo', 'fill').defaultValue = v?.fill ?? 'none'
       editorAPP.setCurrentTool('highlight')
     },
-    insertPicture(img){
+    insertPicture(img) {
       const assetId = AssetRecordType.createId()
       editorAPP.createAssets([{
         id: assetId,
@@ -363,7 +373,7 @@ export default {
         props: {
           w: img.width,
           h: img.height,
-          name:'image',
+          name: 'image',
           src: img.src,
           mimeType: 'image/*',
           isAnimated: false,
@@ -415,7 +425,7 @@ export default {
   width: 100%;
   height: 100%;
 }
-#canvas{
+#canvas {
   position: fixed;
   top: -99999px;
   left: 0;

package/src/index.js

@@ -87,7 +87,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.35.494',
+    version: '1.35.495',
     install,
     Calendar,
     Message,