@web-utils/component 5.0.0-beta02 → 5.0.0-beta04

package/page-index-top/index.mjs

@@ -1,80 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { Fragment as t, createBlock as n, createElementBlock as r, createVNode as i, openBlock as a, renderList as o, renderSlot as s, resolveComponent as c, withCtx as l } from "vue";
-import { findFirstMatchNode as u, treeToArray as d } from "@web-utils/core";
-//#region src/components/PageIndexTop.vue
-var f = {
-	name: "PageIndexTop",
-	props: {
-		menus: {
-			type: Array,
-			default: () => []
-		},
-		tips: {
-			type: String,
-			default: "请添加页面内容！"
-		},
-		schema: {
-			type: String,
-			default: ""
-		}
-	},
-	data() {
-		return { activeTab: "" };
-	},
-	watch: { menus: "activeFirstMenu" },
-	mounted() {
-		this.activeFirstMenu();
-	},
-	methods: {
-		async activeFirstMenu() {
-			if (d(this.menus).map((e) => e.path).filter((e) => e).includes(this.$route.path)) this.activeTab = this.$route.path;
-			else {
-				let e = u(this.menus, (e) => e.path);
-				e && (this.activeTab = e.path, await this.$router.push({
-					path: e.path,
-					query: e.query
-				}));
-			}
-		},
-		async tabClick(e) {
-			await this.$router.push(e.name);
-		},
-		async beforeRouteUpdate(e, t, n) {
-			if (e.path === this.schema) {
-				let e = u(this.menus, (e) => e.path);
-				e ? (await n({
-					path: e.path,
-					query: e.query
-				}), this.activeTab = e.path) : await n(!1);
-			} else await n();
-		}
-	}
-};
-function p(e, u, d, f, p, m) {
-	let h = c("ElTabPane"), g = c("ElTabs"), _ = c("PageHeader"), v = c("EmptyView"), y = c("PageSkeleton");
-	return d.menus && d.menus.length ? (a(), n(y, { key: 0 }, {
-		header: l(() => [i(_, null, {
-			"section-title": l(() => [i(g, {
-				modelValue: p.activeTab,
-				"onUpdate:modelValue": u[0] || (u[0] = (e) => p.activeTab = e),
-				onTabClick: m.tabClick
-			}, {
-				default: l(() => [(a(!0), r(t, null, o(d.menus, (e) => (a(), n(h, {
-					key: e.path,
-					label: e.label,
-					name: `${e.path}`
-				}, null, 8, ["label", "name"]))), 128))]),
-				_: 1
-			}, 8, ["modelValue", "onTabClick"])]),
-			_: 1
-		})]),
-		default: l(() => [s(e.$slots, "default", {}, () => [i(v, { "empty-tips": d.tips }, null, 8, ["empty-tips"])])]),
-		_: 3
-	})) : (a(), n(v, {
-		key: 1,
-		"empty-tips": "暂无权限！"
-	}));
-}
-var m = /* @__PURE__ */ e(f, [["render", p]]);
-//#endregion
-export { m as default };

package/page-skeleton/index.mjs

@@ -1,49 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import t from "../nav-bar/index.mjs";
-import n from "../page/index.mjs";
-import r from "../page-header/index.mjs";
-import { createBlock as i, createCommentVNode as a, createElementVNode as o, normalizeClass as s, openBlock as c, renderSlot as l, resolveComponent as u, withCtx as d } from "vue";
-//#region src/components/PageSkeleton.vue
-var f = {
-	name: "PageSkeleton",
-	components: {
-		Page: n,
-		NavBar: t,
-		PageHeader: r
-	},
-	props: {
-		title: String,
-		flexColumn: Boolean,
-		flexRow: Boolean,
-		header: {
-			type: Boolean,
-			default: !0
-		},
-		contentClass: String,
-		contentScroll: {
-			type: Boolean,
-			default: !0
-		}
-	}
-};
-function p(e, t, n, r, f, p) {
-	let m = u("PageHeader"), h = u("NavBar"), g = u("Page");
-	return c(), i(g, { class: "page-skeleton" }, {
-		default: d(() => [n.header ? l(e.$slots, "header", { key: 0 }, () => [n.title ? (c(), i(m, {
-			key: 0,
-			title: n.title
-		}, null, 8, ["title"])) : (c(), i(h, { key: 1 }))]) : a("v-if", !0), o("div", { class: s([
-			"page-content",
-			{
-				"flex-column": n.flexColumn,
-				"flex-row": n.flexRow,
-				"content-scroll": n.contentScroll
-			},
-			n.contentClass
-		]) }, [l(e.$slots, "default")], 2)]),
-		_: 3
-	});
-}
-var m = /* @__PURE__ */ e(f, [["render", p]]);
-//#endregion
-export { m as default };

package/page-skeleton/style.css

@@ -1 +0,0 @@
-.page-skeleton .page-content{flex:auto;width:100%;height:100%;position:relative}.page-skeleton .page-content.content-scroll{overflow:auto}.page-skeleton .page-content.flex-column{flex-direction:column;height:0;display:flex}.page-skeleton .page-content.flex-row{display:flex}

package/page-skeleton-new/index.mjs

@@ -1,79 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, normalizeClass as o, normalizeStyle as s, openBlock as c, renderSlot as l, resolveComponent as u, toDisplayString as d, withCtx as f } from "vue";
-//#region src/components/PageSkeletonNew.vue
-var p = {
-	name: "PageSkeletonNew",
-	props: {
-		title: {
-			type: String,
-			default: "页面标题"
-		},
-		flexColumn: Boolean,
-		flexRow: Boolean,
-		header: {
-			type: Boolean,
-			default: !0
-		},
-		contentClass: String,
-		contentScroll: {
-			type: Boolean,
-			default: !0
-		},
-		sidebarWidth: {
-			type: String,
-			default: "240px"
-		}
-	}
-}, m = {
-	key: 0,
-	class: "page-skeleton-new-header",
-	style: { "margin-right": "0" }
-}, h = { class: "section-title" }, g = {
-	class: "flex-item",
-	style: { "border-right": "1px solid #eee" }
-}, _ = {
-	key: 0,
-	class: "page-skeleton-new-header",
-	style: {
-		"margin-left": "0",
-		"padding-left": "10px"
-	}
-}, v = { class: "flex-item flex-row vertical-center" }, y = { class: "flex-item flex-row vertical-center" }, b = { class: /* @__PURE__ */ o([
-	"flex-row",
-	"flex-item",
-	"vertical-center",
-	"align-end"
-]) };
-function x(e, p, x, S, C, w) {
-	let T = u("Page");
-	return c(), t(T, {
-		class: "page-skeleton-new",
-		horizontal: ""
-	}, {
-		default: f(() => [
-			n(" 侧栏 "),
-			i("div", {
-				class: "page-skeleton-new-left",
-				style: s({ width: x.sidebarWidth })
-			}, [x.header ? (c(), r("div", m, [i("span", h, d(x.title), 1)])) : n("v-if", !0), i("div", g, [l(e.$slots, "sidebar-content", {}, () => [p[0] || (p[0] = a(" 侧栏内容 ", -1))])])], 4),
-			n(" 内容 "),
-			i("div", {
-				class: "page-skeleton-new-right",
-				style: s({ width: `calc(100% - ${x.sidebarWidth})` })
-			}, [x.header ? (c(), r("div", _, [i("div", v, [l(e.$slots, "header-left")]), i("div", y, [i("div", b, [l(e.$slots, "header-right")])])])) : n("v-if", !0), i("div", { class: o([
-				"page-skeleton-new-page-content",
-				"flex-item",
-				{
-					"flex-column": x.flexColumn,
-					"flex-row": x.flexRow,
-					"content-scroll": x.contentScroll
-				},
-				x.contentClass
-			]) }, [l(e.$slots, "default", {}, () => [p[1] || (p[1] = a("内容", -1))])], 2)], 4)
-		]),
-		_: 3
-	});
-}
-var S = /* @__PURE__ */ e(p, [["render", x]]);
-//#endregion
-export { S as default };

package/page-skeleton-new/style.css

@@ -1 +0,0 @@
-.page-skeleton-new .page-skeleton-new-header{border-bottom:2px solid #eee;flex-direction:row;height:40px;margin:0 10px;line-height:40px;display:flex}.page-skeleton-new .page-skeleton-new-header .align-end{justify-content:flex-end}.page-skeleton-new .page-skeleton-new-left{flex-direction:column;display:flex}.page-skeleton-new .page-skeleton-new-right{flex-direction:column;flex:auto;display:flex}.page-skeleton-new .page-skeleton-new-page-content{flex:auto;width:100%;height:100%;position:relative}.page-skeleton-new .page-skeleton-new-page-content.content-scroll{overflow:auto}.page-skeleton-new .page-skeleton-new-page-content.flex-column{flex-direction:column;display:flex}.page-skeleton-new .page-skeleton-new-page-content.flex-row{display:flex}

package/pageable-table/index.mjs

@@ -1,2 +0,0 @@
-import { t as e } from "../chunks/PageableTable.Ba3XSbZ5.mjs";
-export { e as default };

package/pageable-table/style.css

@@ -1 +0,0 @@
-.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;width:100%;height:100%;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 .el-table th{color:#000000d9;word-break:break-word;background-color:#fafafa}.pageable-table .total{padding:10px}

package/pageable-view/index.mjs

@@ -1,280 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { a as t, i as n, r } from "../chunks/util.Ce4MHRmD.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;
-}
-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/pageable-view/style.css

@@ -1 +0,0 @@
-.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.d.ts

@@ -1,8 +0,0 @@
-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,33 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { t } from "../chunks/photo-swipe.BxnG4lip.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 };