@web-utils/component 2.70.0 → 3.0.1

package/page-skeleton/index.mjs

@@ -1,34 +1,17 @@
-import l from "@web-utils/component/page";
+import t from "@web-utils/component/page";
 import "@web-utils/component/page/style.css";
-import r from "@web-utils/component/nav-bar";
+import n from "@web-utils/component/nav-bar";
 import "@web-utils/component/nav-bar/style.css";
-import a from "@web-utils/component/page-header";
+import r from "@web-utils/component/page-header";
 import "@web-utils/component/page-header/style.css";
+import { s as l, r as a } from "../chunks/PageSkeleton.vue_vue_type_style_index_0_lang.8621381f.mjs";
 import { n as s } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var c = function() {
-  var e = this, t = e.$createElement, n = e._self._c || t;
-  return n("Page", {
-    staticClass: "page-skeleton"
-  }, [e.header ? e._t("header", function() {
-    return [e.title ? n("PageHeader", {
-      attrs: {
-        title: e.title
-      }
-    }) : n("NavBar")];
-  }) : e._e(), n("div", {
-    class: ["page-content", {
-      "flex-column": e.flexColumn,
-      "flex-row": e.flexRow,
-      "content-scroll": e.contentScroll
-    }, e.contentClass]
-  }, [e._t("default")], 2)], 2);
-}, i = [];
-const _ = {
+const i = {
   name: "PageSkeleton",
   components: {
-    Page: l,
-    NavBar: r,
-    PageHeader: a
+    Page: t,
+    NavBar: n,
+    PageHeader: r
   },
   props: {
     title: String,
@@ -45,23 +28,23 @@ const _ = {
     }
   }
 }, o = {};
-var u = /* @__PURE__ */ s(
-  _,
-  c,
+var m = /* @__PURE__ */ s(
   i,
+  a,
+  l,
   !1,
-  f,
+  p,
   null,
   null,
   null
 );
-function f(e) {
-  for (let t in o)
-    this[t] = o[t];
+function p(c) {
+  for (let e in o)
+    this[e] = o[e];
 }
-const P = /* @__PURE__ */ function() {
-  return u.exports;
+const v = /* @__PURE__ */ function() {
+  return m.exports;
 }();
 export {
-  P as default
+  v as default
 };

package/page-skeleton-new/index.mjs

@@ -1,7 +1,8 @@
-import { n as a } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var s = function() {
-  var e = this, l = e.$createElement, t = e._self._c || l;
-  return t("Page", {
+import { _ as a } from "../chunks/Page.81f4b8d9.mjs";
+import { n as s } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var i = function() {
+  var e = this, n = e.$createElement, t = e._self._c || n;
+  return t(a, {
     staticClass: "page-skeleton-new",
     attrs: {
       horizontal: ""
@@ -51,7 +52,7 @@ var s = function() {
   }, [e._t("default", function() {
     return [e._v("内容")];
   })], 2)])]);
-}, i = [];
+}, o = [];
 const r = {
   name: "PageSkeletonNew",
   props: {
@@ -75,24 +76,24 @@ const r = {
       default: "240px"
     }
   }
-}, n = {};
-var o = /* @__PURE__ */ a(
+}, l = {};
+var c = /* @__PURE__ */ s(
   r,
-  s,
   i,
+  o,
   !1,
-  c,
+  d,
   null,
   null,
   null
 );
-function c(e) {
-  for (let l in n)
-    this[l] = n[l];
+function d(e) {
+  for (let n in l)
+    this[n] = l[n];
 }
-const _ = /* @__PURE__ */ function() {
-  return o.exports;
+const u = /* @__PURE__ */ function() {
+  return c.exports;
 }();
 export {
-  _ as default
+  u as default
 };

package/pageable-table/index.mjs

@@ -1,189 +1,51 @@
-var v = Object.defineProperty, $ = Object.defineProperties;
-var w = Object.getOwnPropertyDescriptors;
+var w = Object.defineProperty, B = Object.defineProperties;
+var P = Object.getOwnPropertyDescriptors;
 var p = Object.getOwnPropertySymbols;
-var f = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
-var g = (e, a, t) => a in e ? v(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t, c = (e, a) => {
-  for (var t in a || (a = {}))
-    f.call(a, t) && g(e, t, a[t]);
+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 t of p(a))
-      b.call(a, t) && g(e, t, a[t]);
+    for (var s of p(t))
+      m.call(t, s) && u(e, s, t[s]);
   return e;
-}, m = (e, a) => $(e, w(a));
-var y = (e, a) => {
-  var t = {};
-  for (var s in e)
-    f.call(e, s) && a.indexOf(s) < 0 && (t[s] = e[s]);
+}, b = (e, t) => B(e, P(t));
+var y = (e, t) => {
+  var s = {};
+  for (var a in e)
+    f.call(e, a) && t.indexOf(a) < 0 && (s[a] = e[a]);
   if (e != null && p)
-    for (var s of p(e))
-      a.indexOf(s) < 0 && b.call(e, s) && (t[s] = e[s]);
-  return t;
+    for (var a of p(e))
+      t.indexOf(a) < 0 && m.call(e, a) && (s[a] = e[a]);
+  return s;
 };
-var h = (e, a, t) => new Promise((s, l) => {
-  var u = (r) => {
+var d = (e, t, s) => new Promise((a, l) => {
+  var c = (i) => {
     try {
-      i(t.next(r));
-    } catch (d) {
-      l(d);
+      r(s.next(i));
+    } catch (n) {
+      l(n);
     }
-  }, n = (r) => {
+  }, h = (i) => {
     try {
-      i(t.throw(r));
-    } catch (d) {
-      l(d);
+      r(s.throw(i));
+    } catch (n) {
+      l(n);
     }
-  }, i = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(u, n);
-  i((t = t.apply(e, a)).next());
+  }, r = (i) => i.done ? a(i.value) : Promise.resolve(i.value).then(c, h);
+  r((s = s.apply(e, t)).next());
 });
-import { hasOwn as C } from "@web-utils/core";
-import { cloneDeep as _, merge as k } from "@web-utils/integrations/lodash";
-import { f as S, h as x, i as P } from "../chunks/index.57f871af.mjs";
-import { n as B } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var E = function() {
-  var e = this, a = e.$createElement, t = e._self._c || a;
-  return t("div", {
-    class: ["pageable-table", {
-      "auto-height": e.autoHeight
-    }]
-  }, [t("div", {
-    staticClass: "pageable-table-wrapper"
-  }, [e._t("toolbar"), t("ElTable", 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("ElButton", {
-            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("ElRadio", {
-          attrs: {
-            value: !!e.currentRow,
-            label: !0
-          }
-        }, [t("span")])];
-      },
-      proxy: !0
-    }, {
-      key: "default",
-      fn: function(s) {
-        var l = s.row;
-        return [t("ElRadio", {
-          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(s) {
-        var l = s.$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(s, l) {
-      return t("TableColumn", e._b({
-        key: `${s.prop}-${l}`
-      }, "TableColumn", s, !1));
-    }) : t("TableColumn", {
-      attrs: {
-        label: "点击表格行复制模板"
-      },
-      scopedSlots: e._u([{
-        key: "default",
-        fn: function(s) {
-          var l = s.row;
-          return [t("pre", {
-            staticClass: "pointer"
-          }, [e._v(e._s(JSON.stringify(l, null, "	")))])];
-        }
-      }])
-    })];
-  })], 2), t("ElPagination", {
-    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(s) {
-        e.page.page = s;
-      }
-    }
-  })], 2)]);
-}, A = [];
+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";
 const o = {
   loading: 1,
   error: -1,
   empty: 2,
   success: 0
-}, R = {
+}, M = {
   name: "PageableTable",
   bus: {
     reloadTableView(e) {
@@ -261,9 +123,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 a = {};
-    this.model && (a = _(this.model));
-    const t = this.pageSize;
+    let t = {};
+    this.model && (t = S(this.model));
+    const s = this.pageSize;
     return {
       TABLE_STATUS: Object.freeze(o),
       tableStatus: o.empty,
@@ -272,10 +134,10 @@ const o = {
       page: {
         total: 0,
         page: 1,
-        limit: t,
+        limit: s,
         ascs: this.ascs,
         descs: this.descs,
-        model: a,
+        model: t,
         filters: e
       }
     };
@@ -303,11 +165,11 @@ const o = {
       return e.length > 3 ? 50 + (e.length - 3) * 10 : 50;
     },
     mergeAttrs() {
-      return k({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
+      return v({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
     },
     headers() {
       var e;
-      return ((e = this.columns) == null ? void 0 : e.map(S)) || [];
+      return ((e = this.columns) == null ? void 0 : e.map(T)) || [];
     }
   },
   watch: {
@@ -337,26 +199,26 @@ const o = {
   },
   methods: {
     rowDbClick(...e) {
-      var t;
-      const a = this.$refs.table.$children.find((s) => {
+      var s;
+      const t = this.$refs.table.$children.find((a) => {
         var l;
-        return ((l = s.$options) == null ? void 0 : l.name) === "ElTableBody";
+        return ((l = a.$options) == null ? void 0 : l.name) === "ElTableBody";
       });
-      a && ((t = a.$refs.tooltip) == null || t.hide()), this.$emit("row-dblclick", ...e);
+      t && ((s = t.$refs.tooltip) == null || s.hide()), this.$emit("row-dblclick", ...e);
     },
     updateTableScrollPosition() {
-      return h(this, null, function* () {
+      return d(this, null, function* () {
         this.$refs.table.bodyWrapper && this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
       });
     },
-    filterTableProperties: x,
-    filterTableEvents: P,
-    filterTableColumnProperties: S,
+    filterTableProperties: O,
+    filterTableEvents: L,
+    filterTableColumnProperties: T,
     onTableScroll() {
       this.tableScrollTop = this.$refs.table.bodyWrapper.scrollTop, this.tableScrollLeft = this.$refs.table.bodyWrapper.scrollLeft;
     },
-    onSortChange({ prop: e, order: a }) {
-      this.page.ascs = a === "ascending" ? e : "", this.page.descs = a === "descending" ? e : "";
+    onSortChange({ prop: e, order: t }) {
+      this.page.ascs = t === "ascending" ? e : "", this.page.descs = t === "descending" ? e : "";
     },
     onCurrentChange(e) {
       this.currentRow = e;
@@ -369,28 +231,28 @@ const o = {
       this.removeRule(e.field), this.page.filters.rules.push(e);
     },
     addRules(e) {
-      e.forEach((a) => this.addRule(a));
+      e.forEach((t) => this.addRule(t));
     },
-    setModelField(e, a) {
-      this.$set(this.page.model, e, a);
+    setModelField(e, t) {
+      this.$set(this.page.model, e, t);
     },
     setModel(e) {
-      this.page.page = 1, this.page.model = _(e);
+      this.page.page = 1, this.page.model = S(e);
     },
     deleteModelField(e) {
       delete this.page.model[e];
     },
     removeRule(e) {
-      const a = this.page.filters.rules, t = a.findIndex((s) => s.field === e);
-      t > -1 && a.splice(t, 1);
+      const t = this.page.filters.rules, s = t.findIndex((a) => a.field === e);
+      s > -1 && t.splice(s, 1);
     },
-    addFilter({ field: e, op: a, value: t }) {
+    addFilter({ field: e, op: t, value: s }) {
       this.page.filters = Object.assign({}, this.page.filters, {
         rules: [
           {
             field: e,
-            op: a,
-            value: t
+            op: t,
+            value: s
           }
         ],
         op: "and"
@@ -406,21 +268,21 @@ const o = {
       this.setModel(this.model), this.getPage();
     },
     getPage() {
-      return h(this, null, function* () {
-        var r;
-        if (C(this.$attrs, "data")) {
+      return d(this, null, function* () {
+        var i;
+        if (_(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 i = this.page, { filters: a } = i, t = y(i, ["filters"]), s = c({}, t);
-        if ((r = a == null ? void 0 : a.rules) != null && r.length && (s.filters = { rules: a.rules }), this.api || this.url) {
+        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) {
           this.tableStatus = o.loading;
           try {
-            this.api && (e = yield this.api(s)), this.url && (e = yield this.method(this.url, s));
-          } catch (d) {
-            this.tableStatus = o.error, console.error(d);
+            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);
             return;
           }
         } else {
@@ -430,44 +292,44 @@ const o = {
           });
           return;
         }
-        const { data: l } = e || {}, { total: u, records: n } = l || {};
-        this.page.total = Number(u), this.records = n, !n || !n.length ? this.tableStatus = o.empty : this.tableStatus = o.success, this.$refs.table.doLayout(), this.$emit("page-loaded", l);
+        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);
       });
     },
     refresh() {
-      return h(this, null, function* () {
+      return d(this, null, function* () {
         yield this.getPage();
       });
     },
     reload() {
-      return h(this, null, function* () {
-        this.page = m(c({}, this.$options.data.call(this).page), {
+      return d(this, null, function* () {
+        this.page = b(g({}, this.$options.data.call(this).page), {
           total: this.page.total
         });
       });
     },
-    scrollTo(e, a) {
-      e && (this.$refs.table.bodyWrapper.scrollTop = e), a && (this.$refs.table.bodyWrapper.scrollLeft = a);
+    scrollTo(e, t) {
+      e && (this.$refs.table.bodyWrapper.scrollTop = e), t && (this.$refs.table.bodyWrapper.scrollLeft = t);
     }
   }
-}, T = {};
-var O = /* @__PURE__ */ B(
-  R,
-  E,
+}, $ = {};
+var R = /* @__PURE__ */ C(
+  M,
   A,
+  x,
   !1,
-  L,
+  W,
   null,
   null,
   null
 );
-function L(e) {
-  for (let a in T)
-    this[a] = T[a];
+function W(e) {
+  for (let t in $)
+    this[t] = $[t];
 }
-const D = /* @__PURE__ */ function() {
-  return O.exports;
+const I = /* @__PURE__ */ function() {
+  return R.exports;
 }();
 export {
-  D as default
+  I as default
 };