@web-utils/component 2.0.14 → 2.2.0

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

@@ -1,7 +1,45 @@
-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/f71045fc.js";
-import { n as b } from "../../chunks/5d4282fb.js";
-var y = function() {
+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",
@@ -31,9 +69,9 @@ var y = function() {
     staticClass: "scroll-wrapper"
   }, [s("div", {
     staticClass: "cards-block"
-  }, [e._t("prepend"), e._l(e.records, function(l) {
+  }, [e._t("prepend"), e._l(e.records, function(i) {
     return [e._t("default", null, {
-      item: l
+      item: i
     })];
   }), e._t("append")], 2)])]), s("ElPagination", {
     staticClass: "flex-not-shrink",
@@ -49,25 +87,25 @@ var y = function() {
       layout: "total, prev, pager, next, jumper"
     },
     on: {
-      "current-change": function(l) {
-        e.page.page = l;
+      "current-change": function(i) {
+        e.page.page = i;
       }
     }
   })], 1)]);
-}, S = [];
-function v(e) {
+}, j = [];
+function k(e) {
   let t = "";
   for (const s in e)
     t += `<ElTableColumn prop="${s}" label="${s}"/>
 `;
   return t;
 }
-const a = {
+const c = {
   loading: 1,
   error: -1,
   empty: 2,
   success: 0
-}, _ = {
+}, F = {
   name: "PageableView",
   bus: {
     reloadTableView(e) {
@@ -129,10 +167,11 @@ const a = {
     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));
+    this.model && (t = S(this.model));
     const s = this.pageSize;
     return {
-      tableStatus: a.empty,
+      // TABLE_STATUS: Object.freeze(TABLE_STATUS),
+      tableStatus: c.empty,
       records: [],
       loading: !1,
       currentRow: null,
@@ -163,18 +202,18 @@ const a = {
       };
     },
     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 p({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
+      return P({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
     },
     headers() {
       var e;
-      return ((e = this.columns) == null ? void 0 : e.map(h)) || [];
+      return ((e = this.columns) == null ? void 0 : e.map(v)) || [];
     }
   },
   watch: {
@@ -204,16 +243,18 @@ const a = {
     (e = this.$refs.scroller) == null || e.removeEventListener("scroll", this.onTableScroll);
   },
   methods: {
-    async updateTableScrollPosition() {
-      this.$refs.scroller && this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
+    updateTableScrollPosition() {
+      return h(this, null, function* () {
+        this.$refs.scroller && this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
+      });
     },
-    filterTableProperties: f,
-    filterTableEvents: m,
-    filterTableColumnProperties: h,
+    filterTableProperties: O,
+    filterTableEvents: E,
+    filterTableColumnProperties: v,
     onTableScroll() {
       this.tableScrollTop = this.$refs.scroller.scrollTop, this.tableScrollLeft = this.$refs.scroller.scrollLeft;
     },
-    copy: (e) => copyData(v(e)),
+    copy: (e) => x(k(e)),
     onSortChange({
       prop: e,
       order: t
@@ -223,6 +264,10 @@ const a = {
     onCurrentChange(e) {
       this.currentRow = e;
     },
+    /**
+     *
+     * @param {FilterRule} rule
+     */
     addRule(e) {
       this.removeRule(e.field), this.page.filters.rules.push(e);
     },
@@ -233,13 +278,13 @@ const a = {
       this.$set(this.page.model, e, t);
     },
     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, s = t.findIndex((l) => l.field === e);
+      const t = this.page.filters.rules, s = t.findIndex((i) => i.field === e);
       s > -1 && t.splice(s, 1);
     },
     addFilter({
@@ -265,64 +310,69 @@ const a = {
     search() {
       this.setModel(this.model), this.getPage();
     },
-    async getPage() {
-      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 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 = !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;
+    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;
         }
-      } else {
-        this.$notify.warning({
-          title: "开发提示！",
-          message: "PageableTable 请提供 url(String) 或 api(Function) 属性"
-        });
-        return;
-      }
-      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);
+        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);
+      });
     },
-    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 = 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);
     }
   }
-}, c = {};
-var $ = /* @__PURE__ */ b(
-  _,
-  y,
-  S,
+}, $ = {};
+var L = /* @__PURE__ */ M(
+  F,
+  R,
+  j,
   !1,
-  T,
+  A,
   null,
   null,
   null
 );
-function T(e) {
-  for (let t in c)
-    this[t] = c[t];
+function A(e) {
+  for (let t in $)
+    this[t] = $[t];
 }
-const C = /* @__PURE__ */ function() {
-  return $.exports;
+const V = /* @__PURE__ */ function() {
+  return L.exports;
 }();
 export {
-  C as default
+  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
+};