qgb-process 0.3.30-beta.1 → 0.3.30-beta.3

package/lib/qgb-process.umd.1.js

@@ -0,0 +1,466 @@
+((typeof self !== 'undefined' ? self : this)["webpackJsonp_qgb-process"] = (typeof self !== 'undefined' ? self : this)["webpackJsonp_qgb-process"] || []).push([[1],{
+
+/***/ "012f":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1d0dc8b6-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-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--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/formBuilder/components/curTextArea.vue?vue&type=template&id=628c3faf&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    ref: "calText",
+    staticClass: "cal-text",
+    attrs: {
+      "contenteditable": "true",
+      "readonly": ""
+    },
+    domProps: {
+      "innerHTML": _vm._s(_vm.inner)
+    },
+    on: {
+      "input": _vm.handleInput,
+      "focus": function focus($event) {
+        _vm.isChange = false;
+      },
+      "blur": _vm.blurFunc,
+      "keydown": _vm.handleInput,
+      "keyup": _vm.handleInput,
+      "click": function click($event) {
+        $event.stopPropagation();
+        return _vm.setSelection.apply(null, arguments);
+      }
+    }
+  });
+};
+var staticRenderFns = [];
+
+// CONCATENATED MODULE: ./src/views/formBuilder/components/curTextArea.vue?vue&type=template&id=628c3faf&
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/regeneratorRuntime.js
+var regeneratorRuntime = __webpack_require__("c7eb");
+
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
+var asyncToGenerator = __webpack_require__("1da1");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.reduce.js
+var es_array_reduce = __webpack_require__("13d5");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
+var es_object_to_string = __webpack_require__("d3b7");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
+var es_array_concat = __webpack_require__("99af");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.for-each.js
+var web_dom_collections_for_each = __webpack_require__("159b");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.exec.js
+var es_regexp_exec = __webpack_require__("ac1f");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.match.js
+var es_string_match = __webpack_require__("466d");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.regexp.test.js
+var es_regexp_test = __webpack_require__("00b4");
+
+// EXTERNAL MODULE: ./node_modules/html2canvas/dist/html2canvas.js
+var html2canvas = __webpack_require__("c0e9");
+var html2canvas_default = /*#__PURE__*/__webpack_require__.n(html2canvas);
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/formBuilder/components/curTextArea.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var curTextAreavue_type_script_lang_js_ = ({
+  name: "",
+  mixins: [],
+  extends: {},
+  components: {},
+  props: {
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  data: function data() {
+    return {
+      isChange: true,
+      lastEditRange: null,
+      inner: "",
+      //   calMark: ["+", "-", "*", "/", ">", "<", "==", "!=", "<=", ">="]
+      calMark: ["+", "-", "*", "/"]
+    };
+  },
+  watch: {
+    value: {
+      immediate: true,
+      deep: true,
+      handler: function handler() {
+        if (this.isChange) {
+          this.inner = this.value;
+        }
+      }
+    },
+    lastEditRange: {
+      deep: true,
+      handler: function handler(newVal, oldVal) {
+        console.log(newVal);
+        if (newVal) {}
+      }
+    }
+  },
+  computed: {},
+  methods: {
+    // 设置光标位置
+    setSelection: function setSelection(s) {
+      // 获取选定对象
+      var selection = getSelection();
+      // 设置最后光标对象
+      this.lastEditRange = selection.getRangeAt(0);
+      console.log(this.lastEditRange);
+    },
+    addNotes: function addNotes(item, type, pLabel, isCal) {
+      var _this = this;
+      return Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/Object(regeneratorRuntime["a" /* default */])().mark(function _callee() {
+        var self, edit, selection, emojiText, src, str, _str, range, i, textNode, rangeStartOffset, start;
+        return Object(regeneratorRuntime["a" /* default */])().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                self = _this; //   self.setSelection()
+                // 编辑框设置焦点
+                edit = _this.$refs.calText;
+                edit.focus();
+
+                // 获取选定对象
+                selection = getSelection(); // 判断是否有最后光标对象存在
+                if (self.lastEditRange) {
+                  // 存在最后光标对象，选定对象清除所有光标并添加最后光标还原之前的状态
+                  selection.removeAllRanges();
+                  selection.addRange(self.lastEditRange);
+                }
+                if (!(item && (!type || type == "custom"))) {
+                  _context.next = 19;
+                  break;
+                }
+                _context.next = 8;
+                return _this.getLabelData(item, pLabel);
+              case 8:
+                src = _context.sent;
+                emojiText = document.createElement("img");
+                // emojiText.contentEditable = true
+                emojiText.align = "middle";
+                emojiText.style.verticalAlign = "middle";
+                emojiText.style.margin = "3px";
+                // emojiText.style.display = "inline-block";
+                // emojiText.style.maxWidth = "150px";
+                // emojiText.style.minHeight = "30px";
+                emojiText.src = src;
+                emojiText.dataset.field = item.content ? item.content.field : item.field;
+                emojiText.dataset.label = item.content ? item.content.label : item.label;
+                //  从业务规则过来
+                if (!isCal) {
+                  emojiText.dataset.field = item.field;
+                  emojiText.dataset.label = item.label;
+                }
+                _context.next = 20;
+                break;
+              case 19:
+                if (type == "cal") {
+                  str = item.label;
+                  if (item.type) {
+                    str = item.value;
+                  }
+                  emojiText = document.createTextNode(str);
+                  emojiText.innerHTML = str;
+                } else {
+                  emojiText = document.createElement("select");
+                  _str = _this.calMark.reduce(function (total, item, index) {
+                    return total + "<option value =\"".concat(item, "\">").concat(item, "</option>");
+                  }, "");
+                  emojiText.innerHTML = _str;
+                }
+              case 20:
+                range = selection.getRangeAt(0); // 判断选定对象范围是编辑框还是文本节点
+                if (selection.anchorNode.nodeName != "#text") {
+                  // 如果是编辑框范围。则创建表情文本节点进行插入 当光标位置>0时
+                  if (edit.childNodes.length > 0 && selection.anchorOffset > 0) {
+                    // 如果文本框的子元素大于0，则表示有其他元素，则按照位置插入表情节点
+                    for (i = 0; i < edit.childNodes.length; i++) {
+                      if (i == selection.anchorOffset - 1) {
+                        if (edit.childNodes[i].nextSibling) {
+                          edit.insertBefore(emojiText, edit.childNodes[i].nextSibling);
+                        } else {
+                          edit.appendChild(emojiText);
+                        }
+                      }
+                    }
+                  } else if (edit.childNodes.length > 0 && selection.anchorOffset == 0) {
+                    // 当光标位置==0时
+                    for (i = 0; i < edit.childNodes.length; i++) {
+                      if (i == selection.anchorOffset) {
+                        //   if (edit.childNodes[i].nextSibling) {
+                        //     edit.insertBefore(
+                        //       emojiText,
+                        //       edit.childNodes[i + 1].nextSibling
+                        //     );
+                        //   } else {
+                        debugger;
+                        edit.insertBefore(emojiText, edit.childNodes[0]);
+                        //   }
+                      }
+                    }
+                  } else {
+                    edit.appendChild(emojiText);
+                  }
+                  //  else if (edit.childNodes.length > 0 && selection.anchorOffset == 0) {
+                  //   edit.insertBefore(emojiText, edit.childNodes[0]);
+                  // }
+
+                  range.setStart(selection.anchorNode, selection.anchorOffset + 1);
+                  self.setSelection();
+                } else {
+                  // 如果是文本节点则先获取光标对象
+                  range = selection.getRangeAt(0); // 获取光标对象的范围界定对象，一般就是textNode对象
+                  textNode = range.startContainer; // 获取光标位置
+                  rangeStartOffset = range.startOffset; // 文本节点在光标位置处插入新的表情内容
+                  edit.childNodes.forEach(function (item, index) {
+                    if (item == textNode) {
+                      start = index;
+                    }
+                  });
+                  if (rangeStartOffset == 0) {
+                    //   textNode.before(emojiText);
+                    range.insertNode(emojiText);
+                    start += 1;
+                  } else {
+                    //   textNode.after(emojiText);
+                    range.insertNode(emojiText);
+                    //   start += 2;
+                  }
+                  // 创建新的光标对象
+                  // var range = document.createRange();
+                  // 光标对象的范围界定为新建的表情节点
+                  // range.selectNodeContents(edit);
+                  // range.setStart(edit, start);
+                  // range.collapse(true);
+                  // selection.removeAllRanges();
+                  // selection.addRange(range);
+                }
+
+                _this.lastEditRange = selection.getRangeAt(0);
+                edit.focus();
+              case 24:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }))();
+    },
+    // label转图片
+    // TODO: 处理组件标签Canvas
+    getLabelData: function getLabelData(item, pLabel) {
+      return new Promise(function (resolve, reject) {
+        var dom = document.createElement("span");
+        if (pLabel) {
+          dom.innerHTML = "".concat(pLabel, ".").concat(item.label);
+        } else {
+          dom.innerHTML = item.label;
+        }
+        dom.style.padding = "5px 5px";
+        dom.style.color = "#52C41A";
+        dom.style.fontSize = "12px";
+        dom.style.borderWidth = "1px";
+        dom.style.borderStyle = "solid";
+        dom.style.borderColor = "rgba(183, 235, 143, 1)";
+        dom.style.borderRadius = "4px";
+        dom.style.backgroundColor = "rgba(246, 255, 237, 1)";
+        if (item.attrs && item.attrs.type == "number" || item.content && item.content.attrs.type == "number") {
+          dom.style.color = "#FA541C";
+          dom.style.borderColor = "rgba(255, 187, 150, 1)";
+          dom.style.backgroundColor = "rgba(255, 242, 232, 1)";
+        }
+        if (item.attrs && item.type == "checkbox" || item.content && item.content.attrs.type == "checkbox") {
+          dom.style.color = "#b653d1";
+          dom.style.borderColor = "#d3adf7";
+          dom.style.backgroundColor = "#f9f0ff";
+        }
+        if (item.attrs && item.type == "datetime" || item.content && item.content.attrs.type == "datetime") {
+          dom.style.color = "#13c2c2";
+          dom.style.borderColor = "#87e8de";
+          dom.style.backgroundColor = "#e6fffb";
+        }
+        if (item.attrs && item.type == "datetimerange" || item.content && item.content.attrs.type == "datetimerange") {
+          dom.style.color = "#1890ff";
+          dom.style.borderColor = "#91d5ff";
+          dom.style.backgroundColor = "#e6f7ff";
+        }
+        if (item.attrs && item.type == "switch" || item.content && item.content.attrs.type == "switch") {
+          dom.style.color = "rgba(0, 0, 0, 0.647058823529412)";
+          dom.style.borderColor = "rgba(217, 217, 217, 1)";
+          dom.style.backgroundColor = "rgba(245, 245, 245, 1)";
+        }
+        if (item.attrs && item.type == "form") {
+          dom.style.color = "#1890ff";
+          dom.style.borderColor = "#91d5ff";
+          dom.style.backgroundColor = "#e6f7ff";
+        }
+        dom.align = "middle";
+        dom.style.verticalAlign = "middle";
+        document.body.appendChild(dom);
+        html2canvas_default()(dom).then(function (canvas) {
+          var imageData = canvas.toDataURL("image/png");
+          document.body.removeChild(dom);
+          console.log(imageData);
+          resolve(imageData);
+        });
+      });
+    },
+    handleInput: function handleInput($event, v) {
+      //   console.log($event);
+      var code = [37, 38, 39, 40, 8,
+      // 退格
+      46];
+      if ($event.keyCode == 13) {
+        $event.preventDefault();
+      }
+      this.setSelection();
+
+      //   this.$emit("input", this.$el.innerHTML);
+    },
+    blurFunc: function blurFunc() {
+      this.isChange = true;
+      this.inner = this.value;
+      this.$emit("blurFunc");
+    },
+    setCustomValue: function setCustomValue() {
+      var edit = this.$refs.calText;
+      var childNodes = edit.childNodes;
+      var str = "";
+      var nodeName = "";
+      for (var i = 0; i < childNodes.length; i++) {
+        if (i - 1 < 0) continue;
+        if (childNodes[i - 1].nodeName == childNodes[i].nodeName && childNodes[i].nodeName == "IMG") {
+          this.$message.error("表达式间缺少运算符");
+          return false;
+        } else if (childNodes[i].nodeName == "#text") {
+          var strReg = /[\+\-\*\>\<\=\!/]*/g;
+          var arrPromise = childNodes[i].nodeValue.match(strReg);
+          if (arrPromise[0].length >= 2 && arrPromise[1] == "" && arrPromise[0] != ">=" && arrPromise[0] != "<=" && arrPromise[0] != "==" && arrPromise[0] != "===" && arrPromise[0] != "!=" && arrPromise[0] != "!==") {
+            this.$message.error("多个运算符堆积无意义");
+            return false;
+          }
+        }
+      }
+      var reg = /key_[0-9]+\w{8}(\w{4}){3}\w{12}\}|\{[0-9a-zA-Z]+\}|\{[0-9a-zA-Z]+\.key_[0-9]+\w{8}(\w{4}){3}\w{12}\}|\{[0-9a-zA-Z]+\.key_[0-9]+\w{8}(\w{4}){3}\w{12}.key_[0-9]+\w{8}(\w{4}){3}\w{12}\}/;
+      childNodes.forEach(function (item) {
+        if (item.nodeName == "IMG") {
+          if (reg.test(item.dataset.field)) {
+            str += "".concat(item.dataset.field);
+          } else {
+            str += "{".concat(item.dataset.field, "}");
+          }
+        } else if (item.nodeName == "SELECT") {
+          str += "{".concat(item.value, "}");
+        } else if (item.nodeName == "#text") {
+          str += "".concat(item.nodeValue);
+        } else if (item.nodeName == "TEXT") {
+          str += "".concat(item.innerText);
+        } else if (item.nodeName == "SPAN") {
+          str += "".concat(item.innerText);
+        }
+      });
+      debugger;
+      return str;
+    }
+  },
+  created: function created() {},
+  mounted: function mounted() {}
+});
+// CONCATENATED MODULE: ./src/views/formBuilder/components/curTextArea.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_curTextAreavue_type_script_lang_js_ = (curTextAreavue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/views/formBuilder/components/curTextArea.vue?vue&type=style&index=0&id=628c3faf&prod&lang=css&
+var curTextAreavue_type_style_index_0_id_628c3faf_prod_lang_css_ = __webpack_require__("be6a");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./src/views/formBuilder/components/curTextArea.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  components_curTextAreavue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var curTextArea = __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "075d":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("8c70");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("0ec99e1f", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
+/***/ "8c70":
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__("2350")(false);
+// imports
+
+
+// module
+exports.push([module.i, ".read-only{-webkit-user-modify:read-only;-moz-user-modify:read-only}", ""]);
+
+// exports
+
+
+/***/ }),
+
+/***/ "be6a":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_curTextArea_vue_vue_type_style_index_0_id_628c3faf_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("075d");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_curTextArea_vue_vue_type_style_index_0_id_628c3faf_prod_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_curTextArea_vue_vue_type_style_index_0_id_628c3faf_prod_lang_css___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ })
+
+}]);