zl-element 0.0.15 → 0.0.16

package/src/zl_element.umd.js

@@ -23,6 +23,22 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ 41:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(1741);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(258)/* ["default"] */ .A)
+var update = add("280b4eb9", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 81:
@@ -797,6 +813,27 @@ $({ target: 'Iterator', proto: true, real: true, forced: FORCED }, {
 });
 
 
+/***/ }),
+
+/***/ 1741:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".zl-query-box .zl-icon-box[data-v-7eaf09de]{color:#1677ff;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:48px}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 1767:
@@ -1372,6 +1409,22 @@ module.exports = function (key) {
 };
 
 
+/***/ }),
+
+/***/ 3520:
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(5932);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(258)/* ["default"] */ .A)
+var update = add("5453c366", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ 3706:
@@ -1828,27 +1881,6 @@ exports.f = DESCRIPTORS ? V8_PROTOTYPE_DEFINE_BUG ? function defineProperty(O, P
 };
 
 
-/***/ }),
-
-/***/ 4970:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ".zl-query-box[data-v-2d2ff87a]{display:flex}.zl-query-box .zl-icon-box[data-v-2d2ff87a]{color:#1677ff;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:48px}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 4999:
@@ -1911,22 +1943,6 @@ var update = add("5996fa56", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 5278:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__(4970);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(258)/* ["default"] */ .A)
-var update = add("7b81133e", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
 /***/ 5397:
 /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
@@ -1998,19 +2014,24 @@ module.exports = !DESCRIPTORS && !fails(function () {
 
 /***/ }),
 
-/***/ 5962:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+/***/ 5932:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-// style-loader: Adds some css to the DOM by adding a <style> tag
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, "*[data-v-666df18e]{box-sizing:border-box}.zl-water-mark-container[data-v-666df18e]{position:relative;overflow:hidden}.zl-water-mark-container .zl-water-mark[data-v-666df18e]{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;pointer-events:none;display:flex;flex-direction:column}.zl-water-mark-container .zl-water-mark .zl-water-mark-out[data-v-666df18e]{width:100%;height:100%;display:flex;flex-direction:row}.zl-water-mark-container .zl-water-mark .zl-water-mark-out:nth-child(2n) .zl-water-mark-in[data-v-666df18e]{transform:translate(-25%) rotate(-25deg)}.zl-water-mark-container .zl-water-mark .zl-water-mark-out .zl-water-mark-in[data-v-666df18e]{flex-grow:1;flex-shrink:0;align-items:center;font-size:18px;display:flex;justify-content:center;transform:translate(25%) rotate(-25deg)}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
 
-// load the styles
-var content = __webpack_require__(6214);
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.id, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = (__webpack_require__(258)/* ["default"] */ .A)
-var update = add("4e8e1424", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -2085,27 +2106,6 @@ module.exports = function (obj) {
 };
 
 
-/***/ }),
-
-/***/ 6214:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1601);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6314);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, "*[data-v-fa5edd36]{box-sizing:border-box}.zl-water-mark-container[data-v-fa5edd36]{position:relative;overflow:hidden}.zl-water-mark-container .zl-water-mark[data-v-fa5edd36]{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;pointer-events:none;display:flex;flex-direction:column}.zl-water-mark-container .zl-water-mark .zl-water-mark-out[data-v-fa5edd36]{width:100%;height:100%;display:flex;flex-direction:row}.zl-water-mark-container .zl-water-mark .zl-water-mark-out:nth-child(2n) .zl-water-mark-in[data-v-fa5edd36]{transform:translate(-25%) rotate(-25deg)}.zl-water-mark-container .zl-water-mark .zl-water-mark-out .zl-water-mark-in[data-v-fa5edd36]{flex-grow:1;flex-shrink:0;align-items:center;font-size:18px;display:flex;justify-content:center;transform:translate(25%) rotate(-25deg)}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 6269:
@@ -4199,8 +4199,8 @@ var main_component = normalizeComponent(
 
 src_main.install = Vue => Vue.component(src_main.name, src_main);
 /* harmony default export */ var TreeOnlyPop = (src_main);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/Select/src/main.vue?vue&type=template&id=66f5047c
-var mainvue_type_template_id_66f5047c_render = function render() {
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/Select/src/main.vue?vue&type=template&id=e36df9ee
+var mainvue_type_template_id_e36df9ee_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('el-select', {
@@ -4209,6 +4209,9 @@ var mainvue_type_template_id_66f5047c_render = function render() {
       "size": _vm.size,
       "clearable": ""
     },
+    on: {
+      "change": _vm.selectChange
+    },
     model: {
       value: _vm.selectValue,
       callback: function ($$v) {
@@ -4216,7 +4219,7 @@ var mainvue_type_template_id_66f5047c_render = function render() {
       },
       expression: "selectValue"
     }
-  }, [_vm.showTotal ? _c('el-option', {
+  }, [_vm.total ? _c('el-option', {
     attrs: {
       "label": "全部",
       "value": ""
@@ -4231,7 +4234,7 @@ var mainvue_type_template_id_66f5047c_render = function render() {
     });
   })], 2);
 };
-var mainvue_type_template_id_66f5047c_staticRenderFns = [];
+var mainvue_type_template_id_e36df9ee_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/Select/src/main.vue?vue&type=script&lang=js
 
@@ -4250,15 +4253,18 @@ var mainvue_type_template_id_66f5047c_staticRenderFns = [];
       type: String
     },
     function: {
-      type: Function,
-      default: () => {}
+      type: Function
+    },
+    list: {
+      type: Array,
+      default: () => []
     },
     placeholder: {
       default: '请选择',
       type: String
     },
-    showTotal: {
-      default: false,
+    total: {
+      default: true,
       type: Boolean
     },
     defaultProps: {
@@ -4287,14 +4293,23 @@ var mainvue_type_template_id_66f5047c_staticRenderFns = [];
   },
   methods: {
     handleQuery() {
-      this.function().then(res => {
-        this.arrayList = res.map(res => {
-          return {
-            value: res[this.defaultProps.value],
-            label: res[this.defaultProps.label]
-          };
+      if (!this.function && !this.list.length) {
+        this.$message({
+          type: 'warning',
+          message: '请配置function方法或者list数据!'
         });
+        return;
+      }
+      const data = this.function ? this.function() : Promise.resolve(this.list);
+      data.then(res => {
+        this.arrayList = res.map(item => ({
+          value: item[this.defaultProps.value],
+          label: item[this.defaultProps.label]
+        }));
       });
+    },
+    selectChange(val) {
+      this.$emit('change', val);
     }
   }
 });
@@ -4310,8 +4325,8 @@ var mainvue_type_template_id_66f5047c_staticRenderFns = [];
 ;
 var src_main_component = normalizeComponent(
   package_Select_src_mainvue_type_script_lang_js,
-  mainvue_type_template_id_66f5047c_render,
-  mainvue_type_template_id_66f5047c_staticRenderFns,
+  mainvue_type_template_id_e36df9ee_render,
+  mainvue_type_template_id_e36df9ee_staticRenderFns,
   false,
   null,
   null,
@@ -5157,8 +5172,8 @@ var Export_src_main_component = normalizeComponent(
 
 Export_src_main.install = Vue => Vue.component(Export_src_main.name, Export_src_main);
 /* harmony default export */ var Export = (Export_src_main);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/Query/src/main.vue?vue&type=template&id=2d2ff87a&scoped=true
-var mainvue_type_template_id_2d2ff87a_scoped_true_render = function render() {
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/Query/src/main.vue?vue&type=template&id=7eaf09de&scoped=true
+var mainvue_type_template_id_7eaf09de_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -5197,7 +5212,7 @@ var mainvue_type_template_id_2d2ff87a_scoped_true_render = function render() {
     class: [_vm.className, 'el-icon--right']
   })]) : _vm._e()], 1);
 };
-var mainvue_type_template_id_2d2ff87a_scoped_true_staticRenderFns = [];
+var mainvue_type_template_id_7eaf09de_scoped_true_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/Query/src/main.vue?vue&type=script&lang=js
 
@@ -5253,9 +5268,9 @@ var mainvue_type_template_id_2d2ff87a_scoped_true_staticRenderFns = [];
 });
 ;// ./package/Query/src/main.vue?vue&type=script&lang=js
  /* harmony default export */ var package_Query_src_mainvue_type_script_lang_js = (Query_src_mainvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/Query/src/main.vue?vue&type=style&index=0&id=2d2ff87a&prod&lang=scss&scoped=true
-var mainvue_type_style_index_0_id_2d2ff87a_prod_lang_scss_scoped_true = __webpack_require__(5278);
-;// ./package/Query/src/main.vue?vue&type=style&index=0&id=2d2ff87a&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/Query/src/main.vue?vue&type=style&index=0&id=7eaf09de&prod&lang=scss&scoped=true
+var mainvue_type_style_index_0_id_7eaf09de_prod_lang_scss_scoped_true = __webpack_require__(41);
+;// ./package/Query/src/main.vue?vue&type=style&index=0&id=7eaf09de&prod&lang=scss&scoped=true
 
 ;// ./package/Query/src/main.vue
 
@@ -5268,11 +5283,11 @@ var mainvue_type_style_index_0_id_2d2ff87a_prod_lang_scss_scoped_true = __webpac
 
 var Query_src_main_component = normalizeComponent(
   package_Query_src_mainvue_type_script_lang_js,
-  mainvue_type_template_id_2d2ff87a_scoped_true_render,
-  mainvue_type_template_id_2d2ff87a_scoped_true_staticRenderFns,
+  mainvue_type_template_id_7eaf09de_scoped_true_render,
+  mainvue_type_template_id_7eaf09de_scoped_true_staticRenderFns,
   false,
   null,
-  "2d2ff87a",
+  "7eaf09de",
   null
   
 )
@@ -5612,58 +5627,13 @@ var InputTable_src_main_component = normalizeComponent(
 
 InputTable_src_main.install = Vue => Vue.component(InputTable_src_main.name, InputTable_src_main);
 /* harmony default export */ var InputTable = (InputTable_src_main);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/WaterMark/src/main.vue?vue&type=template&id=fa5edd36&scoped=true
-var mainvue_type_template_id_fa5edd36_scoped_true_render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c('div', {
-    staticClass: "zl-water-mark-container",
-    class: [_vm.classNameQuery]
-  }, [_c('div', {
-    staticClass: "zl-water-mark",
-    style: {
-      opacity: _vm.opacity,
-      color: _vm.color
-    }
-  }, _vm._l(_vm.dataList, function (item, index) {
-    return _c('div', {
-      key: 'item' + index,
-      staticClass: "zl-water-mark-out"
-    }, _vm._l(_vm.childLength, function (child, cIndex) {
-      return _c('div', {
-        key: cIndex,
-        staticClass: "zl-water-mark-in"
-      }, [_vm._v(_vm._s(_vm.timeText))]);
-    }), 0);
-  }), 0), _vm._t("default")], 2);
-};
-var mainvue_type_template_id_fa5edd36_scoped_true_staticRenderFns = [];
-
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/WaterMark/src/main.vue?vue&type=script&lang=js
+
+
 function parseTime(time, cFormat) {
-  if (arguments.length === 0 || !time) {
-    return null;
-  }
+  if (!time) return null;
   const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}';
-  let date;
-  if (typeof time === 'object') {
-    date = time;
-  } else {
-    if (typeof time === 'string') {
-      if (/^[0-9]+$/.test(time)) {
-        // support "1548221490638"
-        time = parseInt(time);
-      } else {
-        // support safari
-        // https://stackoverflow.com/questions/4310953/invalid-date-in-safari
-        time = time.replace(new RegExp(/-/gm), '/');
-      }
-    }
-    if (typeof time === 'number' && time.toString().length === 10) {
-      time = time * 1000;
-    }
-    date = new Date(time);
-  }
+  const date = typeof time === 'object' ? time : new Date(typeof time === 'string' ? time.replace(/-/g, '/') : time * 1);
   const formatObj = {
     y: date.getFullYear(),
     m: date.getMonth() + 1,
@@ -5673,15 +5643,10 @@ function parseTime(time, cFormat) {
     s: date.getSeconds(),
     a: date.getDay()
   };
-  const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
+  return format.replace(/{([ymdhisa])+}/g, (result, key) => {
     const value = formatObj[key];
-    // Note: getDay() returns 0 on Sunday
-    if (key === 'a') {
-      return ['日', '一', '二', '三', '四', '五', '六'][value];
-    }
-    return value.toString().padStart(2, '0');
+    return key === 'a' ? ['日', '一', '二', '三', '四', '五', '六'][value] : String(value).padStart(2, '0');
   });
-  return time_str;
 }
 /* harmony default export */ var WaterMark_src_mainvue_type_script_lang_js = ({
   name: "ZlWaterMark",
@@ -5699,12 +5664,12 @@ function parseTime(time, cFormat) {
       default: false
     },
     text: {
-      default: "测试水 ",
+      default: "水印 ",
       type: String
     },
     opacity: {
       type: Number,
-      default: 0.12
+      default: 0.14
     },
     color: {
       type: String,
@@ -5717,13 +5682,10 @@ function parseTime(time, cFormat) {
   },
   computed: {
     timeText() {
-      if (this.hiddenTime) {
-        return '';
-      }
-      return this.text + ` ${this.time}`;
+      return this.hiddenTime ? '' : `${this.text} ${this.time}`;
     },
     classNameQuery() {
-      return 'zl-water-' + this.className;
+      return `zl-water-${this.className}`;
     }
   },
   mounted() {
@@ -5734,36 +5696,59 @@ function parseTime(time, cFormat) {
     this.setImgTimes();
   },
   deactivated() {
-    this.mainTimer && clearInterval(this.mainTimer);
+    clearInterval(this.mainTimer);
   },
   methods: {
     init() {
-      let watermark = document.querySelector('.' + this.classNameQuery);
-      let wordsLength = this.text.length * 16 + 180;
-      this.dataList = Math.floor(watermark.clientHeight / 180);
-      this.childLength = Math.floor(watermark.clientWidth / wordsLength);
+      const watermark = document.querySelector(`.${this.classNameQuery}`);
+      if (!watermark) return;
+      const wordsLength = this.text.length * 16 + 180;
+      this.dataList = Math.ceil(watermark.clientHeight / 180);
+      this.childLength = Math.ceil(watermark.clientWidth / wordsLength);
     },
     setImgTimes() {
-      let _this = this;
-      if (this.hiddenTime) {
-        return;
-      }
-      this.mainTimer && clearInterval(this.mainTimer);
+      if (this.hiddenTime) return;
+      clearInterval(this.mainTimer);
       this.mainTimer = setInterval(() => {
-        _this.time = parseTime(new Date());
+        this.time = parseTime(new Date());
       }, 1000);
     }
+  },
+  render(h) {
+    const createWaterMarkOut = () => {
+      return h('div', {
+        class: 'zl-water-mark-out'
+      }, Array.from({
+        length: this.childLength
+      }).map((_, index) => {
+        return h('div', {
+          class: 'zl-water-mark-in',
+          key: `watermark-${index}`
+        }, this.timeText);
+      }));
+    };
+    return h('div', {
+      class: ['zl-water-mark-container', this.classNameQuery]
+    }, [h('div', {
+      class: 'zl-water-mark',
+      style: {
+        opacity: this.opacity,
+        color: this.color
+      }
+    }, Array.from({
+      length: this.dataList
+    }).map((_, index) => createWaterMarkOut(index))), this.$slots.default]);
   }
 });
 ;// ./package/WaterMark/src/main.vue?vue&type=script&lang=js
  /* harmony default export */ var package_WaterMark_src_mainvue_type_script_lang_js = (WaterMark_src_mainvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/WaterMark/src/main.vue?vue&type=style&index=0&id=fa5edd36&prod&scoped=true&lang=scss
-var mainvue_type_style_index_0_id_fa5edd36_prod_scoped_true_lang_scss = __webpack_require__(5962);
-;// ./package/WaterMark/src/main.vue?vue&type=style&index=0&id=fa5edd36&prod&scoped=true&lang=scss
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[4]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./package/WaterMark/src/main.vue?vue&type=style&index=0&id=666df18e&prod&scoped=true&lang=scss
+var mainvue_type_style_index_0_id_666df18e_prod_scoped_true_lang_scss = __webpack_require__(3520);
+;// ./package/WaterMark/src/main.vue?vue&type=style&index=0&id=666df18e&prod&scoped=true&lang=scss
 
 ;// ./package/WaterMark/src/main.vue
-
-
+var src_main_render, src_main_staticRenderFns
+;
 
 ;
 
@@ -5772,11 +5757,11 @@ var mainvue_type_style_index_0_id_fa5edd36_prod_scoped_true_lang_scss = __webpac
 
 var WaterMark_src_main_component = normalizeComponent(
   package_WaterMark_src_mainvue_type_script_lang_js,
-  mainvue_type_template_id_fa5edd36_scoped_true_render,
-  mainvue_type_template_id_fa5edd36_scoped_true_staticRenderFns,
+  src_main_render,
+  src_main_staticRenderFns,
   false,
   null,
-  "fa5edd36",
+  "666df18e",
   null
   
 )