@web-utils/component 2.0.14 → 2.2.0

package/{dist/components/table-view/index.js → table-view/index.mjs}

@@ -1,7 +1,24 @@
-import { isString as o, isArray as d, trace as n, warning as f, merge as i, toStringArray as p, isFunction as u, hasOwn as c } from "@web-utils/core";
-import { k as b } from "../../chunks/f71045fc.js";
-import { n as m } from "../../chunks/5d4282fb.js";
-var _ = function() {
+var o = (e, r, t) => new Promise((s, l) => {
+  var a = (i) => {
+    try {
+      c(t.next(i));
+    } catch (h) {
+      l(h);
+    }
+  }, b = (i) => {
+    try {
+      c(t.throw(i));
+    } catch (h) {
+      l(h);
+    }
+  }, c = (i) => i.done ? s(i.value) : Promise.resolve(i.value).then(a, b);
+  c((t = t.apply(e, r)).next());
+});
+import { merge as n } from "@web-utils/integrations/lodash";
+import { isString as d, isArray as m, trace as f, warning as g, toStringArray as w, isFunction as _, hasOwn as p } from "@web-utils/core";
+import { k as v } from "../chunks/index.LGsb2aDq.mjs";
+import { n as y } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var P = function() {
   var e = this, r = e.$createElement, t = e._self._c || r;
   return t("div", {
     staticClass: "table-view"
@@ -138,7 +155,7 @@ var _ = function() {
       click: e.onClearClick
     }
   }, [e._v(" 清除条件 ")])], 1)])], 1)], 1)]) : e._e()]), e._t("default")], 2);
-}, g = [function() {
+}, S = [function() {
   var e = this, r = e.$createElement, t = e._self._c || r;
   return t("div", {
     staticClass: "slide-panel-line"
@@ -146,16 +163,16 @@ var _ = function() {
     staticClass: "slide-panel-line-indicator"
   })]);
 }];
-const w = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "agree", "disagree", "reject", "finish", "cancel", "enable", "exp", "imp", "del", "disabled", "reload", "slot"], v = {
+const $ = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "agree", "disagree", "reject", "finish", "cancel", "enable", "exp", "imp", "del", "disabled", "reload", "slot"], T = {
   name: "TableView",
   bus: {
     reloadTableView(e, r) {
       if (this._viewIds)
-        if (o(e) || d(e)) {
+        if (d(e) || m(e)) {
           let t = e;
-          o(t) && (t = t.split(",")), this._viewIds.some((s) => t.includes(s)) && (r ? this.$refs.tree && (n.call(this.$parent || {}, "reloadTree"), this.refreshTree()) : (n.call(this.$parent || {}, "reloadTable"), this.reloadTable()));
+          d(t) && (t = t.split(",")), this._viewIds.some((s) => t.includes(s)) && (r ? this.$refs.tree && (f.call(this.$parent || {}, "reloadTree"), this.refreshTree()) : (f.call(this.$parent || {}, "reloadTable"), this.reloadTable()));
         } else
-          f.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
+          g.call(this.$parent || {}, "`viewId`的类型必须是字符串或数组");
     }
   },
   props: {
@@ -223,20 +240,20 @@ const w = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "a
   },
   computed: {
     buttonSlots() {
-      return w.filter((e) => this.$scopedSlots[e]);
+      return $.filter((e) => this.$scopedSlots[e]);
     },
     toolbarProps() {
       var s, l;
-      const e = {}, r = i(this.toolbarAttrs, e);
+      const e = {}, r = n(this.toolbarAttrs, e);
       let t = (r == null ? void 0 : r.buttons) || this.$parent.buttons;
-      return t = t || [], t.includes("reload") || (t = [...t, "reload"]), r.buttons = t, r.buttons = p(r.buttons), r.searchable = !!((l = (s = this.$scopedSlots)["search-form"]) != null && l.call(s)), r;
+      return t = t || [], t.includes("reload") || (t = [...t, "reload"]), r.buttons = t, r.buttons = w(r.buttons), r.searchable = !!((l = (s = this.$scopedSlots)["search-form"]) != null && l.call(s)), r;
     },
     treeProps() {
       const e = {
         treeProps: {
           children: "children",
           label: "label",
-          isLeaf: (r) => c(r, "hasChildren") ? !r.hasChildren : c(r, "hasChild") ? !r.hasChild : !0
+          isLeaf: (r) => p(r, "hasChildren") ? !r.hasChildren : p(r, "hasChild") ? !r.hasChild : !0
         },
         show: !1,
         lazy: !0,
@@ -245,7 +262,7 @@ const w = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "a
         "expand-first-node": !1,
         "default-expand-all": !1
       };
-      return i(this.treeAttrs, e);
+      return n(this.treeAttrs, e);
     },
     tableProps() {
       const e = this.tableAttrs.api || this.$parent.getPage, r = {
@@ -254,21 +271,23 @@ const w = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "a
         "highlight-current-row": !0,
         api: e
       };
-      return i(this.tableAttrs, r);
+      return n(this.tableAttrs, r);
     },
     searchPanelProps() {
       const e = {
         width: 350,
         model: this.searchModel || {}
       };
-      return i(this.searchPanelAttrs, e);
+      return n(this.searchPanelAttrs, e);
     }
   },
   created() {
     this._viewIds = [], this.viewId && this._viewIds.push(this.viewId), this._viewIds.includes(this.$parent.$options.name) || this._viewIds.push(this.$parent.$options.name);
   },
-  async activated() {
-    this.$refs.treeScroller && (this.treeScrollTop && (this.$refs.treeScroller.scrollTop = this.treeScrollTop), this.treeScrollLeft && (this.$refs.treeScroller.scrollLeft = this.treeScrollLeft));
+  activated() {
+    return o(this, null, function* () {
+      this.$refs.treeScroller && (this.treeScrollTop && (this.$refs.treeScroller.scrollTop = this.treeScrollTop), this.treeScrollLeft && (this.$refs.treeScroller.scrollLeft = this.treeScrollLeft));
+    });
   },
   methods: {
     onTreeScroll() {
@@ -277,14 +296,18 @@ const w = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "a
     toggleSearch() {
       this.right = this.right === 0 ? -this.searchPanelProps.width : 0;
     },
-    async onSearchClick() {
-      this.$refs.table.setModel(this.searchModel || this.searchPanelProps.model), await this.refreshTable();
+    onSearchClick() {
+      return o(this, null, function* () {
+        this.$refs.table.setModel(this.searchModel || this.searchPanelProps.model), yield this.refreshTable();
+      });
     },
-    async onClearClick() {
-      this.$emit("reset"), this.$refs.form.resetFields(), this.$refs.table.setModel(this.searchModel || this.searchPanelProps.model), await this.refreshTable();
+    onClearClick() {
+      return o(this, null, function* () {
+        this.$emit("reset"), this.$refs.form.resetFields(), this.$refs.table.setModel(this.searchModel || this.searchPanelProps.model), yield this.refreshTable();
+      });
     },
     openFrom(e) {
-      this.$router.push(b(this.formPath, e));
+      this.$router.push(v(this.formPath, e));
     },
     rowDbClick(e) {
       var r;
@@ -297,41 +320,45 @@ const w = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "a
       var e;
       !((e = this.toolbarListeners) != null && e.create) && this.formPath && this.openFrom();
     },
-    async del() {
-      var r;
-      const e = this.deleteApi || this.$parent.del;
-      if (!((r = this.toolbarListeners) != null && r.del) && u(e)) {
-        if (!this.selectedRows.length) {
-          this.$message.warning("请选择要删除的记录！");
-          return;
-        }
-        await this.$confirm(
-          `您确定要删除选中的[<span class="break-word" style="color: orange">${this.selectedRows.length}</span>]行记录吗？`,
-          "系统提示",
-          {
-            type: "warning",
-            modal: !0,
-            dangerouslyUseHTMLString: !0,
-            closeOnClickModal: !1,
-            beforeClose: async (t, s, l) => {
-              if (t === "confirm")
-                try {
-                  s.confirmButtonLoading = !0, s.confirmButtonText = "删除...", await e.call(this, this.selectedRows.map((a) => a.id).join(",")), this.$message.success("删除成功"), await this.reloadTable(), await this.refreshTree();
-                } catch {
-                }
-              l();
-            }
+    del() {
+      return o(this, null, function* () {
+        var r;
+        const e = this.deleteApi || this.$parent.del;
+        if (!((r = this.toolbarListeners) != null && r.del) && _(e)) {
+          if (!this.selectedRows.length) {
+            this.$message.warning("请选择要删除的记录！");
+            return;
           }
-        ).catch((t) => t);
-      }
+          yield this.$confirm(
+            `您确定要删除选中的[<span class="break-word" style="color: orange">${this.selectedRows.length}</span>]行记录吗？`,
+            "系统提示",
+            {
+              type: "warning",
+              modal: !0,
+              dangerouslyUseHTMLString: !0,
+              closeOnClickModal: !1,
+              beforeClose: (t, s, l) => o(this, null, function* () {
+                if (t === "confirm")
+                  try {
+                    s.confirmButtonLoading = !0, s.confirmButtonText = "删除...", yield e.call(this, this.selectedRows.map((a) => a.id).join(",")), this.$message.success("删除成功"), yield this.reloadTable(), yield this.refreshTree();
+                  } catch (a) {
+                  }
+                l();
+              })
+            }
+          ).catch((t) => t);
+        }
+      });
     },
     reloadTable() {
       var e;
       (e = this.$refs.table) == null || e.reload();
     },
-    async refreshTable() {
-      var e;
-      await ((e = this.$refs.table) == null ? void 0 : e.getPage());
+    refreshTable() {
+      return o(this, null, function* () {
+        var e;
+        yield (e = this.$refs.table) == null ? void 0 : e.getPage();
+      });
     },
     refreshTree() {
       this.$refs.tree.reloadTree();
@@ -340,24 +367,24 @@ const w = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "a
       return this.searchPanelProps.model;
     }
   }
-}, h = {};
-var y = /* @__PURE__ */ m(
-  v,
-  _,
-  g,
-  !1,
+}, u = {};
+var C = /* @__PURE__ */ y(
+  T,
   P,
+  S,
+  !1,
+  L,
   null,
   null,
   null
 );
-function P(e) {
-  for (let r in h)
-    this[r] = h[r];
+function L(e) {
+  for (let r in u)
+    this[r] = u[r];
 }
-const C = /* @__PURE__ */ function() {
-  return y.exports;
+const M = /* @__PURE__ */ function() {
+  return C.exports;
 }();
 export {
-  C as default
+  M as default
 };

package/table-view/style.css

@@ -0,0 +1 @@
+.table-view{flex-direction:column;height:100%;display:flex}.table-view .el-table--border{border:none}.table-view .border-top .el-table--border{border-top:1px solid #ebeef5}.table-view .border-bottom .el-table--border{border-bottom:1px solid #ebeef5}.table-view .border-left .el-table--border,.table-view .border-left .el-pagination{border-left:1px solid #ebeef5}.table-view .border-right .el-table--border{border-right:1px solid #ebeef5}.table-view .table-view-content-wrapper{flex:1;position:relative;overflow:hidden}.table-view .table-view-content{background-color:#fff;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.table-view .table-view-sidebar{flex-shrink:0;width:240px;height:100%;padding:10px;overflow:auto}.table-view .table-view-sidebar .et-tree-wrapper{display:table;overflow:visible}.table-view .table-view-table{flex:auto;height:100%}.table-view .slide-panel{z-index:5;background-color:#fff;transition:right .2s;display:flex;position:absolute;top:0;bottom:0;right:0}.table-view .slide-panel .slide-panel-line{background-color:#ddd;flex-shrink:0;width:3px;height:100%;position:relative}.table-view .slide-panel .slide-panel-line-indicator{background-color:#aaa;width:100%;height:50px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.table-view .slide-panel .slide-panel-actions{justify-content:center;align-items:center;margin-top:10px;display:flex}.table-view .slide-panel .slide-panel-content{flex:1;padding:10px;overflow:auto}.table-view .slide-panel .slide-panel-content .el-date-editor{width:100%}

package/{dist/components/tag-render/index.js → tag-render/index.mjs}

@@ -1,6 +1,17 @@
-import { hasOwn as r } from "@web-utils/core";
-import { n as o } from "../../chunks/5d4282fb.js";
-var i = function() {
+var c = Object.defineProperty;
+var r = Object.getOwnPropertySymbols;
+var m = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
+var l = (t, e, n) => e in t ? c(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, o = (t, e) => {
+  for (var n in e || (e = {}))
+    m.call(e, n) && l(t, n, e[n]);
+  if (r)
+    for (var n of r(e))
+      _.call(e, n) && l(t, n, e[n]);
+  return t;
+};
+import { hasOwn as i } from "@web-utils/core";
+import { n as g } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var f = function() {
   var t = this, e = t.$createElement, n = t._self._c || e;
   return n("div", {
     staticClass: "tag-render"
@@ -9,35 +20,42 @@ var i = function() {
       key: a,
       attrs: {
         closable: t.enable,
+        size: "medium",
         "disable-transitions": ""
       },
       on: {
-        close: function(m) {
+        close: function(b) {
           return t.$emit("close", t.tags[a], a);
         }
       }
     }, [t._v(" " + t._s(t.getTagName(s)) + " ")]);
   }) : t.enable ? t._e() : [n("span", {
     staticStyle: {
-      color: "#b5b5b5"
+      "margin-left": "4px",
+      color: "#b5b5b5",
+      "line-height": "16px"
     }
   }, [t._v("无")])], t.enable ? n("ElButton", {
-    staticClass: "el-tag el-tag--medium el-tag--light button-new-tag",
+    staticClass: "add-tag",
     attrs: {
-      size: "small"
+      size: "mini"
     },
     on: {
       click: function(s) {
         return t.$emit("add");
       }
     }
-  }, [t._v(" + 添加 ")]) : t._e(), t.count ? n("span", {
+  }, [t._v("+ 添加")]) : t._e(), t.count ? n("span", {
     staticClass: "tags-count"
   }, [t._v(t._s(t.tags.length && t.tags[0] ? t.tags.length : ""))]) : t._e()], 2);
-}, u = [];
-const c = {
+}, d = [];
+const p = {
   name: "TagRender",
-  inject: ["elFormItem"],
+  inject: {
+    elFormItem: {
+      default: {}
+    }
+  },
   props: {
     enable: {
       type: Boolean,
@@ -59,39 +77,40 @@ const c = {
   computed: {
     internalTags() {
       return this.transfer ? this.tags.map((t) => {
-        const e = { ...t };
+        const e = o({}, t);
         return this.transfer(e);
       }) : this.tags;
     }
   },
   watch: {
     tags(t) {
-      this.elFormItem && t && t.length > 0 && this.elFormItem.clearValidate();
+      var e, n;
+      this.elFormItem && t && t.length > 0 && ((n = (e = this.elFormItem).clearValidate) == null || n.call(e));
     }
   },
   methods: {
     getTagName(t) {
-      return r(t, "name") ? t.name : r(t, "label") ? t.label : t;
+      return i(t, "name") ? t.name : i(t, "label") ? t.label : t;
     }
   }
-}, l = {};
-var _ = /* @__PURE__ */ o(
-  c,
-  i,
-  u,
+}, u = {};
+var h = /* @__PURE__ */ g(
+  p,
+  f,
+  d,
   !1,
-  g,
+  v,
   null,
   null,
   null
 );
-function g(t) {
-  for (let e in l)
-    this[e] = l[e];
+function v(t) {
+  for (let e in u)
+    this[e] = u[e];
 }
-const p = /* @__PURE__ */ function() {
-  return _.exports;
+const $ = /* @__PURE__ */ function() {
+  return h.exports;
 }();
 export {
-  p as default
+  $ as default
 };

package/tag-render/style.css

@@ -0,0 +1 @@
+.tag-render{background-color:#fff;border:1px solid #d7dae0;border-radius:4px;min-height:80px;padding-top:4px;padding-right:4px;line-height:0;overflow:hidden}.tag-render .el-tag{margin-bottom:4px;margin-left:4px}.tag-render .add-tag{margin-left:4px}.tag-render .el-tag .el-tag__close:hover{background-color:#ee8677}.tag-render .tags-count{color:#b7b7b7;font-size:.9em;position:absolute;bottom:10px;right:6px}

package/text-ellipsis/index.mjs

@@ -0,0 +1,108 @@
+import { s as o } from "../chunks/util.C2Bhx22L.mjs";
+import { n as r } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var h = function() {
+  var t = this, e = t.$createElement, i = t._self._c || e;
+  return i("div", {
+    staticClass: "avue-text-ellipsis",
+    style: {
+      width: t.setPx(t.width, "100%")
+    }
+  }, [t._t("before"), i("ElTooltip", {
+    attrs: {
+      content: t.text,
+      disabled: !(t.useTooltip && t.isHide),
+      placement: t.placement
+    }
+  }, [i("span", [i("span", {
+    key: t.keyIndex,
+    ref: "text",
+    staticClass: "avue-text-ellipsis__text"
+  }, [t._v(t._s(t.text))])])]), i("span", {
+    ref: "more",
+    staticClass: "avue-text-ellipsis__more"
+  }, [t._t("more")], 2), t._t("after")], 2);
+}, a = [];
+const f = {
+  name: "TextEllipsis",
+  props: {
+    text: String,
+    height: Number,
+    width: Number,
+    isLimitHeight: {
+      type: Boolean,
+      default: !0
+    },
+    useTooltip: {
+      type: Boolean,
+      default: !1
+    },
+    placement: String
+  },
+  data() {
+    return {
+      keyIndex: 0,
+      oversize: !1,
+      isHide: !1
+    };
+  },
+  watch: {
+    isLimitHeight() {
+      this.init();
+    },
+    text() {
+      this.init();
+    },
+    height() {
+      this.init();
+    }
+  },
+  mounted() {
+    this.init();
+  },
+  methods: {
+    setPx: o,
+    init() {
+      this.oversize = !1, this.keyIndex += 1;
+      const t = this.$refs.more;
+      t.style.display = "none", this.isLimitHeight && this.limitShow();
+    },
+    limitShow() {
+      this.$nextTick(() => {
+        const t = this.$refs.text, e = this.$el, i = this.$refs.more;
+        let n = 1e3;
+        if (t)
+          if (e.offsetHeight > this.height) {
+            i.style.display = "inline-block";
+            let s = this.text;
+            for (; e.offsetHeight > this.height && n > 0; )
+              e.offsetHeight > this.height * 3 ? t.innerText = s = s.substring(
+                0,
+                Math.floor(s.length / 2)
+              ) : t.innerText = s = s.substring(0, s.length - 1), n--;
+            this.$emit("hide"), this.isHide = !0;
+          } else
+            this.$emit("show"), this.isHide = !1;
+      });
+    }
+  }
+}, l = {};
+var m = /* @__PURE__ */ r(
+  f,
+  h,
+  a,
+  !1,
+  c,
+  null,
+  null,
+  null
+);
+function c(t) {
+  for (let e in l)
+    this[e] = l[e];
+}
+const x = /* @__PURE__ */ function() {
+  return m.exports;
+}();
+export {
+  x as default
+};

package/text-ellipsis/style.css

@@ -0,0 +1 @@
+.avue-text-ellipsis__more{padding:0 2px}