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

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.fjuzrmWz.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.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.BvBJGc5x.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 };

package/picker-table-view/index.mjs

@@ -1,221 +0,0 @@
-import "../chunks/chunk.A6TnG60p.mjs";
-import { t as e } from "../chunks/message.DnTACuzV.mjs";
-import { l as t } from "../chunks/util.fjuzrmWz.mjs";
-import { createBlock as n, createElementVNode as r, createSlots as i, createTextVNode as a, createVNode as o, onMounted as s, openBlock as c, ref as l, renderSlot as u, resolveComponent as d, toDisplayString as f, withCtx as p, withModifiers as m } from "vue";
-import { isFunction as h, isPlainObject as g } from "@web-utils/core";
-import { cloneDeep as _ } from "@web-utils/integrations/lodash";
-//#region src/components/form/PickerTableView.vue
-var v = { style: {
-	padding: "10px 0",
-	"font-size": "16px",
-	"border-bottom": "1px solid #eee"
-} }, y = /* @__PURE__ */ Object.assign({ name: "PickerTableView" }, {
-	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(y, { expose: b, emit: x }) {
-		let S = y, C = x, w = l([]), T = l(null), E = l([]), D = l([]), O = l(null), k = l(null), A = l(null), j = l(null), M = (e) => {
-			w.value = e;
-		}, N = (e) => {
-			T.value = e;
-		}, P = () => {
-			O.value.reload();
-		}, F = () => {
-			k.value.resetFields(), P();
-		}, I = () => {
-			A.value.hide();
-		}, L = () => {
-			C("cancel"), I();
-		}, R = () => {
-			let n;
-			if (S.multiple) {
-				var r;
-				(r = w.value) != null && r.length && (n = w.value);
-			} else T.value && (n = [T.value]);
-			if (!n.length) {
-				t(e).warning("请选择！");
-				return;
-			}
-			C("confirm", n), I();
-		}, z = (e) => {
-			C("update:visible", e);
-		};
-		return s(async () => {
-			if (S.useTree) {
-				let t = (await S.treeApi()).data.data;
-				if (g(S.customRootNode)) {
-					let e = _(S.customRootNode);
-					e[S.treeProps.children || "children"] = t, E.value = [e];
-				} else if (h(S.customRootNode)) {
-					let e = S.customRootNode(t);
-					e[S.treeProps.children || "children"] = t, E.value = g(e) ? [e] : e;
-				} else E.value = t;
-				if (S.expandFirstNode) {
-					var e;
-					D.value = [(e = E.value[0]) == null ? void 0 : e.id];
-				}
-			}
-		}), b({ search: P }), (e, t) => {
-			let s = d("ElTree"), l = d("ElButton"), h = d("FormItem"), g = d("ElRow"), _ = d("FormItemConfigProvider"), b = d("FormHolder"), x = d("PageableTable"), S = d("SkeletonPanel"), C = d("ElementDialog");
-			return c(), n(C, {
-				ref_key: "dialog",
-				ref: A,
-				visible: y.visible,
-				height: y.height,
-				width: y.width,
-				"body-padding": !1,
-				"show-full-screen": "",
-				title: y.title,
-				"onUpdate:visible": z
-			}, {
-				footer: p(() => [o(l, {
-					type: "primary",
-					onClick: R
-				}, {
-					default: p(() => [...t[2] || (t[2] = [a("确定", -1)])]),
-					_: 1
-				}), o(l, { onClick: L }, {
-					default: p(() => [...t[3] || (t[3] = [a("取消", -1)])]),
-					_: 1
-				})]),
-				default: p(() => [o(S, {
-					"flex-column": "",
-					"use-tab": !1,
-					"hide-left": !y.useTree
-				}, i({
-					default: p(() => [o(b, {
-						ref_key: "form",
-						ref: k,
-						model: y.model,
-						style: { padding: "10px" },
-						"not-table-form": "",
-						onSubmit: m(P, ["prevent"])
-					}, {
-						default: p(() => [o(_, { reactive: "" }, {
-							default: p(() => [o(g, { gutter: 0 }, {
-								default: p(() => [u(e.$slots, "search-form"), o(h, {
-									"hide-label": "",
-									span: 24,
-									style: { "text-align": "right" }
-								}, {
-									default: p(() => [o(l, {
-										type: "primary",
-										"native-type": "submit"
-									}, {
-										default: p(() => [...t[0] || (t[0] = [a("搜索", -1)])]),
-										_: 1
-									}), o(l, { onClick: F }, {
-										default: p(() => [...t[1] || (t[1] = [a("清空", -1)])]),
-										_: 1
-									})]),
-									_: 1
-								})]),
-								_: 3
-							})]),
-							_: 3
-						})]),
-						_: 3
-					}, 8, ["model"]), o(x, {
-						ref_key: "table",
-						ref: O,
-						"highlight-current-row": "",
-						"hide-on-single-page": "",
-						"click-row-select": "",
-						"row-key": y.rowKey,
-						descs: y.descs,
-						"payload-style": "body",
-						api: y.tableApi,
-						model: y.model,
-						multiple: y.multiple,
-						onCurrentChange: N,
-						onSelectionChange: M
-					}, {
-						default: p(() => [u(e.$slots, "columns")]),
-						_: 3
-					}, 8, [
-						"row-key",
-						"descs",
-						"api",
-						"model",
-						"multiple"
-					])]),
-					_: 2
-				}, [y.useTree ? {
-					name: "left",
-					fn: p(() => [r("div", v, f(y.treeTitle), 1), o(s, {
-						ref_key: "tree",
-						ref: j,
-						"node-key": y.nodeKey,
-						data: E.value,
-						"default-expanded-keys": D.value,
-						props: y.treeProps,
-						"expand-on-click-node": y.expandOnClickNode,
-						onNodeClick: y.onNodeClick
-					}, null, 8, [
-						"node-key",
-						"data",
-						"default-expanded-keys",
-						"props",
-						"expand-on-click-node",
-						"onNodeClick"
-					])]),
-					key: "0"
-				} : void 0]), 1032, ["hide-left"])]),
-				_: 3
-			}, 8, [
-				"visible",
-				"height",
-				"width",
-				"title"
-			]);
-		};
-	}
-});
-//#endregion
-export { y as default };