zydx-plus 1.35.553 → 1.35.554

package/package.json

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

package/src/components/chat/src/chat.vue

@@ -3,6 +3,7 @@
     <drag-popup
       v-if='modelValue'
       ref="dragPopup"
+      class='popup_chat'
       :title="title"
       :width="960"
       :height="400"
@@ -363,6 +364,10 @@ export default {
 </script>
 
 <style scoped>
+/* 避免AI助手弹出层级小于全局弹窗 */
+.popup_chat{
+  z-index: 10001;
+}
 .disabled{
   opacity: 0.5;
 }

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

@@ -1,6 +1,6 @@
 <template>
   <div ref="only" :class="`z-editor z-editor-${refSrc}`"
-       :style="!readOnly&&showBorder?'border: 1px solid rgba(204, 204, 204, 1);':''">
+       :style="[!readOnly&&showBorder?'border:1px solid rgba(204, 204, 204, 1);':'',readOnly?'overflow-y:auto;':'']">
     <div v-show="!readOnly" class="editor-header">
       <div v-for="(item,index) in butData" :key="index" class="editor-but">
         <div v-if="uploadTypeArr.indexOf(item.key)  !== -1" class="editor-but-name">
@@ -3014,6 +3014,8 @@ export default {
     },
 
     async butTap(data, key, childKey) {
+      // 标志
+      if (data.key === 'signMenu') this.signMenuShow = !this.signMenuShow
       if (!key.key) return
       // 切换版式
       if (data.key === 'switchingFormat') {
@@ -3242,8 +3244,6 @@ export default {
           // }
         }*/
       }
-      // 标志
-      if (data.key === 'signMenu') this.signMenuShow = !this.signMenuShow
       // 红头文件
       if (data.key === 'redMenu') {
         const html = butJson(this.editor, this.menusText)[data.key].html
@@ -4413,7 +4413,7 @@ export default {
 
 .read-only {
   position: relative;
-  margin: 0 auto;
+  margin: 8px auto;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -4602,9 +4602,9 @@ li {
 .z-editor {
   position: relative;
   width: 100%;
-  max-height: 900px;
-  overflow-y: auto;
+  max-height: 952px;
   scrollbar-width: none;
+  overflow: hidden;
 }
 
 .editor-header {

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

@@ -9,7 +9,6 @@ import {createRoot} from 'react-dom/client'
 import {AssetRecordType,createShapeId, Tldraw} from 'tldraw'
 import 'tldraw/tldraw.css'
 import * as buffer from "buffer";
-import {debounce} from "../../utils"; //引入buffer
 
 if (typeof window.Buffer === "undefined") { // 判断当前环境是否有Buffer对象
   window.Buffer = buffer.Buffer; // Buffer对象不存在则创建导入的buffer
@@ -80,6 +79,8 @@ export default {
   name: "zydx-sketchpad",
   data() {
     return {
+      shapeArr:[],
+      interval:null
       // editor: null
     }
   },
@@ -154,13 +155,23 @@ export default {
     },
     handleMountedEditor(editor) {
       editorAPP = editor
-      editorAPP.sideEffects.registerAfterChangeHandler('shape', debounce((prev, next)=> {
+      editorAPP.sideEffects.registerAfterChangeHandler('shape', (prev, next)=> {
         // there can only be one red shape at a time:
-        this.$emit('shapeChangeHandler', prev);
-      },200) )
-      editorAPP.sideEffects.registerAfterDeleteHandler('shape', (shape) => {
-        // if the last shape in a frame is deleted, delete the frame too:
-        this.$emit('shapeDeleteHandler', shape);
+        let typeArr = ["note","text"]
+        this.$emit('shapeChangeHandler',typeArr.indexOf(prev.type) !==-1? next : prev);
+      })
+      editorAPP.sideEffects.registerAfterDeleteHandler('shape', (shape, source) => {
+        // if the last shape in a frame is deleted, delete the frame too:\
+        this.shapeArr.push(shape)
+        if(this.shapeArr.length > 0){
+          this.interval = setInterval(() => {
+              this.$emit('shapeDeleteHandler', this.shapeArr.shift());
+            },300)
+        }else {
+          if(this.interval){
+            clearInterval(this.interval)
+          }
+        }
       })
       editorAPP.setCameraOptions({ isLocked: this.cameraIsLocked })
       editorAPP.updateInstanceState({ isToolLocked: this.isToolLocked })
@@ -193,7 +204,20 @@ export default {
     },
     //
     editorCreateShape(myShape){
-      editorAPP?.createShape(myShape)
+      let shape = editorAPP?.getShape(myShape.id)
+      myShape = JSON.parse(JSON.stringify(myShape))
+      if(shape){
+        shape = JSON.parse(JSON.stringify(shape))
+        if(shape.type==="draw"){
+          shape.props.segments[0].points.push(myShape.props.segments[0].points.at(-1))
+        }else {
+          shape = myShape
+        }
+        editorAPP?.updateShape(shape)
+      }else {
+        editorAPP?.createShape(myShape)
+
+      }
     },
     editorDeleteShape(shapeId){
       editorAPP?.deleteShape(shapeId)
@@ -420,35 +444,69 @@ export default {
       editorAPP.setCurrentTool('highlight')
       editorAPP.updateInstanceState({ isToolLocked: this.isToolLocked })
     },
-    insertPicture(img) {
-      const assetId = AssetRecordType.createId()
-      editorAPP.createAssets([{
-        id: assetId,
-        type: 'image',
-        typeName: 'asset',
-        meta: {},
-        props: {
-          w: img.width,
-          h: img.height,
-          name: 'image',
-          src: img.src,
-          mimeType: 'image/*',
-          isAnimated: false,
+    insertPicture(img, type) {
+      if(type){
+        editorAPP.createAssets([{...img.asset}])
+        editorAPP.createShape({...img.img})
+      }else {
+        const assetId = AssetRecordType.createId()
+        editorAPP.createAssets([{
+          id: assetId,
+          type: 'image',
+          typeName: 'asset',
+          meta: {},
+          props: {
+            w: img.width,
+            h: img.height,
+            name: 'image',
+            src: img.src,
+            mimeType: 'image/*',
+            isAnimated: false,
+          }
+        }])
+        const imageId = createShapeId()
+        editorAPP.createShape({
+          id: imageId,
+          type: 'image',
+          x: 200,
+          y: 200,
+          isLocked: false,
+          props: {
+            w: img.width,
+            h: img.height,
+            assetId
+          },
+        })
+        let imgObj = {
+          asset:{
+            id: assetId,
+            type: 'image',
+            typeName: 'asset',
+            meta: {},
+            props: {
+              w: img.width,
+              h: img.height,
+              name: 'image',
+              src: img.src,
+              mimeType: 'image/*',
+              isAnimated: false,
+            }
+          },
+          img:{
+            id: imageId,
+            type: 'image',
+            x: 200,
+            y: 200,
+            isLocked: false,
+            props: {
+              w: img.width,
+              h: img.height,
+              assetId
+            },
+          }
         }
-      }])
-      const imageId = createShapeId()
-      editorAPP.createShape({
-        id: imageId,
-        type: 'image',
-        x: 200,
-        y: 200,
-        isLocked: false,
-        props: {
-          w: img.width,
-          h: img.height,
-          assetId
-        },
-      })
+        this.$emit('insertPicture',imgObj);
+      }
 
     },
     laser() {

package/src/index.js

@@ -89,7 +89,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.35.553',
+    version: '1.35.554',
     install,
     Calendar,
     Message,