@web-utils/component 2.70.0 → 3.0.1

package/chunks/InputNumber.vue_vue_type_style_index_0_lang.18046bd3.mjs

@@ -0,0 +1,172 @@
+import i from "element-ui/lib/input";
+const a = {
+  props: {
+    suffixIcon: {
+      type: String
+    },
+    prefixIcon: {
+      type: String
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    stepStrictly: {
+      type: Boolean,
+      default: !1
+    },
+    max: {
+      type: Number,
+      default: 1 / 0
+    },
+    min: {
+      type: Number,
+      default: -1 / 0
+    },
+    value: {
+      type: [Number, String]
+    },
+    disabled: Boolean,
+    size: {
+      type: String
+    },
+    controls: {
+      type: Boolean,
+      default: !0
+    },
+    controlsPosition: {
+      type: String,
+      default: ""
+    },
+    name: {
+      type: String
+    },
+    label: {
+      type: String
+    },
+    placeholder: {
+      type: String
+    },
+    precision: {
+      type: Number,
+      default: void 0,
+      validator(e) {
+        return e >= 0 && e === parseInt(e, 10);
+      }
+    }
+  }
+};
+var l = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("div", {
+    class: ["input-number", "el-input-number", e.inputNumberSize ? `el-input-number--${e.inputNumberSize}` : "", {
+      "is-disabled": e.inputNumberDisabled,
+      "is-without-controls": !e.controls,
+      "is-controls-right": e.controlsAtRight
+    }],
+    on: {
+      dragstart: function(n) {
+        n.preventDefault();
+      }
+    }
+  }, [e.controls ? r("span", {
+    directives: [{
+      name: "repeat-click",
+      rawName: "v-repeat-click",
+      value: e.decrease,
+      expression: "decrease"
+    }],
+    staticClass: "el-input-number__decrease",
+    class: {
+      "is-disabled": e.minDisabled
+    },
+    attrs: {
+      role: "button"
+    },
+    on: {
+      keydown: function(n) {
+        return !n.type.indexOf("key") && e._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : e.decrease.apply(null, arguments);
+      }
+    }
+  }, [r("i", {
+    class: `el-icon-${e.controlsAtRight ? "arrow-down" : "minus"}`
+  })]) : e._e(), e.controls ? r("span", {
+    directives: [{
+      name: "repeat-click",
+      rawName: "v-repeat-click",
+      value: e.increase,
+      expression: "increase"
+    }],
+    staticClass: "el-input-number__increase",
+    class: {
+      "is-disabled": e.maxDisabled
+    },
+    attrs: {
+      role: "button"
+    },
+    on: {
+      keydown: function(n) {
+        return !n.type.indexOf("key") && e._k(n.keyCode, "enter", 13, n.key, "Enter") ? null : e.increase.apply(null, arguments);
+      }
+    }
+  }, [r("i", {
+    class: `el-icon-${e.controlsAtRight ? "arrow-up" : "plus"}`
+  })]) : e._e(), r(i, {
+    ref: "input",
+    attrs: {
+      value: e.displayValue,
+      placeholder: e.placeholder,
+      disabled: e.inputNumberDisabled,
+      size: e.inputNumberSize,
+      max: e.max,
+      "prefix-icon": e.prefixIcon,
+      "suffix-icon": e.suffixIcon,
+      min: e.min,
+      name: e.name,
+      label: e.label
+    },
+    on: {
+      blur: e.handleBlur,
+      focus: e.handleFocus,
+      input: e.handleInput,
+      change: e.handleInputChange
+    },
+    nativeOn: {
+      keydown: [function(n) {
+        return !n.type.indexOf("key") && e._k(n.keyCode, "up", 38, n.key, ["Up", "ArrowUp"]) ? null : (n.preventDefault(), e.increase.apply(null, arguments));
+      }, function(n) {
+        return !n.type.indexOf("key") && e._k(n.keyCode, "down", 40, n.key, ["Down", "ArrowDown"]) ? null : (n.preventDefault(), e.decrease.apply(null, arguments));
+      }]
+    },
+    scopedSlots: e._u([{
+      key: "append",
+      fn: function() {
+        return [e._t("append")];
+      },
+      proxy: !0
+    }, {
+      key: "prefix",
+      fn: function() {
+        return [e._t("prefix")];
+      },
+      proxy: !0
+    }, {
+      key: "prepend",
+      fn: function() {
+        return [e._t("prepend")];
+      },
+      proxy: !0
+    }, {
+      key: "suffix",
+      fn: function() {
+        return [e._t("suffix")];
+      },
+      proxy: !0
+    }], null, !0)
+  })], 1);
+}, s = [];
+export {
+  a as i,
+  l as r,
+  s
+};

package/chunks/LoadingView.vue_vue_type_style_index_0_lang.4c3fff2a.mjs

@@ -0,0 +1,23 @@
+var n = function() {
+  var e = this, i = e.$createElement, t = e._self._c || i;
+  return t("div", {
+    staticClass: "loading-view",
+    style: {
+      fontSize: e.fontSize,
+      height: e.height
+    }
+  }, [e._t("default", function() {
+    return [t("div", {
+      staticClass: "flex-column horizon-center"
+    }, [t("i", {
+      staticClass: "el-icon-loading",
+      style: {
+        fontSize: e.iconSize
+      }
+    }), t("p", [e._v(e._s(e.loadingTips))])])];
+  })], 2);
+}, s = [];
+export {
+  n as r,
+  s
+};

package/chunks/NavBar.vue_vue_type_style_index_0_lang.e21b57f3.mjs

@@ -0,0 +1,21 @@
+import a from "element-ui/lib/button";
+var s = function() {
+  var t = this, r = t.$createElement, e = t._self._c || r;
+  return e("div", {
+    staticClass: "nav-bar"
+  }, [t.showBack ? e(a, {
+    attrs: {
+      type: "text",
+      icon: "el-icon-arrow-left"
+    },
+    on: {
+      click: t.goBack
+    }
+  }, [t._v(" 返回 ")]) : t._e(), t.$slots.right ? e("div", {
+    staticClass: "flex-item flex-row-column vertical-center"
+  }, [t._t("right")], 2) : t._e()], 1);
+}, _ = [];
+export {
+  s as r,
+  _ as s
+};

package/chunks/Page.81f4b8d9.mjs

@@ -0,0 +1,32 @@
+import { s as e, r as t } from "./Page.vue_vue_type_style_index_0_lang.cb4f9bf2.mjs";
+import { n as r } from "./vueComponentNormalizer.446f5dc4.mjs";
+const s = {
+  name: "Page",
+  props: {
+    vertical: {
+      type: Boolean,
+      default: !0
+    },
+    horizontal: Boolean
+  }
+}, o = {};
+var l = /* @__PURE__ */ r(
+  s,
+  t,
+  e,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(a) {
+  for (let n in o)
+    this[n] = o[n];
+}
+const u = /* @__PURE__ */ function() {
+  return l.exports;
+}();
+export {
+  u as _
+};

package/chunks/Page.vue_vue_type_style_index_0_lang.cb4f9bf2.mjs

@@ -0,0 +1,13 @@
+var r = function() {
+  var e = this, a = e.$createElement, t = e._self._c || a;
+  return t("div", {
+    staticClass: "page flex-row flex-item",
+    class: {
+      vertical: e.vertical && !e.horizontal
+    }
+  }, [e._t("default")], 2);
+}, s = [];
+export {
+  r,
+  s
+};

package/chunks/PageHeader.vue_vue_type_style_index_0_lang.3bcca5aa.mjs

@@ -0,0 +1,26 @@
+var i = function() {
+  var e = this, a = e.$createElement, t = e._self._c || a;
+  return t("div", {
+    staticClass: "egd-header flex-row egd-page-header"
+  }, [e._t("section-title", function() {
+    return [t("span", {
+      staticClass: "section-title"
+    }, [e._t("title", function() {
+      return [e._v(e._s(e.title))];
+    }, {
+      title: e.title
+    })], 2)];
+  }, {
+    title: e.title
+  }), t("div", {
+    staticClass: "flex-row flex-item vertical-center"
+  }, [t("div", {
+    class: ["flex-row", "flex-item", "vertical-center", {
+      "align-end": e.alignEnd
+    }]
+  }, [e._t("default")], 2)])], 2);
+}, r = [];
+export {
+  i as r,
+  r as s
+};

package/chunks/PageSkeleton.vue_vue_type_style_index_0_lang.8621381f.mjs

@@ -0,0 +1,88 @@
+import { s as l, r as a } from "./NavBar.vue_vue_type_style_index_0_lang.e21b57f3.mjs";
+import { n as r } from "./vueComponentNormalizer.446f5dc4.mjs";
+import { s as _, r as c } from "./PageHeader.vue_vue_type_style_index_0_lang.3bcca5aa.mjs";
+import { _ as i } from "./Page.81f4b8d9.mjs";
+const u = {
+  name: "PageHeader",
+  props: {
+    title: {
+      type: String,
+      default: "标题"
+    },
+    alignEnd: {
+      type: Boolean,
+      default: !0
+    }
+  }
+}, o = {};
+var p = /* @__PURE__ */ r(
+  u,
+  c,
+  _,
+  !1,
+  f,
+  null,
+  null,
+  null
+);
+function f(e) {
+  for (let t in o)
+    this[t] = o[t];
+}
+const m = /* @__PURE__ */ function() {
+  return p.exports;
+}(), d = {
+  name: "NavBar",
+  props: {
+    onGoBack: Function,
+    showBack: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  methods: {
+    goBack() {
+      this.onGoBack ? this.onGoBack() : this.$router.back();
+    }
+  }
+}, s = {};
+var v = /* @__PURE__ */ r(
+  d,
+  a,
+  l,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(e) {
+  for (let t in s)
+    this[t] = s[t];
+}
+const h = /* @__PURE__ */ function() {
+  return v.exports;
+}();
+var y = function() {
+  var e = this, t = e.$createElement, n = e._self._c || t;
+  return n(i, {
+    staticClass: "page-skeleton"
+  }, [e.header ? e._t("header", function() {
+    return [e.title ? n(m, {
+      attrs: {
+        title: e.title
+      }
+    }) : n(h)];
+  }) : 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);
+}, S = [];
+export {
+  m as _,
+  y as r,
+  S as s
+};

package/chunks/PageableTable.333cbdc1.mjs

@@ -0,0 +1,335 @@
+var _ = Object.defineProperty, w = Object.defineProperties;
+var B = Object.getOwnPropertyDescriptors;
+var p = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var g = (e, t, s) => t in e ? _(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, u = (e, t) => {
+  for (var s in t || (t = {}))
+    f.call(t, s) && g(e, s, t[s]);
+  if (p)
+    for (var s of p(t))
+      m.call(t, s) && g(e, s, t[s]);
+  return e;
+}, b = (e, t) => w(e, B(t));
+var y = (e, t) => {
+  var s = {};
+  for (var i in e)
+    f.call(e, i) && t.indexOf(i) < 0 && (s[i] = e[i]);
+  if (e != null && p)
+    for (var i of p(e))
+      t.indexOf(i) < 0 && m.call(e, i) && (s[i] = e[i]);
+  return s;
+};
+var d = (e, t, s) => new Promise((i, l) => {
+  var c = (a) => {
+    try {
+      r(s.next(a));
+    } catch (n) {
+      l(n);
+    }
+  }, h = (a) => {
+    try {
+      r(s.throw(a));
+    } catch (n) {
+      l(n);
+    }
+  }, r = (a) => a.done ? i(a.value) : Promise.resolve(a.value).then(c, h);
+  r((s = s.apply(e, t)).next());
+});
+import { hasOwn as P } from "@web-utils/core";
+import { cloneDeep as S, merge as v } from "@web-utils/integrations/lodash";
+import { f as $, a as O, b as L } from "./index.d91bd77a.mjs";
+import { s as x, r as A } from "./PageableTable.vue_vue_type_style_index_0_lang.fd89fb43.mjs";
+import { n as C } from "./vueComponentNormalizer.446f5dc4.mjs";
+const o = {
+  loading: 1,
+  error: -1,
+  empty: 2,
+  success: 0
+}, M = {
+  name: "PageableTable",
+  bus: {
+    reloadTableView(e) {
+      e === this.viewId && this.getPage();
+    }
+  },
+  inheritAttrs: !1,
+  props: {
+    viewId: {
+      type: String
+    },
+    url: {
+      type: String
+    },
+    httpGet: Boolean,
+    hideOnSinglePage: Boolean,
+    api: {
+      type: Function
+    },
+    filters: {
+      type: Object
+    },
+    filter: {
+      type: Object
+    },
+    rules: {
+      type: Array,
+      default: () => []
+    },
+    model: {
+      type: Object
+    },
+    ascs: {
+      type: String,
+      default: ""
+    },
+    descs: {
+      type: String,
+      default: ""
+    },
+    headerBold: Boolean,
+    autoHeight: Boolean,
+    immediate: {
+      type: Boolean,
+      default: !0
+    },
+    index: {
+      type: Boolean,
+      default: !0
+    },
+    multiple: {
+      type: Boolean,
+      default: !0
+    },
+    selection: {
+      type: Boolean,
+      default: !0
+    },
+    border: {
+      type: Boolean,
+      default: !0
+    },
+    reloadOnModelChange: {
+      type: Boolean,
+      default: !1
+    },
+    columns: {
+      type: Array
+    },
+    pageSize: {
+      type: Number,
+      default: 25
+    }
+  },
+  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;
+    return {
+      TABLE_STATUS: Object.freeze(o),
+      tableStatus: o.empty,
+      records: [],
+      currentRow: null,
+      page: {
+        total: 0,
+        page: 1,
+        limit: s,
+        ascs: this.ascs,
+        descs: this.descs,
+        model: t,
+        filters: e
+      }
+    };
+  },
+  computed: {
+    guard() {
+      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 ? 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 v({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
+    },
+    headers() {
+      var e;
+      return ((e = this.columns) == null ? void 0 : e.map($)) || [];
+    }
+  },
+  watch: {
+    url: { handler: "reload" },
+    api: { handler: "reload" },
+    "$attrs.data"() {
+      this.getPage();
+    },
+    model: {
+      deep: !0,
+      handler(e) {
+        this.setModel(e);
+      }
+    }
+  },
+  created() {
+    this.$watch(() => this.guard, this.getPage, {
+      deep: !0,
+      immediate: this.immediate
+    });
+  },
+  mounted() {
+    this.$refs.table.bodyWrapper.addEventListener("scroll", this.onTableScroll);
+  },
+  beforeDestroy() {
+    this.$refs.table.bodyWrapper.removeEventListener("scroll", this.onTableScroll);
+  },
+  methods: {
+    rowDbClick(...e) {
+      var s;
+      const t = this.$refs.table.$children.find((i) => {
+        var l;
+        return ((l = i.$options) == null ? void 0 : l.name) === "ElTableBody";
+      });
+      t && ((s = t.$refs.tooltip) == null || s.hide()), this.$emit("row-dblclick", ...e);
+    },
+    updateTableScrollPosition() {
+      return d(this, null, function* () {
+        this.$refs.table.bodyWrapper && this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
+      });
+    },
+    filterTableProperties: O,
+    filterTableEvents: L,
+    filterTableColumnProperties: $,
+    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 : "";
+    },
+    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));
+    },
+    setModelField(e, t) {
+      this.$set(this.page.model, e, t);
+    },
+    setModel(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, s = t.findIndex((i) => i.field === e);
+      s > -1 && t.splice(s, 1);
+    },
+    addFilter({ field: e, op: t, value: s }) {
+      this.page.filters = Object.assign({}, this.page.filters, {
+        rules: [
+          {
+            field: e,
+            op: t,
+            value: s
+          }
+        ],
+        op: "and"
+      });
+    },
+    clearFilters() {
+      this.page.filters = {};
+    },
+    clearSelection() {
+      this.$refs.table.clearSelection();
+    },
+    search() {
+      this.setModel(this.model), this.getPage();
+    },
+    getPage() {
+      return d(this, null, function* () {
+        var a;
+        if (P(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"]), i = u({}, s);
+        if ((a = t == null ? void 0 : t.rules) != null && a.length && (i.filters = { rules: t.rules }), this.api || this.url) {
+          this.tableStatus = o.loading;
+          try {
+            this.api && (e = yield this.api(i)), this.url && (e = yield this.method(this.url, i));
+          } catch (n) {
+            this.tableStatus = o.error, console.error(n);
+            return;
+          }
+        } else {
+          this.$notify.warning({
+            title: "开发提示！",
+            message: "PageableTable 请提供 url(String) 或 api(Function) 属性"
+          });
+          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);
+      });
+    },
+    refresh() {
+      return d(this, null, function* () {
+        yield this.getPage();
+      });
+    },
+    reload() {
+      return d(this, null, function* () {
+        this.page = b(u({}, 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);
+    }
+  }
+}, T = {};
+var R = /* @__PURE__ */ C(
+  M,
+  A,
+  x,
+  !1,
+  W,
+  null,
+  null,
+  null
+);
+function W(e) {
+  for (let t in T)
+    this[t] = T[t];
+}
+const I = /* @__PURE__ */ function() {
+  return R.exports;
+}();
+export {
+  I as _
+};