@web-utils/component 2.0.14 → 2.2.0

package/page-skeleton/index.mjs

@@ -0,0 +1,67 @@
+import r from "@web-utils/component/page";
+import "@web-utils/component/page/style.css";
+import l from "@web-utils/component/nav-bar";
+import "@web-utils/component/nav-bar/style.css";
+import a from "@web-utils/component/page-header";
+import "@web-utils/component/page-header/style.css";
+import { n as s } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var c = function() {
+  var e = this, t = e.$createElement, o = e._self._c || t;
+  return o("Page", {
+    staticClass: "page-skeleton"
+  }, [e.header ? e._t("header", function() {
+    return [e.title ? o("PageHeader", {
+      attrs: {
+        title: e.title
+      }
+    }) : o("NavBar")];
+  }) : e._e(), o("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 u = {
+  name: "PageSkeleton",
+  components: {
+    Page: r,
+    NavBar: l,
+    PageHeader: a
+  },
+  props: {
+    title: String,
+    flexColumn: Boolean,
+    flexRow: Boolean,
+    header: {
+      type: Boolean,
+      default: !0
+    },
+    contentClass: String,
+    contentScroll: {
+      type: Boolean,
+      default: !0
+    }
+  }
+}, n = {};
+var f = /* @__PURE__ */ s(
+  u,
+  c,
+  i,
+  !1,
+  m,
+  null,
+  null,
+  null
+);
+function m(e) {
+  for (let t in n)
+    this[t] = n[t];
+}
+const h = /* @__PURE__ */ function() {
+  return f.exports;
+}();
+export {
+  h as default
+};

package/page-skeleton/style.css

@@ -0,0 +1 @@
+.page-skeleton .page-content{flex:auto;width:100%;height:100%;position:relative}.page-skeleton .page-content.content-scroll{overflow:auto}.page-skeleton .page-content.flex-column{flex-direction:column;height:0;display:flex}.page-skeleton .page-content.flex-row{display:flex}

package/{dist/components/page-skeleton-new/index.js → page-skeleton-new/index.mjs}

@@ -1,4 +1,4 @@
-import { n as a } from "../../chunks/5d4282fb.js";
+import { n as a } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
 var s = function() {
   var e = this, l = e.$createElement, t = e._self._c || l;
   return t("Page", {
@@ -90,9 +90,9 @@ function c(e) {
   for (let l in n)
     this[l] = n[l];
 }
-const _ = /* @__PURE__ */ function() {
+const f = /* @__PURE__ */ function() {
   return o.exports;
 }();
 export {
-  _ as default
+  f as default
 };

package/page-skeleton-new/style.css

@@ -0,0 +1 @@
+.page-skeleton-new .page-skeleton-new-header{border-bottom:2px solid #eee;flex-direction:row;height:40px;margin:0 10px;line-height:40px;display:flex}.page-skeleton-new .page-skeleton-new-header .align-end{justify-content:flex-end}.page-skeleton-new .page-skeleton-new-left{flex-direction:column;display:flex}.page-skeleton-new .page-skeleton-new-right{flex-direction:column;flex:auto;display:flex}.page-skeleton-new .page-skeleton-new-page-content{flex:auto;width:100%;height:100%;position:relative}.page-skeleton-new .page-skeleton-new-page-content.content-scroll{overflow:auto}.page-skeleton-new .page-skeleton-new-page-content.flex-column{flex-direction:column;display:flex}.page-skeleton-new .page-skeleton-new-page-content.flex-row{display:flex}

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

@@ -1,15 +1,53 @@
-import { cloneDeep as n, merge as c, hasOwn as g } from "@web-utils/core";
-import { f as d, d as f, e as b } from "../../chunks/f71045fc.js";
-import { n as m } from "../../chunks/5d4282fb.js";
-var y = function() {
-  var e = this, t = e.$createElement, a = e._self._c || t;
-  return a("div", {
+var $ = Object.defineProperty, v = Object.defineProperties;
+var w = Object.getOwnPropertyDescriptors;
+var p = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var g = (e, a, t) => a in e ? $(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]);
+  if (p)
+    for (var t of p(a))
+      b.call(a, t) && g(e, t, a[t]);
+  return e;
+}, m = (e, a) => v(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]);
+  if (e != null && p)
+    for (var s of p(e))
+      a.indexOf(s) < 0 && b.call(e, s) && (t[s] = e[s]);
+  return t;
+};
+var h = (e, a, t) => new Promise((s, l) => {
+  var u = (r) => {
+    try {
+      i(t.next(r));
+    } catch (d) {
+      l(d);
+    }
+  }, n = (r) => {
+    try {
+      i(t.throw(r));
+    } catch (d) {
+      l(d);
+    }
+  }, i = (r) => r.done ? s(r.value) : Promise.resolve(r.value).then(u, n);
+  i((t = t.apply(e, a)).next());
+});
+import { hasOwn as C } from "@web-utils/core";
+import { cloneDeep as S, merge as k } from "@web-utils/integrations/lodash";
+import { f as _, h as x, i as B } from "../chunks/index.LGsb2aDq.mjs";
+import { n as P } from "../chunks/vueComponentNormalizer.JwmUNtgn.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
     }]
-  }, [a("div", {
+  }, [t("div", {
     staticClass: "pageable-table-wrapper"
-  }, [e._t("toolbar"), a("ElTable", e._g(e._b({
+  }, [e._t("toolbar"), t("ElTable", e._g(e._b({
     ref: "table",
     class: ["flex-item", {
       "header-bold": e.headerBold
@@ -28,11 +66,11 @@ var y = function() {
       key: "empty",
       fn: function() {
         return [e._t("empty", function() {
-          return [e.tableStatus === e.TABLE_STATUS.loading ? [a("span", {
+          return [e.tableStatus === e.TABLE_STATUS.loading ? [t("span", {
             staticClass: "pageable-table-loading"
-          }, [a("i", {
+          }, [t("i", {
             staticClass: "table-status-icon el-icon-loading"
-          }), e._v(" 加载中...")])] : e.tableStatus === e.TABLE_STATUS.error ? [a("ElButton", {
+          }), e._v(" 加载中...")])] : e.tableStatus === e.TABLE_STATUS.error ? [t("ElButton", {
             staticClass: "pageable-table-error",
             attrs: {
               icon: "table-status-icon fa fa-frown-o"
@@ -51,14 +89,14 @@ var y = function() {
       },
       proxy: !0
     }], null, !0)
-  }, "ElTable", e.filterTableProperties(e.mergeAttrs), !1), e.filterTableEvents(e.$listeners)), [e.multiple && e.selection ? a("TableColumn", {
+  }, "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 ? a("TableColumn", {
+  }) : e._e(), !e.multiple && e.selection ? t("TableColumn", {
     key: "single",
     attrs: {
       type: "single-selection",
@@ -69,27 +107,27 @@ var y = function() {
     scopedSlots: e._u([{
       key: "header",
       fn: function() {
-        return [a("ElRadio", {
+        return [t("ElRadio", {
           attrs: {
             value: !!e.currentRow,
             label: !0
           }
-        }, [a("span")])];
+        }, [t("span")])];
       },
       proxy: !0
     }, {
       key: "default",
       fn: function(s) {
         var l = s.row;
-        return [a("ElRadio", {
+        return [t("ElRadio", {
           attrs: {
             label: !0,
             value: e.currentRow && e.currentRow[e.$attrs["row-key"] || "id"] === l[e.$attrs["row-key"] || "id"]
           }
-        }, [a("span")])];
+        }, [t("span")])];
       }
     }], null, !1, 307797321)
-  }) : e._e(), e.index ? a("TableColumn", {
+  }) : e._e(), e.index ? t("TableColumn", {
     key: "order",
     attrs: {
       type: "index",
@@ -106,10 +144,10 @@ var y = function() {
     }], null, !1, 4238275121)
   }) : e._e(), e._t("default", function() {
     return [e.columns && e.columns.length ? e._l(e.headers, function(s, l) {
-      return a("TableColumn", e._b({
+      return t("TableColumn", e._b({
         key: `${s.prop}-${l}`
       }, "TableColumn", s, !1));
-    }) : a("TableColumn", {
+    }) : t("TableColumn", {
       attrs: {
         label: "点击表格行复制模板"
       },
@@ -117,13 +155,13 @@ var y = function() {
         key: "default",
         fn: function(s) {
           var l = s.row;
-          return [a("pre", {
+          return [t("pre", {
             staticClass: "pointer"
           }, [e._v(e._s(JSON.stringify(l, null, "	")))])];
         }
       }])
     })];
-  })], 2), a("ElPagination", {
+  })], 2), t("ElPagination", {
     staticClass: "flex-not-shrink",
     attrs: {
       "current-page": e.page.page,
@@ -139,13 +177,13 @@ var y = function() {
       }
     }
   })], 2)]);
-}, _ = [];
-const r = {
+}, A = [];
+const o = {
   loading: 1,
   error: -1,
   empty: 2,
   success: 0
-}, S = {
+}, R = {
   name: "PageableTable",
   bus: {
     reloadTableView(e) {
@@ -223,21 +261,21 @@ const r = {
   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 = n(this.model));
-    const a = this.pageSize;
+    let a = {};
+    this.model && (a = S(this.model));
+    const t = this.pageSize;
     return {
-      TABLE_STATUS: Object.freeze(r),
-      tableStatus: r.empty,
+      TABLE_STATUS: Object.freeze(o),
+      tableStatus: o.empty,
       records: [],
       currentRow: null,
       page: {
         total: 0,
         page: 1,
-        limit: a,
+        limit: t,
         ascs: this.ascs,
         descs: this.descs,
-        model: t,
+        model: a,
         filters: e
       }
     };
@@ -258,18 +296,18 @@ const r = {
       };
     },
     method() {
-      return this.httpGet ? httpGet : httpPost;
+      return this.httpGet ? this.httpGet : this.httpPost;
     },
     indexWidth() {
       const e = `${(this.page.page - 1) * this.page.limit + this.records.length}`;
       return e.length > 3 ? 50 + (e.length - 3) * 10 : 50;
     },
     mergeAttrs() {
-      return c({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
+      return k({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
     },
     headers() {
       var e;
-      return ((e = this.columns) == null ? void 0 : e.map(d)) || [];
+      return ((e = this.columns) == null ? void 0 : e.map(_)) || [];
     }
   },
   watch: {
@@ -299,60 +337,66 @@ const r = {
   },
   methods: {
     rowDbClick(...e) {
-      var a;
-      const t = this.$refs.table.$children.find((s) => {
+      var t;
+      const a = this.$refs.table.$children.find((s) => {
         var l;
         return ((l = s.$options) == null ? void 0 : l.name) === "ElTableBody";
       });
-      t && ((a = t.$refs.tooltip) == null || a.hide()), this.$emit("row-dblclick", ...e);
+      a && ((t = a.$refs.tooltip) == null || t.hide()), this.$emit("row-dblclick", ...e);
     },
-    async updateTableScrollPosition() {
-      this.$refs.table.bodyWrapper && this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
+    updateTableScrollPosition() {
+      return h(this, null, function* () {
+        this.$refs.table.bodyWrapper && this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
+      });
     },
-    filterTableProperties: f,
-    filterTableEvents: b,
-    filterTableColumnProperties: d,
+    filterTableProperties: x,
+    filterTableEvents: B,
+    filterTableColumnProperties: _,
     onTableScroll() {
       this.tableScrollTop = this.$refs.table.bodyWrapper.scrollTop, this.tableScrollLeft = this.$refs.table.bodyWrapper.scrollLeft;
     },
     onSortChange({
       prop: e,
-      order: t
+      order: a
     }) {
-      this.page.ascs = t === "ascending" ? e : "", this.page.descs = t === "descending" ? e : "";
+      this.page.ascs = a === "ascending" ? e : "", this.page.descs = a === "descending" ? e : "";
     },
     onCurrentChange(e) {
       this.currentRow = e;
     },
+    /**
+     *
+     * @param {FilterRule} rule
+     */
     addRule(e) {
       this.removeRule(e.field), this.page.filters.rules.push(e);
     },
     addRules(e) {
-      e.forEach((t) => this.addRule(t));
+      e.forEach((a) => this.addRule(a));
     },
-    setModelField(e, t) {
-      this.$set(this.page.model, e, t);
+    setModelField(e, a) {
+      this.$set(this.page.model, e, a);
     },
     setModel(e) {
-      this.page.page = 1, this.page.model = n(e);
+      this.page.page = 1, this.page.model = S(e);
     },
     deleteModelField(e) {
       delete this.page.model[e];
     },
     removeRule(e) {
-      const t = this.page.filters.rules, a = t.findIndex((s) => s.field === e);
-      a > -1 && t.splice(a, 1);
+      const a = this.page.filters.rules, t = a.findIndex((s) => s.field === e);
+      t > -1 && a.splice(t, 1);
     },
     addFilter({
       field: e,
-      op: t,
-      value: a
+      op: a,
+      value: t
     }) {
       this.page.filters = Object.assign({}, this.page.filters, {
         rules: [{
           field: e,
-          op: t,
-          value: a
+          op: a,
+          value: t
         }],
         op: "and"
       });
@@ -366,64 +410,69 @@ const r = {
     search() {
       this.setModel(this.model), this.getPage();
     },
-    async getPage() {
-      var o;
-      if (g(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 { filters: t, ...a } = this.page, s = { ...a };
-      if ((o = t == null ? void 0 : t.rules) != null && o.length && (s.filters = { rules: t.rules }), this.api || this.url) {
-        this.tableStatus = r.loading;
-        try {
-          this.api && (e = await this.api(s)), this.url && (e = await this.method(this.url, s));
-        } catch (p) {
-          this.tableStatus = r.error, console.error(p);
+    getPage() {
+      return h(this, null, function* () {
+        var r;
+        if (C(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;
         }
-      } else {
-        this.$notify.warning({
-          title: "开发提示！",
-          message: "PageableTable 请提供 url(String) 或 api(Function) 属性"
-        });
-        return;
-      }
-      const { data: l } = e || {}, { total: u, records: i } = l || {};
-      this.page.total = Number(u), this.records = i, !i || !i.length ? this.tableStatus = r.empty : this.tableStatus = r.success, this.$refs.table.doLayout(), this.$emit("page-loaded", l);
+        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) {
+          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);
+            return;
+          }
+        } else {
+          this.$notify.warning({
+            title: "开发提示！",
+            message: "PageableTable 请提供 url(String) 或 api(Function) 属性"
+          });
+          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);
+      });
     },
-    async refresh() {
-      await this.getPage();
+    refresh() {
+      return h(this, null, function* () {
+        yield this.getPage();
+      });
     },
-    async reload() {
-      this.page = {
-        ...this.$options.data.call(this).page,
-        total: this.page.total
-      };
+    reload() {
+      return h(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, a) {
+      e && (this.$refs.table.bodyWrapper.scrollTop = e), a && (this.$refs.table.bodyWrapper.scrollLeft = a);
     }
   }
-}, h = {};
-var T = /* @__PURE__ */ m(
-  S,
-  y,
-  _,
+}, T = {};
+var O = /* @__PURE__ */ P(
+  R,
+  E,
+  A,
   !1,
-  v,
+  L,
   null,
   null,
   null
 );
-function v(e) {
-  for (let t in h)
-    this[t] = h[t];
+function L(e) {
+  for (let a in T)
+    this[a] = T[a];
 }
-const k = /* @__PURE__ */ function() {
-  return T.exports;
+const D = /* @__PURE__ */ function() {
+  return O.exports;
 }();
 export {
-  k as default
+  D as default
 };

package/pageable-table/style.css

@@ -0,0 +1 @@
+.pageable-table{flex:auto;height:100%;position:relative}.pageable-table .single-select-column .el-radio__label{padding:0}.pageable-table.auto-height{height:auto;position:static}.pageable-table.auto-height .el-table{min-height:200px;position:static}.pageable-table.auto-height .pageable-table-wrapper{position:static}.pageable-table .pageable-table-wrapper{flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pageable-table .el-pagination{background-color:#fff}.pageable-table .table-status-icon{font-size:20px}.pageable-table .pageable-table-loading{align-items:center;display:inline-flex}.pageable-table .pageable-table-error{color:red;border:1px solid #fca4a4;align-items:center;display:inline-flex}.pageable-table .pageable-table-error:hover{background-color:#fff0f0}.pageable-table .pageable-table-total{padding:0 10px 10px}.pageable-table .underline{position:relative}.pageable-table .underline:after{z-index:1;content:"";background-color:#606266;width:100%;height:1px;position:absolute;bottom:0;left:0}.pageable-table .total{padding:10px}