yqform-edit 1.0.41 → 1.0.42

package/dist/yqform-edit.common.js

@@ -19073,7 +19073,7 @@ module.exports = version;
 /* unused harmony export mapActions */
 /* unused harmony export mapGetters */
 /* unused harmony export mapMutations */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return mapState; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return mapState; });
 /*!
  * vuex v3.6.2
  * (c) 2021 Evan You
@@ -20232,7 +20232,7 @@ var index = {
   createLogger: createLogger
 };
 
-/* unused harmony default export */ var _unused_webpack_default_export = (index);
+/* harmony default export */ __webpack_exports__["a"] = (index);
 
 
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("c8ba")))
@@ -31104,6 +31104,17 @@ exports.write = function (buffer, value, offset, isLE, mLen, nBytes) {
 }
 
 
+/***/ }),
+
+/***/ "91fa":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_vue_loader_lib_loaders_stylePostLoader_js_postcss_loader_src_index_js_ref_7_oneOf_1_2_cache_loader_dist_cjs_js_ref_1_0_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_a1968bcc_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f12b");
+/* harmony import */ var _mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_vue_loader_lib_loaders_stylePostLoader_js_postcss_loader_src_index_js_ref_7_oneOf_1_2_cache_loader_dist_cjs_js_ref_1_0_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_a1968bcc_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_css_loader_dist_cjs_js_ref_7_oneOf_1_1_vue_loader_lib_loaders_stylePostLoader_js_postcss_loader_src_index_js_ref_7_oneOf_1_2_cache_loader_dist_cjs_js_ref_1_0_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_style_index_0_id_a1968bcc_prod_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "92fa":
@@ -57017,6 +57028,13 @@ exports.default = {
 
 /***/ }),
 
+/***/ "f12b":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
 /***/ "f225":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -79631,7 +79649,7 @@ var lodash_default = /*#__PURE__*/__webpack_require__.n(lodash);
     };
   },
 
-  computed: { ...Object(vuex_esm["a" /* mapState */])('e7ingForm', ['baseTypes', 'timeTypes', 'otherTypes'])
+  computed: { ...Object(vuex_esm["b" /* mapState */])('e7ingForm', ['baseTypes', 'timeTypes', 'otherTypes'])
   },
   watch: {
     itemContent: {
@@ -80839,6 +80857,17 @@ var App_component = normalizeComponent(
   namespaced: true,
   state: state
 });
+// CONCATENATED MODULE: ./src/store/index.js
+
+
+
+external_commonjs_vue_commonjs2_vue_root_Vue_default.a.use(vuex_esm["a" /* default */]);
+/* harmony default export */ var store = (new vuex_esm["a" /* default */].Store({
+  namespaced: true,
+  modules: {
+    e7ingForm: e7ingForm
+  }
+}));
 // EXTERNAL MODULE: ./node_modules/vant/lib/index.css
 var lib = __webpack_require__("157a");
 
@@ -80851,6 +80880,380 @@ var global = __webpack_require__("e008");
 // EXTERNAL MODULE: ./node_modules/@vant/touch-emulator/dist/index.mjs
 var dist = __webpack_require__("b749");
 
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"08733aea-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/vue-esign/src/index.vue?vue&type=template&id=a1968bcc&scoped=true&
+var srcvue_type_template_id_a1968bcc_scoped_true_render = function render() {
+  var _vm = this,
+      _c = _vm._self._c;
+
+  return _c('canvas', {
+    ref: "canvas",
+    on: {
+      "mousedown": _vm.mouseDown,
+      "mousemove": _vm.mouseMove,
+      "mouseup": _vm.mouseUp,
+      "touchstart": _vm.touchStart,
+      "touchmove": _vm.touchMove,
+      "touchend": _vm.touchEnd
+    }
+  });
+};
+
+var srcvue_type_template_id_a1968bcc_scoped_true_staticRenderFns = [];
+
+// CONCATENATED MODULE: ./node_modules/vue-esign/src/index.vue?vue&type=template&id=a1968bcc&scoped=true&
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./node_modules/vue-esign/src/index.vue?vue&type=script&lang=js&
+
+/* harmony default export */ var srcvue_type_script_lang_js_ = ({
+  props: {
+    width: {
+      type: Number,
+      default: 800
+    },
+    height: {
+      type: Number,
+      default: 300
+    },
+    lineWidth: {
+      type: Number,
+      default: 4
+    },
+    lineColor: {
+      type: String,
+      default: '#000000'
+    },
+    bgColor: {
+      type: String,
+      default: ''
+    },
+    isCrop: {
+      type: Boolean,
+      default: false
+    },
+    isClearBgColor: {
+      type: Boolean,
+      default: true
+    },
+    format: {
+      type: String,
+      default: 'image/png'
+    },
+    quality: {
+      type: Number,
+      default: 1
+    }
+  },
+
+  data() {
+    return {
+      hasDrew: false,
+      resultImg: '',
+      points: [],
+      canvasTxt: null,
+      startX: 0,
+      startY: 0,
+      isDrawing: false,
+      sratio: 1
+    };
+  },
+
+  computed: {
+    ratio() {
+      return this.height / this.width;
+    },
+
+    stageInfo() {
+      return this.$refs.canvas.getBoundingClientRect();
+    },
+
+    myBg() {
+      return this.bgColor ? this.bgColor : 'rgba(255, 255, 255, 0)';
+    }
+
+  },
+  watch: {
+    'myBg': function (newVal) {
+      this.$refs.canvas.style.background = newVal;
+    }
+  },
+
+  beforeMount() {
+    window.addEventListener('resize', this.$_resizeHandler);
+  },
+
+  beforeDestroy() {
+    window.removeEventListener('resize', this.$_resizeHandler);
+  },
+
+  mounted() {
+    const canvas = this.$refs.canvas;
+    canvas.height = this.height;
+    canvas.width = this.width;
+    canvas.style.background = this.myBg;
+    this.$_resizeHandler(); // 在画板以外松开鼠标后冻结画笔
+
+    document.onmouseup = () => {
+      this.isDrawing = false;
+    };
+  },
+
+  methods: {
+    $_resizeHandler() {
+      const canvas = this.$refs.canvas;
+      canvas.style.width = this.width + "px";
+      const realw = parseFloat(window.getComputedStyle(canvas).width);
+      canvas.style.height = this.ratio * realw + "px";
+      this.canvasTxt = canvas.getContext('2d');
+      this.canvasTxt.scale(1 * this.sratio, 1 * this.sratio);
+      this.sratio = realw / this.width;
+      this.canvasTxt.scale(1 / this.sratio, 1 / this.sratio);
+    },
+
+    // pc
+    mouseDown(e) {
+      e = e || event;
+      e.preventDefault();
+      this.isDrawing = true;
+      this.hasDrew = true;
+      let obj = {
+        x: e.offsetX,
+        y: e.offsetY
+      };
+      this.drawStart(obj);
+    },
+
+    mouseMove(e) {
+      e = e || event;
+      e.preventDefault();
+
+      if (this.isDrawing) {
+        let obj = {
+          x: e.offsetX,
+          y: e.offsetY
+        };
+        this.drawMove(obj);
+      }
+    },
+
+    mouseUp(e) {
+      e = e || event;
+      e.preventDefault();
+      let obj = {
+        x: e.offsetX,
+        y: e.offsetY
+      };
+      this.drawEnd(obj);
+      this.isDrawing = false;
+    },
+
+    // mobile
+    touchStart(e) {
+      e = e || event;
+      e.preventDefault();
+      this.hasDrew = true;
+
+      if (e.touches.length === 1) {
+        let obj = {
+          x: e.targetTouches[0].clientX - this.$refs.canvas.getBoundingClientRect().left,
+          y: e.targetTouches[0].clientY - this.$refs.canvas.getBoundingClientRect().top
+        };
+        this.drawStart(obj);
+      }
+    },
+
+    touchMove(e) {
+      e = e || event;
+      e.preventDefault();
+
+      if (e.touches.length === 1) {
+        let obj = {
+          x: e.targetTouches[0].clientX - this.$refs.canvas.getBoundingClientRect().left,
+          y: e.targetTouches[0].clientY - this.$refs.canvas.getBoundingClientRect().top
+        };
+        this.drawMove(obj);
+      }
+    },
+
+    touchEnd(e) {
+      e = e || event;
+      e.preventDefault();
+
+      if (e.touches.length === 1) {
+        let obj = {
+          x: e.targetTouches[0].clientX - this.$refs.canvas.getBoundingClientRect().left,
+          y: e.targetTouches[0].clientY - this.$refs.canvas.getBoundingClientRect().top
+        };
+        this.drawEnd(obj);
+      }
+    },
+
+    // 绘制
+    drawStart(obj) {
+      this.startX = obj.x;
+      this.startY = obj.y;
+      this.canvasTxt.beginPath();
+      this.canvasTxt.moveTo(this.startX, this.startY);
+      this.canvasTxt.lineTo(obj.x, obj.y);
+      this.canvasTxt.lineCap = 'round';
+      this.canvasTxt.lineJoin = 'round';
+      this.canvasTxt.lineWidth = this.lineWidth * this.sratio;
+      this.canvasTxt.stroke();
+      this.canvasTxt.closePath();
+      this.points.push(obj);
+    },
+
+    drawMove(obj) {
+      this.canvasTxt.beginPath();
+      this.canvasTxt.moveTo(this.startX, this.startY);
+      this.canvasTxt.lineTo(obj.x, obj.y);
+      this.canvasTxt.strokeStyle = this.lineColor;
+      this.canvasTxt.lineWidth = this.lineWidth * this.sratio;
+      this.canvasTxt.lineCap = 'round';
+      this.canvasTxt.lineJoin = 'round';
+      this.canvasTxt.stroke();
+      this.canvasTxt.closePath();
+      this.startY = obj.y;
+      this.startX = obj.x;
+      this.points.push(obj);
+    },
+
+    drawEnd(obj) {
+      this.canvasTxt.beginPath();
+      this.canvasTxt.moveTo(this.startX, this.startY);
+      this.canvasTxt.lineTo(obj.x, obj.y);
+      this.canvasTxt.lineCap = 'round';
+      this.canvasTxt.lineJoin = 'round';
+      this.canvasTxt.stroke();
+      this.canvasTxt.closePath();
+      this.points.push(obj);
+      this.points.push({
+        x: -1,
+        y: -1
+      });
+    },
+
+    // 操作
+    generate(options) {
+      let imgFormat = options && options.format ? options.format : this.format;
+      let imgQuality = options && options.quality ? options.quality : this.quality;
+      const pm = new Promise((resolve, reject) => {
+        if (!this.hasDrew) {
+          reject(`Warning: Not Signned!`);
+          return;
+        }
+
+        var resImgData = this.canvasTxt.getImageData(0, 0, this.$refs.canvas.width, this.$refs.canvas.height);
+        this.canvasTxt.globalCompositeOperation = "destination-over";
+        this.canvasTxt.fillStyle = this.myBg;
+        this.canvasTxt.fillRect(0, 0, this.$refs.canvas.width, this.$refs.canvas.height);
+        this.resultImg = this.$refs.canvas.toDataURL(imgFormat, imgQuality);
+        var resultImg = this.resultImg;
+        this.canvasTxt.clearRect(0, 0, this.$refs.canvas.width, this.$refs.canvas.height);
+        this.canvasTxt.putImageData(resImgData, 0, 0);
+        this.canvasTxt.globalCompositeOperation = "source-over";
+
+        if (this.isCrop) {
+          const crop_area = this.getCropArea(resImgData.data);
+          var crop_canvas = document.createElement('canvas');
+          const crop_ctx = crop_canvas.getContext('2d');
+          crop_canvas.width = crop_area[2] - crop_area[0];
+          crop_canvas.height = crop_area[3] - crop_area[1];
+          const crop_imgData = this.canvasTxt.getImageData(...crop_area);
+          crop_ctx.globalCompositeOperation = "destination-over";
+          crop_ctx.putImageData(crop_imgData, 0, 0);
+          crop_ctx.fillStyle = this.myBg;
+          crop_ctx.fillRect(0, 0, crop_canvas.width, crop_canvas.height);
+          resultImg = crop_canvas.toDataURL(imgFormat, imgQuality);
+          crop_canvas = null;
+        }
+
+        resolve(resultImg);
+      });
+      return pm;
+    },
+
+    reset() {
+      this.canvasTxt.clearRect(0, 0, this.$refs.canvas.width, this.$refs.canvas.height);
+
+      if (this.isClearBgColor) {
+        this.$emit('update:bgColor', '');
+        this.$refs.canvas.style.background = 'rgba(255, 255, 255, 0)';
+      }
+
+      this.points = [];
+      this.hasDrew = false;
+      this.resultImg = '';
+    },
+
+    getCropArea(imgData) {
+      var topX = this.$refs.canvas.width;
+      var btmX = 0;
+      var topY = this.$refs.canvas.height;
+      var btnY = 0;
+
+      for (var i = 0; i < this.$refs.canvas.width; i++) {
+        for (var j = 0; j < this.$refs.canvas.height; j++) {
+          var pos = (i + this.$refs.canvas.width * j) * 4;
+
+          if (imgData[pos] > 0 || imgData[pos + 1] > 0 || imgData[pos + 2] || imgData[pos + 3] > 0) {
+            btnY = Math.max(j, btnY);
+            btmX = Math.max(i, btmX);
+            topY = Math.min(j, topY);
+            topX = Math.min(i, topX);
+          }
+        }
+      }
+
+      topX++;
+      btmX++;
+      topY++;
+      btnY++;
+      const data = [topX, topY, btmX, btnY];
+      return data;
+    }
+
+  }
+});
+// CONCATENATED MODULE: ./node_modules/vue-esign/src/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var vue_esign_srcvue_type_script_lang_js_ = (srcvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-esign/src/index.vue?vue&type=style&index=0&id=a1968bcc&prod&scoped=true&lang=css&
+var srcvue_type_style_index_0_id_a1968bcc_prod_scoped_true_lang_css_ = __webpack_require__("91fa");
+
+// CONCATENATED MODULE: ./node_modules/vue-esign/src/index.vue
+
+
+
+
+
+
+/* normalize component */
+
+var src_component = normalizeComponent(
+  vue_esign_srcvue_type_script_lang_js_,
+  srcvue_type_template_id_a1968bcc_scoped_true_render,
+  srcvue_type_template_id_a1968bcc_scoped_true_staticRenderFns,
+  false,
+  null,
+  "a1968bcc",
+  null
+  
+)
+
+/* harmony default export */ var vue_esign_src = (src_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-esign/src/index.js
+
+vue_esign_src.install = function (Vue) {
+  if (this.installed) {
+    return
+  }
+  this.installed = true
+  Vue.component('vueEsign', vue_esign_src)
+}
+/* harmony default export */ var node_modules_vue_esign_src = (vue_esign_src);
+
+// if (typeof window !== 'undefined' && window.Vue) {
+//   window.Vue.use(vueEsign)
+// }
 // CONCATENATED MODULE: ./src/index.js
 
 
@@ -80930,12 +81333,14 @@ var dist = __webpack_require__("b749");
 
 
 
+
 
 
 const vantComponents = [vant_es_button, es_field, vant_es_icon, vant_es_switch, vant_es_picker, es_popup, es_radio_group, vant_es_radio, vant_es_checkbox, es_checkbox_group, datetime_picker, es_uploader, es_rate, es_slider, es_area, es_cell_group, es_calendar, vant_es_image, es_dropdown_menu, es_dropdown_item];
 const elementComponent = [lib_date_picker_default.a, lib_dialog_default.a, lib_tooltip_default.a, lib_time_picker_default.a, lib_cascader_default.a, lib_upload_default.a, lib_select_default.a, lib_option_default.a, lib_popover_default.a, lib_input_default.a, lib_switch_default.a];
 vantComponents.forEach(item => external_commonjs_vue_commonjs2_vue_root_Vue_default.a.use(item));
 elementComponent.forEach(item => external_commonjs_vue_commonjs2_vue_root_Vue_default.a.use(item));
+external_commonjs_vue_commonjs2_vue_root_Vue_default.a.use(node_modules_vue_esign_src);
 external_commonjs_vue_commonjs2_vue_root_Vue_default.a.config.productionTip = false;
 const components = [App];
 
@@ -80950,7 +81355,7 @@ const install = function (Vue, opts = {}) {
     Vue.component(component.name, component);
   }); // 将表单组件中的store注册到父组件中
 
-  (_opts$store = opts.store) === null || _opts$store === void 0 ? void 0 : _opts$store.registerModule("e7ingForm", e7ingForm);
+  (_opts$store = opts.store) === null || _opts$store === void 0 ? void 0 : _opts$store.registerModule("e7ingForm", formStore);
 };
 
 if (typeof window !== "undefined" && window.Vue) {