@web-utils/component 2.0.14 → 2.7.0

package/dist/components/column-slot/index.js

@@ -0,0 +1,265 @@
+import { d as h } from "../../chunks/detail.a3249549.js";
+import { c as i, o as f, u as b, i as g, a as p, t as y, k as _ } from "../../chunks/util.5053d54e.js";
+import { s as C } from "../../chunks/dic.5f7e3523.js";
+import { n as $ } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var v = function() {
+  var e = this, t = e.$createElement, l = e._self._c || t;
+  return e.getColumnProp(e.column, "hide") ? l("ElTableColumn", {
+    key: e.column.prop,
+    attrs: {
+      prop: e.column.prop,
+      label: e.column.label,
+      "column-key": e.column.prop,
+      "filter-placement": "bottom-end",
+      filters: e.getColumnProp(e.column, "filters"),
+      "filter-method": e.getColumnProp(e.column, "filterMethod") ? e.handleFilterMethod : void 0,
+      "filter-multiple": e.optVal(e.column.filterMultiple, !0),
+      "show-overflow-tooltip": e.column.overHidden,
+      "min-width": e.column.minWidth,
+      sortable: e.getColumnProp(e.column, "sortable"),
+      "sort-method": e.column.sortMethod,
+      "sort-orders": e.column.sortOrders,
+      "sort-by": e.column.sortBy,
+      resizable: e.column.resizable,
+      "render-header": e.column.renderHeader,
+      align: e.column.align || e.crud.tableOption.align,
+      "header-align": e.column.headerAlign || e.crud.tableOption.headerAlign,
+      width: e.getColumnProp(e.column, "width"),
+      fixed: e.getColumnProp(e.column, "fixed")
+    },
+    scopedSlots: e._u([{
+      key: "header",
+      fn: function(n) {
+        var r = n.$index;
+        return [e.crud.getSlotName(e.column, "H", e.crud.$scopedSlots) ? e._t(e.crud.getSlotName(e.column, "H"), null, null, {
+          column: e.column,
+          $index: r
+        }) : l("span", [e._v(e._s(e.column.label))])];
+      }
+    }, {
+      key: "default",
+      fn: function(n) {
+        var r = n.row, a = n.$index;
+        return [r.$cellEdit && e.column.cell ? l("ElFormItem", {
+          attrs: {
+            prop: e.crud.isTree ? "" : `list.${a}.${e.column.prop}`,
+            label: e.vaildLabel(e.column, r, " "),
+            "label-width": e.vaildLabel(e.column, r, "1px"),
+            rules: e.column.rules
+          }
+        }, [l("ElTooltip", {
+          attrs: {
+            content: (e.crud.listError[`list.${a}.${e.column.prop}`] || {}).msg,
+            disabled: !(e.crud.listError[`list.${a}.${e.column.prop}`] || {}).valid,
+            placement: "top"
+          }
+        }, [e.crud.getSlotName(e.column, "F", e.crud.$scopedSlots) ? e._t(e.crud.getSlotName(e.column, "F"), null, null, {
+          row: r,
+          dic: e.crud.DIC[e.column.prop],
+          size: e.crud.isMediumSize,
+          index: a,
+          disabled: e.crud.btnDisabledList[a],
+          label: e.handleDetail(r, e.column),
+          $cell: r.$cellEdit
+        }) : l("FormTemp", e._b({
+          attrs: {
+            column: e.column,
+            size: e.crud.isMediumSize,
+            "table-data": {
+              index: a,
+              row: r,
+              label: e.handleDetail(r, e.column)
+            },
+            dic: (e.crud.cascaderDIC[a] || {})[e.column.prop] || e.crud.DIC[e.column.prop],
+            props: e.column.props || e.crud.tableOption.props,
+            readonly: e.column.readonly,
+            disabled: e.crud.disabled || e.crud.tableOption.disabled || e.column.disabled || e.crud.btnDisabledList[a],
+            clearable: e.optVal(e.column.clearable, !1),
+            "column-slot": e.crud.mainSlot
+          },
+          on: {
+            change: function(o) {
+              return e.columnChange(r, e.column, a);
+            }
+          },
+          scopedSlots: e._u([e._l(e.crud.mainSlot, function(o) {
+            return {
+              key: o,
+              fn: function(c) {
+                return [e._t(o, null, null, c)];
+              }
+            };
+          })], null, !0),
+          model: {
+            value: r[e.column.prop],
+            callback: function(o) {
+              e.$set(r, e.column.prop, o);
+            },
+            expression: "row[column.prop]"
+          }
+        }, "FormTemp", e.uploadFun(e.column, e.crud), !1))], 2)], 1) : e.crud.$scopedSlots[e.column.prop] ? e._t(e.column.prop, null, {
+          row: r,
+          index: a,
+          dic: e.crud.DIC[e.column.prop],
+          size: e.crud.isMediumSize,
+          label: e.handleDetail(r, e.column)
+        }) : [["img", "upload"].includes(e.column.type) ? l("span", {
+          staticClass: "avue-crud__img "
+        }, [e._l(e.getImgList(r, e.column), function(o, c) {
+          return [e.isMediaType(o, e.column.fileType) ? l(e.isMediaType(o, e.column.fileType), {
+            key: c,
+            tag: "Component",
+            attrs: {
+              src: o
+            },
+            on: {
+              click: function(s) {
+                return s.stopPropagation(), e.openImg(r, e.column, c);
+              }
+            }
+          }) : l("i", {
+            key: c,
+            staticClass: "el-icon-document",
+            attrs: {
+              src: o
+            },
+            on: {
+              click: function(s) {
+                return s.stopPropagation(), e.openImg(r, e.column, c);
+              }
+            }
+          })];
+        })], 2) : e.column.type === "url" ? l("span", e._l(e.corArray(r, e.column), function(o, c) {
+          return l("ElLink", {
+            key: c,
+            attrs: {
+              type: "primary",
+              href: o,
+              target: e.column.target || "_blank"
+            }
+          }, [e._v(e._s(o))]);
+        }), 1) : e.column.type === "rate" ? l("span", [l("FyRate", {
+          attrs: {
+            disabled: ""
+          },
+          model: {
+            value: r[e.column.prop],
+            callback: function(o) {
+              e.$set(r, e.column.prop, o);
+            },
+            expression: "row[column.prop]"
+          }
+        })], 1) : e.column.type === "color" ? l("i", {
+          staticClass: "avue-crud__color",
+          style: {
+            backgroundColor: r[e.column.prop]
+          }
+        }) : e.column.type === "icon" ? l("IconTemp", {
+          attrs: {
+            text: r[e.column.prop]
+          }
+        }) : e.column.html ? l("span", {
+          domProps: {
+            innerHTML: e._s(e.handleDetail(r, e.column))
+          }
+        }) : l("span", {
+          domProps: {
+            textContent: e._s(e.handleDetail(r, e.column))
+          }
+        })]];
+      }
+    }], null, !0)
+  }) : e._e();
+}, I = [];
+const d = {}, D = {
+  name: "ColumnSlot",
+  inject: ["dynamic", "crud"],
+  props: {
+    column: Object,
+    columnOption: Array
+  },
+  created() {
+    const e = [
+      "getColumnProp",
+      "handleFilterMethod",
+      "handleFilters"
+    ];
+    Object.keys(this.dynamic).forEach((t) => {
+      e.includes(t) && (this[t] = this.dynamic[t]);
+    });
+  },
+  methods: {
+    isBlank: i,
+    optVal: f,
+    uploadFun: b,
+    isMediaType(e, t) {
+      return g(e, t);
+    },
+    vaildLabel(e, t, l) {
+      if (e.rules && t.$cellEdit)
+        return l;
+    },
+    columnChange(e, t, l) {
+      let n = `${l}-${t.prop}`;
+      d[n] || (this.handleChange(t, e), typeof t.change == "function" && t.cell == !0 && t.change({ row: e, column: t, index: l, value: e[t.prop] })), d[n] = !0, this.$nextTick(() => d[n] = !1);
+    },
+    handleChange(e, t) {
+      e.cascader && this.$nextTick(() => {
+        [...this.crud.propOption];
+        const l = e.cascader;
+        l.join(","), l.forEach((n) => {
+          const r = n, a = t[e.prop], o = t.$index, c = this.findObject(this.columnOption, r);
+          i(c) || (i(this.crud.cascaderDIC[o]) && this.$set(this.crud.cascaderDIC, o, {}), this.crud.cascaderIndexList.includes(o) && l.forEach((s) => {
+            this.$set(this.crud.cascaderDIC[o], s.prop, []), l.forEach((u) => t[u] = "");
+          }), !(i(l) || i(a) || i(c)) && C({
+            column: c,
+            value: a,
+            form: t
+          }).then((s) => {
+            const u = s || [];
+            this.crud.cascaderIndexList.includes(o) || this.crud.cascaderIndexList.push(o), this.crud.cascaderDicList[o] || this.$set(this.crud.cascaderDicList, o, {}), this.crud.cascaderDicList[o][r] || this.$set(this.crud.cascaderDicList[o], r, u), this.$set(this.crud.cascaderDIC[o], r, u), !i(u[c.cascaderIndex]) && !i(u) && !i(c.cascaderIndex) && (t[r] = u[c.cascaderIndex][(c.props || {}).value || p.value]);
+          }));
+        });
+      });
+    },
+    handleDetail(e, t) {
+      let l, n = t.parentProp ? (this.crud.cascaderDIC[e.$index] || {})[t.prop] : this.crud.DIC[t.prop];
+      return l = h(e, t, this.crud.tableOption, n), !i(n) && this.crud.tableOption.filterDic !== !0 && (e["$" + t.prop] = l), l;
+    },
+    corArray(e, t) {
+      let l = this.handleDetail(e, t);
+      return Array.isArray(l) || (l = i(l) ? [] : l.split(y)), _(l);
+    },
+    openImg(e, t, l) {
+      let n = this.getImgList(e, t);
+      n = n.map((r) => ({ thumbUrl: r, url: r, type: t.fileType })), this.$ImagePreview(n, l);
+    },
+    getImgList(e, t) {
+      var a, o;
+      let l = ((a = t.propsHttp) == null ? void 0 : a.home) || "", n = ((o = t.props) == null ? void 0 : o.value) || p.value, r = this.corArray(e, t);
+      return r.forEach((c, s) => {
+        r[s] = l + (c[n] ? c[n] : c);
+      }), r;
+    }
+  }
+}, m = {};
+var x = /* @__PURE__ */ $(
+  D,
+  v,
+  I,
+  !1,
+  k,
+  null,
+  null,
+  null
+);
+function k(e) {
+  for (let t in m)
+    this[t] = m[t];
+}
+const E = /* @__PURE__ */ function() {
+  return x.exports;
+}();
+export {
+  E as default
+};

package/dist/components/comment/index.js

@@ -0,0 +1,94 @@
+import { n as s } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+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

@@ -0,0 +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}

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

@@ -1,5 +1,5 @@
-import { c as e } from "../../chunks/3a79781b.js";
-import { n as o } from "../../chunks/5d4282fb.js";
+import { c as e } from "../../chunks/confirmable-mixin.3a79781b.js";
+import { n as o } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 const i = {
   props: {
     type: {

package/dist/components/confirmable/index.js

@@ -1,5 +1,5 @@
-import { c as o } from "../../chunks/3a79781b.js";
-import { n as t } from "../../chunks/5d4282fb.js";
+import { c as o } from "../../chunks/confirmable-mixin.3a79781b.js";
+import { n as t } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 const r = {
   name: "Confirmable",
   mixins: [o]

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

@@ -1,4 +1,4 @@
-import { n as a } from "../../chunks/5d4282fb.js";
+import { n as a } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var d = function() {
   var t = this, i = t.$createElement, e = t._self._c || i;
   return t.rendered ? e("div", {
@@ -117,30 +117,37 @@ const m = {
       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: () => ({
@@ -148,6 +155,7 @@ const m = {
         y: 2
       })
     },
+    // 边界距离
     borderWidth: {
       type: Number,
       default: 6
@@ -155,8 +163,10 @@ const m = {
   },
   data() {
     return {
+      // 是否显示
       visible: !1,
       rendered: !1,
+      // 触发点坐标
       axis: {
         x: 0,
         y: 0

package/dist/components/count-up/index.js

@@ -0,0 +1,120 @@
+import { CountUp as r } from "countup.js";
+import { n } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var a = function() {
+  var t = this, e = t.$createElement, i = t._self._c || e;
+  return i("span", [t._v(t._s(t.end))]);
+}, u = [];
+const o = {
+  name: "CountUp",
+  props: {
+    animation: {
+      type: Boolean,
+      default: !0
+    },
+    start: {
+      type: Number,
+      required: !1,
+      default: 0
+    },
+    end: {
+      type: Number,
+      required: !0
+    },
+    decimals: {
+      type: Number,
+      required: !1,
+      default: 0
+    },
+    duration: {
+      type: Number,
+      required: !1,
+      default: 2
+    },
+    options: {
+      type: Object,
+      required: !1,
+      default() {
+        return {};
+      }
+    },
+    callback: {
+      type: Function,
+      required: !1,
+      default: () => {
+      }
+    }
+  },
+  watch: {
+    decimals() {
+      var t;
+      (t = this.c) == null || t.update(this.end);
+    },
+    end(t) {
+      var e;
+      (e = this.c) == null || e.update(t);
+    }
+  },
+  mounted() {
+    this.animation && this.init();
+  },
+  beforeDestroy() {
+    this.destroy();
+  },
+  methods: {
+    init() {
+      this.c || (this.c = new r(
+        this.$el,
+        this.end,
+        {
+          ...this.options,
+          decimal: this.decimals,
+          duration: this.duration,
+          startVal: this.start
+        }
+      ), this.c.start(() => {
+        this.callback(this.c);
+      }));
+    },
+    destroy() {
+      this.c = null;
+    }
+  },
+  start(t) {
+    var e;
+    (e = this.c) == null || e.start(() => {
+      t && t(this.c);
+    });
+  },
+  pauseResume() {
+    var t;
+    (t = this.c) == null || t.pauseResume();
+  },
+  reset() {
+    var t;
+    (t = this.c) == null || t.reset();
+  },
+  update(t) {
+    var e;
+    (e = this.c) == null || e.update(t);
+  }
+}, s = {};
+var c = /* @__PURE__ */ n(
+  o,
+  a,
+  u,
+  !1,
+  d,
+  null,
+  null,
+  null
+);
+function d(t) {
+  for (let e in s)
+    this[e] = s[e];
+}
+const h = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  h as default
+};

package/dist/components/custom-scrollbar/index.js

@@ -1,6 +1,6 @@
 import r from "overlayscrollbars";
 import "overlayscrollbars/css/OverlayScrollbars.css";
-import { n as l } from "../../chunks/5d4282fb.js";
+import { n as l } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
 var i = function() {
   var t = this, e = t.$createElement, s = t._self._c || e;
   return s("div", {
@@ -21,7 +21,7 @@ var i = function() {
 }, a = [function() {
   var t = this, e = t.$createElement, s = t._self._c || e;
   return s("div", {
-    staticClass: "os-scrollbar os-scrollbar-horizontal"
+    staticClass: "os-scrollbar os-scrollbar-horizontal "
   }, [s("div", {
     staticClass: "os-scrollbar-track"
   }, [s("div", {

package/dist/components/data-box/index.js

@@ -0,0 +1,97 @@
+import { n as e } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var c = function() {
+  var a = this, s = a.$createElement, n = a._self._c || s;
+  return n("div", {
+    staticClass: "data-box"
+  }, [n("ElRow", {
+    attrs: {
+      span: 24
+    }
+  }, a._l(a.data, function(t, i) {
+    return n("ElCol", {
+      key: i,
+      attrs: {
+        md: a.span,
+        xs: 24,
+        sm: 12
+      }
+    }, [n("div", {
+      staticClass: "item"
+    }, [n("a", {
+      attrs: {
+        href: t.href,
+        target: t.target
+      },
+      on: {
+        click: function(d) {
+          t.click && t.click(t);
+        }
+      }
+    }, [n("div", {
+      staticClass: "item-icon",
+      style: {
+        backgroundColor: t.color
+      }
+    }, [n("i", {
+      class: t.icon
+    })]), n("div", {
+      staticClass: "item-info"
+    }, [n("CountUp", {
+      staticClass: "title",
+      style: {
+        color: t.color
+      },
+      attrs: {
+        animation: t.animation || a.animation,
+        decimals: t.decimals || a.decimals,
+        end: t.count
+      }
+    }), n("div", {
+      staticClass: "info"
+    }, [a._v(a._s(t.title))])], 1)])])]);
+  }), 1)], 1);
+}, r = [];
+const l = {
+  name: "DataBox",
+  props: {
+    option: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    animation() {
+      return this.option.animation;
+    },
+    decimals() {
+      return this.option.decimals || 0;
+    },
+    span() {
+      return this.option.span || 8;
+    },
+    data() {
+      return this.option.data || [];
+    }
+  }
+}, o = {};
+var _ = /* @__PURE__ */ e(
+  l,
+  c,
+  r,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(a) {
+  for (let s in o)
+    this[s] = o[s];
+}
+const v = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  v as default
+};

package/dist/components/data-box/style.css

@@ -0,0 +1 @@
+.data-box .item{position:relative;margin:0 auto 10px;width:96%;height:100px;overflow:hidden;border-radius:5px;box-sizing:border-box}.data-box .item:hover .item-text{top:0}.data-box .item a{display:flex;text-decoration:none}.data-box .item a:visited{color:inherit}.data-box .item-icon{width:100px;height:100px;color:#fff;text-align:center;line-height:100px;align-items:center;justify-content:center;display:flex}.data-box .item-icon i{font-size:48px!important}.data-box .item-info{border-radius:0 5px 5px 0;border:1px solid #eee;border-left:none;background-color:#fff;flex:1;display:flex;justify-content:center;flex-direction:column}.data-box .item-info .title{font-size:30px;line-height:40px;text-align:center}.data-box .item-info .info{color:#999;font-size:14px;text-align:center}