hoeditor-web 3.1.227 → 3.1.228

package/lib/hoeditor.umd.js

@@ -104640,7 +104640,7 @@ var component = (0,componentNormalizer/* default */.A)(
 
 /***/ }),
 
-/***/ 33316:
+/***/ 63224:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -104654,7 +104654,7 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ./src/i18n/index.ts + 1 modules
 var i18n = __webpack_require__(49850);
-;// ./node_modules/babel-loader/lib/index.js??ruleSet[1].rules[3].use[0]!./node_modules/unplugin/dist/webpack/loaders/transform.js?unpluginName=vite-plugin-i18n-helper!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/controls/upload/UploadImageDialog.vue?vue&type=template&id=379bed81
+;// ./node_modules/babel-loader/lib/index.js??ruleSet[1].rules[3].use[0]!./node_modules/unplugin/dist/webpack/loaders/transform.js?unpluginName=vite-plugin-i18n-helper!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[5]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/controls/upload/UploadImageDialog.vue?vue&type=template&id=188a8ada
 
 var render = function render() {
   var _vm = this,
@@ -104679,6 +104679,41 @@ var render = function render() {
     staticClass: "control-item"
   }, [_c('span', {
     staticClass: "label"
+  }, [_vm._v("多图片")]), _c('a-checkbox', {
+    attrs: {
+      "size": "small"
+    },
+    model: {
+      value: _vm.multiple,
+      callback: function ($$v) {
+        _vm.multiple = $$v;
+      },
+      expression: "multiple"
+    }
+  })], 1), _vm.multiple ? [_c('a-upload', {
+    attrs: {
+      "action": "",
+      "accept": "image/*",
+      "list-type": "picture-card",
+      "multiple": _vm.multiple,
+      "auto-upload": false,
+      "show-upload-list": {
+        showPreviewIcon: false,
+        showRemoveIcon: true
+      },
+      "before-upload": _vm.multipleUpload,
+      "remove": _vm.multipleRemove
+    }
+  }, [_c('div', [_c('a-icon', {
+    attrs: {
+      "type": "plus"
+    }
+  }), _c('div', {
+    staticClass: "ant-upload-text"
+  }, [_vm._v(/*#__PURE__*/(0,i18n/* i18nHelper */.p)("04-001-009-EMR.3.3.552", null, "选择图片"))])], 1)])] : [_c('li', {
+    staticClass: "control-item"
+  }, [_c('span', {
+    staticClass: "label"
   }, [_vm._v(/*#__PURE__*/(0,i18n/* i18nHelper */.p)("04-001-009-EMR.3.3.243", null, "设置图片占位回填"))]), _c('a-checkbox', {
     attrs: {
       "size": "small"
@@ -104883,7 +104918,7 @@ var render = function render() {
       "width": this.width,
       "src": _vm.imageUrl
     }
-  }) : _vm._e()])])]], 2)]), _c('footer', {
+  }) : _vm._e()])])]]], 2)]), _c('footer', {
     staticClass: "ho-modal-footer"
   }, [!_vm.isBackFill ? _c('a-button', {
     attrs: {
@@ -104911,8 +104946,20 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-;// ./src/components/controls/upload/UploadImageDialog.vue?vue&type=template&id=379bed81
+;// ./src/components/controls/upload/UploadImageDialog.vue?vue&type=template&id=188a8ada
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
+var es_array_push = __webpack_require__(44114);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
+var es_regexp_exec = __webpack_require__(27495);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.replace.js
+var es_string_replace = __webpack_require__(25440);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/esnext.iterator.constructor.js
+var esnext_iterator_constructor = __webpack_require__(98992);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/esnext.iterator.filter.js
+var esnext_iterator_filter = __webpack_require__(54520);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/esnext.iterator.for-each.js
+var esnext_iterator_for_each = __webpack_require__(3949);
 // EXTERNAL MODULE: ./src/plugins/ajax.ts
 var ajax = __webpack_require__(46887);
 // EXTERNAL MODULE: ./src/plugins/util.ts
@@ -104921,6 +104968,26 @@ var util = __webpack_require__(14865);
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+function getBase64(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = () => resolve(reader.result);
+    reader.onerror = error => reject(error);
+  });
+}
 /* harmony default export */ var UploadImageDialogvue_type_script_lang_js = ({
   name: 'UploadImageDialog',
   props: {
@@ -104936,6 +105003,10 @@ var util = __webpack_require__(14865);
   },
   data() {
     return {
+      multiple: false,
+      previewVisible: false,
+      previewImage: '',
+      multipleFileList: [],
       animationClassNames: 'control-modal-contents image-modal animation-in',
       fileList: [],
       file: null,
@@ -104963,6 +105034,10 @@ var util = __webpack_require__(14865);
         width: 0,
         height: 0
       },
+      maxBoundingClientRect: {
+        maxWidth: 0,
+        maxHeight: 0
+      },
       isBackFill: false,
       backFillWidth: 0,
       backFillHeight: 0,
@@ -104999,8 +105074,61 @@ var util = __webpack_require__(14865);
       this.upload = true;
     }
     this.mainBounds = this.vueController.getMainBounds();
+    this.maxBoundingClientRect = this.vueController.getBoundingClientRect();
   },
   methods: {
+    multipleUpload(file) {
+      const reader = new FileReader();
+      // 读取文件
+      reader.readAsDataURL(file);
+      reader.onload = e => {
+        var _e$target;
+        if ((_e$target = e.target) !== null && _e$target !== void 0 && _e$target.result) {
+          const img = new Image();
+          img.onload = () => {
+            // 获取 canvas 元素并绘制图片
+            const canvas = document.createElement('canvas');
+            let width = img.naturalWidth;
+            let height = img.naturalHeight;
+            if (width > this.maxBoundingClientRect.maxWidth) {
+              height *= this.maxBoundingClientRect.maxWidth / width;
+              width = this.maxBoundingClientRect.maxWidth;
+            }
+            if (height > this.maxBoundingClientRect.maxHeight) {
+              width *= this.maxBoundingClientRect.maxHeight / height;
+              height = this.maxBoundingClientRect.maxHeight;
+            }
+            canvas.width = width;
+            canvas.height = height;
+            const ctx = canvas.getContext('2d');
+            ctx.fillStyle = "#FFFFFF";
+            ctx.fillRect(0, 0, width, height);
+            ctx.drawImage(img, 0, 0, width, height);
+            const base64Url = canvas.toDataURL("image/png").replace('data:image/png;base64,', '');
+            this.multipleFileList.push({
+              url: base64Url,
+              width: width,
+              height: height
+            });
+          };
+          img.onerror = error => {};
+          img.src = e.target.result;
+        }
+      };
+      return false;
+    },
+    multipleRemove(file) {
+      this.multipleFileList = this.multipleFileList.filter(item => item.url !== file.url);
+    },
+    handleCancel() {
+      this.previewVisible = false;
+    },
+    handleChange({
+      fileList
+    }) {
+      // console.log(fileList);
+      // this.multipleFileList = fileList;
+    },
     uploadImage(file) {
       this.file = file;
       this.scale = 0;
@@ -105135,9 +105263,47 @@ var util = __webpack_require__(14865);
         this.handleClose();
       });
     },
-    sure() {
-      if (this.file) {
-        this.uploadfwq(this.file);
+    async sure() {
+      if (this.multiple) {
+        if (this.vueController.uploadImage) {
+          this.uploadLoading = true;
+          const imgList = [];
+          this.multipleFileList.forEach(item => {
+            imgList.push(item.url);
+          });
+          const result = await this.vueController.uploadImage(imgList);
+          if (result.data) {
+            if (Array.isArray(result.data)) {
+              result.data.forEach((url, index) => {
+                this.vueController.insertImage(result.suffix + url, Number(this.multipleFileList[index].width), Number(this.multipleFileList[index].height));
+              });
+              this.handleClose();
+              return;
+            }
+          }
+        }
+        this.multipleFileList.forEach((item, index) => {
+          this.vueController.insertImage('data:image/png;base64,' + item.url, Number(item.width), Number(item.height));
+        });
+        this.handleClose();
+      } else if (this.file) {
+        if (this.vueController.uploadImage) {
+          this.uploadLoading = true;
+          const imgList = [];
+          const result = await this.vueController.uploadImage([this.imageUrl.replace('data:image/png;base64,', '')]);
+          if (result.data) {
+            if (Array.isArray(result.data)) {
+              result.data.forEach((url, index) => {
+                this.vueController.insertImage(result.suffix + url, Number(this.width), Number(this.height));
+              });
+              this.handleClose();
+              return;
+            }
+          }
+          this.insertBase64Image();
+        } else {
+          this.uploadfwq(this.file);
+        }
       } else {
         this.$message.warn(/*#__PURE__*/(0,i18n/* i18nHelper */.p)("04-001-009-EMR.3.3.492", null, "请选择图片"));
       }
@@ -105160,6 +105326,7 @@ var util = __webpack_require__(14865);
       this.compress = true;
       this.size = 0;
       this.animationClassNames = 'control-modal-contents image-modal animation-out';
+      this.uploadLoading = false;
       this.$emit('closed');
     }
   }
@@ -105168,10 +105335,10 @@ var util = __webpack_require__(14865);
 
 /* harmony default export */ var upload_UploadImageDialogvue_type_script_lang_js = (UploadImageDialogvue_type_script_lang_js);
 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/controls/upload/UploadImageDialog.vue?vue&type=style&index=0&id=379bed81&prod&lang=less
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/controls/upload/UploadImageDialog.vue?vue&type=style&index=0&id=188a8ada&prod&lang=less
 // extracted by mini-css-extract-plugin
 
-;// ./src/components/controls/upload/UploadImageDialog.vue?vue&type=style&index=0&id=379bed81&prod&lang=less
+;// ./src/components/controls/upload/UploadImageDialog.vue?vue&type=style&index=0&id=188a8ada&prod&lang=less
 
 // EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(81656);
@@ -108044,7 +108211,7 @@ const textParams = {
 /***/ (function(__unused_webpack_module, __webpack_exports__) {
 
 "use strict";
-/* harmony default export */ __webpack_exports__.A = ('3.1.227');
+/* harmony default export */ __webpack_exports__.A = ('3.1.228');
 
 /***/ }),
 
@@ -142870,6 +143037,16 @@ class DrawCombineNode extends _DrawContainer__WEBPACK_IMPORTED_MODULE_2__/* .Dra
             }
             this.on('click', e => {
               if (e.nativeEvent.button === 0) {
+                if (hoEditorFactory.drawTree.paintStatus === _drawTree_DrawTree__WEBPACK_IMPORTED_MODULE_5__/* .PaintState */ .ak.psEdit && (hoEditorFactory.forbidEditBeforeSign || hoEditorFactory.lockContent)) {
+                  const endPos = hoEditorFactory.drawTree.selectRange.spEnd;
+                  const node = hoEditorFactory.drawTree.getDNodeByPath(endPos.path);
+                  const dline = hoEditorFactory.drawTree.getDrawLineByDNode(node);
+                  const stagePt = dline.localToGlobal(node.x, node.y);
+                  const result = hoEditorFactory.vueController.isCanEdit(endPos.page.pageIndex, stagePt.y);
+                  if (!result) {
+                    return;
+                  }
+                }
                 hoEditorFactory.nodeMouseMove.NodeClick(this._node, _editor_events_DmouseEvent__WEBPACK_IMPORTED_MODULE_3__/* .DmouseEventType */ .e.detClick);
               }
             });
@@ -162082,7 +162259,7 @@ var map = {
 	"./textDialog/VerifyTip.vue": 7900,
 	"./upload/CanvasImageDialog.vue": 97377,
 	"./upload/HoFabric.vue": 7843,
-	"./upload/UploadImageDialog.vue": 33316,
+	"./upload/UploadImageDialog.vue": 63224,
 	"./upload/hoFabricRight.vue": 52075,
 	"./verifyTip/VerifyTip.vue": 24833
 };
@@ -228661,7 +228838,31 @@ class entry_lib_VueController {
       }
     }
   }
-  pasteImageToInsert(clipboardData) {
+  getBoundingClientRect() {
+    const hoEditorFactory = entry_lib_HOEditorFactorys/* HOEditorFactorys */.O.instance().getFactory(this._hoEditorFactoryID);
+    const curDomRange = hoEditorFactory.docTree.curDomRange.normalize();
+    const npStart = curDomRange.npStart;
+    let maxWidth = 0;
+    let maxHeight = 0;
+    let nodes = [];
+    if (npStart && npStart.node) {
+      const [isInTable, table, scell, ecell] = curDomRange.inSameTableCell();
+      maxWidth = hoEditorFactory.pageProperty.widthPixes - hoEditorFactory.pageProperty.leftMarginPixes - hoEditorFactory.pageProperty.rightMarginPixes - 20;
+      maxHeight = hoEditorFactory.pageProperty.heightPixes - hoEditorFactory.drawTree.caret.Y - hoEditorFactory.pageProperty.bottomMarginPixes - 30;
+      if (isInTable && scell) {
+        maxWidth = scell.drawCell.dWidth - 10;
+        const rowInfos = scell.table.rowInfos[scell.table.rows.indexOf(scell.row)];
+        if (rowInfos.rowProperty.isSpecifyHeight) {
+          maxHeight = rowInfos.rowHeight - 10;
+        }
+      }
+    }
+    return {
+      maxWidth: maxWidth,
+      maxHeight: maxHeight
+    };
+  }
+  async pasteImageToInsert(clipboardData) {
     const hoEditorFactory = entry_lib_HOEditorFactorys/* HOEditorFactorys */.O.instance().getFactory(this._hoEditorFactoryID);
     const clipboardItems = clipboardData.items;
     const curDomRange = hoEditorFactory.docTree.curDomRange.normalize();
@@ -228688,6 +228889,7 @@ class entry_lib_VueController {
         hoEditorFactory.docController.parseNodeData(nodes);
       }
     }
+    const imagePromises = [];
     for (const item of clipboardItems) {
       if (item.kind === 'file') {
         const file = item.getAsFile();
@@ -228696,39 +228898,67 @@ class entry_lib_VueController {
           // 读取文件
           reader.readAsDataURL(file);
           // 读取完文件之后会回来这里
-          reader.onload = e => {
-            var _e$target;
-            if ((_e$target = e.target) !== null && _e$target !== void 0 && _e$target.result) {
-              var _e$target2;
-              const img = new Image();
-              img.onload = () => {
-                // 获取 canvas 元素并绘制图片
-                const canvas = document.createElement('canvas');
-                let width = img.naturalWidth;
-                let height = img.naturalHeight;
-                if (width > maxWidth) {
-                  height *= maxWidth / width;
-                  width = maxWidth;
-                }
-                if (height > maxHeight) {
-                  width *= maxHeight / height;
-                  height = maxHeight;
-                }
-                canvas.width = width;
-                canvas.height = height;
-                const ctx = canvas.getContext('2d');
-                ctx.fillStyle = "#FFFFFF";
-                ctx.fillRect(0, 0, width, height);
-                ctx.drawImage(img, 0, 0, width, height);
-                hoEditorFactory.vueController.insertImage(canvas.toDataURL("image/jpeg"), Number(width), Number(height));
-              };
-              img.onerror = ev => {};
-              img.src = (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.result;
-            }
-          };
+          const imagePromise = new Promise((resolve, reject) => {
+            reader.onload = e => {
+              var _e$target;
+              if ((_e$target = e.target) !== null && _e$target !== void 0 && _e$target.result) {
+                const img = new Image();
+                img.onload = () => resolve(img);
+                img.onerror = ev => reject(ev);
+                img.src = e.target.result;
+              } else {
+                reject(new Error('Failed to load image'));
+              }
+            };
+          });
+          imagePromises.push(imagePromise);
         }
       }
     }
+    const images = await Promise.all(imagePromises);
+    const imglist = [];
+    for (const img of images) {
+      // 获取 canvas 元素并绘制图片
+      const canvas = document.createElement('canvas');
+      let width = img.naturalWidth;
+      let height = img.naturalHeight;
+      if (width > maxWidth) {
+        height *= maxWidth / width;
+        width = maxWidth;
+      }
+      if (height > maxHeight) {
+        width *= maxHeight / height;
+        height = maxHeight;
+      }
+      canvas.width = width;
+      canvas.height = height;
+      const ctx = canvas.getContext('2d');
+      ctx.fillStyle = "#FFFFFF";
+      ctx.fillRect(0, 0, width, height);
+      ctx.drawImage(img, 0, 0, width, height);
+      const base64Url = canvas.toDataURL("image/png").replace('data:image/png;base64,', '');
+      imglist.push(base64Url);
+    }
+    try {
+      // 在这里处理 imglist
+
+      if (this.uploadImage) {
+        const result = await this.uploadImage(imglist);
+        if (result.data) {
+          if (Array.isArray(result.data)) {
+            result.data.forEach((url, index) => {
+              hoEditorFactory.vueController.insertImage(result.suffix + url, Number(images[index].width), Number(images[index].height));
+            });
+            return;
+          }
+        }
+      }
+      imglist.forEach((base64Url, index) => {
+        hoEditorFactory.vueController.insertImage('data:image/png;base64,' + base64Url, Number(images[index].width), Number(images[index].height));
+      });
+    } catch (error) {
+      console.error('Error loading images:', error);
+    }
   }
   /**
    * 删除文本或者元素