@haluo/biz 2.0.36 → 2.0.38

package/dist/haluo-biz.js

@@ -5012,7 +5012,7 @@ const _sfc_main = {
       this.initData();
     },
     async parseHtml(html, essayPicRelVOList) {
-      var _a;
+      var _a, _b, _c, _d;
       const div = document.createElement("div");
       div.innerHTML = html;
       const frag = document.createDocumentFragment();
@@ -5025,8 +5025,8 @@ const _sfc_main = {
             await this.parseArticle(node);
           } else if (node.tagName.toLowerCase() === "halo-good") {
             this.parseGood(node);
-          } else if (node.classList.contains("halo-img-content")) {
-            const img = node.querySelector("img");
+          } else if (node.classList.contains("halo-img-content") || node.classList.contains("halo-modify-content")) {
+            const img = node.querySelector("img") || node.querySelector("modify");
             node.setAttribute("tabindex", -1);
             node.setAttribute("draggable", true);
             node.setAttribute("contenteditable", false);
@@ -5035,18 +5035,25 @@ const _sfc_main = {
             const desc = img.dataset.desc;
             img.style.margin = "0";
             const seamlessFlag = ((_a = JSON.parse(img.getAttribute("data"))) == null ? void 0 : _a.seamlessFlag) || "0";
+            const paintCopyable = ((_b = JSON.parse(img.getAttribute("data"))) == null ? void 0 : _b.paintCopyable) || "0";
+            const id = ((_c = JSON.parse(img.getAttribute("data"))) == null ? void 0 : _c.id) || "";
             if (essayPicRelVOList) {
               const arr = img.src.split("/");
-              const id = arr[arr.length - 1];
-              img.src = essayPicRelVOList.find(
-                (obj) => obj.id === String(id)
-              ).url;
+              const id2 = arr[arr.length - 1];
+              let url = (_d = essayPicRelVOList.find(
+                (obj) => obj.id === String(id2)
+              )) == null ? void 0 : _d.url;
+              if (url) {
+                img.src = url;
+              }
             }
             this.insertImgOperateBtns(
               this.editor,
               {
                 content: desc,
-                seamlessFlag
+                seamlessFlag,
+                paintCopyable,
+                id
               },
               nodes.length === i
             ).forEach((child) => {

package/dist/haluo-biz.umd.cjs

@@ -5011,7 +5011,7 @@
         this.initData();
       },
       async parseHtml(html, essayPicRelVOList) {
-        var _a;
+        var _a, _b, _c, _d;
         const div = document.createElement("div");
         div.innerHTML = html;
         const frag = document.createDocumentFragment();
@@ -5024,8 +5024,8 @@
               await this.parseArticle(node);
             } else if (node.tagName.toLowerCase() === "halo-good") {
               this.parseGood(node);
-            } else if (node.classList.contains("halo-img-content")) {
-              const img = node.querySelector("img");
+            } else if (node.classList.contains("halo-img-content") || node.classList.contains("halo-modify-content")) {
+              const img = node.querySelector("img") || node.querySelector("modify");
               node.setAttribute("tabindex", -1);
               node.setAttribute("draggable", true);
               node.setAttribute("contenteditable", false);
@@ -5034,18 +5034,25 @@
               const desc = img.dataset.desc;
               img.style.margin = "0";
               const seamlessFlag = ((_a = JSON.parse(img.getAttribute("data"))) == null ? void 0 : _a.seamlessFlag) || "0";
+              const paintCopyable = ((_b = JSON.parse(img.getAttribute("data"))) == null ? void 0 : _b.paintCopyable) || "0";
+              const id = ((_c = JSON.parse(img.getAttribute("data"))) == null ? void 0 : _c.id) || "";
               if (essayPicRelVOList) {
                 const arr = img.src.split("/");
-                const id = arr[arr.length - 1];
-                img.src = essayPicRelVOList.find(
-                  (obj) => obj.id === String(id)
-                ).url;
+                const id2 = arr[arr.length - 1];
+                let url = (_d = essayPicRelVOList.find(
+                  (obj) => obj.id === String(id2)
+                )) == null ? void 0 : _d.url;
+                if (url) {
+                  img.src = url;
+                }
               }
               this.insertImgOperateBtns(
                 this.editor,
                 {
                   content: desc,
-                  seamlessFlag
+                  seamlessFlag,
+                  paintCopyable,
+                  id
                 },
                 nodes.length === i
               ).forEach((child) => {

package/dist/style.css

@@ -788,6 +788,86 @@
 .editor #editor-content .halo-img-content .upload-fail {
   filter: brightness(0.5);
 }
+.editor #editor-content .halo-modify-content {
+  position: relative;
+  text-align: center;
+  outline: none;
+}
+.editor #editor-content .halo-modify-content .img-loading,
+.editor #editor-content .halo-modify-content .img-fail {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  top: 0;
+  width: 440px;
+  height: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  line-height: 25px;
+  font-size: 18px;
+  z-index: 1;
+  opacity: 0.9;
+  color: #fff;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.editor #editor-content .halo-modify-content .img-loading .img-loading-icon,
+.editor #editor-content .halo-modify-content .img-fail .img-loading-icon {
+  width: 74px;
+  margin-left: 40px;
+}
+.editor #editor-content .halo-modify-content .img-loading .img-loading-tip,
+.editor #editor-content .halo-modify-content .img-fail .img-loading-tip {
+  position: relative;
+  left: -60px;
+  top: 2px;
+}
+.editor #editor-content .halo-modify-content .img-again {
+  position: absolute;
+  left: 175px;
+  bottom: 60px;
+  font-size: 14px;
+  font-weight: 400;
+  color: #fff;
+  z-index: 1;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 90px;
+  line-height: 32px;
+  height: 32px;
+  border-radius: 4px;
+  background: rgba(0, 0, 0, 0.5);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  cursor: pointer;
+}
+.editor #editor-content .halo-modify-content .img-replace {
+  display: none;
+}
+.editor #editor-content .halo-modify-content .desc-input-wrap {
+  display: none;
+}
+.editor #editor-content .halo-modify-content .img-delete {
+  display: none;
+}
+.editor #editor-content .halo-modify-content .halo-modify-area {
+  display: inline-block;
+  width: 440px;
+  min-height: 150px;
+  margin: 5px 0;
+}
+.editor #editor-content .halo-modify-content .halo-modify-area:focus {
+  outline: 2px solid #1a74ff;
+}
+.editor #editor-content .halo-modify-content .no-upload,
+.editor #editor-content .halo-modify-content .upload-fail {
+  filter: brightness(0.5);
+}
 .editor #editor-content .halo-select {
   outline: 2px solid #1a74ff;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@haluo/biz",
   "description": "rich text",
-  "version": "2.0.36",
+  "version": "2.0.38",
   "type": "module",
   "module": "./dist/haluo-biz.js",
   "main": "./dist/haluo-biz.umd.cjs",
@@ -19,7 +19,8 @@
     "dev": "vite",
     "build": "vue-tsc --noEmit && vite build",
     "build:watch": "vue-tsc --noEmit && vite build --watch",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "pub": "npm publish"
   },
   "dependencies": {
     "element-plus": "^2.2.28",