@web-utils/component 2.0.13 → 2.7.0

package/dist/components/pageable-table/style.css

@@ -1,72 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.pageable-table {
-  flex: 1 1 auto;
-  position: relative;
-  height: 100%;
-}
-.pageable-table .single-select-column .el-radio__label {
-  padding: 0;
-}
-.pageable-table.auto-height {
-  position: static;
-  height: auto;
-}
-.pageable-table.auto-height .el-table {
-  position: static;
-  min-height: 200px;
-}
-.pageable-table.auto-height .pageable-table-wrapper {
-  position: static;
-}
-.pageable-table .pageable-table-wrapper {
-  display: flex;
-  flex-direction: column;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-.pageable-table .el-pagination {
-  background-color: #fff;
-}
-.pageable-table .table-status-icon {
-  font-size: 20px;
-}
-.pageable-table .pageable-table-loading {
-  display: inline-flex;
-  align-items: center;
-}
-.pageable-table .pageable-table-error {
-  display: inline-flex;
-  align-items: center;
-  color: #f00;
-  border: 1px solid #fca4a4;
-}
-.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 {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  width: 100%;
-  height: 1px;
-  background-color: #606266;
-  content: "";
-}
-.pageable-table .total {
-  padding: 10px;
-}
+.pageable-table{flex:1 1 auto;position:relative;height:100%}.pageable-table .single-select-column .el-radio__label{padding:0}.pageable-table.auto-height{position:static;height:auto}.pageable-table.auto-height .el-table{position:static;min-height:200px}.pageable-table.auto-height .pageable-table-wrapper{position:static}.pageable-table .pageable-table-wrapper{display:flex;flex-direction:column;position:absolute;top:0;right:0;bottom:0;left:0}.pageable-table .el-pagination{background-color:#fff}.pageable-table .table-status-icon{font-size:20px}.pageable-table .pageable-table-loading{display:inline-flex;align-items:center}.pageable-table .pageable-table-error{display:inline-flex;align-items:center;color:red;border:1px solid #fca4a4}.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{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:1px;background-color:#606266;content:""}.pageable-table .total{padding:10px}

package/dist/components/pageable-view/index.js

@@ -1,26 +1,24 @@
-import { cloneDeep, merge, hasOwn } from "@web-utils/core";
-import { f as filterTableColumnProperties, d as filterTableProperties, e as filterTableEvents } from "../../chunks/c69d5628.js";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
+import { cloneDeep as n, merge as p, hasOwn as u } from "@web-utils/core";
+import { f as h, d as f, e as m } from "../../chunks/utils.fa73de78.js";
+import { n as b } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var y = function() {
+  var e = this, t = e.$createElement, s = e._self._c || t;
+  return s("div", {
     staticClass: "work",
     staticStyle: {
-      "height": "100%",
+      height: "100%",
       "background-color": "#fff"
     }
-  }, [_c("div", {
+  }, [s("div", {
     staticClass: "flex-column list-content",
     staticStyle: {
-      "height": "100%"
+      height: "100%"
     }
-  }, [_c("div", {
+  }, [s("div", {
     directives: [{
       name: "loading",
       rawName: "v-loading",
-      value: _vm.loading,
+      value: e.loading,
       expression: "loading"
     }],
     staticClass: "flex-item-relative",
@@ -28,61 +26,55 @@ var render = function() {
       "element-loading-text": "加载中...",
       "element-loading-background": "#fff"
     }
-  }, [_c("div", {
+  }, [s("div", {
     ref: "scroller",
     staticClass: "scroll-wrapper"
-  }, [_c("div", {
+  }, [s("div", {
     staticClass: "cards-block"
-  }, [_vm._t("prepend"), _vm._l(_vm.records, function(item) {
-    return [_vm._t("default", null, {
-      "item": item
+  }, [e._t("prepend"), e._l(e.records, function(l) {
+    return [e._t("default", null, {
+      item: l
     })];
-  }), _vm._t("append")], 2)])]), _c("ElPagination", {
+  }), e._t("append")], 2)])]), s("ElPagination", {
     staticClass: "flex-not-shrink",
     staticStyle: {
       "border-top": "1px solid #ebeef5"
     },
     attrs: {
-      "current-page": _vm.page.page,
-      "hide-on-single-page": _vm.hideOnSinglePage,
-      "page-size": _vm.page.limit,
-      "total": _vm.page.total,
-      "background": "",
-      "layout": "total, prev, pager, next, jumper"
+      "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(curPage) {
-        _vm.page.page = curPage;
+      "current-change": function(l) {
+        e.page.page = l;
       }
     }
   })], 1)]);
-};
-var staticRenderFns = [];
-const PageableView_vue_vue_type_style_index_0_lang = "";
-function getTemplate(row) {
-  let tpl = "";
-  for (const key in row) {
-    tpl += `<ElTableColumn prop="${key}" label="${key}"/>
+}, S = [];
+function v(e) {
+  let t = "";
+  for (const s in e)
+    t += `<ElTableColumn prop="${s}" label="${s}"/>
 `;
-  }
-  return tpl;
+  return t;
 }
-const TABLE_STATUS = {
+const a = {
   loading: 1,
   error: -1,
   empty: 2,
   success: 0
-};
-const __vue2_script = {
+}, _ = {
   name: "PageableView",
   bus: {
-    reloadTableView(viewId) {
-      if (viewId === this.viewId) {
-        this.getPage();
-      }
+    reloadTableView(e) {
+      e === this.viewId && this.getPage();
     }
   },
-  inheritAttrs: false,
+  inheritAttrs: !1,
   props: {
     viewId: {
       type: String
@@ -119,11 +111,11 @@ const __vue2_script = {
     autoHeight: Boolean,
     immediate: {
       type: Boolean,
-      default: true
+      default: !0
     },
     reloadOnModelChange: {
       type: Boolean,
-      default: false
+      default: !1
     },
     columns: {
       type: Array
@@ -134,73 +126,56 @@ const __vue2_script = {
     }
   },
   data() {
-    let filters = { rules: [] };
-    if (this.rules && this.rules.length > 0) {
-      filters.rules = this.rules;
-    }
-    if (this.filters) {
-      filters = this.filters;
-    }
-    if (this.filter) {
-      filters = Object.assign({}, filters, this.filter);
-    }
-    let model = {};
-    if (this.model) {
-      model = cloneDeep(this.model);
-    }
-    const limit = this.pageSize;
+    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 s = this.pageSize;
     return {
-      tableStatus: TABLE_STATUS.empty,
+      // TABLE_STATUS: Object.freeze(TABLE_STATUS),
+      tableStatus: a.empty,
       records: [],
-      loading: false,
+      loading: !1,
       currentRow: null,
       page: {
         total: 0,
         page: 1,
-        limit,
+        limit: s,
         ascs: this.ascs,
         descs: this.descs,
-        model,
-        filters
+        model: t,
+        filters: e
       }
     };
   },
   computed: {
     guard() {
-      if (this.reloadOnModelChange) {
-        return {
-          asc: this.page.ascs,
-          desc: this.page.descs,
-          page: this.page.page,
-          model: this.page.model,
-          filters: this.page.filters
-        };
-      } else {
-        return {
-          asc: this.page.ascs,
-          desc: this.page.descs,
-          page: this.page.page,
-          filters: this.page.filters
-        };
-      }
+      return this.reloadOnModelChange ? {
+        asc: this.page.ascs,
+        desc: this.page.descs,
+        page: this.page.page,
+        model: this.page.model,
+        filters: this.page.filters
+      } : {
+        asc: this.page.ascs,
+        desc: this.page.descs,
+        page: this.page.page,
+        filters: this.page.filters
+      };
     },
     method() {
       return this.httpGet ? httpGet : httpPost;
     },
     indexWidth() {
-      const indexStr = `${(this.page.page - 1) * this.page.limit + this.records.length}`;
-      if (indexStr.length > 3) {
-        return 50 + (indexStr.length - 3) * 10;
-      } else {
-        return 50;
-      }
+      const e = `${(this.page.page - 1) * this.page.limit + this.records.length}`;
+      return e.length > 3 ? 50 + (e.length - 3) * 10 : 50;
     },
     mergeAttrs() {
-      return merge({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
+      return p({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
     },
     headers() {
-      var _a;
-      return ((_a = this.columns) == null ? void 0 : _a.map(filterTableColumnProperties)) || [];
+      var e;
+      return ((e = this.columns) == null ? void 0 : e.map(h)) || [];
     }
   },
   watch: {
@@ -210,15 +185,15 @@ const __vue2_script = {
       this.getPage();
     },
     model: {
-      deep: true,
-      handler(newVal) {
-        this.setModel(newVal);
+      deep: !0,
+      handler(e) {
+        this.setModel(e);
       }
     }
   },
   created() {
     this.$watch(() => this.guard, this.getPage, {
-      deep: true,
+      deep: !0,
       immediate: this.immediate
     });
   },
@@ -226,67 +201,62 @@ const __vue2_script = {
     this.$refs.scroller.addEventListener("scroll", this.onTableScroll);
   },
   beforeDestroy() {
-    var _a;
-    (_a = this.$refs.scroller) == null ? void 0 : _a.removeEventListener("scroll", this.onTableScroll);
+    var e;
+    (e = this.$refs.scroller) == null || e.removeEventListener("scroll", this.onTableScroll);
   },
   methods: {
     async updateTableScrollPosition() {
-      if (this.$refs.scroller) {
-        this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
-      }
+      this.$refs.scroller && this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
     },
-    filterTableProperties,
-    filterTableEvents,
-    filterTableColumnProperties,
+    filterTableProperties: f,
+    filterTableEvents: m,
+    filterTableColumnProperties: h,
     onTableScroll() {
-      this.tableScrollTop = this.$refs.scroller.scrollTop;
-      this.tableScrollLeft = this.$refs.scroller.scrollLeft;
+      this.tableScrollTop = this.$refs.scroller.scrollTop, this.tableScrollLeft = this.$refs.scroller.scrollLeft;
     },
-    copy: (row) => copyData(getTemplate(row)),
+    copy: (e) => copyData(v(e)),
     onSortChange({
-      prop,
-      order
+      prop: e,
+      order: t
     }) {
-      this.page.ascs = order === "ascending" ? prop : "";
-      this.page.descs = order === "descending" ? prop : "";
+      this.page.ascs = t === "ascending" ? e : "", this.page.descs = t === "descending" ? e : "";
     },
-    onCurrentChange(currentRow) {
-      this.currentRow = currentRow;
+    onCurrentChange(e) {
+      this.currentRow = e;
     },
-    addRule(rule) {
-      this.removeRule(rule.field);
-      this.page.filters.rules.push(rule);
+    /**
+     *
+     * @param {FilterRule} rule
+     */
+    addRule(e) {
+      this.removeRule(e.field), this.page.filters.rules.push(e);
     },
-    addRules(rules) {
-      rules.forEach((value) => this.addRule(value));
+    addRules(e) {
+      e.forEach((t) => this.addRule(t));
     },
-    setModelField(field, value) {
-      this.$set(this.page.model, field, value);
+    setModelField(e, t) {
+      this.$set(this.page.model, e, t);
     },
-    setModel(model) {
-      this.page.page = 1;
-      this.page.model = cloneDeep(model);
+    setModel(e) {
+      this.page.page = 1, this.page.model = n(e);
     },
-    deleteModelField(field) {
-      delete this.page.model[field];
+    deleteModelField(e) {
+      delete this.page.model[e];
     },
-    removeRule(field) {
-      const rules = this.page.filters.rules;
-      const index = rules.findIndex((value) => value.field === field);
-      if (index > -1) {
-        rules.splice(index, 1);
-      }
+    removeRule(e) {
+      const t = this.page.filters.rules, s = t.findIndex((l) => l.field === e);
+      s > -1 && t.splice(s, 1);
     },
     addFilter({
-      field,
-      op,
-      value
+      field: e,
+      op: t,
+      value: s
     }) {
       this.page.filters = Object.assign({}, this.page.filters, {
         rules: [{
-          field,
-          op,
-          value
+          field: e,
+          op: t,
+          value: s
         }],
         op: "and"
       });
@@ -298,40 +268,23 @@ const __vue2_script = {
       this.$refs.table.clearSelection();
     },
     search() {
-      this.setModel(this.model);
-      this.getPage();
+      this.setModel(this.model), this.getPage();
     },
     async getPage() {
-      var _a;
-      if (hasOwn(this.$attrs, "data")) {
-        this.records = this.$attrs.data;
-        this.page.page = 1;
-        this.page.total = this.records.length;
-        this.page.limit = this.page.total;
+      var o;
+      if (u(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 res;
-      const { filters, ...rest } = this.page;
-      const page = { ...rest };
-      if ((_a = filters == null ? void 0 : filters.rules) == null ? void 0 : _a.length) {
-        page.filters = { rules: filters.rules };
-      }
-      if (this.api || this.url) {
-        this.tableStatus = TABLE_STATUS.loading;
+      let e;
+      const { filters: t, ...s } = this.page, l = { ...s };
+      if ((o = t == null ? void 0 : t.rules) != null && o.length && (l.filters = { rules: t.rules }), this.api || this.url) {
+        this.tableStatus = a.loading;
         try {
-          this.loading = true;
-          if (this.api) {
-            res = await this.api(page);
-          }
-          if (this.url) {
-            res = await this.method(this.url, page);
-          }
-          this.loading = false;
-        } catch (e) {
-          this.tableStatus = TABLE_STATUS.error;
-          console.error(e);
-          this.loading = false;
+          this.loading = !0, this.api && (e = await this.api(l)), this.url && (e = await this.method(this.url, l)), this.loading = !1;
+        } catch (g) {
+          this.tableStatus = a.error, console.error(g), this.loading = !1;
           return;
         }
       } else {
@@ -341,19 +294,8 @@ const __vue2_script = {
         });
         return;
       }
-      const { data } = res || {};
-      const { total, records } = data || {};
-      this.page.total = Number(total);
-      this.records = records;
-      if (!records || !records.length) {
-        this.tableStatus = TABLE_STATUS.empty;
-      } else {
-        this.tableStatus = TABLE_STATUS.success;
-      }
-      if (this.$refs.table) {
-        this.$refs.scroller.scrollTop = 0;
-      }
-      this.$emit("page-loaded", data);
+      const { data: r } = e || {}, { total: d, records: i } = r || {};
+      this.page.total = Number(d), this.records = i, !i || !i.length ? this.tableStatus = a.empty : this.tableStatus = a.success, this.$refs.table && (this.$refs.scroller.scrollTop = 0), this.$emit("page-loaded", r);
     },
     async refresh() {
       await this.getPage();
@@ -364,35 +306,28 @@ const __vue2_script = {
         total: this.page.total
       };
     },
-    scrollTo(top, left) {
-      if (top) {
-        this.$refs.scroller.scrollTop = top;
-      }
-      if (left) {
-        this.$refs.scroller.scrollLeft = left;
-      }
+    scrollTo(e, t) {
+      e && (this.$refs.scroller.scrollTop = e), t && (this.$refs.scroller.scrollLeft = t);
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, c = {};
+var $ = /* @__PURE__ */ b(
+  _,
+  y,
+  S,
+  !1,
+  T,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function T(e) {
+  for (let t in c)
+    this[t] = c[t];
 }
-const PageableView = /* @__PURE__ */ function() {
-  return __component__.exports;
+const C = /* @__PURE__ */ function() {
+  return $.exports;
 }();
 export {
-  PageableView as default
+  C as default
 };

package/dist/components/pageable-view/style.css

@@ -1,69 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.pageable-table {
-  flex: 1 1 auto;
-  position: relative;
-  height: 100%;
-}
-.pageable-table.auto-height {
-  position: static;
-  height: auto;
-}
-.pageable-table.auto-height .el-table {
-  position: static;
-  min-height: 200px;
-}
-.pageable-table.auto-height .pageable-table-wrapper {
-  position: static;
-}
-.pageable-table .pageable-table-wrapper {
-  display: flex;
-  flex-direction: column;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-.pageable-table .el-pagination {
-  background-color: #fff;
-}
-.pageable-table .table-status-icon {
-  font-size: 20px;
-}
-.pageable-table .pageable-table-loading {
-  display: inline-flex;
-  align-items: center;
-}
-.pageable-table .pageable-table-error {
-  display: inline-flex;
-  align-items: center;
-  color: #f00;
-  border: 1px solid #fca4a4;
-}
-.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 {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  width: 100%;
-  height: 1px;
-  background-color: #606266;
-  content: "";
-}
-.pageable-table .total {
-  padding: 10px;
-}
+.pageable-table{flex:1 1 auto;position:relative;height:100%}.pageable-table.auto-height{position:static;height:auto}.pageable-table.auto-height .el-table{position:static;min-height:200px}.pageable-table.auto-height .pageable-table-wrapper{position:static}.pageable-table .pageable-table-wrapper{display:flex;flex-direction:column;position:absolute;top:0;right:0;bottom:0;left:0}.pageable-table .el-pagination{background-color:#fff}.pageable-table .table-status-icon{font-size:20px}.pageable-table .pageable-table-loading{display:inline-flex;align-items:center}.pageable-table .pageable-table-error{display:inline-flex;align-items:center;color:red;border:1px solid #fca4a4}.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{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:1px;background-color:#606266;content:""}.pageable-table .total{padding:10px}