@web-utils/component 2.0.13 → 2.7.0

package/dist/components/watermark/index.js

@@ -1,75 +1,81 @@
-import { h as getClass } from "../../chunks/c69d5628.js";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-const Watermark_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+import { h as _ } from "../../chunks/utils.fa73de78.js";
+import { n as p } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+const f = {
   name: "Watermark",
-  functional: true,
+  functional: !0,
   props: {
+    /**
+     * 水印文案
+     */
     text: {
       type: String,
       default: ""
     },
+    /**
+     * 宽度
+     */
     width: {
       type: Number,
       default: 200
     },
+    /**
+     * 高度
+     */
     height: {
       type: Number,
       default: 150
     },
+    /**
+     * 旋转角度 0 到 360
+     */
     rotate: {
       type: Number,
       default: -30
     },
+    /**
+     * 文字颜色
+     */
     color: {
       type: String,
       default: "rgba(0,0,0,0.15)"
     },
+    /**
+     * 背景颜色
+     */
     backgroundColor: {
       type: String,
       default: "rgba(0,0,0,0)"
     }
   },
-  render(h, { props: { width, height, text, backgroundColor, rotate, color }, data }) {
-    const canvas = document.createElement("canvas");
-    canvas.width = width;
-    canvas.height = height;
-    const context2D = canvas.getContext("2d");
-    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: { ...data.style || {}, ...data.staticStyle || {}, background: `url(${canvas.toDataURL("image/png")}) left top repeat` }
+  render(a, { props: { width: e, height: l, text: s, backgroundColor: u, rotate: c, color: i }, data: n }) {
+    const r = document.createElement("canvas");
+    r.width = e, r.height = l;
+    const t = r.getContext("2d");
+    return t.font = "15px Verdana", t.fillStyle = u, t.fillRect(0, 0, e, l), t.translate(e / 2, l / 2), t.rotate(c * Math.PI / 180), t.fillStyle = i, t.textAlign = "center", t.textBaseline = "middle", t.fillText(s, 0, 0), a("div", {
+      class: _(n.class, `watermark ${n.staticClass || ""}`),
+      style: { ...n.style || {}, ...n.staticStyle || {}, background: `url(${r.toDataURL("image/png")}) left top repeat` }
     });
   }
 };
-let __vue2_render, __vue2_staticRenderFns;
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  __vue2_render,
-  __vue2_staticRenderFns,
-  false,
-  __vue2_injectStyles,
+let m, d;
+const o = {};
+var y = /* @__PURE__ */ p(
+  f,
+  m,
+  d,
+  !1,
+  g,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function g(a) {
+  for (let e in o)
+    this[e] = o[e];
 }
-const Watermark = /* @__PURE__ */ function() {
-  return __component__.exports;
+const b = /* @__PURE__ */ function() {
+  return y.exports;
 }();
 export {
-  Watermark as default
+  b as default
 };

package/dist/components/watermark/style.css

@@ -1,11 +1 @@
-
-.watermark {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 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}