eoss-ui 0.4.65 → 0.4.66

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/lib/button-group.js +17 -8
  2. package/lib/button.js +17 -8
  3. package/lib/checkbox-group.js +17 -8
  4. package/lib/data-table-form.js +17 -8
  5. package/lib/data-table.js +17 -8
  6. package/lib/date-picker.js +17 -8
  7. package/lib/dialog.js +17 -8
  8. package/lib/eoss-ui.common.js +6646 -6148
  9. package/lib/flow-group.js +17 -8
  10. package/lib/flow-list.js +17 -8
  11. package/lib/flow.js +22 -12
  12. package/lib/form.js +8648 -8278
  13. package/lib/handle-user.js +17 -8
  14. package/lib/handler.js +17 -8
  15. package/lib/index.js +1 -1
  16. package/lib/input-number.js +17 -8
  17. package/lib/input.js +37 -15
  18. package/lib/login.js +22 -15
  19. package/lib/main.js +78 -60
  20. package/lib/nav.js +20 -11
  21. package/lib/page.js +17 -8
  22. package/lib/player.js +17 -8
  23. package/lib/qr-code.js +17 -8
  24. package/lib/radio-group.js +17 -8
  25. package/lib/retrial-auth.js +17 -8
  26. package/lib/select-ganged.js +17 -8
  27. package/lib/select.js +17 -8
  28. package/lib/selector-panel.js +17 -8
  29. package/lib/selector.js +17 -8
  30. package/lib/sizer.js +17 -8
  31. package/lib/steps.js +17 -8
  32. package/lib/switch.js +17 -8
  33. package/lib/table-form.js +1320 -1204
  34. package/lib/tabs.js +17 -8
  35. package/lib/tips.js +17 -8
  36. package/lib/tree-group.js +17 -8
  37. package/lib/tree.js +17 -8
  38. package/lib/upload.js +17 -8
  39. package/lib/utils/util.js +17 -8
  40. package/lib/wujie.js +17 -8
  41. package/lib/wxlogin.js +17 -8
  42. package/package.json +2 -2
  43. package/packages/flow/src/main.vue +6 -5
  44. package/packages/form/src/main.vue +1435 -1313
  45. package/packages/form/src/table.vue +375 -318
  46. package/packages/input/src/main.vue +20 -7
  47. package/packages/login/src/main.vue +3 -5
  48. package/packages/main/src/main.vue +60 -54
  49. package/packages/nav/src/main.vue +1 -1
  50. package/src/index.js +1 -1
  51. package/src/utils/util.js +18 -8
package/lib/button-group.js CHANGED
@@ -2275,16 +2275,19 @@ var uuid = function uuid(len) {
2275
2275
  **/
2276
2276
  var watermark = function watermark(option) {
2277
2277
  // 默认设置
2278
+ var _width = parseInt(option.width || 480, 10);
2279
+ var _height = parseInt(option.width || 180, 10);
2280
+ var _rows = Math.round(document.body.clientHeight / _height);
2281
+ var _cols = Math.round(document.body.clientWidth / _width);
2278
2282
  var config = {
2279
- rows: 5, // 水印行数
2280
- cols: 5,
2283
+ rows: _rows, // 水印行数
2284
+ cols: _cols,
2281
2285
  html: '水印示例', // 水印文本内容
2282
2286
  angle: -15, // 旋转角度
2283
2287
  color: '#000', // 水印文字颜色
2284
- width: '', // 水印宽度
2285
- minWidth: 300, // 水印最小宽度
2286
- height: 120, // 水印高度
2287
- lineHeight: 120, // 水印行高
2288
+ minWidth: _width, // 水印最小宽度
2289
+ height: _height, // 水印高度
2290
+ lineHeight: 20, // 水印行高
2288
2291
  opacity: 0.1, // 水印透明度
2289
2292
  fontSize: 14, // 水印文字字体大小
2290
2293
  fontWeight: 400, // 水印字体粗细
@@ -2310,7 +2313,6 @@ var watermark = function watermark(option) {
2310
2313
  html = options.html,
2311
2314
  angle = options.angle,
2312
2315
  color = options.color,
2313
- width = options.width,
2314
2316
  minWidth = options.minWidth,
2315
2317
  height = options.height,
2316
2318
  lineHeight = options.lineHeight,
@@ -2327,11 +2329,18 @@ var watermark = function watermark(option) {
2327
2329
  for (var i = 0; i < num; i++) {
2328
2330
  var item = document.createElement('div');
2329
2331
  item.innerHTML = html;
2330
- item.style.cssText = 'flex-grow: 1;flex-shrink: 0;color: ' + color + ';text-align: ' + textAlign + ';width: ' + (width ? parseInt(width, 10) + 'px' : 100 / cols + '%') + ';min-width: ' + (minWidth ? parseInt(minWidth, 10) + 'px' : '') + ';height: ' + height + 'px;line-height: ' + lineHeight + 'px;font-size:' + fontSize + 'px;font-weight: ' + fontWeight + ';font-family: ' + fontFamily + ';text-align: ' + textAlign + ';transform: rotate(' + angle + 'deg);opacity: ' + opacity + ';';
2332
+ item.style.cssText = 'flex-grow: 1;flex-shrink: 0;color: ' + color + ';text-align: ' + textAlign + ';width: ' + 100 / cols + '%;min-width: ' + (minWidth ? parseInt(minWidth, 10) + 'px' : '') + ';height: ' + height + 'px;line-height: ' + lineHeight + 'px;font-size:' + fontSize + 'px;font-weight: ' + fontWeight + ';font-family: ' + fontFamily + ';text-align: ' + textAlign + ';transform: rotate(' + angle + 'deg);opacity: ' + opacity + ';';
2331
2333
  docFrag.appendChild(item);
2332
2334
  }
2333
2335
  wrap.appendChild(docFrag);
2334
2336
  document.body.appendChild(wrap);
2337
+ var _timeout = void 0;
2338
+ window.onresize = function () {
2339
+ clearTimeout(_timeout);
2340
+ _timeout = setTimeout(function () {
2341
+ watermark(options);
2342
+ }, 1000);
2343
+ };
2335
2344
  };
2336
2345
 
2337
2346
  /* harmony default export */ __webpack_exports__["a"] = ({
package/lib/button.js CHANGED
@@ -2275,16 +2275,19 @@ var uuid = function uuid(len) {
2275
2275
  **/
2276
2276
  var watermark = function watermark(option) {
2277
2277
  // 默认设置
2278
+ var _width = parseInt(option.width || 480, 10);
2279
+ var _height = parseInt(option.width || 180, 10);
2280
+ var _rows = Math.round(document.body.clientHeight / _height);
2281
+ var _cols = Math.round(document.body.clientWidth / _width);
2278
2282
  var config = {
2279
- rows: 5, // 水印行数
2280
- cols: 5,
2283
+ rows: _rows, // 水印行数
2284
+ cols: _cols,
2281
2285
  html: '水印示例', // 水印文本内容
2282
2286
  angle: -15, // 旋转角度
2283
2287
  color: '#000', // 水印文字颜色
2284
- width: '', // 水印宽度
2285
- minWidth: 300, // 水印最小宽度
2286
- height: 120, // 水印高度
2287
- lineHeight: 120, // 水印行高
2288
+ minWidth: _width, // 水印最小宽度
2289
+ height: _height, // 水印高度
2290
+ lineHeight: 20, // 水印行高
2288
2291
  opacity: 0.1, // 水印透明度
2289
2292
  fontSize: 14, // 水印文字字体大小
2290
2293
  fontWeight: 400, // 水印字体粗细
@@ -2310,7 +2313,6 @@ var watermark = function watermark(option) {
2310
2313
  html = options.html,
2311
2314
  angle = options.angle,
2312
2315
  color = options.color,
2313
- width = options.width,
2314
2316
  minWidth = options.minWidth,
2315
2317
  height = options.height,
2316
2318
  lineHeight = options.lineHeight,
@@ -2327,11 +2329,18 @@ var watermark = function watermark(option) {
2327
2329
  for (var i = 0; i < num; i++) {
2328
2330
  var item = document.createElement('div');
2329
2331
  item.innerHTML = html;
2330
- item.style.cssText = 'flex-grow: 1;flex-shrink: 0;color: ' + color + ';text-align: ' + textAlign + ';width: ' + (width ? parseInt(width, 10) + 'px' : 100 / cols + '%') + ';min-width: ' + (minWidth ? parseInt(minWidth, 10) + 'px' : '') + ';height: ' + height + 'px;line-height: ' + lineHeight + 'px;font-size:' + fontSize + 'px;font-weight: ' + fontWeight + ';font-family: ' + fontFamily + ';text-align: ' + textAlign + ';transform: rotate(' + angle + 'deg);opacity: ' + opacity + ';';
2332
+ item.style.cssText = 'flex-grow: 1;flex-shrink: 0;color: ' + color + ';text-align: ' + textAlign + ';width: ' + 100 / cols + '%;min-width: ' + (minWidth ? parseInt(minWidth, 10) + 'px' : '') + ';height: ' + height + 'px;line-height: ' + lineHeight + 'px;font-size:' + fontSize + 'px;font-weight: ' + fontWeight + ';font-family: ' + fontFamily + ';text-align: ' + textAlign + ';transform: rotate(' + angle + 'deg);opacity: ' + opacity + ';';
2331
2333
  docFrag.appendChild(item);
2332
2334
  }
2333
2335
  wrap.appendChild(docFrag);
2334
2336
  document.body.appendChild(wrap);
2337
+ var _timeout = void 0;
2338
+ window.onresize = function () {
2339
+ clearTimeout(_timeout);
2340
+ _timeout = setTimeout(function () {
2341
+ watermark(options);
2342
+ }, 1000);
2343
+ };
2335
2344
  };
2336
2345
 
2337
2346
  /* harmony default export */ __webpack_exports__["a"] = ({
package/lib/checkbox-group.js CHANGED
@@ -2275,16 +2275,19 @@ var uuid = function uuid(len) {
2275
2275
  **/
2276
2276
  var watermark = function watermark(option) {
2277
2277
  // 默认设置
2278
+ var _width = parseInt(option.width || 480, 10);
2279
+ var _height = parseInt(option.width || 180, 10);
2280
+ var _rows = Math.round(document.body.clientHeight / _height);
2281
+ var _cols = Math.round(document.body.clientWidth / _width);
2278
2282
  var config = {
2279
- rows: 5, // 水印行数
2280
- cols: 5,
2283
+ rows: _rows, // 水印行数
2284
+ cols: _cols,
2281
2285
  html: '水印示例', // 水印文本内容
2282
2286
  angle: -15, // 旋转角度
2283
2287
  color: '#000', // 水印文字颜色
2284
- width: '', // 水印宽度
2285
- minWidth: 300, // 水印最小宽度
2286
- height: 120, // 水印高度
2287
- lineHeight: 120, // 水印行高
2288
+ minWidth: _width, // 水印最小宽度
2289
+ height: _height, // 水印高度
2290
+ lineHeight: 20, // 水印行高
2288
2291
  opacity: 0.1, // 水印透明度
2289
2292
  fontSize: 14, // 水印文字字体大小
2290
2293
  fontWeight: 400, // 水印字体粗细
@@ -2310,7 +2313,6 @@ var watermark = function watermark(option) {
2310
2313
  html = options.html,
2311
2314
  angle = options.angle,
2312
2315
  color = options.color,
2313
- width = options.width,
2314
2316
  minWidth = options.minWidth,
2315
2317
  height = options.height,
2316
2318
  lineHeight = options.lineHeight,
@@ -2327,11 +2329,18 @@ var watermark = function watermark(option) {
2327
2329
  for (var i = 0; i < num; i++) {
2328
2330
  var item = document.createElement('div');
2329
2331
  item.innerHTML = html;
2330
- item.style.cssText = 'flex-grow: 1;flex-shrink: 0;color: ' + color + ';text-align: ' + textAlign + ';width: ' + (width ? parseInt(width, 10) + 'px' : 100 / cols + '%') + ';min-width: ' + (minWidth ? parseInt(minWidth, 10) + 'px' : '') + ';height: ' + height + 'px;line-height: ' + lineHeight + 'px;font-size:' + fontSize + 'px;font-weight: ' + fontWeight + ';font-family: ' + fontFamily + ';text-align: ' + textAlign + ';transform: rotate(' + angle + 'deg);opacity: ' + opacity + ';';
2332
+ item.style.cssText = 'flex-grow: 1;flex-shrink: 0;color: ' + color + ';text-align: ' + textAlign + ';width: ' + 100 / cols + '%;min-width: ' + (minWidth ? parseInt(minWidth, 10) + 'px' : '') + ';height: ' + height + 'px;line-height: ' + lineHeight + 'px;font-size:' + fontSize + 'px;font-weight: ' + fontWeight + ';font-family: ' + fontFamily + ';text-align: ' + textAlign + ';transform: rotate(' + angle + 'deg);opacity: ' + opacity + ';';
2331
2333
  docFrag.appendChild(item);
2332
2334
  }
2333
2335
  wrap.appendChild(docFrag);
2334
2336
  document.body.appendChild(wrap);
2337
+ var _timeout = void 0;
2338
+ window.onresize = function () {
2339
+ clearTimeout(_timeout);
2340
+ _timeout = setTimeout(function () {
2341
+ watermark(options);
2342
+ }, 1000);
2343
+ };
2335
2344
  };
2336
2345
 
2337
2346
  /* harmony default export */ __webpack_exports__["a"] = ({
package/lib/data-table-form.js CHANGED
@@ -2274,16 +2274,19 @@ var uuid = function uuid(len) {
2274
2274
  **/
2275
2275
  var watermark = function watermark(option) {
2276
2276
  // 默认设置
2277
+ var _width = parseInt(option.width || 480, 10);
2278
+ var _height = parseInt(option.width || 180, 10);
2279
+ var _rows = Math.round(document.body.clientHeight / _height);
2280
+ var _cols = Math.round(document.body.clientWidth / _width);
2277
2281
  var config = {
2278
- rows: 5, // 水印行数
2279
- cols: 5,
2282
+ rows: _rows, // 水印行数
2283
+ cols: _cols,
2280
2284
  html: '水印示例', // 水印文本内容
2281
2285
  angle: -15, // 旋转角度
2282
2286
  color: '#000', // 水印文字颜色
2283
- width: '', // 水印宽度
2284
- minWidth: 300, // 水印最小宽度
2285
- height: 120, // 水印高度
2286
- lineHeight: 120, // 水印行高
2287
+ minWidth: _width, // 水印最小宽度
2288
+ height: _height, // 水印高度
2289
+ lineHeight: 20, // 水印行高
2287
2290
  opacity: 0.1, // 水印透明度
2288
2291
  fontSize: 14, // 水印文字字体大小
2289
2292
  fontWeight: 400, // 水印字体粗细
@@ -2309,7 +2312,6 @@ var watermark = function watermark(option) {
2309
2312
  html = options.html,
2310
2313
  angle = options.angle,
2311
2314
  color = options.color,
2312
- width = options.width,
2313
2315
  minWidth = options.minWidth,
2314
2316
  height = options.height,
2315
2317
  lineHeight = options.lineHeight,
@@ -2326,11 +2328,18 @@ var watermark = function watermark(option) {
2326
2328
  for (var i = 0; i < num; i++) {
2327
2329
  var item = document.createElement('div');
2328
2330
  item.innerHTML = html;
2329
- item.style.cssText = 'flex-grow: 1;flex-shrink: 0;color: ' + color + ';text-align: ' + textAlign + ';width: ' + (width ? parseInt(width, 10) + 'px' : 100 / cols + '%') + ';min-width: ' + (minWidth ? parseInt(minWidth, 10) + 'px' : '') + ';height: ' + height + 'px;line-height: ' + lineHeight + 'px;font-size:' + fontSize + 'px;font-weight: ' + fontWeight + ';font-family: ' + fontFamily + ';text-align: ' + textAlign + ';transform: rotate(' + angle + 'deg);opacity: ' + opacity + ';';
2331
+ item.style.cssText = 'flex-grow: 1;flex-shrink: 0;color: ' + color + ';text-align: ' + textAlign + ';width: ' + 100 / cols + '%;min-width: ' + (minWidth ? parseInt(minWidth, 10) + 'px' : '') + ';height: ' + height + 'px;line-height: ' + lineHeight + 'px;font-size:' + fontSize + 'px;font-weight: ' + fontWeight + ';font-family: ' + fontFamily + ';text-align: ' + textAlign + ';transform: rotate(' + angle + 'deg);opacity: ' + opacity + ';';
2330
2332
  docFrag.appendChild(item);
2331
2333
  }
2332
2334
  wrap.appendChild(docFrag);
2333
2335
  document.body.appendChild(wrap);
2336
+ var _timeout = void 0;
2337
+ window.onresize = function () {
2338
+ clearTimeout(_timeout);
2339
+ _timeout = setTimeout(function () {
2340
+ watermark(options);
2341
+ }, 1000);
2342
+ };
2334
2343
  };
2335
2344
 
2336
2345
  /* harmony default export */ __webpack_exports__["a"] = ({
package/lib/data-table.js CHANGED
@@ -2274,16 +2274,19 @@ var uuid = function uuid(len) {
2274
2274
  **/
2275
2275
  var watermark = function watermark(option) {
2276
2276
  // 默认设置
2277
+ var _width = parseInt(option.width || 480, 10);
2278
+ var _height = parseInt(option.width || 180, 10);
2279
+ var _rows = Math.round(document.body.clientHeight / _height);
2280
+ var _cols = Math.round(document.body.clientWidth / _width);
2277
2281
  var config = {
2278
- rows: 5, // 水印行数
2279
- cols: 5,
2282
+ rows: _rows, // 水印行数
2283
+ cols: _cols,
2280
2284
  html: '水印示例', // 水印文本内容
2281
2285
  angle: -15, // 旋转角度
2282
2286
  color: '#000', // 水印文字颜色
2283
- width: '', // 水印宽度
2284
- minWidth: 300, // 水印最小宽度
2285
- height: 120, // 水印高度
2286
- lineHeight: 120, // 水印行高
2287
+ minWidth: _width, // 水印最小宽度
2288
+ height: _height, // 水印高度
2289
+ lineHeight: 20, // 水印行高
2287
2290
  opacity: 0.1, // 水印透明度
2288
2291
  fontSize: 14, // 水印文字字体大小
2289
2292
  fontWeight: 400, // 水印字体粗细
@@ -2309,7 +2312,6 @@ var watermark = function watermark(option) {
2309
2312
  html = options.html,
2310
2313
  angle = options.angle,
2311
2314
  color = options.color,
2312
- width = options.width,
2313
2315
  minWidth = options.minWidth,
2314
2316
  height = options.height,
2315
2317
  lineHeight = options.lineHeight,
@@ -2326,11 +2328,18 @@ var watermark = function watermark(option) {
2326
2328
  for (var i = 0; i < num; i++) {
2327
2329
  var item = document.createElement('div');
2328
2330
  item.innerHTML = html;
2329
- item.style.cssText = 'flex-grow: 1;flex-shrink: 0;color: ' + color + ';text-align: ' + textAlign + ';width: ' + (width ? parseInt(width, 10) + 'px' : 100 / cols + '%') + ';min-width: ' + (minWidth ? parseInt(minWidth, 10) + 'px' : '') + ';height: ' + height + 'px;line-height: ' + lineHeight + 'px;font-size:' + fontSize + 'px;font-weight: ' + fontWeight + ';font-family: ' + fontFamily + ';text-align: ' + textAlign + ';transform: rotate(' + angle + 'deg);opacity: ' + opacity + ';';
2331
+ item.style.cssText = 'flex-grow: 1;flex-shrink: 0;color: ' + color + ';text-align: ' + textAlign + ';width: ' + 100 / cols + '%;min-width: ' + (minWidth ? parseInt(minWidth, 10) + 'px' : '') + ';height: ' + height + 'px;line-height: ' + lineHeight + 'px;font-size:' + fontSize + 'px;font-weight: ' + fontWeight + ';font-family: ' + fontFamily + ';text-align: ' + textAlign + ';transform: rotate(' + angle + 'deg);opacity: ' + opacity + ';';
2330
2332
  docFrag.appendChild(item);
2331
2333
  }
2332
2334
  wrap.appendChild(docFrag);
2333
2335
  document.body.appendChild(wrap);
2336
+ var _timeout = void 0;
2337
+ window.onresize = function () {
2338
+ clearTimeout(_timeout);
2339
+ _timeout = setTimeout(function () {
2340
+ watermark(options);
2341
+ }, 1000);
2342
+ };
2334
2343
  };
2335
2344
 
2336
2345
  /* harmony default export */ __webpack_exports__["a"] = ({
package/lib/date-picker.js CHANGED
@@ -2275,16 +2275,19 @@ var uuid = function uuid(len) {
2275
2275
  **/
2276
2276
  var watermark = function watermark(option) {
2277
2277
  // 默认设置
2278
+ var _width = parseInt(option.width || 480, 10);
2279
+ var _height = parseInt(option.width || 180, 10);
2280
+ var _rows = Math.round(document.body.clientHeight / _height);
2281
+ var _cols = Math.round(document.body.clientWidth / _width);
2278
2282
  var config = {
2279
- rows: 5, // 水印行数
2280
- cols: 5,
2283
+ rows: _rows, // 水印行数
2284
+ cols: _cols,
2281
2285
  html: '水印示例', // 水印文本内容
2282
2286
  angle: -15, // 旋转角度
2283
2287
  color: '#000', // 水印文字颜色
2284
- width: '', // 水印宽度
2285
- minWidth: 300, // 水印最小宽度
2286
- height: 120, // 水印高度
2287
- lineHeight: 120, // 水印行高
2288
+ minWidth: _width, // 水印最小宽度
2289
+ height: _height, // 水印高度
2290
+ lineHeight: 20, // 水印行高
2288
2291
  opacity: 0.1, // 水印透明度
2289
2292
  fontSize: 14, // 水印文字字体大小
2290
2293
  fontWeight: 400, // 水印字体粗细
@@ -2310,7 +2313,6 @@ var watermark = function watermark(option) {
2310
2313
  html = options.html,
2311
2314
  angle = options.angle,
2312
2315
  color = options.color,
2313
- width = options.width,
2314
2316
  minWidth = options.minWidth,
2315
2317
  height = options.height,
2316
2318
  lineHeight = options.lineHeight,
@@ -2327,11 +2329,18 @@ var watermark = function watermark(option) {
2327
2329
  for (var i = 0; i < num; i++) {
2328
2330
  var item = document.createElement('div');
2329
2331
  item.innerHTML = html;
2330
- item.style.cssText = 'flex-grow: 1;flex-shrink: 0;color: ' + color + ';text-align: ' + textAlign + ';width: ' + (width ? parseInt(width, 10) + 'px' : 100 / cols + '%') + ';min-width: ' + (minWidth ? parseInt(minWidth, 10) + 'px' : '') + ';height: ' + height + 'px;line-height: ' + lineHeight + 'px;font-size:' + fontSize + 'px;font-weight: ' + fontWeight + ';font-family: ' + fontFamily + ';text-align: ' + textAlign + ';transform: rotate(' + angle + 'deg);opacity: ' + opacity + ';';
2332
+ item.style.cssText = 'flex-grow: 1;flex-shrink: 0;color: ' + color + ';text-align: ' + textAlign + ';width: ' + 100 / cols + '%;min-width: ' + (minWidth ? parseInt(minWidth, 10) + 'px' : '') + ';height: ' + height + 'px;line-height: ' + lineHeight + 'px;font-size:' + fontSize + 'px;font-weight: ' + fontWeight + ';font-family: ' + fontFamily + ';text-align: ' + textAlign + ';transform: rotate(' + angle + 'deg);opacity: ' + opacity + ';';
2331
2333
  docFrag.appendChild(item);
2332
2334
  }
2333
2335
  wrap.appendChild(docFrag);
2334
2336
  document.body.appendChild(wrap);
2337
+ var _timeout = void 0;
2338
+ window.onresize = function () {
2339
+ clearTimeout(_timeout);
2340
+ _timeout = setTimeout(function () {
2341
+ watermark(options);
2342
+ }, 1000);
2343
+ };
2335
2344
  };
2336
2345
 
2337
2346
  /* harmony default export */ __webpack_exports__["a"] = ({
package/lib/dialog.js CHANGED
@@ -2274,16 +2274,19 @@ var uuid = function uuid(len) {
2274
2274
  **/
2275
2275
  var watermark = function watermark(option) {
2276
2276
  // 默认设置
2277
+ var _width = parseInt(option.width || 480, 10);
2278
+ var _height = parseInt(option.width || 180, 10);
2279
+ var _rows = Math.round(document.body.clientHeight / _height);
2280
+ var _cols = Math.round(document.body.clientWidth / _width);
2277
2281
  var config = {
2278
- rows: 5, // 水印行数
2279
- cols: 5,
2282
+ rows: _rows, // 水印行数
2283
+ cols: _cols,
2280
2284
  html: '水印示例', // 水印文本内容
2281
2285
  angle: -15, // 旋转角度
2282
2286
  color: '#000', // 水印文字颜色
2283
- width: '', // 水印宽度
2284
- minWidth: 300, // 水印最小宽度
2285
- height: 120, // 水印高度
2286
- lineHeight: 120, // 水印行高
2287
+ minWidth: _width, // 水印最小宽度
2288
+ height: _height, // 水印高度
2289
+ lineHeight: 20, // 水印行高
2287
2290
  opacity: 0.1, // 水印透明度
2288
2291
  fontSize: 14, // 水印文字字体大小
2289
2292
  fontWeight: 400, // 水印字体粗细
@@ -2309,7 +2312,6 @@ var watermark = function watermark(option) {
2309
2312
  html = options.html,
2310
2313
  angle = options.angle,
2311
2314
  color = options.color,
2312
- width = options.width,
2313
2315
  minWidth = options.minWidth,
2314
2316
  height = options.height,
2315
2317
  lineHeight = options.lineHeight,
@@ -2326,11 +2328,18 @@ var watermark = function watermark(option) {
2326
2328
  for (var i = 0; i < num; i++) {
2327
2329
  var item = document.createElement('div');
2328
2330
  item.innerHTML = html;
2329
- item.style.cssText = 'flex-grow: 1;flex-shrink: 0;color: ' + color + ';text-align: ' + textAlign + ';width: ' + (width ? parseInt(width, 10) + 'px' : 100 / cols + '%') + ';min-width: ' + (minWidth ? parseInt(minWidth, 10) + 'px' : '') + ';height: ' + height + 'px;line-height: ' + lineHeight + 'px;font-size:' + fontSize + 'px;font-weight: ' + fontWeight + ';font-family: ' + fontFamily + ';text-align: ' + textAlign + ';transform: rotate(' + angle + 'deg);opacity: ' + opacity + ';';
2331
+ item.style.cssText = 'flex-grow: 1;flex-shrink: 0;color: ' + color + ';text-align: ' + textAlign + ';width: ' + 100 / cols + '%;min-width: ' + (minWidth ? parseInt(minWidth, 10) + 'px' : '') + ';height: ' + height + 'px;line-height: ' + lineHeight + 'px;font-size:' + fontSize + 'px;font-weight: ' + fontWeight + ';font-family: ' + fontFamily + ';text-align: ' + textAlign + ';transform: rotate(' + angle + 'deg);opacity: ' + opacity + ';';
2330
2332
  docFrag.appendChild(item);
2331
2333
  }
2332
2334
  wrap.appendChild(docFrag);
2333
2335
  document.body.appendChild(wrap);
2336
+ var _timeout = void 0;
2337
+ window.onresize = function () {
2338
+ clearTimeout(_timeout);
2339
+ _timeout = setTimeout(function () {
2340
+ watermark(options);
2341
+ }, 1000);
2342
+ };
2334
2343
  };
2335
2344
 
2336
2345
  /* harmony default export */ __webpack_exports__["a"] = ({