@web-utils/component 2.7.35 → 2.7.37

package/dist/components/comment/index.mjs

@@ -0,0 +1,94 @@
+import { n as s } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var n = function() {
+  var t = this, a = t.$createElement, e = t._self._c || a;
+  return e("div", {
+    class: ["avue-comment", {
+      "avue-comment--reverse": t.reverse
+    }]
+  }, [e("img", {
+    staticClass: "avue-comment__avatar",
+    attrs: {
+      src: t.avatar,
+      alt: ""
+    }
+  }), e("div", {
+    staticClass: "avue-comment__main"
+  }, [e("div", {
+    staticClass: "avue-comment__header"
+  }, [t.author ? e("div", {
+    staticClass: "avue-comment__author",
+    domProps: {
+      textContent: t._s(t.author)
+    }
+  }) : t._e(), t._t("default")], 2), t.body ? e("div", {
+    staticClass: "avue-comment__body",
+    domProps: {
+      innerHTML: t._s(t.body)
+    }
+  }) : t._e()])]);
+}, u = [];
+const r = {
+  avatar: "avatar",
+  author: "author",
+  body: "body"
+}, _ = {
+  name: "Comment",
+  props: {
+    reverse: {
+      type: Boolean,
+      default: !1
+    },
+    data: {
+      type: Object,
+      default: () => ({})
+    },
+    props: {
+      type: Object,
+      default: () => r
+    },
+    option: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  computed: {
+    avatarKey() {
+      return this.props.avatar || r.avatar;
+    },
+    authorKey() {
+      return this.props.author || r.author;
+    },
+    bodyKey() {
+      return this.props.body || r.body;
+    },
+    avatar() {
+      return this.data[this.avatarKey];
+    },
+    author() {
+      return this.data[this.authorKey];
+    },
+    body() {
+      return this.data[this.bodyKey];
+    }
+  }
+}, o = {};
+var c = /* @__PURE__ */ s(
+  _,
+  n,
+  u,
+  !1,
+  i,
+  null,
+  null,
+  null
+);
+function i(t) {
+  for (let a in o)
+    this[a] = o[a];
+}
+const d = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  d as default
+};

package/dist/components/comment/style.css

@@ -1,92 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-comment {
-  margin-bottom: 30px;
-  display: flex;
-  align-items: flex-start;
-}
-.avue-comment--reverse {
-  flex-direction: row-reverse;
-}
-.avue-comment--reverse .avue-comment__main:before, .avue-comment--reverse .avue-comment__main:after {
-  left: auto;
-  right: -8px;
-  border-width: 8px 0 8px 8px;
-}
-.avue-comment--reverse .avue-comment__main:before {
-  border-left-color: #dedede;
-}
-.avue-comment--reverse .avue-comment__main:after {
-  border-left-color: #f8f8f8;
-  margin-right: 1px;
-  margin-left: auto;
-}
-.avue-comment__avatar {
-  width: 48px;
-  height: 48px;
-  border-radius: 50%;
-  border: 1px solid transparent;
-  box-sizing: border-box;
-  vertical-align: middle;
-}
-.avue-comment__header {
-  padding: 5px 15px;
-  background: #f8f8f8;
-  border-bottom: 1px solid #eee;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.avue-comment__author {
-  font-weight: 700;
-  font-size: 14px;
-  color: #999;
-}
-.avue-comment__main {
-  flex: 1;
-  margin: 0 20px;
-  position: relative;
-  border: 1px solid #dedede;
-  border-radius: 2px;
-}
-.avue-comment__main:before, .avue-comment__main:after {
-  position: absolute;
-  top: 10px;
-  left: -8px;
-  right: 100%;
-  width: 0;
-  height: 0;
-  display: block;
-  content: " ";
-  border-color: transparent;
-  border-style: solid solid outset;
-  border-width: 8px 8px 8px 0;
-  pointer-events: none;
-}
-.avue-comment__main:before {
-  border-right-color: #dedede;
-  z-index: 1;
-}
-.avue-comment__main:after {
-  border-right-color: #f8f8f8;
-  margin-left: 1px;
-  z-index: 2;
-}
-.avue-comment__body {
-  padding: 15px;
-  overflow: hidden;
-  background: #fff;
-  font-family: Segoe UI, Lucida Grande, Helvetica, Arial, Microsoft YaHei, FreeSans, Arimo, Droid Sans, wenquanyi micro hei, Hiragino Sans GB, Hiragino Sans GB W3, FontAwesome, sans-serif;
-  color: #333;
-  font-size: 14px;
-}
-.avue-comment blockquote {
-  margin: 0;
-  font-family: Georgia, Times New Roman, Times, Kai, Kaiti SC, KaiTi, BiauKai, FontAwesome, serif;
-  padding: 1px 0 1px 15px;
-  border-left: 4px solid #ddd;
-}
+.avue-comment{margin-bottom:30px;display:flex;align-items:flex-start}.avue-comment--reverse{flex-direction:row-reverse}.avue-comment--reverse .avue-comment__main:before,.avue-comment--reverse .avue-comment__main:after{left:auto;right:-8px;border-width:8px 0 8px 8px}.avue-comment--reverse .avue-comment__main:before{border-left-color:#dedede}.avue-comment--reverse .avue-comment__main:after{border-left-color:#f8f8f8;margin-right:1px;margin-left:auto}.avue-comment__avatar{width:48px;height:48px;border-radius:50%;border:1px solid transparent;box-sizing:border-box;vertical-align:middle}.avue-comment__header{padding:5px 15px;background:#f8f8f8;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.avue-comment__author{font-weight:700;font-size:14px;color:#999}.avue-comment__main{flex:1;margin:0 20px;position:relative;border:1px solid #dedede;border-radius:2px}.avue-comment__main:before,.avue-comment__main:after{position:absolute;top:10px;left:-8px;right:100%;width:0;height:0;display:block;content:" ";border-color:transparent;border-style:solid solid outset;border-width:8px 8px 8px 0;pointer-events:none}.avue-comment__main:before{border-right-color:#dedede;z-index:1}.avue-comment__main:after{border-right-color:#f8f8f8;margin-left:1px;z-index:2}.avue-comment__body{padding:15px;overflow:hidden;background:#fff;font-family:Segoe UI,Lucida Grande,Helvetica,Arial,Microsoft YaHei,FreeSans,Arimo,Droid Sans,wenquanyi micro hei,Hiragino Sans GB,Hiragino Sans GB W3,FontAwesome,sans-serif;color:#333;font-size:14px}.avue-comment blockquote{margin:0;font-family:Georgia,Times New Roman,Times,Kai,Kaiti SC,KaiTi,BiauKai,FontAwesome,serif;padding:1px 0 1px 15px;border-left:4px solid #ddd}

package/dist/components/confirm-button/index.mjs

@@ -0,0 +1,57 @@
+import { c as e } from "../../chunks/confirmable-mixin.2bfe1ab9.mjs";
+import { n as o } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const i = {
+  props: {
+    type: {
+      type: String,
+      default: "danger"
+    },
+    size: String,
+    icon: {
+      type: String,
+      default: ""
+    },
+    nativeType: {
+      type: String,
+      default: "button"
+    },
+    loading: Boolean,
+    disabled: Boolean,
+    plain: Boolean,
+    autofocus: Boolean,
+    round: Boolean,
+    text: {
+      type: String,
+      default: "删除"
+    },
+    tag: {
+      type: String,
+      default: "ElButton"
+    }
+  }
+}, l = {
+  name: "ConfirmButton",
+  mixins: [e, i]
+};
+let r, a;
+const n = {};
+var u = /* @__PURE__ */ o(
+  l,
+  r,
+  a,
+  !1,
+  s,
+  null,
+  null,
+  null
+);
+function s(p) {
+  for (let t in n)
+    this[t] = n[t];
+}
+const f = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  f as default
+};

package/dist/components/confirmable/index.mjs

@@ -0,0 +1,28 @@
+import { c as o } from "../../chunks/confirmable-mixin.2bfe1ab9.mjs";
+import { n as t } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const r = {
+  name: "Confirmable",
+  mixins: [o]
+};
+let _, i;
+const e = {};
+var s = /* @__PURE__ */ t(
+  r,
+  _,
+  i,
+  !1,
+  l,
+  null,
+  null,
+  null
+);
+function l(c) {
+  for (let n in e)
+    this[n] = e[n];
+}
+const u = /* @__PURE__ */ function() {
+  return s.exports;
+}();
+export {
+  u as default
+};

package/dist/components/context-menu/index.mjs

@@ -0,0 +1,253 @@
+import { n as a } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var d = function() {
+  var t = this, i = t.$createElement, e = t._self._c || i;
+  return t.rendered ? e("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: t.visible,
+      expression: "visible"
+    }],
+    staticClass: "cm-container",
+    style: t.axisComputed
+  }, [e("svg", {
+    staticStyle: {
+      position: "absolute",
+      width: "0",
+      height: "0",
+      overflow: "hidden"
+    },
+    attrs: {
+      "aria-hidden": "true"
+    }
+  }, [e("symbol", {
+    attrs: {
+      id: "icon-arrow",
+      viewBox: "0 0 1024 1024"
+    }
+  }, [e("path", {
+    attrs: {
+      d: "M288.791335 65.582671l446.41733 446.417329-446.41733 446.417329z"
+    }
+  })])]), e("ul", {
+    staticClass: "cm-ul cm-ul-1 easy-cm-ul",
+    class: t.underline ? "cm-underline" : ""
+  }, t._l(t.list, function(s, l) {
+    return e("li", {
+      key: l,
+      style: t.liStyle
+    }, [e("div", {
+      class: t.firstLeft ? "cm-left" : "",
+      on: {
+        click: function(n) {
+          return t.onItemClick(s, [l]);
+        }
+      }
+    }, [e("i", {
+      staticClass: "cm-item-icon",
+      class: s.icon
+    }), e("span", {
+      staticClass: "cm-item-label"
+    }, [t._v(t._s(s.text))]), t.arrow && s.children && s.children.length > 0 ? e("svg", {
+      staticClass: "icon",
+      attrs: {
+        "aria-hidden": "true"
+      }
+    }, [e("use", {
+      attrs: {
+        "xlink:href": "#icon-arrow"
+      }
+    })]) : t._e()]), s.children && s.children.length > 0 ? e("ul", {
+      staticClass: "cm-ul cm-ul-2 easy-cm-ul",
+      class: t.underline ? "cm-underline" : "",
+      style: t.secondBorderCheck(l)
+    }, t._l(s.children, function(n, r) {
+      return e("li", {
+        key: r,
+        style: t.liStyle
+      }, [e("div", {
+        class: t.secondLeft ? "cm-left" : "",
+        on: {
+          click: function(h) {
+            return t.onItemClick(n, [l, r]);
+          }
+        }
+      }, [e("i", {
+        staticClass: "cm-item-icon",
+        class: n.icon
+      }), e("span", {
+        staticClass: "cm-item-label"
+      }, [t._v(t._s(n.text))]), t.arrow && n.children && n.children.length > 0 ? e("svg", {
+        staticClass: "icon",
+        attrs: {
+          "aria-hidden": "true"
+        }
+      }, [e("use", {
+        attrs: {
+          "xlink:href": "#icon-arrow"
+        }
+      })]) : t._e()]), n.children && n.children.length > 0 ? e("ul", {
+        staticClass: "cm-ul cm-ul-3 easy-cm-ul",
+        class: t.underline ? "cm-underline" : "",
+        style: t.thirdBorderCheck(l, r)
+      }, t._l(n.children, function(h, c) {
+        return e("li", {
+          key: c,
+          style: t.liStyle
+        }, [e("div", {
+          on: {
+            click: function(x) {
+              return t.onItemClick(h, [l, r, c]);
+            }
+          }
+        }, [e("i", {
+          staticClass: "cm-item-icon",
+          class: h.icon
+        }), e("span", {
+          staticClass: "cm-item-label"
+        }, [t._v(t._s(h.text))])])]);
+      }), 0) : t._e()]);
+    }), 0) : t._e()]);
+  }), 0)]) : t._e();
+}, u = [];
+const m = {
+  name: "ContextMenu",
+  props: {
+    list: {
+      type: Array,
+      required: !0
+    },
+    // 是否开启下划线
+    underline: {
+      type: Boolean,
+      default: !1
+    },
+    // 是否开启箭头
+    arrow: {
+      type: Boolean,
+      default: !0
+    },
+    // 是否开启边界检测
+    border: {
+      type: Boolean,
+      default: !0
+    },
+    // 列表项宽度
+    itemWidth: {
+      type: Number,
+      default: 140
+    },
+    // 列表项高度
+    itemHeight: {
+      type: Number,
+      default: 36
+    },
+    // 列表项字体
+    itemFontSize: {
+      type: [Number, String],
+      default: 12
+    },
+    // 显示点偏移量
+    offset: {
+      type: Object,
+      default: () => ({
+        x: 6,
+        y: 2
+      })
+    },
+    // 边界距离
+    borderWidth: {
+      type: Number,
+      default: 6
+    }
+  },
+  data() {
+    return {
+      // 是否显示
+      visible: !1,
+      rendered: !1,
+      // 触发点坐标
+      axis: {
+        x: 0,
+        y: 0
+      }
+    };
+  },
+  computed: {
+    axisComputed() {
+      return {
+        top: `${this.axis.y + this.offset.y}px`,
+        left: `${this.axis.x + this.offset.x}px`
+      };
+    },
+    liStyle() {
+      return {
+        width: `${this.itemWidth}px`,
+        height: `${this.itemHeight}px`,
+        lineHeight: `${this.itemHeight}px`,
+        fontSize: `${this.itemFontSize}px`
+      };
+    },
+    firstLeft() {
+      const t = document.body.offsetWidth;
+      return this.axis.x + this.itemWidth * 2 >= t;
+    },
+    secondLeft() {
+      const t = document.body.offsetWidth;
+      return this.axis.x + this.itemWidth * 3 >= t;
+    }
+  },
+  watch: {
+    axis() {
+      if (this.border) {
+        const t = document.body.offsetWidth, i = document.body.offsetHeight;
+        this.axis.x + this.offset.x + this.itemWidth >= t && (this.axis.x = t - this.itemWidth - this.borderWidth - this.offset.x), this.axis.y + this.offset.y + this.itemHeight * this.list.length >= i && (this.axis.y = i - this.itemHeight * this.list.length - this.borderWidth - this.offset.y);
+      }
+    }
+  },
+  methods: {
+    secondBorderCheck(t) {
+      const i = document.body.offsetWidth, e = document.body.offsetHeight, s = this.axis.y + (t + this.list[t].children.length) * this.itemHeight;
+      return {
+        left: this.axis.x + this.itemWidth * 2 >= i ? "-100%" : "100%",
+        top: e >= s ? 0 : `${-(this.list[t].children.length - 1) * this.itemHeight}px`
+      };
+    },
+    thirdBorderCheck(t, i) {
+      const e = document.body.offsetWidth, s = document.body.offsetHeight, l = this.axis.y + this.list[t].children[i].children.length * this.itemHeight + (t + i) * this.itemHeight + parseInt(this.secondBorderCheck(t).top);
+      return {
+        left: this.axis.x + this.itemWidth * 3 >= e ? "-100%" : "100%",
+        top: l > s ? `${-(this.list[t].children[i].children.length - 1) * this.itemHeight}px` : 0
+      };
+    },
+    show(t) {
+      document.addEventListener("click", this.hide, !0), this.axis = { x: t.clientX, y: t.clientY }, this.rendered = !0, this.visible = !0;
+    },
+    hide() {
+      this.visible = !1, document.removeEventListener("click", this.hide);
+    },
+    onItemClick(t, i) {
+      this.$emit("on-item-click", t, i);
+    }
+  }
+}, o = {};
+var f = /* @__PURE__ */ a(
+  m,
+  d,
+  u,
+  !1,
+  y,
+  null,
+  null,
+  null
+);
+function y(t) {
+  for (let i in o)
+    this[i] = o[i];
+}
+const _ = /* @__PURE__ */ function() {
+  return f.exports;
+}();
+export {
+  _ as default
+};

package/dist/components/context-menu/style.css

@@ -1,88 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.cm-container {
-  position: fixed;
-  z-index: 9999;
-  user-select: none;
-}
-.cm-container .icon {
-  position: absolute;
-  top: 50%;
-  right: 0;
-  width: 0.9em;
-  height: 0.9em;
-  overflow: hidden;
-  vertical-align: -0.15em;
-  transform: translateY(-50%);
-  fill: currentcolor;
-}
-.cm-container .cm-item-icon {
-  margin-right: 4px;
-}
-.cm-container .cm-ul {
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  color: #2e2e2e;
-  list-style: none;
-  background-color: #fff;
-  box-shadow: 0 0 1px #666;
-}
-.cm-container .cm-ul li {
-  position: relative;
-  box-sizing: border-box;
-  width: 100%;
-  text-align: left;
-  cursor: pointer;
-}
-.cm-container .cm-ul li:hover > ul {
-  display: block;
-}
-.cm-container .cm-ul li div {
-  position: relative;
-  display: inline-block;
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-  padding: 0 0.8em;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.cm-container .cm-ul li i {
-  display: inline-block;
-  width: 1em;
-  font-size: 1.3em;
-  text-align: center;
-}
-.cm-container .cm-ul li div:hover {
-  color: #fff;
-  background-color: #666;
-}
-.cm-container .cm-ul-2, .cm-container .cm-ul-3 {
-  position: absolute;
-  top: 0;
-  z-index: 10000;
-  display: none;
-}
-.cm-container .cm-left svg {
-  left: 0;
-  transform: translateY(-50%) rotate(180deg);
-}
-.cm-container .cm-underline li div::after {
-  position: absolute;
-  top: 0;
-  left: 5%;
-  z-index: 10001;
-  width: 90%;
-  height: 1px;
-  background-color: #ccc;
-  content: "";
-}
-.cm-container .cm-underline li div:hover::after, .cm-container .cm-underline > li:first-child > div::after {
-  display: none;
-}
+.cm-container{position:fixed;z-index:9999;user-select:none}.cm-container .icon{position:absolute;top:50%;right:0;width:.9em;height:.9em;overflow:hidden;vertical-align:-.15em;transform:translateY(-50%);fill:currentcolor}.cm-container .cm-item-icon{margin-right:4px}.cm-container .cm-ul{width:100%;margin:0;padding:0;color:#2e2e2e;list-style:none;background-color:#fff;box-shadow:0 0 1px #666}.cm-container .cm-ul li{position:relative;box-sizing:border-box;width:100%;text-align:left;cursor:pointer}.cm-container .cm-ul li:hover>ul{display:block}.cm-container .cm-ul li div{position:relative;display:inline-block;box-sizing:border-box;width:100%;height:100%;padding:0 .8em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cm-container .cm-ul li i{display:inline-block;width:1em;font-size:1.3em;text-align:center}.cm-container .cm-ul li div:hover{color:#fff;background-color:#666}.cm-container .cm-ul-2,.cm-container .cm-ul-3{position:absolute;top:0;z-index:10000;display:none}.cm-container .cm-left svg{left:0;transform:translateY(-50%) rotate(180deg)}.cm-container .cm-underline li div:after{position:absolute;top:0;left:5%;z-index:10001;width:90%;height:1px;background-color:#ccc;content:""}.cm-container .cm-underline li div:hover:after,.cm-container .cm-underline>li:first-child>div:after{display:none}