@web-utils/component 2.0.14 → 2.2.0

package/dist/components/toolbar-button/index.js

@@ -1,90 +0,0 @@
-import { isFunction as a } from "@web-utils/core";
-import { n as l } from "../../chunks/5d4282fb.js";
-var i = function() {
-  var t = this, e = t.$createElement, o = t._self._c || e;
-  return t.footer || t.toolbar.footer ? o("ElButton", {
-    attrs: {
-      disabled: t.disabled || t.loading,
-      type: t.type
-    },
-    on: {
-      click: t.onClick
-    }
-  }, [t._v(" " + t._s(t.label) + " ")]) : o("span", {
-    staticClass: "form-toolbar-button"
-  }, [o("ElButton", {
-    attrs: {
-      icon: t.icon,
-      type: "text",
-      disabled: t.disabled || t.loading,
-      size: "mini"
-    },
-    on: {
-      click: t.onClick
-    }
-  }, [t._v(" " + t._s(t.label) + " ")]), t.separateLine ? o("span", {
-    staticClass: "separate-line"
-  }) : t._e()], 1);
-}, s = [];
-const r = {
-  name: "ToolbarButton",
-  inject: {
-    toolbar: {
-      default: ""
-    }
-  },
-  props: {
-    label: {
-      type: String
-    },
-    icon: {
-      type: String
-    },
-    type: {
-      type: String
-    },
-    disabled: Boolean,
-    separateLine: {
-      type: Boolean,
-      default: !0
-    },
-    footer: Boolean
-  },
-  data() {
-    return {
-      loading: !1
-    };
-  },
-  methods: {
-    async onClick(t) {
-      this.loading = !0;
-      const { click: e } = this.$listeners;
-      if (a(e))
-        try {
-          await e(t);
-        } catch {
-        }
-      this.loading = !1;
-    }
-  }
-}, n = {};
-var c = /* @__PURE__ */ l(
-  r,
-  i,
-  s,
-  !1,
-  _,
-  null,
-  null,
-  null
-);
-function _(t) {
-  for (let e in n)
-    this[e] = n[e];
-}
-const p = /* @__PURE__ */ function() {
-  return c.exports;
-}();
-export {
-  p as default
-};

package/dist/components/toolbar-button/style.css

@@ -1 +0,0 @@
-.form-toolbar-button .separate-line{display:inline-block;width:1px;height:18px;margin:0 10px;vertical-align:middle;background-color:#aaa}.form-toolbar-button .form-toolbar-button .el-button{display:inline-flex;align-items:center}.form-toolbar-button .form-toolbar-button .el-button:hover{border-color:transparent}

package/dist/components/trigger/index.js

@@ -1,71 +0,0 @@
-import { n } from "../../chunks/5d4282fb.js";
-var a = function() {
-  var e = this, r = e.$createElement, t = e._self._c || r;
-  return t("div", {
-    class: e.classes
-  }, [e.showIcon ? t("div", {
-    class: e.barConClasses
-  }, e._m(0), 0) : e._e()]);
-}, l = [function() {
-  var e = this, r = e.$createElement, t = e._self._c || r;
-  return e._l(8, function(s) {
-    return t("i", {
-      key: `trigger-${s}`,
-      class: `${e.prefix}-bar`
-    });
-  });
-}];
-const o = {
-  name: "Trigger",
-  props: {
-    mode: String,
-    showIcon: Boolean,
-    line: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  data() {
-    return {
-      prefix: "egd-split-trigger"
-    };
-  },
-  computed: {
-    isVertical() {
-      return this.mode === "vertical";
-    },
-    classes() {
-      return [
-        this.prefix,
-        this.line ? this.isVertical ? ` ${this.prefix}-vertical-line` : `${this.prefix}-horizontal-line` : "",
-        this.isVertical ? `${this.prefix}-vertical` : `${this.prefix}-horizontal`
-      ];
-    },
-    barConClasses() {
-      return [
-        `${this.prefix}-bar-con`,
-        this.isVertical ? "vertical" : "horizontal"
-      ];
-    }
-  }
-}, i = {};
-var c = /* @__PURE__ */ n(
-  o,
-  a,
-  l,
-  !1,
-  _,
-  null,
-  null,
-  null
-);
-function _(e) {
-  for (let r in i)
-    this[r] = i[r];
-}
-const h = /* @__PURE__ */ function() {
-  return c.exports;
-}();
-export {
-  h as default
-};

package/dist/components/vue-tags-input/style.css

@@ -1 +0,0 @@
-.tags-input{display:flex;flex-wrap:wrap;align-items:center}.tags-input input{flex:1 1 auto;background:transparent;border:none}.tags-input input:focus{outline:none}.tags-input input[type=text]{color:#495057}.tags-input-wrapper-default{padding:.5rem .25rem;background:#fff;border:1px solid transparent;border-color:#dbdbdb;border-radius:.25rem}.tags-input span{margin-right:.3rem}.tags-input-remove{position:relative;display:inline-block;width:.5rem;height:.5rem;cursor:pointer}.tags-input-remove:before,.tags-input-remove:after{position:absolute;top:50%;left:0;width:100%;height:2px;margin-top:-1px;background:#ea0000;content:""}.tags-input-remove:before{transform:rotate(45deg)}.tags-input-remove:after{transform:rotate(-45deg)}.tags-input-badge{display:inline-block;padding:.25em .4em;font-weight:700;font-size:75%;line-height:1;white-space:nowrap;text-align:center;vertical-align:baseline;border-radius:.25rem}.tags-input-badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.tags-input-badge-selected-default{color:#212529;background-color:#f0f1f2}.typeahead-hide-btn{color:#999!important}.typeahead-badges>span{margin-right:.3rem;cursor:pointer}.typeahead-dropdown{position:absolute;top:50px;right:0;z-index:1000;width:100%;max-height:150px;margin:0;padding:0;overflow:auto;list-style-type:none;border-radius:4px;box-shadow:0 0 5px #d7d7d7}.typeahead-dropdown li{padding:.25rem 1rem;cursor:pointer}.tags-input-typeahead-item-default{color:gray;background-color:#fff}.tags-input-typeahead-item-highlighted-default{background-color:#f5f7fa}

package/dist/components/watermark/index.js

@@ -1,63 +0,0 @@
-import { h as _ } from "../../chunks/f71045fc.js";
-import { n as p } from "../../chunks/5d4282fb.js";
-const f = {
-  name: "Watermark",
-  functional: !0,
-  props: {
-    text: {
-      type: String,
-      default: ""
-    },
-    width: {
-      type: Number,
-      default: 200
-    },
-    height: {
-      type: Number,
-      default: 150
-    },
-    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(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 m, d;
-const o = {};
-var y = /* @__PURE__ */ p(
-  f,
-  m,
-  d,
-  !1,
-  g,
-  null,
-  null,
-  null
-);
-function g(a) {
-  for (let e in o)
-    this[e] = o[e];
-}
-const b = /* @__PURE__ */ function() {
-  return y.exports;
-}();
-export {
-  b as default
-};

package/dist/components/watermark/style.css

@@ -1 +0,0 @@
-.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,173 +0,0 @@
-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": !1,
-      "lock-scroll": !1,
-      visible: e.show,
-      "custom-class": "x-dialog",
-      center: "",
-      top: e.top,
-      width: e.width,
-      title: e.title
-    },
-    on: {
-      "update:visible": function(i) {
-        e.show = i;
-      },
-      close: e.close
-    },
-    scopedSlots: e._u([{
-      key: "default",
-      fn: function() {
-        return [t("div", {
-          staticClass: "x-dialog-content",
-          style: {
-            height: e.height
-          }
-        }, [e.cache ? [t("KeepAlive", [t(e.resolve, e._g(e._b({
-          ref: "cpn",
-          tag: "Component"
-        }, "Component", e.$attrs, !1), e.$listeners))], 1)] : [e.show ? t("KeepAlive", [t(e.resolve, e._g(e._b({
-          ref: "cpn",
-          tag: "Component"
-        }, "Component", e.$attrs, !1), e.$listeners))], 1) : e._e()]], 2)];
-      },
-      proxy: !0
-    }, e.footer ? {
-      key: "footer",
-      fn: function() {
-        return [t("div", {
-          staticClass: "x-dialog-footer",
-          staticStyle: {
-            "text-align": "right"
-          }
-        }, [t("ElButton", {
-          attrs: {
-            size: "small",
-            type: "primary"
-          },
-          on: {
-            click: e.confirm
-          }
-        }, [e._v(" 确定 ")]), t("ElButton", {
-          attrs: {
-            size: "small"
-          },
-          on: {
-            click: e.close
-          }
-        }, [e._v(" 取 消 ")])], 1)];
-      },
-      proxy: !0
-    } : null], null, !0)
-  });
-}, c = [];
-const f = {
-  name: "XDialog",
-  inheritedAttrs: !1,
-  provide() {
-    return {
-      close: this.close
-    };
-  },
-  props: {
-    component: [Function, Object, Promise],
-    height: {
-      type: String,
-      default: "auto"
-    },
-    top: {
-      type: String,
-      default: "15vh"
-    },
-    width: {
-      type: String,
-      default: "600px"
-    },
-    title: {
-      type: String,
-      default: "标题"
-    },
-    cache: {
-      type: Boolean,
-      default: !0
-    },
-    visible: {
-      type: Boolean,
-      default: !1
-    },
-    showTips: {
-      type: Boolean,
-      default: process.env.NODE_ENV !== "production"
-    },
-    footer: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  data() {
-    return {
-      show: !1
-    };
-  },
-  watch: {
-    visible: {
-      immediate: !0,
-      handler(e) {
-        this.show = e;
-      }
-    },
-    show(e) {
-      e !== this.visible && this.$emit("update:visible", e), e || this.$emit("close");
-    }
-  },
-  beforeDestroy() {
-    this.show && this.close();
-  },
-  methods: {
-    resolve() {
-      return n(this.component) ? this.component : l(this.component) ? this.component() : Promise.resolve(this.component);
-    },
-    close() {
-      this.show = !1;
-    },
-    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());
-    }
-  }
-}, s = {};
-var p = /* @__PURE__ */ r(
-  f,
-  a,
-  c,
-  !1,
-  h,
-  null,
-  null,
-  null
-);
-function h(e) {
-  for (let o in s)
-    this[o] = s[o];
-}
-const m = /* @__PURE__ */ function() {
-  return p.exports;
-}();
-export {
-  m as default
-};

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

@@ -1 +0,0 @@
-.x-dialog .el-dialog__footer{padding:10px}.x-dialog .el-dialog__body{padding:0}.x-dialog .x-dialog-content{max-height:80vh}