@web-utils/component 2.7.30 → 2.7.32

package/dist/components/watermark/{index.js → index.mjs}

@@ -1,20 +1,28 @@
-var __defProp = Object.defineProperty, __defProps = Object.defineProperties;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty, __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues = (a, b) => {
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
   for (var prop in b || (b = {}))
-    __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b))
-      __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
   return a;
-}, __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { g as getClass } from "../../chunks/utils.d7f73f8d.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { g as getClass } from "../../chunks/utils.2a3ffac9.mjs";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.mjs";
+const Watermark_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "Watermark",
-  functional: !0,
+  functional: true,
   props: {
     /**
      * 水印文案
@@ -61,9 +69,19 @@ const __vue2_script = {
   },
   render(h, { props: { width, height, text, backgroundColor, rotate, color }, data }) {
     const canvas = document.createElement("canvas");
-    canvas.width = width, canvas.height = height;
+    canvas.width = width;
+    canvas.height = height;
     const context2D = canvas.getContext("2d");
-    return context2D.font = "15px Verdana", context2D.fillStyle = backgroundColor, context2D.fillRect(0, 0, width, height), context2D.translate(width / 2, height / 2), context2D.rotate(rotate * Math.PI / 180), context2D.fillStyle = color, context2D.textAlign = "center", context2D.textBaseline = "middle", context2D.fillText(text, 0, 0), h("div", {
+    context2D.font = "15px Verdana";
+    context2D.fillStyle = backgroundColor;
+    context2D.fillRect(0, 0, width, height);
+    context2D.translate(width / 2, height / 2);
+    context2D.rotate(rotate * Math.PI / 180);
+    context2D.fillStyle = color;
+    context2D.textAlign = "center";
+    context2D.textBaseline = "middle";
+    context2D.fillText(text, 0, 0);
+    return h("div", {
       class: getClass(data.class, `watermark ${data.staticClass || ""}`),
       style: __spreadProps(__spreadValues(__spreadValues({}, data.style || {}), data.staticStyle || {}), {
         background: `url(${canvas.toDataURL("image/png")}) left top repeat`
@@ -77,15 +95,16 @@ var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   __vue2_render,
   __vue2_staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const Watermark = /* @__PURE__ */ function() {
   return __component__.exports;

package/dist/components/watermark/style.css

@@ -1 +1,11 @@
-.watermark{position:absolute;inset:0;z-index:100;height:100%;pointer-events:none}
+
+.watermark {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 100;
+  height: 100%;
+  pointer-events: none;
+}