@web-utils/component 4.0.0 → 4.0.2

package/pageable-table/style.css

@@ -1 +1 @@
-.pageable-table{flex:auto;height:100%;position:relative}.pageable-table .single-select-column .el-radio__label{padding:0}.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}
+.table-column-filter .el-drawer__body{padding:10px}.table-column-filter .el-drawer__header{border-bottom:1px solid #f0f0f0;min-height:20px;margin-bottom:0;padding:16px 10px 16px 24px}.pageable-table{flex:auto;height:100%;position:relative}.pageable-table .single-select-column .el-radio__label{padding:0}.pageable-table.auto-height{height:auto;position:static}.pageable-table.auto-height .el-table{min-height:200px;position:relative}.pageable-table.auto-height .pageable-table-wrapper{position:static}.pageable-table .pageable-table-wrapper{flex-direction:column;display:flex}.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 .el-table th{color:#000000d9;word-break:break-word;background-color:#fafafa}.pageable-table .total{padding:10px}

package/pageable-view/index.mjs

@@ -1,57 +1,20 @@
-var $ = Object.defineProperty, T = Object.defineProperties;
-var _ = Object.getOwnPropertyDescriptors;
-var c = Object.getOwnPropertySymbols;
-var m = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
-var u = (e, t, s) => t in e ? $(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, r = (e, t) => {
-  for (var s in t || (t = {}))
-    m.call(t, s) && u(e, s, t[s]);
-  if (c)
-    for (var s of c(t))
-      b.call(t, s) && u(e, s, t[s]);
-  return e;
-}, p = (e, t) => T(e, _(t));
-var S = (e, t) => {
-  var s = {};
-  for (var l in e)
-    m.call(e, l) && t.indexOf(l) < 0 && (s[l] = e[l]);
-  if (e != null && c)
-    for (var l of c(e))
-      t.indexOf(l) < 0 && b.call(e, l) && (s[l] = e[l]);
-  return s;
-};
-var f = (e, t, s) => new Promise((l, o) => {
-  var g = (i) => {
-    try {
-      a(s.next(i));
-    } catch (h) {
-      o(h);
-    }
-  }, n = (i) => {
-    try {
-      a(s.throw(i));
-    } catch (h) {
-      o(h);
-    }
-  }, a = (i) => i.done ? l(i.value) : Promise.resolve(i.value).then(g, n);
-  a((s = s.apply(e, t)).next());
-});
-import { cloneDeep as y, merge as w } from "@web-utils/integrations/lodash";
-import { hasOwn as P, copy as C } from "@web-utils/core";
-import { f as v, h as x, i as O } from "../chunks/index.MAFc4eFi.mjs";
-import { n as R } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-function k(e) {
+import { cloneDeep as n, merge as g } from "@web-utils/integrations/lodash";
+import { hasOwn as p, copy as f } from "@web-utils/core";
+import { f as h, g as u, h as m } from "../chunks/index.d3MV3Wq2.mjs";
+import { n as b } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+function S(e) {
   let t = "";
   for (const s in e)
     t += `<ElTableColumn prop="${s}" label="${s}"/>
 `;
   return t;
 }
-const d = {
+const i = {
   loading: 1,
   error: -1,
   empty: 2,
   success: 0
-}, E = {
+}, y = {
   name: "PageableView",
   bus: {
     reloadTableView(e) {
@@ -111,13 +74,13 @@ const d = {
   },
   data() {
     let e = { rules: [] };
-    this.rules && this.rules.length > 0 && (e.rules = this.rules), this.filters && (e = this.filters), this.filter && (e = r(r({}, e), this.filter));
+    this.rules && this.rules.length > 0 && (e.rules = this.rules), this.filters && (e = this.filters), this.filter && (e = { ...e, ...this.filter });
     let t = {};
-    this.model && (t = y(this.model));
+    this.model && (t = n(this.model));
     const s = this.pageSize;
     return {
       // TABLE_STATUS: Object.freeze(TABLE_STATUS),
-      tableStatus: d.empty,
+      tableStatus: i.empty,
       records: [],
       loading: !1,
       currentRow: null,
@@ -155,11 +118,11 @@ const d = {
       return e.length > 3 ? 50 + (e.length - 3) * 10 : 50;
     },
     mergeAttrs() {
-      return w({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
+      return g({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
     },
     headers() {
       var e;
-      return ((e = this.columns) == null ? void 0 : e.map(v)) || [];
+      return ((e = this.columns) == null ? void 0 : e.map(h)) || [];
     }
   },
   watch: {
@@ -192,13 +155,13 @@ const d = {
     updateTableScrollPosition() {
       this.$refs.scroller && this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
     },
-    filterTableProperties: O,
-    filterTableEvents: x,
-    filterTableColumnProperties: v,
+    filterTableProperties: m,
+    filterTableEvents: u,
+    filterTableColumnProperties: h,
     onTableScroll() {
       this.tableScrollTop = this.$refs.scroller.scrollTop, this.tableScrollLeft = this.$refs.scroller.scrollLeft;
     },
-    copy: (e) => C(k(e)),
+    copy: (e) => f(S(e)),
     onSortChange({ prop: e, order: t }) {
       this.page.ascs = t === "ascending" ? e : "", this.page.descs = t === "descending" ? e : "";
     },
@@ -219,7 +182,7 @@ const d = {
       this.$set(this.page.model, e, t);
     },
     setModel(e) {
-      this.page.page = 1, this.page.model = y(e);
+      this.page.page = 1, this.page.model = n(e);
     },
     deleteModelField(e) {
       delete this.page.model[e];
@@ -229,7 +192,8 @@ const d = {
       s > -1 && t.splice(s, 1);
     },
     addFilter({ field: e, op: t, value: s }) {
-      this.page.filters = p(r({}, this.page.filters), {
+      this.page.filters = {
+        ...this.page.filters,
         rules: [
           {
             field: e,
@@ -238,7 +202,7 @@ const d = {
           }
         ],
         op: "and"
-      });
+      };
     },
     clearFilters() {
       this.page.filters = {};
@@ -249,66 +213,63 @@ const d = {
     search() {
       this.setModel(this.model), this.getPage();
     },
-    getPage() {
-      return f(this, null, function* () {
-        var i;
-        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 a = this.page, { filters: t } = a, s = S(a, ["filters"]), l = r({}, s);
-        if ((i = t == null ? void 0 : t.rules) != null && i.length && (l.filters = { rules: t.rules }), this.api || this.url) {
-          this.tableStatus = d.loading;
-          try {
-            this.loading = !0, this.api && (e = yield this.api(l)), this.url && (e = yield this.method(this.url, l)), this.loading = !1;
-          } catch (h) {
-            this.tableStatus = d.error, console.error(h), this.loading = !1;
-            return;
-          }
-        } else {
-          this.$notify.warning({
-            title: "开发提示！",
-            message: "PageableTable 请提供 url(String) 或 api(Function) 属性"
-          });
+    async getPage() {
+      var o;
+      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 { 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 (c) {
+          this.tableStatus = i.error, console.error(c), this.loading = !1;
           return;
         }
-        const { data: o } = e || {}, { total: g, records: n } = o || {};
-        this.page.total = Number(g), this.records = n, !n || !n.length ? this.tableStatus = d.empty : this.tableStatus = d.success, this.$refs.table && (this.$refs.scroller.scrollTop = 0), this.$emit("page-loaded", o);
-      });
+      } 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);
     },
-    refresh() {
-      return f(this, null, function* () {
-        yield this.getPage();
-      });
+    async refresh() {
+      await this.getPage();
     },
     reload() {
-      this.page = p(r({}, this.$options.data.call(this).page), {
+      this.page = {
+        ...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 F = function() {
+var v = function() {
   var t = this, s = t._self._c;
   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: t.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" }, [t._t("prepend"), t._l(t.records, function(l) {
     return [t._t("default", null, { item: l })];
   }), t._t("append")], 2)])]), s("ElPagination", { staticClass: "flex-not-shrink", staticStyle: { "border-top": "1px solid #ebeef5" }, attrs: { "current-page": t.page.page, "hide-on-single-page": t.hideOnSinglePage, "page-size": t.page.limit, total: t.page.total, background: "", layout: "total, prev, pager, next, jumper" }, on: { "current-change": (l) => {
     t.page.page = l;
   } } })], 1)]);
-}, L = [], M = /* @__PURE__ */ R(
-  E,
-  F,
-  L,
+}, $ = [], T = /* @__PURE__ */ b(
+  y,
+  v,
+  $,
   !1,
   null,
   null
 );
-const I = M.exports;
+const x = T.exports;
 export {
-  I as default
+  x as default
 };

package/photo-swipe/index.mjs

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

package/picker-table-view/index.mjs

@@ -0,0 +1,117 @@
+import { ref as l, onMounted as S } from "vue";
+import N from "element-ui/lib/message";
+import { isPlainObject as y, isFunction as P } from "@web-utils/core";
+import { cloneDeep as T } from "@web-utils/integrations/lodash";
+import { n as B } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const O = {
+  name: "PickerTableView"
+}, E = /* @__PURE__ */ Object.assign(O, {
+  props: {
+    title: String,
+    treeTitle: String,
+    useTree: Boolean,
+    expandFirstNode: Boolean,
+    nodeKey: {
+      type: String,
+      default: "id"
+    },
+    width: {
+      type: String,
+      default: "80%"
+    },
+    height: {
+      type: String,
+      default: "90vh"
+    },
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    descs: {
+      type: Array,
+      default: () => []
+    },
+    model: Object,
+    tableApi: Function,
+    treeApi: Function,
+    onNodeClick: Function,
+    treeProps: Object,
+    rowKey: {
+      type: String,
+      default: "id"
+    },
+    customRootNode: [Object, Function],
+    expandOnClickNode: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["cancel", "confirm", "update:visible"],
+  setup(f, { expose: e, emit: n }) {
+    const t = f, a = l([]), s = l(null), i = l([]), m = l([]), h = l(null), g = l(null), v = l(null), _ = l(null), b = (o) => {
+      a.value = o;
+    }, x = (o) => {
+      s.value = o;
+    }, d = () => {
+      h.value.reload();
+    }, k = () => {
+      g.value.resetFields(), d();
+    }, u = () => {
+      v.value.hide();
+    }, w = () => {
+      n("cancel"), u();
+    }, C = () => {
+      var p;
+      let o;
+      if (t.multiple ? (p = a.value) != null && p.length && (o = a.value) : s.value && (o = [s.value]), !o.length) {
+        N.warning("请选择！");
+        return;
+      }
+      n("confirm", o), u();
+    }, F = (o) => {
+      n("update:visible", o);
+    };
+    return S(async () => {
+      var o;
+      if (t.useTree) {
+        const c = (await t.treeApi()).data.data;
+        if (y(t.customRootNode)) {
+          const r = T(t.customRootNode);
+          r[t.treeProps.children || "children"] = c, i.value = [r];
+        } else if (P(t.customRootNode)) {
+          const r = t.customRootNode(c);
+          r[t.treeProps.children || "children"] = c, i.value = y(r) ? [r] : r;
+        } else
+          i.value = c;
+        t.expandFirstNode && (m.value = [(o = i.value[0]) == null ? void 0 : o.id]);
+      }
+    }), e({
+      search: d
+    }), { __sfc: !0, props: t, emits: n, rows: a, current: s, treeData: i, expandedKeys: m, table: h, form: g, dialog: v, tree: _, handleChange: b, handleCurrentChange: x, search: d, clear: k, closeDialog: u, onCancel: w, confirm: C, updateVisible: F };
+  }
+});
+var R = function() {
+  var e = this, n = e._self._c, t = e._self._setupProxy;
+  return n("ElementDialog", { ref: "dialog", attrs: { visible: e.visible, height: e.height, width: e.width, "body-padding": !1, "show-full-screen": "", title: e.title }, on: { "update:visible": t.updateVisible }, scopedSlots: e._u([{ key: "footer", fn: function() {
+    return [n("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: t.confirm } }, [e._v("确定")]), n("ElButton", { attrs: { size: "mini" }, on: { click: t.onCancel } }, [e._v("取消")])];
+  }, proxy: !0 }]) }, [n("SkeletonPanel", { attrs: { "flex-column": "", "use-tab": !1, "hide-left": !e.useTree }, scopedSlots: e._u([e.useTree ? { key: "left", fn: function() {
+    return [n("div", { staticStyle: { padding: "10px 0", "font-size": "16px", "border-bottom": "1px solid #eee" } }, [e._v(e._s(e.treeTitle))]), n("ElTree", { ref: "tree", attrs: { "node-key": e.nodeKey, data: t.treeData, "default-expanded-keys": t.expandedKeys, props: e.treeProps, "expand-on-click-node": e.expandOnClickNode }, on: { "node-click": e.onNodeClick } })];
+  }, proxy: !0 } : null], null, !0) }, [n("FormHolder", { ref: "form", staticStyle: { padding: "10px" }, attrs: { model: e.model, "not-table-form": "" }, nativeOn: { submit: function(a) {
+    return a.preventDefault(), t.search.apply(null, arguments);
+  } } }, [n("FormItemConfigProvider", { attrs: { reactive: "" } }, [n("ElRow", { attrs: { gutter: 0 } }, [e._t("search-form"), n("FormItem", { staticStyle: { "text-align": "right" }, attrs: { "hide-label": "", span: 24 } }, [n("ElButton", { attrs: { type: "primary", "native-type": "submit" } }, [e._v("搜索")]), n("ElButton", { on: { click: t.clear } }, [e._v("清空")])], 1)], 2)], 1)], 1), n("PageableTable", { ref: "table", attrs: { "highlight-current-row": "", "hide-on-single-page": "", "click-row-select": "", "row-key": e.rowKey, descs: e.descs, "payload-style": "body", api: e.tableApi, model: e.model, multiple: e.multiple }, on: { "current-change": t.handleCurrentChange, "selection-change": t.handleChange } }, [e._t("columns")], 2)], 1)], 1);
+}, D = [], K = /* @__PURE__ */ B(
+  E,
+  R,
+  D,
+  !1,
+  null,
+  null
+);
+const M = K.exports;
+export {
+  M as default
+};