@web-utils/component 2.0.9 → 2.0.11

package/dist/components/watermark/index.js

@@ -1,8 +1,9 @@
-import { h as _ } from "../../chunks/f71045fc.js";
-import { n as p } from "../../chunks/5d4282fb.js";
-const f = {
+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 = {
   name: "Watermark",
-  functional: !0,
+  functional: true,
   props: {
     text: {
       type: String,
@@ -29,35 +30,46 @@ const f = {
       default: "rgba(0,0,0,0)"
     }
   },
-  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` }
+  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` }
     });
   }
 };
-let m, d;
-const o = {};
-var y = /* @__PURE__ */ p(
-  f,
-  m,
-  d,
-  !1,
-  g,
+let __vue2_render, __vue2_staticRenderFns;
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  __vue2_render,
+  __vue2_staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function g(a) {
-  for (let e in o)
-    this[e] = o[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const b = /* @__PURE__ */ function() {
-  return y.exports;
+const Watermark = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  b as default
+  Watermark as default
 };

package/dist/components/watermark/style.css

@@ -1 +1,11 @@
-.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,78 +1,82 @@
-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", {
+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", {
     directives: [{
       name: "dialog-drag",
       rawName: "v-dialog-drag"
     }],
     attrs: {
       "append-to-body": "",
-      "close-on-click-modal": !1,
-      "lock-scroll": !1,
-      visible: e.show,
+      "close-on-click-modal": false,
+      "lock-scroll": false,
+      "visible": _vm.show,
       "custom-class": "x-dialog",
-      center: "",
-      top: e.top,
-      width: e.width,
-      title: e.title
+      "center": "",
+      "top": _vm.top,
+      "width": _vm.width,
+      "title": _vm.title
     },
     on: {
-      "update:visible": function(i) {
-        e.show = i;
+      "update:visible": function($event) {
+        _vm.show = $event;
       },
-      close: e.close
+      "close": _vm.close
     },
-    scopedSlots: e._u([{
+    scopedSlots: _vm._u([{
       key: "default",
       fn: function() {
-        return [t("div", {
+        return [_c("div", {
           staticClass: "x-dialog-content",
           style: {
-            height: e.height
+            height: _vm.height
           }
-        }, [e.cache ? [t("KeepAlive", [t(e.resolve, e._g(e._b({
+        }, [_vm.cache ? [_c("KeepAlive", [_c(_vm.resolve, _vm._g(_vm._b({
           ref: "cpn",
           tag: "Component"
-        }, "Component", e.$attrs, !1), e.$listeners))], 1)] : [e.show ? t("KeepAlive", [t(e.resolve, e._g(e._b({
+        }, "Component", _vm.$attrs, false), _vm.$listeners))], 1)] : [_vm.show ? _c("KeepAlive", [_c(_vm.resolve, _vm._g(_vm._b({
           ref: "cpn",
           tag: "Component"
-        }, "Component", e.$attrs, !1), e.$listeners))], 1) : e._e()]], 2)];
+        }, "Component", _vm.$attrs, false), _vm.$listeners))], 1) : _vm._e()]], 2)];
       },
-      proxy: !0
-    }, e.footer ? {
+      proxy: true
+    }, _vm.footer ? {
       key: "footer",
       fn: function() {
-        return [t("div", {
+        return [_c("div", {
           staticClass: "x-dialog-footer",
           staticStyle: {
             "text-align": "right"
           }
-        }, [t("ElButton", {
+        }, [_c("ElButton", {
           attrs: {
-            size: "small",
-            type: "primary"
+            "size": "small",
+            "type": "primary"
           },
           on: {
-            click: e.confirm
+            "click": _vm.confirm
           }
-        }, [e._v(" 确定 ")]), t("ElButton", {
+        }, [_vm._v(" 确定 ")]), _c("ElButton", {
           attrs: {
-            size: "small"
+            "size": "small"
           },
           on: {
-            click: e.close
+            "click": _vm.close
           }
-        }, [e._v(" 取 消 ")])], 1)];
+        }, [_vm._v(" 取 消 ")])], 1)];
       },
-      proxy: !0
-    } : null], null, !0)
+      proxy: true
+    } : null], null, true)
   });
-}, c = [];
-const f = {
+};
+var staticRenderFns = [];
+const XDialog_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "XDialog",
-  inheritedAttrs: !1,
+  inheritedAttrs: false,
   provide() {
     return {
       close: this.close
@@ -98,11 +102,11 @@ const f = {
     },
     cache: {
       type: Boolean,
-      default: !0
+      default: true
     },
     visible: {
       type: Boolean,
-      default: !1
+      default: false
     },
     showTips: {
       type: Boolean,
@@ -110,64 +114,86 @@ const f = {
     },
     footer: {
       type: Boolean,
-      default: !0
+      default: true
     }
   },
   data() {
     return {
-      show: !1
+      show: false
     };
   },
   watch: {
     visible: {
-      immediate: !0,
-      handler(e) {
-        this.show = e;
+      immediate: true,
+      handler(newVal) {
+        this.show = newVal;
       }
     },
-    show(e) {
-      e !== this.visible && this.$emit("update:visible", e), e || this.$emit("close");
+    show(newVal) {
+      if (newVal !== this.visible) {
+        this.$emit("update:visible", newVal);
+      }
+      if (!newVal) {
+        this.$emit("close");
+      }
     }
   },
   beforeDestroy() {
-    this.show && this.close();
+    if (this.show) {
+      this.close();
+    }
   },
   methods: {
     resolve() {
-      return n(this.component) ? this.component : l(this.component) ? this.component() : Promise.resolve(this.component);
+      if (isPromise(this.component)) {
+        return this.component;
+      } else if (isFunction(this.component)) {
+        return this.component();
+      } else {
+        return Promise.resolve(this.component);
+      }
     },
     close() {
-      this.show = !1;
+      this.show = false;
     },
     closed() {
       this.$emit("closed");
     },
     confirm() {
-      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());
+      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();
+      }
     }
   }
-}, s = {};
-var p = /* @__PURE__ */ r(
-  f,
-  a,
-  c,
-  !1,
-  h,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function h(e) {
-  for (let o in s)
-    this[o] = s[o];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const m = /* @__PURE__ */ function() {
-  return p.exports;
+const XDialog = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  m as default
+  XDialog as default
 };

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

@@ -1 +1,15 @@
-.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;
+}