sone-ui-component-3.2.4 2.0.264 → 2.0.265

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sone-ui-component-3.2.4",
-  "version": "2.0.264",
+  "version": "2.0.265",
   "private": false,
   "main": "lib/sone-ui.common.js",
   "files": [

package/packages/editor/src/main.vue

@@ -2,8 +2,8 @@
  * @Description: 
  * @Author: chenjuan
  * @Date: 2021-08-31 08:42:40
- * @LastEditTime: 2022-05-10 17:33:51
- * @LastEditors: chenjuan
+ * @LastEditTime: 2023-12-28 16:58:58
+ * @LastEditors: lw
 -->
 
 <template>
@@ -17,20 +17,20 @@ export default {
   name: "SoneEditor",
   components: {},
   props: {
-    zindex:{
-      type:Number,
-      default:10000,
-      remark:'富文本层级'
+    zindex: {
+      type: Number,
+      default: 10000,
+      remark: "富文本层级",
     },
     disabled: {
       type: Boolean,
       default: false,
       remark: "是否可编辑",
     },
-    content:{
-      type:String,
-      default:"",
-      remark:"富文本的内容"
+    content: {
+      type: String,
+      default: "",
+      remark: "富文本的内容",
     },
     isVideo: {
       type: Boolean,
@@ -101,6 +101,7 @@ export default {
   data() {
     return {
       editor: null,
+      allImgUrl: [],
     };
   },
   mounted() {
@@ -122,11 +123,11 @@ export default {
         if (newV) {
           this.$nextTick(() => {
             // this.editor.$textElem.attr("contenteditable", false);
-            this.editor.disable()
+            this.editor.disable();
           });
-        }else{
+        } else {
           this.$nextTick(() => {
-            this.editor.enable()
+            this.editor.enable();
           });
         }
       },
@@ -182,7 +183,7 @@ export default {
       // 4.配置 onchange 回调函数，将数据同步到 vue 中
       this.editor.config.onchange = (newHtml) => {
         this.$emit("change", this.content);
-        this.$emit('update:content',newHtml);
+        this.$emit("update:content", newHtml);
       };
 
       // 6.消息提示框
@@ -266,7 +267,7 @@ export default {
         customInsert: function (insertImgFn, result) {
           // result 即服务端返回的接口
           console.log("customInsert", result);
-
+          that.allImgUrl.push(result.data[0]);
           // insertImgFn 可把图片插入到编辑器，传入图片 src ，执行函数即可
           insertImgFn(result.data[0]);
         },
@@ -324,6 +325,22 @@ export default {
 
       this.editor.create();
     },
+    deleteImg() {
+      let imgList =
+        document
+          .getElementById(this.editor.textElemId)
+          .getElementsByTagName("img") || [];
+      let arr = [];
+      for (let index = 0; index < imgList.length; index++) {
+        arr.push(imgList[index].getAttribute("src"));
+      }
+      this.allImgUrl.forEach((v, i) => {
+        if (arr.includes(v)) {
+          this.allImgUrl.splice(i, 1);
+        }
+      });
+      return this.allImgUrl;
+    },
   },
   beforeDestroy() {
     // 调用销毁 API 对当前编辑器实例进行销毁
@@ -333,7 +350,7 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-::v-deep table{
-  display:table;
+::v-deep table {
+  display: table;
 }
 </style>

package/src/index.js

@@ -55,7 +55,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 export default {
-  version: '2.0.264',
+  version: '2.0.265',
   locale: locale.use,
   i18n: locale.i18n,
   install,