@web-utils/component 2.0.13 → 2.0.14

package/dist/components/watermark/index.js

@@ -1,9 +1,8 @@
-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/f71045fc.js";
+import { n as p } from "../../chunks/5d4282fb.js";
+const f = {
   name: "Watermark",
-  functional: true,
+  functional: !0,
   props: {
     text: {
       type: String,
@@ -30,46 +29,35 @@ const __vue2_script = {
       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}

package/dist/components/x-dialog/index.js

@@ -1,82 +1,78 @@
-import { isPromise, isFunction } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("ElDialog", {
+import { isPromise as n, isFunction as l } from "@web-utils/core";
+import { n as r } from "../../chunks/5d4282fb.js";
+var a = function() {
+  var e = this, o = e.$createElement, t = e._self._c || o;
+  return t("ElDialog", {
     directives: [{
       name: "dialog-drag",
       rawName: "v-dialog-drag"
     }],
     attrs: {
       "append-to-body": "",
-      "close-on-click-modal": false,
-      "lock-scroll": false,
-      "visible": _vm.show,
+      "close-on-click-modal": !1,
+      "lock-scroll": !1,
+      visible: e.show,
       "custom-class": "x-dialog",
-      "center": "",
-      "top": _vm.top,
-      "width": _vm.width,
-      "title": _vm.title
+      center: "",
+      top: e.top,
+      width: e.width,
+      title: e.title
     },
     on: {
-      "update:visible": function($event) {
-        _vm.show = $event;
+      "update:visible": function(i) {
+        e.show = i;
       },
-      "close": _vm.close
+      close: e.close
     },
-    scopedSlots: _vm._u([{
+    scopedSlots: e._u([{
       key: "default",
       fn: function() {
-        return [_c("div", {
+        return [t("div", {
           staticClass: "x-dialog-content",
           style: {
-            height: _vm.height
+            height: e.height
           }
-        }, [_vm.cache ? [_c("KeepAlive", [_c(_vm.resolve, _vm._g(_vm._b({
+        }, [e.cache ? [t("KeepAlive", [t(e.resolve, e._g(e._b({
           ref: "cpn",
           tag: "Component"
-        }, "Component", _vm.$attrs, false), _vm.$listeners))], 1)] : [_vm.show ? _c("KeepAlive", [_c(_vm.resolve, _vm._g(_vm._b({
+        }, "Component", e.$attrs, !1), e.$listeners))], 1)] : [e.show ? t("KeepAlive", [t(e.resolve, e._g(e._b({
           ref: "cpn",
           tag: "Component"
-        }, "Component", _vm.$attrs, false), _vm.$listeners))], 1) : _vm._e()]], 2)];
+        }, "Component", e.$attrs, !1), e.$listeners))], 1) : e._e()]], 2)];
       },
-      proxy: true
-    }, _vm.footer ? {
+      proxy: !0
+    }, e.footer ? {
       key: "footer",
       fn: function() {
-        return [_c("div", {
+        return [t("div", {
           staticClass: "x-dialog-footer",
           staticStyle: {
             "text-align": "right"
           }
-        }, [_c("ElButton", {
+        }, [t("ElButton", {
           attrs: {
-            "size": "small",
-            "type": "primary"
+            size: "small",
+            type: "primary"
           },
           on: {
-            "click": _vm.confirm
+            click: e.confirm
           }
-        }, [_vm._v(" 确定 ")]), _c("ElButton", {
+        }, [e._v(" 确定 ")]), t("ElButton", {
           attrs: {
-            "size": "small"
+            size: "small"
           },
           on: {
-            "click": _vm.close
+            click: e.close
           }
-        }, [_vm._v(" 取 消 ")])], 1)];
+        }, [e._v(" 取 消 ")])], 1)];
       },
-      proxy: true
-    } : null], null, true)
+      proxy: !0
+    } : null], null, !0)
   });
-};
-var staticRenderFns = [];
-const XDialog_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+}, c = [];
+const f = {
   name: "XDialog",
-  inheritedAttrs: false,
+  inheritedAttrs: !1,
   provide() {
     return {
       close: this.close
@@ -102,11 +98,11 @@ const __vue2_script = {
     },
     cache: {
       type: Boolean,
-      default: true
+      default: !0
     },
     visible: {
       type: Boolean,
-      default: false
+      default: !1
     },
     showTips: {
       type: Boolean,
@@ -114,86 +110,64 @@ const __vue2_script = {
     },
     footer: {
       type: Boolean,
-      default: true
+      default: !0
     }
   },
   data() {
     return {
-      show: false
+      show: !1
     };
   },
   watch: {
     visible: {
-      immediate: true,
-      handler(newVal) {
-        this.show = newVal;
+      immediate: !0,
+      handler(e) {
+        this.show = e;
       }
     },
-    show(newVal) {
-      if (newVal !== this.visible) {
-        this.$emit("update:visible", newVal);
-      }
-      if (!newVal) {
-        this.$emit("close");
-      }
+    show(e) {
+      e !== this.visible && this.$emit("update:visible", e), e || this.$emit("close");
     }
   },
   beforeDestroy() {
-    if (this.show) {
-      this.close();
-    }
+    this.show && this.close();
   },
   methods: {
     resolve() {
-      if (isPromise(this.component)) {
-        return this.component;
-      } else if (isFunction(this.component)) {
-        return this.component();
-      } else {
-        return Promise.resolve(this.component);
-      }
+      return n(this.component) ? this.component : l(this.component) ? this.component() : Promise.resolve(this.component);
     },
     close() {
-      this.show = false;
+      this.show = !1;
     },
     closed() {
       this.$emit("closed");
     },
     confirm() {
-      if (this.$refs.cpn && this.$refs.cpn.onConfirm) {
-        this.$refs.cpn.onConfirm(this.close);
-      } else {
-        if (this.showTips) {
-          this.$notify({
-            type: "warning",
-            title: "开发提示",
-            message: "如需处理确定事件，请在组件内部添加 onConfirm(done) 方法,并调用 done 方法来关闭对话框！"
-          });
-        }
-        this.close();
-      }
+      this.$refs.cpn && this.$refs.cpn.onConfirm ? this.$refs.cpn.onConfirm(this.close) : (this.showTips && this.$notify({
+        type: "warning",
+        title: "开发提示",
+        message: "如需处理确定事件，请在组件内部添加 onConfirm(done) 方法,并调用 done 方法来关闭对话框！"
+      }), this.close());
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, s = {};
+var p = /* @__PURE__ */ r(
+  f,
+  a,
+  c,
+  !1,
+  h,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function h(e) {
+  for (let o in s)
+    this[o] = s[o];
 }
-const XDialog = /* @__PURE__ */ function() {
-  return __component__.exports;
+const m = /* @__PURE__ */ function() {
+  return p.exports;
 }();
 export {
-  XDialog as default
+  m as default
 };

package/dist/components/x-dialog/style.css

@@ -1,15 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.x-dialog .el-dialog__footer {
-  padding: 10px;
-}
-.x-dialog .el-dialog__body {
-  padding: 0;
-}
-.x-dialog .x-dialog-content {
-  max-height: 80vh;
-}
+.x-dialog .el-dialog__footer{padding:10px}.x-dialog .el-dialog__body{padding:0}.x-dialog .x-dialog-content{max-height:80vh}