@web-utils/component 4.0.16 → 5.0.0-beta01

package/pageable-view/index.mjs

@@ -1,275 +1,280 @@
-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, i as u, j as m } from "../chunks/index.B2TRddqf.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;
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { a as t, i as n, r } from "../chunks/util.B3sjVZoZ.mjs";
+import { Fragment as i, createElementBlock as a, createElementVNode as o, createVNode as s, openBlock as c, renderList as l, renderSlot as u, resolveComponent as d, resolveDirective as f, withDirectives as p } from "vue";
+import { copy as m, hasOwn as h } from "@web-utils/core";
+import { cloneDeep as g, merge as _ } from "@web-utils/integrations/lodash";
+//#region src/components/PageableView.vue
+function v(e) {
+	let t = "";
+	for (let n in e) t += `<ElTableColumn prop="${n}" label="${n}"/>\n`;
+	return t;
 }
-const i = {
-  loading: 1,
-  error: -1,
-  empty: 2,
-  success: 0
-}, y = {
-  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 = { ...e, ...this.filter });
-    let t = {};
-    this.model && (t = n(this.model));
-    const s = this.pageSize;
-    return {
-      // TABLE_STATUS: Object.freeze(TABLE_STATUS),
-      tableStatus: i.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 g({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
-    },
-    headers() {
-      var e;
-      return ((e = this.columns) == null ? void 0 : e.map(h)) || [];
-    }
-  },
-  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() {
-      this.$refs.scroller && this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
-    },
-    filterTableProperties: m,
-    filterTableEvents: u,
-    filterTableColumnProperties: h,
-    onTableScroll() {
-      this.tableScrollTop = this.$refs.scroller.scrollTop, this.tableScrollLeft = this.$refs.scroller.scrollLeft;
-    },
-    copy: (e) => f(S(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 = n(e);
-    },
-    deleteModelField(e) {
-      delete this.page.model[e];
-    },
-    removeRule(e) {
-      const t = this.page.filters.rules, s = t.findIndex((l) => l.field === e);
-      s > -1 && t.splice(s, 1);
-    },
-    addFilter({ field: e, op: t, value: s }) {
-      this.page.filters = {
-        ...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();
-    },
-    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;
-        }
-      } 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);
-    },
-    async refresh() {
-      await this.getPage();
-    },
-    reload() {
-      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 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)]);
-}, $ = [], T = /* @__PURE__ */ b(
-  y,
-  v,
-  $,
-  !1,
-  null,
-  null
-);
-const x = T.exports;
-export {
-  x as default
-};
+var y = {
+	loading: 1,
+	error: -1,
+	empty: 2,
+	success: 0
+}, b = {
+	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
+		}
+	},
+	emits: ["page-loaded"],
+	data() {
+		let e = { rules: [] };
+		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 = g(this.model));
+		let n = this.pageSize;
+		return {
+			tableStatus: y.empty,
+			records: [],
+			loading: !1,
+			currentRow: null,
+			page: {
+				total: 0,
+				page: 1,
+				limit: n,
+				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() {
+			let e = `${(this.page.page - 1) * this.page.limit + this.records.length}`;
+			return e.length > 3 ? 50 + (e.length - 3) * 10 : 50;
+		},
+		mergeAttrs() {
+			return _({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
+		},
+		headers() {
+			var e;
+			return ((e = this.columns) == null ? void 0 : e.map(r)) || [];
+		}
+	},
+	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);
+	},
+	beforeUnmount() {
+		var e;
+		(e = this.$refs.scroller) == null || e.removeEventListener("scroll", this.onTableScroll);
+	},
+	methods: {
+		updateTableScrollPosition() {
+			this.$refs.scroller && this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
+		},
+		filterTableProperties: t,
+		filterTableEvents: n,
+		filterTableColumnProperties: r,
+		onTableScroll() {
+			this.tableScrollTop = this.$refs.scroller.scrollTop, this.tableScrollLeft = this.$refs.scroller.scrollLeft;
+		},
+		copy: (e) => m(v(e)),
+		onSortChange({ prop: e, order: t }) {
+			this.page.ascs = t === "ascending" ? e : "", this.page.descs = t === "descending" ? e : "";
+		},
+		onCurrentChange(e) {
+			this.currentRow = e;
+		},
+		addRule(e) {
+			this.removeRule(e.field), this.page.filters.rules.push(e);
+		},
+		addRules(e) {
+			e.forEach((e) => this.addRule(e));
+		},
+		setModelField(e, t) {
+			this.$set(this.page.model, e, t);
+		},
+		setModel(e) {
+			this.page.page = 1, this.page.model = g(e);
+		},
+		deleteModelField(e) {
+			delete this.page.model[e];
+		},
+		removeRule(e) {
+			let t = this.page.filters.rules, n = t.findIndex((t) => t.field === e);
+			n > -1 && t.splice(n, 1);
+		},
+		addFilter({ field: e, op: t, value: n }) {
+			this.page.filters = {
+				...this.page.filters,
+				rules: [{
+					field: e,
+					op: t,
+					value: n
+				}],
+				op: "and"
+			};
+		},
+		clearFilters() {
+			this.page.filters = {};
+		},
+		clearSelection() {
+			this.$refs.table.clearSelection();
+		},
+		search() {
+			this.setModel(this.model), this.getPage();
+		},
+		async getPage() {
+			var e;
+			if (h(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 t, { filters: n, ...r } = this.page, i = { ...r };
+			if (!(n == null || (e = n.rules) == null) && e.length && (i.filters = { rules: n.rules }), this.api || this.url) {
+				this.tableStatus = y.loading;
+				try {
+					this.loading = !0, this.api && (t = await this.api(i)), this.url && (t = await this.method(this.url, i)), this.loading = !1;
+				} catch (e) {
+					this.tableStatus = y.error, console.error(e), this.loading = !1;
+					return;
+				}
+			} else {
+				this.$notify.warning({
+					title: "开发提示！",
+					message: "PageableTable 请提供 url(String) 或 api(Function) 属性"
+				});
+				return;
+			}
+			let { data: a } = t || {}, { total: o, records: s } = a || {};
+			this.page.total = Number(o), this.records = s, !s || !s.length ? this.tableStatus = y.empty : this.tableStatus = y.success, this.$refs.table && (this.$refs.scroller.scrollTop = 0), this.$emit("page-loaded", a);
+		},
+		async refresh() {
+			await this.getPage();
+		},
+		reload() {
+			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);
+		}
+	}
+}, x = {
+	class: "work",
+	style: {
+		height: "100%",
+		"background-color": "#fff"
+	}
+}, S = {
+	class: "flex-column list-content",
+	style: { height: "100%" }
+}, C = {
+	class: "flex-item-relative",
+	"element-loading-text": "加载中...",
+	"element-loading-background": "#fff"
+}, w = {
+	ref: "scroller",
+	class: "scroll-wrapper"
+}, T = { class: "cards-block" };
+function E(e, t, n, r, m, h) {
+	let g = d("ElPagination"), _ = f("loading");
+	return c(), a("div", x, [o("div", S, [p((c(), a("div", C, [o("div", w, [o("div", T, [
+		u(e.$slots, "prepend"),
+		(c(!0), a(i, null, l(m.records, (t) => u(e.$slots, "default", { item: t })), 256)),
+		u(e.$slots, "append")
+	])], 512)])), [[_, m.loading]]), s(g, {
+		"current-page": m.page.page,
+		"hide-on-single-page": n.hideOnSinglePage,
+		"page-size": m.page.limit,
+		total: m.page.total,
+		class: "flex-not-shrink",
+		style: { "border-top": "1px solid #ebeef5" },
+		background: "",
+		layout: "total, prev, pager, next, jumper",
+		onCurrentChange: t[0] || (t[0] = (e) => {
+			m.page.page = e;
+		})
+	}, null, 8, [
+		"current-page",
+		"hide-on-single-page",
+		"page-size",
+		"total"
+	])])]);
+}
+var D = /* @__PURE__ */ e(b, [["render", E]]);
+//#endregion
+export { D as default };

package/photo-swipe/index.d.ts

@@ -2,3 +2,7 @@ export declare function initPhotoSwipe(options: any): void;
 export declare function photoswipe(event: any, thumbnailsWrapperDom: any, options?: {
     selector: string;
 }): Promise<void>;
+export type ImageRect = {
+    width: number | string | null | undefined;
+    height: number | string | null | undefined;
+};

package/photo-swipe/index.mjs

@@ -1,36 +1,33 @@
-import { p as o } from "../chunks/index.BmYCjxZQ.mjs";
-import { n } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const i = {
-  name: "PhotoSwipe",
-  props: {
-    urls: Array,
-    selector: {
-      type: String,
-      default: "img"
-    }
-  },
-  methods: {
-    async preview(e) {
-      await o(e, this.$refs.wrapper, { selector: this.selector });
-    }
-  }
-};
-var a = function() {
-  var r = this, t = r._self._c;
-  return t("div", { ref: "wrapper" }, [r._t("default", function() {
-    return r._l(r.urls, function(s) {
-      return t("img", { key: s.src, staticStyle: { cursor: "pointer" }, attrs: { width: "100", src: s.src, alt: "" }, on: { click: r.preview } });
-    });
-  }, { urls: r.urls, preview: r.preview })], 2);
-}, c = [], p = /* @__PURE__ */ n(
-  i,
-  a,
-  c,
-  !1,
-  null,
-  null
-);
-const _ = p.exports;
-export {
-  _ as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { t } from "../chunks/photo-swipe.BB0SJZg9.mjs";
+import { Fragment as n, createElementBlock as r, openBlock as i, renderList as a, renderSlot as o } from "vue";
+//#region src/components/photo-swipe/PhotoSwipe.vue
+var s = {
+	name: "PhotoSwipe",
+	props: {
+		urls: Array,
+		selector: {
+			type: String,
+			default: "img"
+		}
+	},
+	methods: { async preview(e) {
+		await t(e, this.$refs.wrapper, { selector: this.selector });
+	} }
+}, c = { ref: "wrapper" }, l = ["src"];
+function u(e, t, s, u, d, f) {
+	return i(), r("div", c, [o(e.$slots, "default", {
+		urls: s.urls,
+		preview: f.preview
+	}, () => [(i(!0), r(n, null, a(s.urls, (e) => (i(), r("img", {
+		key: e.src,
+		style: { cursor: "pointer" },
+		width: "100",
+		src: e.src,
+		alt: "",
+		onClick: t[0] || (t[0] = (...e) => f.preview && f.preview(...e))
+	}, null, 8, l))), 128))])], 512);
+}
+var d = /* @__PURE__ */ e(s, [["render", u]]);
+//#endregion
+export { d as default };