@web-utils/component 2.70.0 → 3.0.1

package/chunks/PageableTable.vue_vue_type_style_index_0_lang.fd89fb43.mjs

@@ -0,0 +1,148 @@
+import s from "element-ui/lib/pagination";
+import { _ as r } from "./TableColumn.8503272e.mjs";
+import l from "element-ui/lib/radio";
+import i from "element-ui/lib/button";
+import u from "element-ui/lib/table";
+var f = function() {
+  var e = this, o = e.$createElement, t = e._self._c || o;
+  return t("div", {
+    class: ["pageable-table", {
+      "auto-height": e.autoHeight
+    }]
+  }, [t("div", {
+    staticClass: "pageable-table-wrapper"
+  }, [e._t("toolbar"), t(u, 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(i, {
+            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(r, {
+    key: "multiple",
+    attrs: {
+      type: "selection",
+      width: "45",
+      align: "center"
+    }
+  }) : e._e(), !e.multiple && e.selection ? t(r, {
+    key: "single",
+    attrs: {
+      type: "single-selection",
+      "class-name": "single-select-column",
+      width: "45",
+      align: "center"
+    },
+    scopedSlots: e._u([{
+      key: "header",
+      fn: function() {
+        return [t(l, {
+          attrs: {
+            value: !!e.currentRow,
+            label: !0
+          }
+        }, [t("span")])];
+      },
+      proxy: !0
+    }, {
+      key: "default",
+      fn: function(n) {
+        var a = n.row;
+        return [t(l, {
+          attrs: {
+            label: !0,
+            value: e.currentRow && e.currentRow[e.$attrs["row-key"] || "id"] === a[e.$attrs["row-key"] || "id"]
+          }
+        }, [t("span")])];
+      }
+    }], null, !1, 307797321)
+  }) : e._e(), e.index ? t(r, {
+    key: "order",
+    attrs: {
+      type: "index",
+      label: "序号",
+      width: e.indexWidth,
+      align: "center"
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function(n) {
+        var a = n.$index;
+        return [e._v(" " + e._s((e.page.page - 1) * e.page.limit + a + 1 || a + 1) + " ")];
+      }
+    }], null, !1, 4238275121)
+  }) : e._e(), e._t("default", function() {
+    return [e.columns && e.columns.length ? e._l(e.headers, function(n, a) {
+      return t(r, e._b({
+        key: `${n.prop}-${a}`
+      }, "TableColumn", n, !1));
+    }) : t(r, {
+      attrs: {
+        label: "点击表格行复制模板"
+      },
+      scopedSlots: e._u([{
+        key: "default",
+        fn: function(n) {
+          var a = n.row;
+          return [t("pre", {
+            staticClass: "pointer"
+          }, [e._v(e._s(JSON.stringify(a, null, "	")))])];
+        }
+      }])
+    })];
+  })], 2), t(s, {
+    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(n) {
+        e.page.page = n;
+      }
+    }
+  })], 2)]);
+}, b = [];
+export {
+  f as r,
+  b as s
+};

package/chunks/ResizeObserver.60f728f0.mjs

@@ -0,0 +1,54 @@
+import { j as o } from "./index.d91bd77a.mjs";
+import { s as r, r as h } from "./ResizeObserver.vue_vue_type_style_index_0_lang.7079029c.mjs";
+import { n as l } from "./vueComponentNormalizer.446f5dc4.mjs";
+let t;
+function i() {
+  i.init || (i.init = !0, t = o() !== -1);
+}
+const c = {
+  name: "ResizeObserver",
+  mounted() {
+    i(), this.$nextTick(() => {
+      this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight;
+    });
+    const e = document.createElement("object");
+    this._resizeObject = e, e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", -1), e.onload = this.addResizeHandlers, e.type = "text/html", t && this.$el.appendChild(e), e.data = "about:blank", t || this.$el.appendChild(e);
+  },
+  beforeDestroy() {
+    this.removeResizeHandlers();
+  },
+  methods: {
+    compareAndNotify() {
+      (this._w !== this.$el.offsetWidth || this._h !== this.$el.offsetHeight) && (this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight, this.$emit("notify", {
+        width: this._w,
+        height: this._h
+      }));
+    },
+    addResizeHandlers() {
+      this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify), this.compareAndNotify();
+    },
+    removeResizeHandlers() {
+      this._resizeObject && this._resizeObject.onload && (!t && this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
+    }
+  }
+}, n = {};
+var d = /* @__PURE__ */ l(
+  c,
+  h,
+  r,
+  !1,
+  a,
+  null,
+  null,
+  null
+);
+function a(e) {
+  for (let s in n)
+    this[s] = n[s];
+}
+const u = /* @__PURE__ */ function() {
+  return d.exports;
+}();
+export {
+  u as _
+};

package/chunks/ResizeObserver.vue_vue_type_style_index_0_lang.7079029c.mjs

@@ -0,0 +1,13 @@
+var t = function() {
+  var e = this, r = e.$createElement, s = e._self._c || r;
+  return s("div", {
+    staticClass: "resize-observer",
+    attrs: {
+      tabindex: "-1"
+    }
+  });
+}, a = [];
+export {
+  t as r,
+  a as s
+};

package/chunks/TableColumn.8503272e.mjs

@@ -0,0 +1,106 @@
+var u = Object.defineProperty, c = Object.defineProperties;
+var d = Object.getOwnPropertyDescriptors;
+var r = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var i = (n, e, t) => e in n ? u(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, l = (n, e) => {
+  for (var t in e || (e = {}))
+    f.call(e, t) && i(n, t, e[t]);
+  if (r)
+    for (var t of r(e))
+      p.call(e, t) && i(n, t, e[t]);
+  return n;
+}, o = (n, e) => c(n, d(e));
+import { n as _ } from "./vueComponentNormalizer.446f5dc4.mjs";
+const g = {
+  props: {
+    type: {
+      type: String,
+      default: "default"
+    },
+    label: String,
+    className: String,
+    labelClassName: String,
+    property: String,
+    prop: String,
+    width: {},
+    minWidth: {},
+    renderHeader: Function,
+    sortable: {
+      type: [Boolean, String],
+      default: !1
+    },
+    sortMethod: Function,
+    sortBy: [String, Function, Array],
+    resizable: {
+      type: Boolean,
+      default: !0
+    },
+    columnKey: String,
+    align: String,
+    headerAlign: String,
+    showTooltipWhenOverflow: Boolean,
+    showOverflowTooltip: {
+      type: Boolean,
+      default: !0
+    },
+    fixed: [Boolean, String],
+    formatter: Function,
+    selectable: Function,
+    reserveSelection: Boolean,
+    filterMethod: Function,
+    filteredValue: Array,
+    filters: Array,
+    filterPlacement: String,
+    filterMultiple: {
+      type: Boolean,
+      default: !0
+    },
+    index: [Number, Function],
+    sortOrders: {
+      type: Array,
+      default() {
+        return ["ascending", "descending", null];
+      },
+      validator(n) {
+        return n.every((e) => ["ascending", "descending", null].indexOf(e) > -1);
+      }
+    }
+  }
+}, m = {
+  name: "TableColumn",
+  functional: !0,
+  mixins: [g],
+  render(n, { data: e, props: t, children: s }) {
+    return n(
+      "ElTableColumn",
+      o(l({}, e), {
+        props: o(l({}, t), {
+          showOverflowTooltip: ["selection", "single-selection", "index", "expand"].includes(t.type) ? !1 : t.showOverflowTooltip
+        })
+      }),
+      s
+    );
+  }
+};
+let y, S;
+const a = {};
+var v = /* @__PURE__ */ _(
+  m,
+  y,
+  S,
+  !1,
+  h,
+  null,
+  null,
+  null
+);
+function h(n) {
+  for (let e in a)
+    this[e] = a[e];
+}
+const x = /* @__PURE__ */ function() {
+  return v.exports;
+}();
+export {
+  x as _
+};

package/chunks/Toolbar.5c539dbb.mjs

@@ -0,0 +1,24 @@
+import { _ as e } from "./Toolbar.vue_vue_type_style_index_0_lang.7594243c.mjs";
+import { n as t } from "./vueComponentNormalizer.446f5dc4.mjs";
+let o, s;
+const _ = {};
+var r = /* @__PURE__ */ t(
+  e,
+  o,
+  s,
+  !1,
+  l,
+  null,
+  null,
+  null
+);
+function l(u) {
+  for (let n in _)
+    this[n] = _[n];
+}
+const p = /* @__PURE__ */ function() {
+  return r.exports;
+}();
+export {
+  p as _
+};

package/chunks/Toolbar.vue_vue_type_style_index_0_lang.7594243c.mjs

@@ -0,0 +1,275 @@
+var u = (e, t, o) => new Promise((s, l) => {
+  var c = (a) => {
+    try {
+      i(o.next(a));
+    } catch (n) {
+      l(n);
+    }
+  }, r = (a) => {
+    try {
+      i(o.throw(a));
+    } catch (n) {
+      l(n);
+    }
+  }, i = (a) => a.done ? s(a.value) : Promise.resolve(a.value).then(c, r);
+  i((o = o.apply(e, t)).next());
+});
+import { isFunction as b, NOOP as d } from "@web-utils/core";
+import { s as y, r as m } from "./ToolbarButton.vue_vue_type_style_index_0_lang.e2cb14ba.mjs";
+import { n as _ } from "./vueComponentNormalizer.446f5dc4.mjs";
+const g = {
+  name: "ToolbarButton",
+  inject: {
+    toolbar: {
+      default: ""
+    }
+  },
+  props: {
+    label: {
+      type: String
+    },
+    icon: {
+      type: String
+    },
+    type: {
+      type: String
+    },
+    disabled: Boolean,
+    separateLine: {
+      type: Boolean,
+      default: !0
+    },
+    footer: Boolean
+  },
+  data() {
+    return {
+      loading: !1
+    };
+  },
+  methods: {
+    onClick(e) {
+      return u(this, null, function* () {
+        this.loading = !0;
+        const { click: t } = this.$listeners;
+        if (b(t))
+          try {
+            yield t(e);
+          } catch (o) {
+          }
+        this.loading = !1;
+      });
+    }
+  }
+}, h = {};
+var B = /* @__PURE__ */ _(
+  g,
+  m,
+  y,
+  !1,
+  v,
+  null,
+  null,
+  null
+);
+function v(e) {
+  for (let t in h)
+    this[t] = h[t];
+}
+const $ = /* @__PURE__ */ function() {
+  return B.exports;
+}(), f = {
+  back: {
+    label: "返回",
+    type: "primary",
+    icon: "el-icon-d-arrow-left"
+  },
+  cancel: {
+    label: "取消",
+    icon: "fa fa-undo"
+  },
+  create: {
+    label: "新增",
+    type: "primary",
+    icon: "el-icon-plus"
+  },
+  save: {
+    label: "保存",
+    type: "primary",
+    icon: "fa fa-save"
+  },
+  withdraw: {
+    label: "撤回",
+    type: "primary",
+    icon: "fa fa-undo"
+  },
+  edit: {
+    label: "编辑",
+    type: "primary",
+    icon: "el-icon-edit-outline"
+  },
+  submit: {
+    label: "提交审批",
+    type: "primary",
+    icon: "fa fa-check"
+  },
+  publish: {
+    label: "发布",
+    type: "primary",
+    icon: "fa fa-send"
+  },
+  agree: {
+    label: "同意",
+    type: "primary",
+    icon: "fa fa-check-square-o"
+  },
+  disagree: {
+    label: "不同意",
+    type: "primary",
+    icon: "fa fa-mail-reply"
+  },
+  reject: {
+    label: "退回",
+    type: "primary",
+    icon: "fa fa-reply"
+  },
+  finish: {
+    label: "完成",
+    type: "primary",
+    icon: "fa fa-check-square"
+  },
+  enable: {
+    label: "启用",
+    type: "primary",
+    icon: "el-icon-circle-check"
+  },
+  exp: {
+    label: "导出",
+    type: "primary",
+    icon: "el-icon-download"
+  },
+  imp: {
+    label: "导入",
+    type: "primary",
+    icon: "el-icon-upload"
+  },
+  del: {
+    label: "删除",
+    type: "primary",
+    icon: "el-icon-delete"
+  },
+  disabled: {
+    label: "禁用",
+    type: "primary",
+    icon: "el-icon-remove-outline"
+  },
+  reload: {
+    label: "刷新",
+    type: "primary",
+    icon: "el-icon-refresh"
+  },
+  search: {
+    label: "搜索",
+    icon: "el-icon-search",
+    separateLine: !1
+  }
+}, N = {
+  name: "Toolbar",
+  provide() {
+    return {
+      toolbar: this
+    };
+  },
+  props: {
+    searchable: Boolean,
+    buttons: {
+      type: Array,
+      default: () => ["back"]
+    },
+    back: {
+      type: Function
+    },
+    cancel: {
+      type: Function
+    },
+    emitter: {
+      type: String,
+      default: "self"
+    },
+    footer: Boolean,
+    label: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  methods: {
+    goBack() {
+      const e = this.$route.path;
+      this.$bus("closeTab", e, this);
+    },
+    fire(e, t) {
+      this.emitter === "parent" ? this.$parent && this.$parent.$emit(e, t, this) : this.$emit(e, t, this);
+    },
+    createButton(e, {
+      label: t,
+      icon: o,
+      type: s,
+      separateLine: l = !0
+    }) {
+      var a;
+      const c = this.$createElement;
+      let r;
+      const i = ((a = this.label) == null ? void 0 : a[e]) || t;
+      return ["back", "cancel"].includes(e) ? r = this.goBack : r = (n) => (this.$listeners[e] || d)(n), c($, {
+        attrs: {
+          "separate-line": l,
+          icon: o,
+          label: i,
+          footer: this.footer,
+          type: s
+        },
+        on: {
+          click: r
+        }
+      });
+    },
+    getLeftButtons() {
+      var o, s;
+      const {
+        createButton: e
+      } = this;
+      return ((s = (o = this.$scopedSlots)["toolbar-left"]) == null ? void 0 : s.call(o)) || this.buttons.map((l) => {
+        var r, i, a, n, p;
+        const c = f[l];
+        return c ? ((i = (r = this.$scopedSlots)[l]) == null ? void 0 : i.call(r)) || e(l, c) : l === "slot" && (p = (n = (a = this.$scopedSlots).default) == null ? void 0 : n.call(a, {
+          buttons: this.buttons,
+          footer: this.footer
+        })) != null ? p : null;
+      });
+    },
+    getRightButtons() {
+      var t, o;
+      return ((o = (t = this.$scopedSlots)["toolbar-right"]) == null ? void 0 : o.call(t)) || this.getSearchButton();
+    },
+    getSearchButton() {
+      const {
+        createButton: e
+      } = this;
+      return this.searchable ? e("search", f.search) : null;
+    }
+  },
+  render() {
+    const e = arguments[0];
+    return this.footer ? e("div", {
+      class: "footer-bar"
+    }, [this.getLeftButtons()]) : e("div", {
+      class: "toolbar"
+    }, [e("div", {
+      class: "toolbar-left"
+    }, [this.getLeftButtons()]), e("div", {
+      class: "toolbar-right"
+    }, [this.getRightButtons()])]);
+  }
+};
+export {
+  N as _
+};

package/chunks/ToolbarButton.vue_vue_type_style_index_0_lang.e2cb14ba.mjs

@@ -0,0 +1,31 @@
+import a from "element-ui/lib/button";
+var o = function() {
+  var e = this, n = e.$createElement, t = e._self._c || n;
+  return e.footer || e.toolbar.footer ? t(a, {
+    attrs: {
+      disabled: e.disabled || e.loading,
+      type: e.type
+    },
+    on: {
+      click: e.onClick
+    }
+  }, [e._v(" " + e._s(e.label) + " ")]) : t("span", {
+    staticClass: "form-toolbar-button"
+  }, [t(a, {
+    attrs: {
+      icon: e.icon,
+      type: "text",
+      disabled: e.disabled || e.loading,
+      size: "mini"
+    },
+    on: {
+      click: e.onClick
+    }
+  }, [e._v(" " + e._s(e.label) + " ")]), e.separateLine ? t("span", {
+    staticClass: "separate-line"
+  }) : e._e()], 1);
+}, i = [];
+export {
+  o as r,
+  i as s
+};