@web-utils/component 2.7.20 → 2.7.22

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

@@ -1,24 +1,62 @@
-import { cloneDeep as n, merge as p, copy as u, hasOwn as f } from "@web-utils/core";
-import { f as h, d as m, e as b } from "../../chunks/utils.fa73de78.js";
-import { n as y } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var S = function() {
-  var e = this, t = e.$createElement, s = e._self._c || t;
-  return s("div", {
+var __defProp = Object.defineProperty, __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty, __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b))
+      __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);
+  return a;
+}, __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    __hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0 && (target[prop] = source[prop]);
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source))
+      exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop) && (target[prop] = source[prop]);
+  return target;
+};
+var __async = (__this, __arguments, generator) => new Promise((resolve, reject) => {
+  var fulfilled = (value) => {
+    try {
+      step(generator.next(value));
+    } catch (e) {
+      reject(e);
+    }
+  }, rejected = (value) => {
+    try {
+      step(generator.throw(value));
+    } catch (e) {
+      reject(e);
+    }
+  }, step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+  step((generator = generator.apply(__this, __arguments)).next());
+});
+import { cloneDeep, merge } from "@web-utils/integrations/lodash";
+import { copy, hasOwn } from "@web-utils/core";
+import { f as filterTableColumnProperties, h as filterTableProperties, i as filterTableEvents } from "../../chunks/utils.d7f73f8d.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "work",
     staticStyle: {
       height: "100%",
       "background-color": "#fff"
     }
-  }, [s("div", {
+  }, [_c("div", {
     staticClass: "flex-column list-content",
     staticStyle: {
       height: "100%"
     }
-  }, [s("div", {
+  }, [_c("div", {
     directives: [{
       name: "loading",
       rawName: "v-loading",
-      value: e.loading,
+      value: _vm.loading,
       expression: "loading"
     }],
     staticClass: "flex-item-relative",
@@ -26,52 +64,52 @@ var S = function() {
       "element-loading-text": "加载中...",
       "element-loading-background": "#fff"
     }
-  }, [s("div", {
+  }, [_c("div", {
     ref: "scroller",
     staticClass: "scroll-wrapper"
-  }, [s("div", {
+  }, [_c("div", {
     staticClass: "cards-block"
-  }, [e._t("prepend"), e._l(e.records, function(l) {
-    return [e._t("default", null, {
-      item: l
+  }, [_vm._t("prepend"), _vm._l(_vm.records, function(item) {
+    return [_vm._t("default", null, {
+      item
     })];
-  }), e._t("append")], 2)])]), s("ElPagination", {
+  }), _vm._t("append")], 2)])]), _c("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,
+      "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"
     },
     on: {
-      "current-change": function(l) {
-        e.page.page = l;
+      "current-change": function(curPage) {
+        _vm.page.page = curPage;
       }
     }
   })], 1)]);
-}, v = [];
-function _(e) {
-  let t = "";
-  for (const s in e)
-    t += `<ElTableColumn prop="${s}" label="${s}"/>
+}, staticRenderFns = [];
+function getTemplate(row) {
+  let tpl = "";
+  for (const key in row)
+    tpl += `<ElTableColumn prop="${key}" label="${key}"/>
 `;
-  return t;
+  return tpl;
 }
-const i = {
+const TABLE_STATUS = {
   loading: 1,
   error: -1,
   empty: 2,
   success: 0
-}, $ = {
+}, __vue2_script = {
   name: "PageableView",
   bus: {
-    reloadTableView(e) {
-      e === this.viewId && this.getPage();
+    reloadTableView(viewId) {
+      viewId === this.viewId && this.getPage();
     }
   },
   inheritAttrs: !1,
@@ -126,25 +164,25 @@ const i = {
     }
   },
   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 = n(this.model));
-    const s = this.pageSize;
+    let filters = { rules: [] };
+    this.rules && this.rules.length > 0 && (filters.rules = this.rules), this.filters && (filters = this.filters), this.filter && (filters = Object.assign({}, filters, this.filter));
+    let model = {};
+    this.model && (model = cloneDeep(this.model));
+    const limit = this.pageSize;
     return {
       // TABLE_STATUS: Object.freeze(TABLE_STATUS),
-      tableStatus: i.empty,
+      tableStatus: TABLE_STATUS.empty,
       records: [],
       loading: !1,
       currentRow: null,
       page: {
         total: 0,
         page: 1,
-        limit: s,
+        limit,
         ascs: this.ascs,
         descs: this.descs,
-        model: t,
-        filters: e
+        model,
+        filters
       }
     };
   },
@@ -167,15 +205,15 @@ const i = {
       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;
+      const indexStr = `${(this.page.page - 1) * this.page.limit + this.records.length}`;
+      return indexStr.length > 3 ? 50 + (indexStr.length - 3) * 10 : 50;
     },
     mergeAttrs() {
-      return p({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
+      return merge({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
     },
     headers() {
-      var e;
-      return ((e = this.columns) == null ? void 0 : e.map(h)) || [];
+      var _a;
+      return ((_a = this.columns) == null ? void 0 : _a.map(filterTableColumnProperties)) || [];
     }
   },
   watch: {
@@ -186,8 +224,8 @@ const i = {
     },
     model: {
       deep: !0,
-      handler(e) {
-        this.setModel(e);
+      handler(newVal) {
+        this.setModel(newVal);
       }
     }
   },
@@ -201,62 +239,64 @@ const i = {
     this.$refs.scroller.addEventListener("scroll", this.onTableScroll);
   },
   beforeDestroy() {
-    var e;
-    (e = this.$refs.scroller) == null || e.removeEventListener("scroll", this.onTableScroll);
+    var _a;
+    (_a = this.$refs.scroller) == null || _a.removeEventListener("scroll", this.onTableScroll);
   },
   methods: {
-    async updateTableScrollPosition() {
-      this.$refs.scroller && this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
+    updateTableScrollPosition() {
+      return __async(this, null, function* () {
+        this.$refs.scroller && this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
+      });
     },
-    filterTableProperties: m,
-    filterTableEvents: b,
-    filterTableColumnProperties: h,
+    filterTableProperties,
+    filterTableEvents,
+    filterTableColumnProperties,
     onTableScroll() {
       this.tableScrollTop = this.$refs.scroller.scrollTop, this.tableScrollLeft = this.$refs.scroller.scrollLeft;
     },
-    copy: (e) => u(_(e)),
+    copy: (row) => copy(getTemplate(row)),
     onSortChange({
-      prop: e,
-      order: t
+      prop,
+      order
     }) {
-      this.page.ascs = t === "ascending" ? e : "", this.page.descs = t === "descending" ? e : "";
+      this.page.ascs = order === "ascending" ? prop : "", this.page.descs = order === "descending" ? prop : "";
     },
-    onCurrentChange(e) {
-      this.currentRow = e;
+    onCurrentChange(currentRow) {
+      this.currentRow = currentRow;
     },
     /**
      *
      * @param {FilterRule} rule
      */
-    addRule(e) {
-      this.removeRule(e.field), this.page.filters.rules.push(e);
+    addRule(rule) {
+      this.removeRule(rule.field), this.page.filters.rules.push(rule);
     },
-    addRules(e) {
-      e.forEach((t) => this.addRule(t));
+    addRules(rules) {
+      rules.forEach((value) => this.addRule(value));
     },
-    setModelField(e, t) {
-      this.$set(this.page.model, e, t);
+    setModelField(field, value) {
+      this.$set(this.page.model, field, value);
     },
-    setModel(e) {
-      this.page.page = 1, this.page.model = n(e);
+    setModel(model) {
+      this.page.page = 1, this.page.model = cloneDeep(model);
     },
-    deleteModelField(e) {
-      delete this.page.model[e];
+    deleteModelField(field) {
+      delete this.page.model[field];
     },
-    removeRule(e) {
-      const t = this.page.filters.rules, s = t.findIndex((l) => l.field === e);
-      s > -1 && t.splice(s, 1);
+    removeRule(field) {
+      const rules = this.page.filters.rules, index = rules.findIndex((value) => value.field === field);
+      index > -1 && rules.splice(index, 1);
     },
     addFilter({
-      field: e,
-      op: t,
-      value: s
+      field,
+      op,
+      value
     }) {
       this.page.filters = Object.assign({}, this.page.filters, {
         rules: [{
-          field: e,
-          op: t,
-          value: s
+          field,
+          op,
+          value
         }],
         op: "and"
       });
@@ -270,64 +310,69 @@ const i = {
     search() {
       this.setModel(this.model), this.getPage();
     },
-    async getPage() {
-      var o;
-      if (f(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 = i.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 = i.error, console.error(g), this.loading = !1;
+    getPage() {
+      return __async(this, null, function* () {
+        var _b;
+        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;
           return;
         }
-      } else {
-        this.$notify.warning({
-          title: "开发提示！",
-          message: "PageableTable 请提供 url(String) 或 api(Function) 属性"
-        });
-        return;
-      }
-      const { data: r } = e || {}, { total: d, records: a } = r || {};
-      this.page.total = Number(d), this.records = a, !a || !a.length ? this.tableStatus = i.empty : this.tableStatus = i.success, this.$refs.table && (this.$refs.scroller.scrollTop = 0), this.$emit("page-loaded", r);
+        this.records = [];
+        let res;
+        const _a = this.page, { filters } = _a, rest = __objRest(_a, ["filters"]), page = __spreadValues({}, rest);
+        if ((_b = filters == null ? void 0 : filters.rules) != null && _b.length && (page.filters = { rules: filters.rules }), this.api || this.url) {
+          this.tableStatus = TABLE_STATUS.loading;
+          try {
+            this.loading = !0, this.api && (res = yield this.api(page)), this.url && (res = yield this.method(this.url, page)), this.loading = !1;
+          } catch (e) {
+            this.tableStatus = TABLE_STATUS.error, console.error(e), this.loading = !1;
+            return;
+          }
+        } else {
+          this.$notify.warning({
+            title: "开发提示！",
+            message: "PageableTable 请提供 url(String) 或 api(Function) 属性"
+          });
+          return;
+        }
+        const { data } = res || {}, { total, records } = data || {};
+        this.page.total = Number(total), this.records = records, !records || !records.length ? this.tableStatus = TABLE_STATUS.empty : this.tableStatus = TABLE_STATUS.success, this.$refs.table && (this.$refs.scroller.scrollTop = 0), this.$emit("page-loaded", data);
+      });
     },
-    async refresh() {
-      await this.getPage();
+    refresh() {
+      return __async(this, null, function* () {
+        yield this.getPage();
+      });
     },
-    async reload() {
-      this.page = {
-        ...this.$options.data.call(this).page,
-        total: this.page.total
-      };
+    reload() {
+      return __async(this, null, function* () {
+        this.page = __spreadProps(__spreadValues({}, 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);
+    scrollTo(top, left) {
+      top && (this.$refs.scroller.scrollTop = top), left && (this.$refs.scroller.scrollLeft = left);
     }
   }
-}, c = {};
-var T = /* @__PURE__ */ y(
-  $,
-  S,
-  v,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  w,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function w(e) {
-  for (let t in c)
-    this[t] = c[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const O = /* @__PURE__ */ function() {
-  return T.exports;
+const PageableView = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  O as default
+  PageableView as default
 };

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

@@ -1 +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: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}
+.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;inset: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/photo-swipe/index.js

@@ -1,77 +1,97 @@
-import g from "photoswipe";
+var __async = (__this, __arguments, generator) => new Promise((resolve, reject) => {
+  var fulfilled = (value) => {
+    try {
+      step(generator.next(value));
+    } catch (e) {
+      reject(e);
+    }
+  }, rejected = (value) => {
+    try {
+      step(generator.throw(value));
+    } catch (e) {
+      reject(e);
+    }
+  }, step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+  step((generator = generator.apply(__this, __arguments)).next());
+});
+import PhotoSwipe$1 from "photoswipe";
 import "photoswipe/dist/photoswipe.css";
-import { n as d } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-function w(t) {
-  new g(t).init();
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+function initPhotoSwipe(options) {
+  new PhotoSwipe$1(options).init();
 }
-async function u(t, a, r = { selector: "chat-image" }) {
-  const o = t.target;
-  if (!(!o || o.classList.contains(r.selector) || o.tagName === "IMG"))
-    return;
-  const e = a.querySelectorAll(r.selector === "img" ? r.selector : `.${r.selector}`), n = [...e].findIndex((s) => s === o);
-  n >= 0 && (r.index = n);
-  const i = await f(e);
-  await w({ dataSource: i, index: n });
+function photoswipe(_0, _1) {
+  return __async(this, arguments, function* (event, thumbnailsWrapperDom, options = { selector: "chat-image" }) {
+    const target = event.target;
+    if (!(!target || target.classList.contains(options.selector) || target.tagName === "IMG"))
+      return;
+    const galleryItems = thumbnailsWrapperDom.querySelectorAll(options.selector === "img" ? options.selector : `.${options.selector}`), position = [...galleryItems].findIndex((value) => value === target);
+    position >= 0 && (options.index = position);
+    const dataSource = yield getDataSource(galleryItems);
+    yield initPhotoSwipe({ dataSource, index: position });
+  });
 }
-async function f(t) {
-  const a = [];
-  for (let r = 0, o = t.length; r < o; r++) {
-    const e = t[r], n = e.getAttribute("data-src") || e.getAttribute("src"), i = {
-      src: n,
-      msrc: n,
-      alt: e.getAttribute("data-title") || e.getAttribute("alt"),
-      element: e
-    }, s = e.getAttribute("data-height"), h = e.getAttribute("data-width");
-    let c = { width: h, height: s };
-    !s && !h && (c = await m(e), e.setAttribute("data-height", c.height), e.setAttribute("data-width", c.width)), i.w = c.width, i.width = c.width, i.h = c.height, i.height = c.height, a.push(i);
-  }
-  return a;
+function getDataSource(images) {
+  return __async(this, null, function* () {
+    const dataSource = [];
+    for (let i = 0, length = images.length; i < length; i++) {
+      const image = images[i], src = image.getAttribute("data-src") || image.getAttribute("src"), item = {
+        src,
+        msrc: src,
+        alt: image.getAttribute("data-title") || image.getAttribute("alt"),
+        element: image
+      }, height = image.getAttribute("data-height"), width = image.getAttribute("data-width");
+      let rect = { width, height };
+      !height && !width && (rect = yield getImageSize(image), image.setAttribute("data-height", rect.height), image.setAttribute("data-width", rect.width)), item.w = rect.width, item.width = rect.width, item.h = rect.height, item.height = rect.height, dataSource.push(item);
+    }
+    return dataSource;
+  });
 }
-function m(t) {
-  const a = t.getAttribute("data-src") || t.getAttribute("src"), r = t.getAttribute("data-height"), o = t.getAttribute("data-width");
-  return r && o ? { width: o, height: r } : t.complete ? {
-    width: t.naturalWidth,
-    height: t.naturalHeight
-  } : new Promise((e) => {
-    const n = new Image();
-    n.src = a;
-    const i = {};
-    n.complete ? (i.width = n.width, i.height = n.height, e(i)) : (n.onload = () => {
-      i.width = n.width, i.height = n.height, e(i);
-    }, n.onerror = () => {
-      i.width = 0, i.height = 0, e(i);
+function getImageSize(ele) {
+  const url = ele.getAttribute("data-src") || ele.getAttribute("src"), height = ele.getAttribute("data-height"), width = ele.getAttribute("data-width");
+  return height && width ? { width, height } : ele.complete ? {
+    width: ele.naturalWidth,
+    height: ele.naturalHeight
+  } : new Promise((resolve) => {
+    const image = new Image();
+    image.src = url;
+    const rect = {};
+    image.complete ? (rect.width = image.width, rect.height = image.height, resolve(rect)) : (image.onload = () => {
+      rect.width = image.width, rect.height = image.height, resolve(rect);
+    }, image.onerror = () => {
+      rect.width = 0, rect.height = 0, resolve(rect);
     });
   });
 }
-var p = function() {
-  var t = this, a = t.$createElement, r = t._self._c || a;
-  return r("div", {
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     ref: "wrapper"
-  }, [t._t("default", function() {
-    return t._l(t.urls, function(o) {
-      return r("img", {
-        key: o.src,
+  }, [_vm._t("default", function() {
+    return _vm._l(_vm.urls, function(item) {
+      return _c("img", {
+        key: item.src,
         staticStyle: {
           cursor: "pointer"
         },
         attrs: {
           width: "100",
-          src: o.src,
+          src: item.src,
           alt: ""
         },
         on: {
-          click: t.preview
+          click: _vm.preview
         }
       });
     });
   }, {
-    urls: t.urls,
-    preview: t.preview
+    urls: _vm.urls,
+    preview: _vm.preview
   })], 2);
-}, _ = [];
-const b = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "PhotoSwipe",
-  photoswipe: u,
+  photoswipe,
   props: {
     urls: Array,
     selector: {
@@ -80,28 +100,30 @@ const b = {
     }
   },
   methods: {
-    async preview(t) {
-      await u(t, this.$refs.wrapper, { selector: this.selector });
+    preview(e) {
+      return __async(this, null, function* () {
+        yield photoswipe(e, this.$refs.wrapper, { selector: this.selector });
+      });
     }
   }
-}, l = {};
-var A = /* @__PURE__ */ d(
-  b,
-  p,
-  _,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  v,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function v(t) {
-  for (let a in l)
-    this[a] = l[a];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const I = /* @__PURE__ */ function() {
-  return A.exports;
+const PhotoSwipe = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  I as default
+  PhotoSwipe as default
 };