@web-utils/component 3.0.2 → 3.0.4

package/pageable-table/index.mjs

@@ -1,51 +1,193 @@
-var w = Object.defineProperty, B = Object.defineProperties;
-var P = Object.getOwnPropertyDescriptors;
-var p = Object.getOwnPropertySymbols;
-var f = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
-var u = (e, t, s) => t in e ? w(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, g = (e, t) => {
-  for (var s in t || (t = {}))
-    f.call(t, s) && u(e, s, t[s]);
-  if (p)
-    for (var s of p(t))
-      m.call(t, s) && u(e, s, t[s]);
+var $ = Object.defineProperty, w = Object.defineProperties;
+var C = Object.getOwnPropertyDescriptors;
+var d = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var g = (e, s, t) => s in e ? $(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t, c = (e, s) => {
+  for (var t in s || (s = {}))
+    f.call(s, t) && g(e, t, s[t]);
+  if (d)
+    for (var t of d(s))
+      b.call(s, t) && g(e, t, s[t]);
   return e;
-}, b = (e, t) => B(e, P(t));
-var y = (e, t) => {
-  var s = {};
+}, m = (e, s) => w(e, C(s));
+var _ = (e, s) => {
+  var t = {};
   for (var a in e)
-    f.call(e, a) && t.indexOf(a) < 0 && (s[a] = e[a]);
-  if (e != null && p)
-    for (var a of p(e))
-      t.indexOf(a) < 0 && m.call(e, a) && (s[a] = e[a]);
-  return s;
+    f.call(e, a) && s.indexOf(a) < 0 && (t[a] = e[a]);
+  if (e != null && d)
+    for (var a of d(e))
+      s.indexOf(a) < 0 && b.call(e, a) && (t[a] = e[a]);
+  return t;
 };
-var d = (e, t, s) => new Promise((a, l) => {
-  var c = (i) => {
+var u = (e, s, t) => new Promise((a, l) => {
+  var h = (r) => {
     try {
-      r(s.next(i));
-    } catch (n) {
-      l(n);
+      i(t.next(r));
+    } catch (p) {
+      l(p);
     }
-  }, h = (i) => {
+  }, n = (r) => {
     try {
-      r(s.throw(i));
-    } catch (n) {
-      l(n);
+      i(t.throw(r));
+    } catch (p) {
+      l(p);
     }
-  }, r = (i) => i.done ? a(i.value) : Promise.resolve(i.value).then(c, h);
-  r((s = s.apply(e, t)).next());
+  }, i = (r) => r.done ? a(r.value) : Promise.resolve(r.value).then(h, n);
+  i((t = t.apply(e, s)).next());
 });
-import { hasOwn as _ } from "@web-utils/core";
-import { cloneDeep as S, merge as v } from "@web-utils/integrations/lodash";
-import { f as T, a as O, b as L } from "../chunks/index.d91bd77a.mjs";
-import { s as x, r as A } from "../chunks/PageableTable.vue_vue_type_style_index_0_lang.fd89fb43.mjs";
-import { n as C } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+import { hasOwn as k } from "@web-utils/core";
+import { cloneDeep as y, merge as x } from "@web-utils/integrations/lodash";
+import { f as S, h as P, i as B } from "../chunks/index.57f871af.mjs";
+import A from "element-ui/lib/pagination";
+import T from "element-ui/lib/radio";
+import E from "element-ui/lib/button";
+import O from "element-ui/lib/table";
+import { n as L } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var R = function() {
+  var e = this, s = e.$createElement, t = e._self._c || s;
+  return t("div", {
+    class: ["pageable-table", {
+      "auto-height": e.autoHeight
+    }]
+  }, [t("div", {
+    staticClass: "pageable-table-wrapper"
+  }, [e._t("toolbar"), t(O, e._g(e._b({
+    ref: "table",
+    class: ["flex-item", {
+      "header-bold": e.headerBold
+    }],
+    attrs: {
+      data: e.records,
+      border: e.border
+    },
+    on: {
+      "hook:updated": e.updateTableScrollPosition,
+      "sort-change": e.onSortChange,
+      "row-dblclick": e.rowDbClick,
+      "current-change": e.onCurrentChange
+    },
+    scopedSlots: e._u([{
+      key: "empty",
+      fn: function() {
+        return [e._t("empty", function() {
+          return [e.tableStatus === e.TABLE_STATUS.loading ? [t("span", {
+            staticClass: "pageable-table-loading"
+          }, [t("i", {
+            staticClass: "table-status-icon el-icon-loading"
+          }), e._v(" 加载中...")])] : e.tableStatus === e.TABLE_STATUS.error ? [t(E, {
+            staticClass: "pageable-table-error",
+            attrs: {
+              icon: "table-status-icon fa fa-frown-o"
+            },
+            on: {
+              click: e.refresh
+            }
+          }, [e._v(" 加载失败，点击重试！ ")])] : [e._v(" 暂无数据 ")]];
+        })];
+      },
+      proxy: !0
+    }, {
+      key: "append",
+      fn: function() {
+        return [e._t("append")];
+      },
+      proxy: !0
+    }], null, !0)
+  }, "ElTable", e.filterTableProperties(e.mergeAttrs), !1), e.filterTableEvents(e.$listeners)), [e.multiple && e.selection ? t("TableColumn", {
+    key: "multiple",
+    attrs: {
+      type: "selection",
+      width: "45",
+      align: "center"
+    }
+  }) : e._e(), !e.multiple && e.selection ? t("TableColumn", {
+    key: "single",
+    attrs: {
+      type: "single-selection",
+      "class-name": "single-select-column",
+      width: "45",
+      align: "center"
+    },
+    scopedSlots: e._u([{
+      key: "header",
+      fn: function() {
+        return [t(T, {
+          attrs: {
+            value: !!e.currentRow,
+            label: !0
+          }
+        }, [t("span")])];
+      },
+      proxy: !0
+    }, {
+      key: "default",
+      fn: function(a) {
+        var l = a.row;
+        return [t(T, {
+          attrs: {
+            label: !0,
+            value: e.currentRow && e.currentRow[e.$attrs["row-key"] || "id"] === l[e.$attrs["row-key"] || "id"]
+          }
+        }, [t("span")])];
+      }
+    }], null, !1, 307797321)
+  }) : e._e(), e.index ? t("TableColumn", {
+    key: "order",
+    attrs: {
+      type: "index",
+      label: "序号",
+      width: e.indexWidth,
+      align: "center"
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function(a) {
+        var l = a.$index;
+        return [e._v(" " + e._s((e.page.page - 1) * e.page.limit + l + 1 || l + 1) + " ")];
+      }
+    }], null, !1, 4238275121)
+  }) : e._e(), e._t("default", function() {
+    return [e.columns && e.columns.length ? e._l(e.headers, function(a, l) {
+      return t("TableColumn", e._b({
+        key: `${a.prop}-${l}`
+      }, "TableColumn", a, !1));
+    }) : t("TableColumn", {
+      attrs: {
+        label: "点击表格行复制模板"
+      },
+      scopedSlots: e._u([{
+        key: "default",
+        fn: function(a) {
+          var l = a.row;
+          return [t("pre", {
+            staticClass: "pointer"
+          }, [e._v(e._s(JSON.stringify(l, null, "	")))])];
+        }
+      }])
+    })];
+  })], 2), t(A, {
+    staticClass: "flex-not-shrink",
+    attrs: {
+      "current-page": e.page.page,
+      "hide-on-single-page": e.hideOnSinglePage,
+      "page-size": e.page.limit,
+      total: e.page.total,
+      background: "",
+      layout: "total, prev, pager, next, jumper"
+    },
+    on: {
+      "current-change": function(a) {
+        e.page.page = a;
+      }
+    }
+  })], 2)]);
+}, W = [];
 const o = {
   loading: 1,
   error: -1,
   empty: 2,
   success: 0
-}, M = {
+}, j = {
   name: "PageableTable",
   bus: {
     reloadTableView(e) {
@@ -123,9 +265,9 @@ const o = {
   data() {
     let e = { rules: [] };
     this.rules && this.rules.length > 0 && (e.rules = this.rules), this.filters && (e = this.filters), this.filter && (e = Object.assign({}, e, this.filter));
-    let t = {};
-    this.model && (t = S(this.model));
-    const s = this.pageSize;
+    let s = {};
+    this.model && (s = y(this.model));
+    const t = this.pageSize;
     return {
       TABLE_STATUS: Object.freeze(o),
       tableStatus: o.empty,
@@ -134,10 +276,10 @@ const o = {
       page: {
         total: 0,
         page: 1,
-        limit: s,
+        limit: t,
         ascs: this.ascs,
         descs: this.descs,
-        model: t,
+        model: s,
         filters: e
       }
     };
@@ -165,11 +307,11 @@ const o = {
       return e.length > 3 ? 50 + (e.length - 3) * 10 : 50;
     },
     mergeAttrs() {
-      return v({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
+      return x({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
     },
     headers() {
       var e;
-      return ((e = this.columns) == null ? void 0 : e.map(T)) || [];
+      return ((e = this.columns) == null ? void 0 : e.map(S)) || [];
     }
   },
   watch: {
@@ -199,26 +341,26 @@ const o = {
   },
   methods: {
     rowDbClick(...e) {
-      var s;
-      const t = this.$refs.table.$children.find((a) => {
+      var t;
+      const s = this.$refs.table.$children.find((a) => {
         var l;
         return ((l = a.$options) == null ? void 0 : l.name) === "ElTableBody";
       });
-      t && ((s = t.$refs.tooltip) == null || s.hide()), this.$emit("row-dblclick", ...e);
+      s && ((t = s.$refs.tooltip) == null || t.hide()), this.$emit("row-dblclick", ...e);
     },
     updateTableScrollPosition() {
-      return d(this, null, function* () {
+      return u(this, null, function* () {
         this.$refs.table.bodyWrapper && this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
       });
     },
-    filterTableProperties: O,
-    filterTableEvents: L,
-    filterTableColumnProperties: T,
+    filterTableProperties: P,
+    filterTableEvents: B,
+    filterTableColumnProperties: S,
     onTableScroll() {
       this.tableScrollTop = this.$refs.table.bodyWrapper.scrollTop, this.tableScrollLeft = this.$refs.table.bodyWrapper.scrollLeft;
     },
-    onSortChange({ prop: e, order: t }) {
-      this.page.ascs = t === "ascending" ? e : "", this.page.descs = t === "descending" ? e : "";
+    onSortChange({ prop: e, order: s }) {
+      this.page.ascs = s === "ascending" ? e : "", this.page.descs = s === "descending" ? e : "";
     },
     onCurrentChange(e) {
       this.currentRow = e;
@@ -231,28 +373,28 @@ const o = {
       this.removeRule(e.field), this.page.filters.rules.push(e);
     },
     addRules(e) {
-      e.forEach((t) => this.addRule(t));
+      e.forEach((s) => this.addRule(s));
     },
-    setModelField(e, t) {
-      this.$set(this.page.model, e, t);
+    setModelField(e, s) {
+      this.$set(this.page.model, e, s);
     },
     setModel(e) {
-      this.page.page = 1, this.page.model = S(e);
+      this.page.page = 1, this.page.model = y(e);
     },
     deleteModelField(e) {
       delete this.page.model[e];
     },
     removeRule(e) {
-      const t = this.page.filters.rules, s = t.findIndex((a) => a.field === e);
-      s > -1 && t.splice(s, 1);
+      const s = this.page.filters.rules, t = s.findIndex((a) => a.field === e);
+      t > -1 && s.splice(t, 1);
     },
-    addFilter({ field: e, op: t, value: s }) {
+    addFilter({ field: e, op: s, value: t }) {
       this.page.filters = Object.assign({}, this.page.filters, {
         rules: [
           {
             field: e,
-            op: t,
-            value: s
+            op: s,
+            value: t
           }
         ],
         op: "and"
@@ -268,21 +410,21 @@ const o = {
       this.setModel(this.model), this.getPage();
     },
     getPage() {
-      return d(this, null, function* () {
-        var i;
-        if (_(this.$attrs, "data")) {
+      return u(this, null, function* () {
+        var r;
+        if (k(this.$attrs, "data")) {
           this.records = this.$attrs.data, this.page.page = 1, this.page.total = this.records.length, this.page.limit = this.page.total;
           return;
         }
         this.records = [];
         let e;
-        const r = this.page, { filters: t } = r, s = y(r, ["filters"]), a = g({}, s);
-        if ((i = t == null ? void 0 : t.rules) != null && i.length && (a.filters = { rules: t.rules }), this.api || this.url) {
+        const i = this.page, { filters: s } = i, t = _(i, ["filters"]), a = c({}, t);
+        if ((r = s == null ? void 0 : s.rules) != null && r.length && (a.filters = { rules: s.rules }), this.api || this.url) {
           this.tableStatus = o.loading;
           try {
             this.api && (e = yield this.api(a)), this.url && (e = yield this.method(this.url, a));
-          } catch (n) {
-            this.tableStatus = o.error, console.error(n);
+          } catch (p) {
+            this.tableStatus = o.error, console.error(p);
             return;
           }
         } else {
@@ -292,44 +434,44 @@ const o = {
           });
           return;
         }
-        const { data: l } = e || {}, { total: c, records: h } = l || {};
-        this.page.total = Number(c), this.records = h, !h || !h.length ? this.tableStatus = o.empty : this.tableStatus = o.success, this.$refs.table.doLayout(), this.$emit("page-loaded", l);
+        const { data: l } = e || {}, { total: h, records: n } = l || {};
+        this.page.total = Number(h), this.records = n, !n || !n.length ? this.tableStatus = o.empty : this.tableStatus = o.success, this.$refs.table.doLayout(), this.$emit("page-loaded", l);
       });
     },
     refresh() {
-      return d(this, null, function* () {
+      return u(this, null, function* () {
         yield this.getPage();
       });
     },
     reload() {
-      return d(this, null, function* () {
-        this.page = b(g({}, this.$options.data.call(this).page), {
+      return u(this, null, function* () {
+        this.page = m(c({}, this.$options.data.call(this).page), {
           total: this.page.total
         });
       });
     },
-    scrollTo(e, t) {
-      e && (this.$refs.table.bodyWrapper.scrollTop = e), t && (this.$refs.table.bodyWrapper.scrollLeft = t);
+    scrollTo(e, s) {
+      e && (this.$refs.table.bodyWrapper.scrollTop = e), s && (this.$refs.table.bodyWrapper.scrollLeft = s);
     }
   }
-}, $ = {};
-var R = /* @__PURE__ */ C(
-  M,
-  A,
-  x,
-  !1,
+}, v = {};
+var M = /* @__PURE__ */ L(
+  j,
+  R,
   W,
+  !1,
+  F,
   null,
   null,
   null
 );
-function W(e) {
-  for (let t in $)
-    this[t] = $[t];
+function F(e) {
+  for (let s in v)
+    this[s] = v[s];
 }
-const I = /* @__PURE__ */ function() {
-  return R.exports;
+const q = /* @__PURE__ */ function() {
+  return M.exports;
 }();
 export {
-  I as default
+  q as default
 };

package/pageable-view/index.mjs

@@ -37,7 +37,7 @@ var h = (e, t, s) => new Promise((l, r) => {
 });
 import { cloneDeep as _, merge as P } from "@web-utils/integrations/lodash";
 import { copy as x, hasOwn as C } from "@web-utils/core";
-import { f as S, a as O, b as M } from "../chunks/index.d91bd77a.mjs";
+import { f as S, h as O, i as M } from "../chunks/index.57f871af.mjs";
 import R from "element-ui/lib/pagination";
 import { n as j } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 var k = function() {