@web-utils/component 2.0.13 → 2.2.0

package/pageable-view/index.mjs

@@ -0,0 +1,378 @@
+var _ = Object.defineProperty, T = Object.defineProperties;
+var w = Object.getOwnPropertyDescriptors;
+var d = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
+var u = (e, t, s) => t in e ? _(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, p = (e, t) => {
+  for (var s in t || (t = {}))
+    f.call(t, s) && u(e, s, t[s]);
+  if (d)
+    for (var s of d(t))
+      m.call(t, s) && u(e, s, t[s]);
+  return e;
+}, b = (e, t) => T(e, w(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 && d)
+    for (var i of d(e))
+      t.indexOf(i) < 0 && m.call(e, i) && (s[i] = e[i]);
+  return s;
+};
+var h = (e, t, s) => new Promise((i, r) => {
+  var g = (l) => {
+    try {
+      a(s.next(l));
+    } catch (n) {
+      r(n);
+    }
+  }, o = (l) => {
+    try {
+      a(s.throw(l));
+    } catch (n) {
+      r(n);
+    }
+  }, a = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(g, o);
+  a((s = s.apply(e, t)).next());
+});
+import { cloneDeep as S, merge as P } from "@web-utils/integrations/lodash";
+import { copy as x, hasOwn as C } from "@web-utils/core";
+import { f as v, h as O, i as E } from "../chunks/index.LGsb2aDq.mjs";
+import { n as M } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var R = function() {
+  var e = this, t = e.$createElement, s = e._self._c || t;
+  return s("div", {
+    staticClass: "work",
+    staticStyle: {
+      height: "100%",
+      "background-color": "#fff"
+    }
+  }, [s("div", {
+    staticClass: "flex-column list-content",
+    staticStyle: {
+      height: "100%"
+    }
+  }, [s("div", {
+    directives: [{
+      name: "loading",
+      rawName: "v-loading",
+      value: e.loading,
+      expression: "loading"
+    }],
+    staticClass: "flex-item-relative",
+    attrs: {
+      "element-loading-text": "加载中...",
+      "element-loading-background": "#fff"
+    }
+  }, [s("div", {
+    ref: "scroller",
+    staticClass: "scroll-wrapper"
+  }, [s("div", {
+    staticClass: "cards-block"
+  }, [e._t("prepend"), e._l(e.records, function(i) {
+    return [e._t("default", null, {
+      item: i
+    })];
+  }), e._t("append")], 2)])]), s("ElPagination", {
+    staticClass: "flex-not-shrink",
+    staticStyle: {
+      "border-top": "1px solid #ebeef5"
+    },
+    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(i) {
+        e.page.page = i;
+      }
+    }
+  })], 1)]);
+}, j = [];
+function k(e) {
+  let t = "";
+  for (const s in e)
+    t += `<ElTableColumn prop="${s}" label="${s}"/>
+`;
+  return t;
+}
+const c = {
+  loading: 1,
+  error: -1,
+  empty: 2,
+  success: 0
+}, F = {
+  name: "PageableView",
+  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: ""
+    },
+    autoHeight: Boolean,
+    immediate: {
+      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(TABLE_STATUS),
+      tableStatus: c.empty,
+      records: [],
+      loading: !1,
+      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 P({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
+    },
+    headers() {
+      var e;
+      return ((e = this.columns) == null ? void 0 : e.map(v)) || [];
+    }
+  },
+  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.scroller.addEventListener("scroll", this.onTableScroll);
+  },
+  beforeDestroy() {
+    var e;
+    (e = this.$refs.scroller) == null || e.removeEventListener("scroll", this.onTableScroll);
+  },
+  methods: {
+    updateTableScrollPosition() {
+      return h(this, null, function* () {
+        this.$refs.scroller && this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
+      });
+    },
+    filterTableProperties: O,
+    filterTableEvents: E,
+    filterTableColumnProperties: v,
+    onTableScroll() {
+      this.tableScrollTop = this.$refs.scroller.scrollTop, this.tableScrollLeft = this.$refs.scroller.scrollLeft;
+    },
+    copy: (e) => x(k(e)),
+    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 h(this, null, function* () {
+        var l;
+        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;
+        }
+        this.records = [];
+        let e;
+        const a = this.page, { filters: t } = a, s = y(a, ["filters"]), i = p({}, s);
+        if ((l = t == null ? void 0 : t.rules) != null && l.length && (i.filters = { rules: t.rules }), this.api || this.url) {
+          this.tableStatus = c.loading;
+          try {
+            this.loading = !0, this.api && (e = yield this.api(i)), this.url && (e = yield this.method(this.url, i)), this.loading = !1;
+          } catch (n) {
+            this.tableStatus = c.error, console.error(n), this.loading = !1;
+            return;
+          }
+        } else {
+          this.$notify.warning({
+            title: "开发提示！",
+            message: "PageableTable 请提供 url(String) 或 api(Function) 属性"
+          });
+          return;
+        }
+        const { data: r } = e || {}, { total: g, records: o } = r || {};
+        this.page.total = Number(g), this.records = o, !o || !o.length ? this.tableStatus = c.empty : this.tableStatus = c.success, this.$refs.table && (this.$refs.scroller.scrollTop = 0), this.$emit("page-loaded", r);
+      });
+    },
+    refresh() {
+      return h(this, null, function* () {
+        yield this.getPage();
+      });
+    },
+    reload() {
+      return h(this, null, function* () {
+        this.page = b(p({}, this.$options.data.call(this).page), {
+          total: this.page.total
+        });
+      });
+    },
+    scrollTo(e, t) {
+      e && (this.$refs.scroller.scrollTop = e), t && (this.$refs.scroller.scrollLeft = t);
+    }
+  }
+}, $ = {};
+var L = /* @__PURE__ */ M(
+  F,
+  R,
+  j,
+  !1,
+  A,
+  null,
+  null,
+  null
+);
+function A(e) {
+  for (let t in $)
+    this[t] = $[t];
+}
+const V = /* @__PURE__ */ function() {
+  return L.exports;
+}();
+export {
+  V as default
+};

package/pageable-view/style.css

@@ -0,0 +1 @@
+.pageable-table{flex:auto;height:100%;position:relative}.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}

package/photo-swipe/index.mjs

@@ -0,0 +1,129 @@
+var u = (t, a, e) => new Promise((h, n) => {
+  var r = (c) => {
+    try {
+      s(e.next(c));
+    } catch (o) {
+      n(o);
+    }
+  }, i = (c) => {
+    try {
+      s(e.throw(c));
+    } catch (o) {
+      n(o);
+    }
+  }, s = (c) => c.done ? h(c.value) : Promise.resolve(c.value).then(r, i);
+  s((e = e.apply(t, a)).next());
+});
+import d from "photoswipe";
+import "photoswipe/dist/photoswipe.css";
+import { n as w } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+function f(t) {
+  new d(t).init();
+}
+function l(h, n) {
+  return u(this, arguments, function* (t, a, e = { selector: "chat-image" }) {
+    const r = t.target;
+    if (!(!r || r.classList.contains(e.selector) || r.tagName === "IMG"))
+      return;
+    const i = a.querySelectorAll(e.selector === "img" ? e.selector : `.${e.selector}`), s = [...i].findIndex((o) => o === r);
+    s >= 0 && (e.index = s);
+    const c = yield m(i);
+    yield f({ dataSource: c, index: s });
+  });
+}
+function m(t) {
+  return u(this, null, function* () {
+    const a = [];
+    for (let e = 0, h = t.length; e < h; e++) {
+      const n = t[e], r = n.getAttribute("data-src") || n.getAttribute("src"), i = {
+        src: r,
+        msrc: r,
+        alt: n.getAttribute("data-title") || n.getAttribute("alt"),
+        element: n
+      }, s = n.getAttribute("data-height"), c = n.getAttribute("data-width");
+      let o = { width: c, height: s };
+      !s && !c && (o = yield p(n), n.setAttribute("data-height", o.height), n.setAttribute("data-width", o.width)), i.w = o.width, i.width = o.width, i.h = o.height, i.height = o.height, a.push(i);
+    }
+    return a;
+  });
+}
+function p(t) {
+  const a = t.getAttribute("data-src") || t.getAttribute("src"), e = t.getAttribute("data-height"), h = t.getAttribute("data-width");
+  return e && h ? { width: h, height: e } : t.complete ? {
+    width: t.naturalWidth,
+    height: t.naturalHeight
+  } : new Promise((n) => {
+    const r = new Image();
+    r.src = a;
+    const i = {};
+    r.complete ? (i.width = r.width, i.height = r.height, n(i)) : (r.onload = () => {
+      i.width = r.width, i.height = r.height, n(i);
+    }, r.onerror = () => {
+      i.width = 0, i.height = 0, n(i);
+    });
+  });
+}
+var _ = function() {
+  var t = this, a = t.$createElement, e = t._self._c || a;
+  return e("div", {
+    ref: "wrapper"
+  }, [t._t("default", function() {
+    return t._l(t.urls, function(h) {
+      return e("img", {
+        key: h.src,
+        staticStyle: {
+          cursor: "pointer"
+        },
+        attrs: {
+          width: "100",
+          src: h.src,
+          alt: ""
+        },
+        on: {
+          click: t.preview
+        }
+      });
+    });
+  }, {
+    urls: t.urls,
+    preview: t.preview
+  })], 2);
+}, b = [];
+const A = {
+  name: "PhotoSwipe",
+  photoswipe: l,
+  props: {
+    urls: Array,
+    selector: {
+      type: String,
+      default: "img"
+    }
+  },
+  methods: {
+    preview(t) {
+      return u(this, null, function* () {
+        yield l(t, this.$refs.wrapper, { selector: this.selector });
+      });
+    }
+  }
+}, g = {};
+var v = /* @__PURE__ */ w(
+  A,
+  _,
+  b,
+  !1,
+  S,
+  null,
+  null,
+  null
+);
+function S(t) {
+  for (let a in g)
+    this[a] = g[a];
+}
+const $ = /* @__PURE__ */ function() {
+  return v.exports;
+}();
+export {
+  $ as default
+};