@zscreate/form-component 1.1.195 → 1.1.197

package/dist/form-component.css

@@ -3324,46 +3324,46 @@ span.CodeMirror-selectedtext { background: none; }
   align-items: center;
 }
 
-.t-border[data-v-104470bb] {
+.t-border[data-v-2d8aea9c] {
   border-right: 1px solid #333;
   border-bottom: 1px solid #333;
 }
-[data-v-104470bb] * {
+[data-v-2d8aea9c] * {
   font-size: var(--paperFontSize);
 }
-[data-v-104470bb] .custom_form_item {
+[data-v-2d8aea9c] .custom_form_item {
   height: -moz-fit-content;
   height: fit-content;
 }
-.save-pdf[data-v-104470bb] .ant-input {
+.save-pdf[data-v-2d8aea9c] .ant-input {
   border: none !important;
 }
-.save-pdf[data-v-104470bb] .ant-select-selection {
+.save-pdf[data-v-2d8aea9c] .ant-select-selection {
   border: none !important;
 }
-.save-pdf[data-v-104470bb] .ant-select-arrow svg {
+.save-pdf[data-v-2d8aea9c] .ant-select-arrow svg {
   display: none;
 }
-.save-pdf[data-v-104470bb] .ant-upload.ant-upload-select-picture-card {
+.save-pdf[data-v-2d8aea9c] .ant-upload.ant-upload-select-picture-card {
   display: none;
 }
-.save-pdf[data-v-104470bb] .anticon svg {
+.save-pdf[data-v-2d8aea9c] .anticon svg {
   display: none;
 }
-.save-pdf[data-v-104470bb] .ant-time-picker-input {
+.save-pdf[data-v-2d8aea9c] .ant-time-picker-input {
   border: none !important;
 }
-.save-pdf[data-v-104470bb] .ant-upload.ant-upload-select {
+.save-pdf[data-v-2d8aea9c] .ant-upload.ant-upload-select {
   display: none;
 }
 /**打印非固定高度标签 高度不确定bug**/
-.computed-wrap[data-v-104470bb] {
+.computed-wrap[data-v-2d8aea9c] {
   background: #f5f5f5;
 }
-.computed-wrap .item[data-v-104470bb] {
+.computed-wrap .item[data-v-2d8aea9c] {
   display: flex;
 }
-.computed-wrap .item > div[data-v-104470bb] {
+.computed-wrap .item > div[data-v-2d8aea9c] {
   height: 35px;
   line-height: 35px;
   flex: 1;
@@ -3371,129 +3371,129 @@ span.CodeMirror-selectedtext { background: none; }
   border-bottom: 1px solid #000;
   text-align: center;
 }
-.computed-wrap .item > div + div[data-v-104470bb] {
+.computed-wrap .item > div + div[data-v-2d8aea9c] {
   flex: 2;
 }
-.layout .paper[data-v-104470bb] {
+.layout .paper[data-v-2d8aea9c] {
   position: relative;
 }
-.layout .paper .form-title[data-v-104470bb] {
+.layout .paper .form-title[data-v-2d8aea9c] {
   text-align: center;
   font-weight: 600;
   font-size: 16px;
   height: 40px;
 }
-.row-item[data-v-104470bb] {
+.row-item[data-v-2d8aea9c] {
   height: -moz-fit-content;
   height: fit-content;
   /**打印非固定高度标签 高度不确定bug**/
 }
-.no-row-item[data-v-104470bb] {
+.no-row-item[data-v-2d8aea9c] {
   border-right: none;
   border-bottom: none;
 }
 /****page边框内的 ***/
-.page-border[data-v-104470bb] {
+.page-border[data-v-2d8aea9c] {
   background: #fff;
   box-sizing: border-box;
 }
-.page-border .row-item[data-v-104470bb]:first-child {
+.page-border .row-item[data-v-2d8aea9c]:first-child {
   border-top: 1px solid #000;
 }
-.page-border .row-item[data-v-104470bb] {
+.page-border .row-item[data-v-2d8aea9c] {
   border-left: 1px solid #000;
 }
-.page-border .item-bottom[data-v-104470bb] {
+.page-border .item-bottom[data-v-2d8aea9c] {
   border-bottom: 1px solid #000;
 }
-.page-border .row-item[data-v-104470bb]:not(:last-child) {
+.page-border .row-item[data-v-2d8aea9c]:not(:last-child) {
   position: relative;
 }
-.page-border li.sortable-chosen[data-v-104470bb] {
+.page-border li.sortable-chosen[data-v-2d8aea9c] {
   height: 2px !important;
   overflow: hidden !important;
   background: red !important;
 }
-.page-border .ant-time-picker-panel[data-v-104470bb] {
+.page-border .ant-time-picker-panel[data-v-2d8aea9c] {
   z-index: 200000 !important;
 }
-.page-border .ant-calendar-picker-container[data-v-104470bb] {
+.page-border .ant-calendar-picker-container[data-v-2d8aea9c] {
   z-index: 200000 !important;
 }
-[data-v-104470bb] .ant-time-picker-panel {
+[data-v-2d8aea9c] .ant-time-picker-panel {
   z-index: 9999 !important;
 }
-.ant-calendar-picker-container[data-v-104470bb] {
+.ant-calendar-picker-container[data-v-2d8aea9c] {
   z-index: 200000 !important;
 }
-[data-v-104470bb] .ant-form-item-children {
+[data-v-2d8aea9c] .ant-form-item-children {
   display: block;
 }
-[data-v-104470bb] .ant-form-item {
+[data-v-2d8aea9c] .ant-form-item {
   width: 100%;
   height: 100%;
   margin-bottom: 0;
   display: flex;
 }
-[data-v-104470bb] .ant-form-item .is_required::before {
+[data-v-2d8aea9c] .ant-form-item .is_required::before {
   content: "*";
   color: #f56c6c;
   margin-right: 4px;
 }
-[data-v-104470bb] .ant-form-item .ant-form-item-label {
+[data-v-2d8aea9c] .ant-form-item .ant-form-item-label {
   border-right: 1px solid #000;
 }
-[data-v-104470bb] .ant-form-item .ant-form-item-label label {
+[data-v-2d8aea9c] .ant-form-item .ant-form-item-label label {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
 }
-[data-v-104470bb] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
+[data-v-2d8aea9c] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
   display: none;
 }
-[data-v-104470bb] .ant-form-item .ant-form-item-control-wrapper {
+[data-v-2d8aea9c] .ant-form-item .ant-form-item-control-wrapper {
   display: flex;
   align-items: center;
   text-align: left;
 }
-[data-v-104470bb] .ant-form-item .ant-form-item-control {
+[data-v-2d8aea9c] .ant-form-item .ant-form-item-control {
   width: 98%;
   margin: 0 auto;
 }
-[data-v-104470bb] .ant-form-item .is_required::before {
+[data-v-2d8aea9c] .ant-form-item .is_required::before {
   content: "*";
   color: #f56c6c;
   margin-right: 4px;
 }
-.row-table[data-v-104470bb] {
+.row-table[data-v-2d8aea9c] {
   display: flex;
 }
-.row-table[data-v-104470bb] .ant-spin-container,
-.row-table[data-v-104470bb] {
+.row-table[data-v-2d8aea9c] .ant-spin-container,
+.row-table[data-v-2d8aea9c] {
   display: flex;
   width: 100%;
 }
-.row-table[data-v-104470bb] .ant-spin-container .table-left,
-.row-table .table-left[data-v-104470bb] {
+.row-table[data-v-2d8aea9c] .ant-spin-container .table-left,
+.row-table .table-left[data-v-2d8aea9c] {
   width: 100px;
   text-align: center;
   border-right: 1px solid #333;
   border-bottom: 1px solid #333;
   position: relative;
 }
-.row-table[data-v-104470bb] .ant-spin-container .table-left p,
-.row-table .table-left p[data-v-104470bb] {
+.row-table[data-v-2d8aea9c] .ant-spin-container .table-left p,
+.row-table .table-left p[data-v-2d8aea9c] {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }
-.row-table[data-v-104470bb] .ant-spin-container .table-right,
-.row-table .table-right[data-v-104470bb] {
+.row-table[data-v-2d8aea9c] .ant-spin-container .table-right,
+.row-table .table-right[data-v-2d8aea9c] {
   flex: 1;
 }
-.table-content[data-v-104470bb] {
+.table-content[data-v-2d8aea9c] {
   width: 100%;
   height: 40px;
   line-height: 40px;
@@ -3502,11 +3502,11 @@ span.CodeMirror-selectedtext { background: none; }
   border-bottom: 1px solid #333;
   border-right: 1px solid #333;
 }
-.sub-table-col[data-v-104470bb] {
+.sub-table-col[data-v-2d8aea9c] {
   display: flex;
   box-sizing: border-box;
 }
-.sub-table-col > span[data-v-104470bb] {
+.sub-table-col > span[data-v-2d8aea9c] {
   flex: 2;
   border-bottom: 1px solid #000;
   border-right: 1px solid #000;
@@ -3514,22 +3514,22 @@ span.CodeMirror-selectedtext { background: none; }
   line-height: 40px;
   text-align: center;
 }
-.sub-table-col > .last-one[data-v-104470bb] {
+.sub-table-col > .last-one[data-v-2d8aea9c] {
   width: 87px;
   flex: 0 0 87px;
   border-right: 1px solid #333;
   border-bottom: 1px solid #333;
 }
-.sub-table-col-no-border > span[data-v-104470bb] {
+.sub-table-col-no-border > span[data-v-2d8aea9c] {
   border: none;
   height: auto;
   width: 0;
 }
-.sub-table-col-no-border > .sub-table-title[data-v-104470bb]:last-child,
-.sub-table-col-no-border > .sub-table-item[data-v-104470bb]:last-child {
+.sub-table-col-no-border > .sub-table-title[data-v-2d8aea9c]:last-child,
+.sub-table-col-no-border > .sub-table-item[data-v-2d8aea9c]:last-child {
   border-right: none !important;
 }
-.sub-table-col-no-border > .last-one[data-v-104470bb] {
+.sub-table-col-no-border > .last-one[data-v-2d8aea9c] {
   width: 87px;
   flex: 0 0 87px;
   display: flex;
@@ -3537,33 +3537,33 @@ span.CodeMirror-selectedtext { background: none; }
   align-items: center;
 }
 /*****无border *****/
-.no-border .page-border[data-v-104470bb] {
+.no-border .page-border[data-v-2d8aea9c] {
   border: none;
 }
-.no-border .page-border .row-item[data-v-104470bb]:not(:last-child) {
+.no-border .page-border .row-item[data-v-2d8aea9c]:not(:last-child) {
   border: none;
 }
-.no-border .page-border[data-v-104470bb] .ant-form-item .ant-form-item-label {
+.no-border .page-border[data-v-2d8aea9c] .ant-form-item .ant-form-item-label {
   border: none;
 }
-.table_border[data-v-104470bb] {
+.table_border[data-v-2d8aea9c] {
   border-bottom: 0;
   border-right: 0;
 }
 /*****无border *****/
-[data-v-104470bb] .ant-form-item-children > div > p,[data-v-104470bb] .ant-form-item-children > div > h1,[data-v-104470bb] .ant-form-item-children > div > h2,[data-v-104470bb] .ant-form-item-children > div > h3,[data-v-104470bb] .ant-form-item-children > div > h4,[data-v-104470bb] .ant-form-item-children > div > h5,[data-v-104470bb] .ant-form-item-children > div > table /deep/ .ant-form-item-children > div > pre {
+[data-v-2d8aea9c] .ant-form-item-children > div > p,[data-v-2d8aea9c] .ant-form-item-children > div > h1,[data-v-2d8aea9c] .ant-form-item-children > div > h2,[data-v-2d8aea9c] .ant-form-item-children > div > h3,[data-v-2d8aea9c] .ant-form-item-children > div > h4,[data-v-2d8aea9c] .ant-form-item-children > div > h5,[data-v-2d8aea9c] .ant-form-item-children > div > table /deep/ .ant-form-item-children > div > pre {
   margin: 10px 0;
   line-height: 1.5;
 }
-[data-v-104470bb] .ant-spin-dot {
+[data-v-2d8aea9c] .ant-spin-dot {
   font-size: 20px !important;
 }
-.form_skeleton[data-v-104470bb] {
+.form_skeleton[data-v-2d8aea9c] {
   display: block;
   width: 700px;
   margin: 55px auto;
 }
-.form_skeleton[data-v-104470bb] .ant-skeleton-title {
+.form_skeleton[data-v-2d8aea9c] .ant-skeleton-title {
   margin: 0 auto;
 }
 

package/dist/form-component.umd.js

@@ -60350,7 +60350,8 @@ Sortable.mount(Remove, Revert);
       contentStyle: {
         width: "200px",
         margin: "0 auto",
-        background: "#fff"
+        background: "#fff",
+        '--paperFontSize': "14px"
       },
       models: {},
       rules: {},
@@ -107529,6 +107530,306 @@ function getQueryParam(name, url = window.location.href) {
 
 /***/ }),
 
+/***/ 3454:
+/***/ (function(module, exports) {
+
+var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;(function (root, factory) {
+  if (true) {
+    /*AMD. Register as an anonymous module.
+    *define([], factory); */
+    !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory()),
+		__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
+		(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
+		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
+  } else {}
+})(this, function () {
+  /*Just return a value to define the module export.*/
+  var watermark = {};
+  var forceRemove = false;
+  var defaultSettings = {
+    watermark_id: 'wm_div_id',
+    //水印总体的id
+    watermark_prefix: 'mask_div_id',
+    //小水印的id前缀
+    watermark_x: 20,
+    //水印起始位置x轴坐标
+    watermark_y: 20,
+    //水印起始位置Y轴坐标
+    watermark_rows: 0,
+    //水印行数
+    watermark_cols: 0,
+    //水印列数
+    watermark_x_space: 100,
+    //水印x轴间隔
+    watermark_y_space: 50,
+    //水印y轴间隔
+    watermark_font: '微软雅黑',
+    //水印字体
+    watermark_color: 'black',
+    //水印字体颜色
+    watermark_fontsize: '16px',
+    //水印字体大小
+    watermark_alpha: 0.005,
+    //水印透明度，要求设置在大于等于0.005
+    watermark_width: 250,
+    //水印宽度
+    watermark_height: 120,
+    //水印长度
+    watermark_angle: 330,
+    //水印倾斜度数
+    watermark_parent_width: 0,
+    //水印的总体宽度（默认值：body的scrollWidth和clientWidth的较大值）
+    watermark_parent_height: 0,
+    //水印的总体高度（默认值：body的scrollHeight和clientHeight的较大值）
+    watermark_txt: ``
+  };
+  const MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
+
+  //监听dom是否被移除或者改变属性的回调函数
+  var domChangeCallback = function (records) {
+    if (forceRemove) {
+      forceRemove = false;
+      return;
+    }
+    if (globalSetting && records.length === 1 || records.length === 1 && records[0].removedNodes.length >= 1) {
+      loadMark(globalSetting);
+    }
+  };
+  var hasObserver = MutationObserver !== undefined;
+  var watermarkDom = hasObserver ? new MutationObserver(domChangeCallback) : null;
+  var option = {
+    'childList': true,
+    'attributes': true,
+    'subtree': true
+  };
+
+  /*加载水印*/
+  var loadMark = function (settings) {
+    /*采用配置项替换默认值，作用类似jquery.extend*/
+    if (arguments.length === 1 && typeof arguments[0] === "object") {
+      var src = arguments[0] || {};
+      for (key in src) {
+        if (src[key] && defaultSettings[key] && src[key] === defaultSettings[key]) continue;
+        /*veronic: resolution of watermark_angle=0 not in force*/else if (src[key] || src[key] === 0) defaultSettings[key] = src[key];
+      }
+    }
+
+    /*如果元素存在则移除*/
+    var watermark_element = document.getElementById(defaultSettings.watermark_id);
+    watermark_element && watermark_element.parentNode && watermark_element.parentNode.removeChild(watermark_element);
+
+    /*如果设置水印挂载的父元素的id*/
+    var watermark_parent_element = document.getElementById(defaultSettings.watermark_parent_node);
+    var watermark_hook_element = watermark_parent_element ? watermark_parent_element : document.body;
+
+    /*获取页面宽度*/
+    // var page_width = Math.max(watermark_hook_element.scrollWidth,watermark_hook_element.clientWidth) - defaultSettings.watermark_width/2;
+    var page_width = Math.max(watermark_hook_element.scrollWidth, watermark_hook_element.clientWidth);
+    /*获取页面最大长度*/
+    // var page_height = Math.max(watermark_hook_element.scrollHeight,watermark_hook_element.clientHeight,document.documentElement.clientHeight)-defaultSettings.watermark_height/2;
+    var page_height = Math.max(watermark_hook_element.scrollHeight, watermark_hook_element.clientHeight);
+    var setting = arguments[0] || {};
+    var parentEle = watermark_hook_element;
+    var page_offsetTop = 0;
+    var page_offsetLeft = 0;
+    if (setting.watermark_parent_width || setting.watermark_parent_height) {
+      /*指定父元素同时指定了宽或高*/
+      if (parentEle) {
+        page_offsetTop = parentEle.offsetTop || 0;
+        page_offsetLeft = parentEle.offsetLeft || 0;
+        defaultSettings.watermark_x = defaultSettings.watermark_x + page_offsetLeft;
+        defaultSettings.watermark_y = defaultSettings.watermark_y + page_offsetTop;
+      }
+    } else {
+      if (parentEle) {
+        page_offsetTop = parentEle.offsetTop || 0;
+        page_offsetLeft = parentEle.offsetLeft || 0;
+      }
+    }
+
+    /*创建水印外壳div*/
+    var otdiv = document.getElementById(defaultSettings.watermark_id);
+    var shadowRoot = null;
+    if (!otdiv) {
+      otdiv = document.createElement('div');
+      /*创建shadow dom*/
+      otdiv.id = defaultSettings.watermark_id;
+      otdiv.setAttribute('style', 'pointer-events: none !important; display: block !important');
+      /*判断浏览器是否支持attachShadow方法*/
+      if (typeof otdiv.attachShadow === 'function') {
+        /* createShadowRoot Deprecated. Not for use in new websites. Use attachShadow*/
+        shadowRoot = otdiv.attachShadow({
+          mode: 'open'
+        });
+      } else {
+        shadowRoot = otdiv;
+      }
+      /*将shadow dom随机插入body内的任意位置*/
+      var nodeList = watermark_hook_element.children;
+      var index = Math.floor(Math.random() * (nodeList.length - 1));
+      if (nodeList[index]) {
+        watermark_hook_element.insertBefore(otdiv, nodeList[index]);
+      } else {
+        watermark_hook_element.appendChild(otdiv);
+      }
+    } else if (otdiv.shadowRoot) {
+      shadowRoot = otdiv.shadowRoot;
+    }
+    /*三种情况下会重新计算水印列数和x方向水印间隔：1、水印列数设置为0，2、水印宽度大于页面宽度，3、水印宽度小于于页面宽度*/
+    defaultSettings.watermark_cols = parseInt((page_width - defaultSettings.watermark_x) / (defaultSettings.watermark_width + defaultSettings.watermark_x_space));
+    var temp_watermark_x_space = parseInt((page_width - defaultSettings.watermark_x - defaultSettings.watermark_width * defaultSettings.watermark_cols) / defaultSettings.watermark_cols);
+    defaultSettings.watermark_x_space = temp_watermark_x_space ? defaultSettings.watermark_x_space : temp_watermark_x_space;
+    var allWatermarkWidth;
+
+    /*三种情况下会重新计算水印行数和y方向水印间隔：1、水印行数设置为0，2、水印长度大于页面长度，3、水印长度小于于页面长度*/
+    defaultSettings.watermark_rows = parseInt((page_height - defaultSettings.watermark_y) / (defaultSettings.watermark_height + defaultSettings.watermark_y_space));
+    var temp_watermark_y_space = parseInt((page_height - defaultSettings.watermark_y - defaultSettings.watermark_height * defaultSettings.watermark_rows) / defaultSettings.watermark_rows);
+    defaultSettings.watermark_y_space = temp_watermark_y_space ? defaultSettings.watermark_y_space : temp_watermark_y_space;
+    var allWatermarkHeight;
+    if (watermark_parent_element) {
+      allWatermarkWidth = defaultSettings.watermark_x + defaultSettings.watermark_width * defaultSettings.watermark_cols + defaultSettings.watermark_x_space * (defaultSettings.watermark_cols - 1);
+      allWatermarkHeight = defaultSettings.watermark_y + defaultSettings.watermark_height * defaultSettings.watermark_rows + defaultSettings.watermark_y_space * (defaultSettings.watermark_rows - 1);
+    } else {
+      allWatermarkWidth = page_offsetLeft + defaultSettings.watermark_x + defaultSettings.watermark_width * defaultSettings.watermark_cols + defaultSettings.watermark_x_space * (defaultSettings.watermark_cols - 1);
+      allWatermarkHeight = page_offsetTop + defaultSettings.watermark_y + defaultSettings.watermark_height * defaultSettings.watermark_rows + defaultSettings.watermark_y_space * (defaultSettings.watermark_rows - 1);
+    }
+    var x;
+    var y;
+    for (var i = 0; i < defaultSettings.watermark_rows; i++) {
+      if (watermark_parent_element) {
+        y = page_offsetTop + defaultSettings.watermark_y + (defaultSettings.watermark_y_space + defaultSettings.watermark_height) * i;
+      } else {
+        y = defaultSettings.watermark_y + (page_height - allWatermarkHeight) / 2 + (defaultSettings.watermark_y_space + defaultSettings.watermark_height) * i;
+      }
+      for (var j = 0; j < defaultSettings.watermark_cols; j++) {
+        if (watermark_parent_element) {
+          x = page_offsetLeft + defaultSettings.watermark_x + (page_width - allWatermarkWidth) / 2 + (defaultSettings.watermark_width + defaultSettings.watermark_x_space) * j;
+        } else {
+          x = defaultSettings.watermark_x + (page_width - allWatermarkWidth) / 2 + (defaultSettings.watermark_width + defaultSettings.watermark_x_space) * j;
+        }
+        var mask_div = document.createElement('div');
+        var oText = document.createTextNode(defaultSettings.watermark_txt);
+        mask_div.appendChild(oText);
+        /*设置水印相关属性start*/
+        mask_div.id = defaultSettings.watermark_prefix + i + j;
+        /*设置水印div倾斜显示*/
+        mask_div.style.webkitTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
+        mask_div.style.MozTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
+        mask_div.style.msTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
+        mask_div.style.OTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
+        mask_div.style.transform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
+        mask_div.style.visibility = "";
+        mask_div.style.position = "absolute";
+        /*选不中*/
+        mask_div.style.left = x + 'px';
+        mask_div.style.top = y + 'px';
+        mask_div.style.overflow = "hidden";
+        mask_div.style.zIndex = "9999999";
+        mask_div.style.opacity = defaultSettings.watermark_alpha;
+        mask_div.style.fontSize = defaultSettings.watermark_fontsize;
+        mask_div.style.fontFamily = defaultSettings.watermark_font;
+        mask_div.style.color = defaultSettings.watermark_color;
+        mask_div.style.textAlign = "center";
+        mask_div.style.width = defaultSettings.watermark_width + 'px';
+        mask_div.style.height = defaultSettings.watermark_height + 'px';
+        mask_div.style.display = "block";
+        mask_div.style['-ms-user-select'] = "none";
+        /*设置水印相关属性end*/
+        shadowRoot.appendChild(mask_div);
+      }
+    }
+
+    // monitor 是否监控， true: 不可删除水印; false: 可删水印。
+    const minotor = settings.monitor === undefined ? defaultSettings.monitor : settings.monitor;
+    if (minotor && hasObserver) {
+      watermarkDom.observe(watermark_hook_element, option);
+      watermarkDom.observe(document.getElementById(defaultSettings.watermark_id).shadowRoot, option);
+    }
+  };
+
+  /*移除水印*/
+  var removeMark = function () {
+    /*采用配置项替换默认值，作用类似jquery.extend*/
+    if (arguments.length === 1 && typeof arguments[0] === "object") {
+      var src = arguments[0] || {};
+      for (key in src) {
+        if (src[key] && defaultSettings[key] && src[key] === defaultSettings[key]) continue;
+        /*veronic: resolution of watermark_angle=0 not in force*/else if (src[key] || src[key] === 0) defaultSettings[key] = src[key];
+      }
+    }
+
+    /*移除水印*/
+    var watermark_element = document.getElementById(defaultSettings.watermark_id);
+    var _parentElement = watermark_element.parentNode;
+    _parentElement.removeChild(watermark_element);
+    // :ambulance: remove()
+    // minotor 这个配置有些冗余
+    // 如果用 MutationObserver 来监听dom变化防止删除水印
+    // remove() 方法里用 MutationObserver 的 disconnect() 解除监听即可
+    watermarkDom.disconnect();
+  };
+  var globalSetting;
+  /*初始化水印，添加load和resize事件*/
+  watermark.init = function (settings) {
+    globalSetting = settings;
+    loadMark(settings);
+    window.addEventListener('onload', function () {
+      loadMark(settings);
+    });
+    window.addEventListener('resize', function () {
+      loadMark(settings);
+    });
+  };
+
+  /*手动加载水印*/
+  watermark.load = function (settings) {
+    globalSetting = settings;
+    loadMark(settings);
+  };
+
+  /*手动移除水印*/
+  watermark.remove = function () {
+    forceRemove = true;
+    removeMark();
+  };
+
+  //监听dom是否被移除或者改变属性的回调函数
+  var callback = function (records) {
+    if (globalSetting && records.length === 1 || records.length === 1 && records[0].removedNodes.length >= 1) {
+      loadMark(globalSetting);
+      return;
+    }
+
+    // 监听父节点的尺寸是否发生了变化, 如果发生改变, 则进行重新绘制
+    var watermark_parent_element = document.getElementById(defaultSettings.watermark_parent_node);
+    if (watermark_parent_element) {
+      var newWidth = getComputedStyle(watermark_parent_element).getPropertyValue('width');
+      var newHeight = getComputedStyle(watermark_parent_element).getPropertyValue('height');
+      if (newWidth !== recordOldValue.width || newHeight !== recordOldValue.height) {
+        recordOldValue.width = newWidth;
+        recordOldValue.height = newHeight;
+        loadMark(globalSetting);
+      }
+    }
+  };
+  const _MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
+  var watermarkDom = new _MutationObserver(callback);
+  var option = {
+    'childList': true,
+    'attributes': true,
+    'subtree': true,
+    'attributeFilter': ['style'],
+    'attributeOldValue': true
+  };
+  var recordOldValue = {
+    width: 0,
+    height: 0
+  };
+  return watermark;
+});
+
+/***/ }),
+
 /***/ 8718:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -128566,7 +128867,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__7203__;
 /***/ ((module) => {
 
 "use strict";
-module.exports = {"i8":"1.1.195"};
+module.exports = {"i8":"1.1.197"};
 
 /***/ })
 
@@ -128768,7 +129069,7 @@ function encry_http_v1(config) {
   encry_http_v1: encry_http_v1,
   encryption_v1: aesEncrypt/* encryption_v1 */.iv
 });
-;// CONCATENATED MODULE: ./node_modules/_vue-loader@15.10.2@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_vue-loader@15.10.2@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/layout/layoutForPaper.vue?vue&type=template&id=104470bb&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/_vue-loader@15.10.2@vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/_vue-loader@15.10.2@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/layout/layoutForPaper.vue?vue&type=template&id=2d8aea9c&scoped=true&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a-spin',{staticClass:"layout layout-input-all-setting",class:{ 'no-border': !_vm.data.config.border, 'save-pdf': _vm.showLine, 'ant-form-noBorder': _vm.data.config.componentsNoBorder },style:({ 'overflow-x': _vm.data.config.layout === 'horizontal' ? 'auto' : 'initial' }),attrs:{"spinning":_vm.formLoading,"tip":_vm.formLoadingTip}},[(_vm.pageLoading && _vm.showLayoutLoading)?_c('div',{class:{ form_skeleton: _vm.pageLoading }},[(_vm.pageLoading)?_c('a-skeleton',{attrs:{"active":"","loading":_vm.pageLoading,"paragraph":{ rows: 12 }}}):_vm._e()],1):_vm._e(),_c('a-form-model',{ref:"Form",attrs:{"hideRequiredMark":true,"model":_vm.models,"rules":_vm.rules,"wrapper-col":{}},on:{"update:rules":function($event){_vm.rules=$event},"validate":_vm.validate}},_vm._l((_vm.widgetList),function(list,listindex){return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.widgetList[0].length > 0),expression:"widgetList[0].length > 0"}],key:listindex,staticClass:"paper",style:(_vm.contentStyle)},[(listindex == 0)?_vm._t("default"):_vm._e(),(listindex == 0)?_c('div',{staticClass:"form-title",style:(Object.assign({}, {height: _vm.formNameHeight}, _vm.formNameStyle))},[_c('span',{staticStyle:{"font-size":"inherit"},domProps:{"innerHTML":_vm._s(_vm.data.config.formNameLeftContent || '')}}),_vm._v(_vm._s(_vm.data.config.formName)),_c('span',{staticStyle:{"font-size":"inherit"},domProps:{"innerHTML":_vm._s(_vm.data.config.formNameRightContent || '')}})]):_vm._e(),(_vm.value && _vm.value.formIndex)?_c('div',{staticStyle:{"text-align":"right","font-weight":"bold"}},[_vm._v(_vm._s(_vm.value.formIndex))]):_vm._e(),(_vm.data.config.pageHeader && listindex === 0)?_c('div',{style:(_vm.data.config.headerHeight),domProps:{"innerHTML":_vm._s(_vm.data.config.pageHeader)}}):_vm._e(),_c('div',{staticClass:"page-border",style:({ borderColor: _vm.data.config.borderColor })},[_vm._l((list),function(widget,index){return [(widget.type == 'table')?[(
                   widget.options.layoutModel === 'auto' ||
                   widget.options.layoutModel === undefined
@@ -128804,15 +129105,15 @@ var staticRenderFns = []
 var layoutForPapervue_type_script_lang_js_ = __webpack_require__(1936);
 ;// CONCATENATED MODULE: ./src/form/modules/layout/layoutForPaper.vue?vue&type=script&lang=js&
  /* harmony default export */ const layout_layoutForPapervue_type_script_lang_js_ = (layoutForPapervue_type_script_lang_js_/* default */.Z); 
-;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.7.6@mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/_css-loader@6.8.1@css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/_vue-loader@15.10.2@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/_vue-loader@15.10.2@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/layout/layoutForPaper.vue?vue&type=style&index=1&id=104470bb&prod&lang=less&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.7.6@mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/_css-loader@6.8.1@css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/_vue-loader@15.10.2@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/_vue-loader@15.10.2@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/layout/layoutForPaper.vue?vue&type=style&index=1&id=2d8aea9c&prod&lang=less&scoped=true&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/form/modules/layout/layoutForPaper.vue?vue&type=style&index=1&id=104470bb&prod&lang=less&scoped=true&
+;// CONCATENATED MODULE: ./src/form/modules/layout/layoutForPaper.vue?vue&type=style&index=1&id=2d8aea9c&prod&lang=less&scoped=true&
 
-;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.7.6@mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/_css-loader@6.8.1@css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/_vue-loader@15.10.2@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/_vue-loader@15.10.2@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/layout/layoutForPaper.vue?vue&type=style&index=2&id=104470bb&prod&lang=css&
+;// CONCATENATED MODULE: ./node_modules/_mini-css-extract-plugin@2.7.6@mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/_css-loader@6.8.1@css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/_vue-loader@15.10.2@vue-loader/lib/loaders/stylePostLoader.js!./node_modules/_postcss-loader@6.2.1@postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/_vue-loader@15.10.2@vue-loader/lib/index.js??vue-loader-options!./src/form/modules/layout/layoutForPaper.vue?vue&type=style&index=2&id=2d8aea9c&prod&lang=css&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/form/modules/layout/layoutForPaper.vue?vue&type=style&index=2&id=104470bb&prod&lang=css&
+;// CONCATENATED MODULE: ./src/form/modules/layout/layoutForPaper.vue?vue&type=style&index=2&id=2d8aea9c&prod&lang=css&
 
 // EXTERNAL MODULE: ./node_modules/_vue-loader@15.10.2@vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(7506);
@@ -128832,7 +129133,7 @@ var component = (0,componentNormalizer/* default */.Z)(
   staticRenderFns,
   false,
   null,
-  "104470bb",
+  "2d8aea9c",
   null
   
 )
@@ -137601,12 +137902,14 @@ console.log("version:", version);
 
 
 
+const watermark = __webpack_require__(3454);
 const main_components = [layoutForPaper, Container, layoutItem["default"], FilePreview/* default */.Z];
 const install = function (Vue, opts = {}, router = undefined) {
   __webpack_require__.g.Vue = Vue;
   opts.common_encrypt = encryption;
   Vue.prototype = Object.assign(Vue.prototype, opts);
   (external_commonjs_vue_commonjs2_vue_root_Vue_default()).prototype = Object.assign((external_commonjs_vue_commonjs2_vue_root_Vue_default()).prototype, opts);
+  Vue.prototype.$watermark = watermark;
   main_components.forEach(component => {
     Vue.component(component.name, component);
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zscreate/form-component",
-  "version": "1.1.195",
+  "version": "1.1.197",
   "private": false,
   "description": "",
   "main": "dist/form-component.umd.js",