@pungfe/element 0.5.1 → 0.5.4

package/README.md

@@ -37,6 +37,11 @@ npm i @pungfe/element element-plus vue
 import Element from '@pungfe/element'
 import { createApp } from 'vue'
 import App from './App.vue'
+
+import '.../tailwind.css'
+import '.../cover.css'
+
+// 该组件库的style.css 建议放在tailwind入口css和项目覆盖css之后
 import '@pungfe/element/style.css'
 
 const app = createApp(App)

package/dist/{advance-CB0gWtLg.js → advance-BY7MMpvJ.js}

@@ -1,4 +1,4 @@
-import { A as e, C as t, D as n, E as r, O as i, S as a, T as o, _ as s, a as c, b as l, d as u, g as d, k as f, l as p, n as m, o as h, s as g, u as _, w as v, x as y, y as b } from "./basic-C6A5vPPP.js";
+import { A as e, C as t, D as n, E as r, O as i, S as a, T as o, _ as s, a as c, b as l, d as u, g as d, k as f, l as p, n as m, o as h, s as g, u as _, w as v, x as y, y as b } from "./basic-7ajmoMou.js";
 import { ElFormItem as x, ElMessage as ee, ElPopconfirm as te, ElPopover as ne, ElScrollbar as S, ElSpace as re, ElSwitch as ie, ElText as C, genFileId as w, useLocale as T } from "element-plus";
 import { Fragment as ae, computed as E, createBlock as oe, createCommentVNode as se, createElementBlock as D, createElementVNode as ce, createSlots as le, createTextVNode as ue, createVNode as O, defineComponent as k, guardReactiveProps as de, inject as fe, isRef as pe, isVNode as me, mergeModels as he, mergeProps as ge, nextTick as _e, normalizeProps as ve, openBlock as A, ref as ye, renderSlot as be, resolveComponent as xe, resolveDirective as Se, toDisplayString as Ce, toValue as we, unref as j, useModel as Te, useTemplateRef as Ee, watch as De, withCtx as Oe, withDirectives as ke } from "vue";
 //#endregion
@@ -8,14 +8,14 @@ var Ae = /* @__PURE__ */ k({
 	props: {
 		action: { type: Function },
 		disabled: { type: Boolean },
+		icon: {},
 		link: {
 			type: Boolean,
 			default: () => void 0
 		},
 		size: {},
 		text: { type: Boolean },
-		type: { default: "primary" },
-		icon: {}
+		type: { default: "primary" }
 	},
 	setup(e) {
 		let t = f(async () => {
@@ -42,14 +42,14 @@ var Ae = /* @__PURE__ */ k({
 	props: {
 		title: {},
 		disabled: { type: Boolean },
+		icon: {},
 		link: {
 			type: Boolean,
 			default: () => void 0
 		},
 		size: {},
 		text: { type: Boolean },
-		type: {},
-		icon: {}
+		type: {}
 	},
 	emits: ["cancel", "confirm"],
 	setup(e, { emit: t }) {
@@ -93,21 +93,21 @@ var Ae = /* @__PURE__ */ k({
 }), Me = /* @__PURE__ */ k({
 	__name: "XCascaderRequest",
 	props: /* @__PURE__ */ he({
-		request: { type: Function },
 		clearable: { type: Boolean },
 		disabled: {
 			type: Boolean,
 			default: () => void 0
 		},
 		filterable: { type: Boolean },
-		size: {},
+		request: { type: Function },
 		placeholder: {},
-		props: {}
+		props: {},
+		size: {}
 	}, {
 		modelValue: {},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ he(["prepare", "change"], ["update:modelValue"]),
+	emits: /* @__PURE__ */ he(["change", "prepare"], ["update:modelValue"]),
 	setup(e, { expose: t, emit: n }) {
 		let r = n, i = Te(e, "modelValue"), { data: a, execute: o, path: s, query: c, url: l } = e.request();
 		return t({
@@ -163,12 +163,12 @@ var Ae = /* @__PURE__ */ k({
 }), Fe = /* @__PURE__ */ k({
 	__name: "XFormRequestNext",
 	props: {
-		request: { type: Function },
 		content: { type: Function },
 		disabled: {
 			type: [Function, Boolean],
 			default: void 0
 		},
+		request: { type: Function },
 		inline: { type: Boolean },
 		labelPosition: {},
 		labelSuffix: {},
@@ -213,8 +213,8 @@ var Ae = /* @__PURE__ */ k({
 }), Ie = /* @__PURE__ */ k({
 	__name: "XRequest",
 	props: {
-		request: { type: Function },
-		content: { type: Function }
+		content: { type: Function },
+		request: { type: Function }
 	},
 	emits: ["prepare"],
 	setup(e, { expose: t, emit: n }) {
@@ -254,12 +254,12 @@ var Ae = /* @__PURE__ */ k({
 	props: /* @__PURE__ */ he({
 		request: { type: Function },
 		supplement: { type: Function },
-		collapseTagsTooltip: { type: Boolean },
-		defaultFirstOption: { type: Boolean },
-		clearable: { type: Boolean },
 		allowCreate: { type: Boolean },
+		clearable: { type: Boolean },
 		collapseTags: { type: Boolean },
+		collapseTagsTooltip: { type: Boolean },
 		data: {},
+		defaultFirstOption: { type: Boolean },
 		disabled: {
 			type: Boolean,
 			default: () => void 0
@@ -272,10 +272,10 @@ var Ae = /* @__PURE__ */ k({
 			type: Boolean,
 			default: () => void 0
 		},
+		placeholder: {},
 		remote: { type: Boolean },
 		remoteMethod: { type: Function },
-		size: {},
-		placeholder: {}
+		size: {}
 	}, {
 		modelValue: {},
 		modelModifiers: {}
@@ -1460,37 +1460,37 @@ Bn.prototype = {
 	drop: Rn
 }, Ve(Bn, { pluginName: "removeOnSpill" }), Q.mount(new Pn()), Q.mount(Bn, zn);
 //#endregion
-//#region node_modules/@vueuse/integrations/dist/useSortable-Cc5LKbDD.js
+//#region node_modules/@vueuse/integrations/dist/useSortable.js
 function Vn(e, n, i = {}) {
 	let s, { document: c = a, watchElement: l = !1, ...u } = i, d = { onUpdate: (e) => {
 		Wn(n, e.oldIndex, e.newIndex, e);
-	} }, f = E(() => typeof e == "string" ? c?.querySelector(e) : t(e)), p = () => {
+	} }, f = () => {
 		s?.destroy(), s = void 0;
-	}, m = (e) => {
+	}, p = (e) => {
 		!e || s !== void 0 || (s = new Q(e, {
 			...d,
 			...u
 		}));
-	}, h = () => {
-		let e = f.value;
-		e && m(e);
-	}, g = (e, t) => {
+	}, m = () => {
+		let n = typeof e == "string" ? c?.querySelector(e) : t(e);
+		n && p(n);
+	}, h = (e, t) => {
 		if (t !== void 0) s?.option(e, t);
 		else return s?.option(e);
-	}, _;
-	return l && typeof e != "string" ? _ = De(f, (e) => {
-		p(), e && m(e);
+	}, g;
+	return l && typeof e != "string" ? g = De(() => t(e), (e) => {
+		f(), e && p(e);
 	}, {
 		immediate: !0,
 		flush: "post"
-	}) : o(h), r(() => {
-		_?.(), p();
+	}) : o(m), r(() => {
+		g?.(), f();
 	}), {
 		stop: () => {
-			p();
+			f();
 		},
-		start: h,
-		option: g
+		start: m,
+		option: h
 	};
 }
 function Hn(e, t, n) {
@@ -1521,9 +1521,9 @@ function Kn(e) {
 var qn = /* @__PURE__ */ k({
 	__name: "XTableConfig",
 	props: {
+		config: {},
 		data: {},
 		fields: { type: Function },
-		config: {},
 		cellClassName: { type: [Function, String] },
 		cellStyle: { type: [Function, Object] },
 		rowClassName: { type: [Function, String] },
@@ -1534,11 +1534,11 @@ var qn = /* @__PURE__ */ k({
 		size: {},
 		spanMethod: { type: Function },
 		summaryMethod: { type: Function },
+		align: {},
 		border: { type: Boolean },
-		fit: { type: Boolean },
 		emptyText: {},
-		headerAlign: {},
-		align: {}
+		fit: { type: Boolean },
+		headerAlign: {}
 	},
 	emits: [
 		"rowClick",
@@ -1568,54 +1568,54 @@ var qn = /* @__PURE__ */ k({
 			}
 		});
 		let { t: f } = T(fe(l, void 0)), p = () => O(Jn, {
-			data: e.data,
-			columns: u.value,
-			showOverflowTooltip: !0,
 			border: !0,
+			columns: u.value,
+			data: e.data,
 			onHeaderDragend: (e, t, n) => {
 				let r = o.value.find((e) => e.code === n.columnKey);
 				r && (r.width = e, _e(() => {
 					c(o.value);
 				}));
 			},
-			onRowClick: (e) => a("rowClick", e)
+			onRowClick: (e) => a("rowClick", e),
+			showOverflowTooltip: !0
 		}, null), m = () => O(ne, {
+			"popper-class": "shadow-xl bg-(--el-bg-color)",
 			trigger: "click",
-			width: "auto",
-			"popper-class": "shadow-xl bg-(--el-bg-color)"
+			width: "auto"
 		}, {
 			default: () => {
 				let e;
 				return O("div", { class: "flex flex-col gap-2" }, [O(C, { size: "large" }, Kn(e = f("el.common.tableConfigTitle")) ? e : { default: () => [e] }), O(S, { "max-height": 500 }, { default: () => [O("div", {
-					ref: d,
-					class: "flex flex-col divide-y divide-[#f2f6fc]"
+					class: "flex flex-col divide-y divide-[#f2f6fc]",
+					ref: d
 				}, { default: () => o.value.map((e) => O("div", { class: "flex w-50 items-center gap-2 py-2" }, [
 					O(y, {
-						text: !0,
-						icon: Re,
+						class: "cursor-grab",
 						disabled: !1,
-						type: "primary",
+						icon: Re,
 						size: "small",
-						class: "cursor-grab"
+						text: !0,
+						type: "primary"
 					}, null),
 					O(C, { class: "flex-1 overflow-ellipsis" }, { default: () => [e.label] }),
 					O(ie, {
-						size: "small",
 						disabled: !1,
 						modelValue: e.visible,
 						"onUpdate:modelValue": (t) => {
 							e.visible = t, _e(() => {
 								c(o.value);
 							});
-						}
+						},
+						size: "small"
 					}, null)
 				])) })] })]);
 			},
 			reference: () => O(y, {
-				icon: ze,
+				class: "absolute top-0 right-0 z-1000",
 				disabled: !1,
-				text: !0,
-				class: "absolute top-0 right-0 z-1000"
+				icon: ze,
+				text: !0
 			}, null)
 		});
 		return t({ data: e.data }), (e, t) => {
@@ -1638,21 +1638,21 @@ var qn = /* @__PURE__ */ k({
 		size: {},
 		spanMethod: {},
 		summaryMethod: {},
-		showOverflowTooltip: {
-			type: [Boolean, Object],
-			default: void 0
-		},
+		align: {},
 		border: {
 			type: Boolean,
 			default: void 0
 		},
+		emptyText: {},
 		fit: {
 			type: Boolean,
 			default: void 0
 		},
-		emptyText: {},
 		headerAlign: {},
-		align: {}
+		showOverflowTooltip: {
+			type: [Boolean, Object],
+			default: void 0
+		}
 	},
 	emits: [
 		"headerDragend",
@@ -1697,15 +1697,15 @@ function Zn(e) {
 var Qn = /* @__PURE__ */ k({
 	__name: "XTableRequestConfigNext",
 	props: {
-		request: { type: Function },
+		config: {},
 		fields: { type: Function },
 		header: { type: Function },
-		config: {},
 		pagination: {
 			type: Boolean,
 			default: !0
 		},
 		paginationLayout: {},
+		request: { type: Function },
 		cellClassName: { type: [Function, String] },
 		cellStyle: { type: [Function, Object] },
 		rowClassName: { type: [Function, String] },
@@ -1717,11 +1717,11 @@ var Qn = /* @__PURE__ */ k({
 		size: {},
 		spanMethod: { type: Function },
 		summaryMethod: { type: Function },
+		align: {},
 		border: { type: Boolean },
-		fit: { type: Boolean },
 		emptyText: {},
-		headerAlign: {},
-		align: {}
+		fit: { type: Boolean },
+		headerAlign: {}
 	},
 	emits: [
 		"prepare",
@@ -1759,17 +1759,14 @@ var Qn = /* @__PURE__ */ k({
 			}
 		});
 		let he = fe(l, void 0), { t: ge } = T(he), ve = () => O(u, {
-			labelPosition: he?.value.name.toLowerCase() === "zh-cn" ? "left" : "top",
-			data: h.value,
-			disabled: ce.value || c.value,
 			content: ({ data: t }) => O("div", { class: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-2" }, [[...de.value.map((n) => {
 				let r = e.config[n.code];
 				return O(_, {
-					label: r?.label ?? n.label,
 					content: () => r?.search?.({ query: t }) ?? O(p, {
 						disabled: !0,
 						modelValue: n.code
-					}, null)
+					}, null),
+					label: r?.label ?? n.label
 				}, null);
 			}), O(x, null, {
 				default: () => {
@@ -1780,7 +1777,10 @@ var Qn = /* @__PURE__ */ k({
 					} }, Zn(e = ge("el.common.query")) ? e : { default: () => [e] }), O(y, { onClick: () => te() }, Zn(t = ge("el.common.reset")) ? t : { default: () => [t] })] });
 				},
 				label: () => O("div", { style: "height: 22px" }, null)
-			})]])
+			})]]),
+			data: h.value,
+			disabled: ce.value || c.value,
+			labelPosition: he?.value.name.toLowerCase() === "zh-cn" ? "left" : "top"
 		}, null), be = () => e.header?.({
 			data: o.value,
 			isFetching: c.value,
@@ -1788,67 +1788,67 @@ var Qn = /* @__PURE__ */ k({
 			path: m.value,
 			query: h.value
 		}), xe = () => O(Jn, {
-			data: o.value,
-			columns: k.value,
-			showOverflowTooltip: !0,
 			border: !0,
+			columns: k.value,
+			data: o.value,
 			onHeaderDragend: (e, t, n) => {
 				let r = w.value.find((e) => e.code === n.columnKey);
 				r && (r.width = e, _e(() => {
 					le(w.value);
 				}));
-			}
+			},
+			showOverflowTooltip: !0
 		}, null), Ce = () => O(ne, {
+			"popper-class": "shadow-xl bg-(--el-bg-color)",
 			trigger: "click",
-			width: "auto",
-			"popper-class": "shadow-xl bg-(--el-bg-color)"
+			width: "auto"
 		}, {
 			default: () => {
 				let e;
 				return O("div", { class: "flex flex-col gap-2" }, [O(C, { size: "large" }, Zn(e = ge("el.common.tableConfigTitle")) ? e : { default: () => [e] }), O(S, { "max-height": 500 }, { default: () => [O("div", {
-					ref: me,
-					class: "flex flex-col divide-y divide-[#f2f6fc]"
+					class: "flex flex-col divide-y divide-[#f2f6fc]",
+					ref: me
 				}, { default: () => w.value.map((e) => O("div", { class: "flex w-50 items-center gap-2 py-2" }, [
 					O(y, {
-						text: !0,
-						icon: Re,
+						class: "cursor-grab",
 						disabled: !1,
-						type: "primary",
+						icon: Re,
 						size: "small",
-						class: "cursor-grab"
+						text: !0,
+						type: "primary"
 					}, null),
-					O(C, { class: "flex-1 overflow-ellipsis" }, { default: () => [e.label] }),
+					O(C, { class: "flex-1 text-ellipsis" }, { default: () => [e.label] }),
 					O(ie, {
-						size: "small",
 						disabled: !1,
 						modelValue: e.visible,
 						"onUpdate:modelValue": (t) => {
 							e.visible = t, _e(() => {
 								le(w.value);
 							});
-						}
+						},
+						size: "small"
 					}, null)
 				])) })] })]);
 			},
 			reference: () => O(y, {
-				icon: ze,
-				text: !0,
+				class: "absolute top-0 right-0 z-1000",
 				disabled: !1,
-				class: "absolute top-0 right-0 z-1000"
+				icon: ze,
+				text: !0
 			}, null)
 		}), we = () => O(g, {
-			size: "small",
-			layout: e.paginationLayout,
-			total: d.value.itemCount,
 			currentPage: d.value.pageIndex,
-			pageSize: d.value.pageSize,
-			"onUpdate:currentPage": (e) => h.value.pageIndex = e ?? 0,
-			"onUpdate:pageSize": (e) => h.value.pageSize = e ?? 0,
+			layout: e.paginationLayout,
 			onCurrentChange: () => s(),
 			onSizeChange: () => {
 				let e = h.value;
 				e.pageIndex = 1, s();
-			}
+			},
+			"onUpdate:currentPage": (e) => h.value.pageIndex = e ?? 0,
+			"onUpdate:pageSize": (e) => h.value.pageSize = e ?? 0,
+			pageSize: d.value.pageSize,
+			size: "small",
+			total: d.value.itemCount
 		}, null);
 		return t({
 			data: o,
@@ -1881,37 +1881,37 @@ var Qn = /* @__PURE__ */ k({
 }, tr = /* @__PURE__ */ k({
 	__name: "XTableRequestNext",
 	props: {
-		request: { type: Function },
+		cellClassName: { type: [Function, String] },
+		cellStyle: { type: [Function, Object] },
+		columns: {},
+		footer: { type: Function },
+		header: { type: Function },
 		pagination: {
 			type: Boolean,
 			default: !0
 		},
-		columns: {},
-		header: { type: Function },
-		footer: { type: Function },
-		cellClassName: { type: [Function, String] },
-		cellStyle: { type: [Function, Object] },
+		paginationLayout: {},
+		request: { type: Function },
 		rowClassName: { type: [Function, String] },
 		rowStyle: { type: [Function, Object] },
-		paginationLayout: {},
 		height: {},
 		rowKey: { type: Function },
 		showSummary: { type: Boolean },
 		size: {},
 		spanMethod: { type: Function },
 		summaryMethod: { type: Function },
-		showOverflowTooltip: {
-			type: [Boolean, Object],
-			default: () => void 0
-		},
+		align: {},
 		border: { type: Boolean },
+		emptyText: {},
 		fit: {
 			type: Boolean,
 			default: () => void 0
 		},
-		emptyText: {},
 		headerAlign: {},
-		align: {}
+		showOverflowTooltip: {
+			type: [Boolean, Object],
+			default: () => void 0
+		}
 	},
 	emits: [
 		"prepare",
@@ -1940,31 +1940,31 @@ var Qn = /* @__PURE__ */ k({
 			url: u
 		});
 		let m = () => e.header?.({ query: l.value }), h = () => O(Jn, {
-			data: i.value,
+			cellClassName: e.cellClassName,
+			cellStyle: e.cellStyle,
 			columns: e.columns,
-			showOverflowTooltip: e.showOverflowTooltip,
+			data: i.value,
 			fit: e.fit,
+			onHeaderDragend: (e, t, n) => r("headerDragend", e, t, n),
 			onRowClick: (e) => r("rowClick", e),
 			onRowDblclick: (e) => r("rowDblclick", e),
 			onSelectionChange: (e) => r("selectionChange", e),
-			onHeaderDragend: (e, t, n) => r("headerDragend", e, t, n),
-			cellClassName: e.cellClassName,
-			cellStyle: e.cellStyle,
 			rowClassName: e.rowClassName,
-			rowStyle: e.rowStyle
+			rowStyle: e.rowStyle,
+			showOverflowTooltip: e.showOverflowTooltip
 		}, null), _ = () => O(g, {
-			size: "small",
-			layout: e.paginationLayout,
-			total: s.value.itemCount,
 			currentPage: s.value.pageIndex,
-			pageSize: s.value.pageSize,
-			"onUpdate:currentPage": (e) => l.value.pageIndex = e ?? 0,
-			"onUpdate:pageSize": (e) => l.value.pageSize = e ?? 0,
+			layout: e.paginationLayout,
 			onCurrentChange: () => a(),
 			onSizeChange: () => {
 				let e = l.value;
 				e.pageIndex = 1, a();
-			}
+			},
+			"onUpdate:currentPage": (e) => l.value.pageIndex = e ?? 0,
+			"onUpdate:pageSize": (e) => l.value.pageSize = e ?? 0,
+			pageSize: s.value.pageSize,
+			size: "small",
+			total: s.value.itemCount
 		}, null), v = () => e.footer?.({ query: l.value });
 		return (t, n) => {
 			let r = Se("loading");
@@ -1983,11 +1983,11 @@ var Qn = /* @__PURE__ */ k({
 		accept: {},
 		disabled: { type: Boolean },
 		limit: {},
-		showFileList: { type: Boolean },
 		multiple: { type: Boolean },
-		onSuccess: { type: Function },
+		onPreview: { type: Function },
 		onRemove: { type: Function },
-		onPreview: { type: Function }
+		onSuccess: { type: Function },
+		showFileList: { type: Boolean }
 	}, {
 		modelValue: {},
 		modelModifiers: {}
@@ -2005,7 +2005,7 @@ var Qn = /* @__PURE__ */ k({
 		}, o = (t) => (t.size > e.maxSize && ee.warning("文件过大,请重新选择"), t.size < e.maxSize), c = (e, t) => n.value = Array.isArray(n.value) ? t.map((e) => e.url) : void 0, u = () => n.value = Array.isArray(n.value) ? n.value.concat(i.value) : i.value, d = (e) => window.open(e.url), f = (e) => {
 			if (!/^\d+$/.test(e)) return !1;
 			let t = Number(e);
-			return !Number.isSafeInteger(t) || e.length < 12 || e.length > 16 ? !1 : (new Date(t), t >= Date.UTC(2e3, 0, 1) && t <= Date.UTC(2100, 0, 1));
+			return !Number.isSafeInteger(t) || e.length < 12 || e.length > 16 ? !1 : t >= Date.UTC(2e3, 0, 1) && t <= Date.UTC(2100, 0, 1);
 		}, p = E(() => [].concat(n.value ?? []).reverse().map((e) => {
 			let t = e.split("/"), n = t.at(-1), r = n?.split("_").at(0);
 			return (!r || !f(r)) && (r = t.at(-2)), r && !f(r) && (r = `${w()}`), {
@@ -2025,7 +2025,7 @@ var Qn = /* @__PURE__ */ k({
 				onRemove: c,
 				onSuccess: u,
 				onPreview: d
-			}, { showFileList: "" }), le({
+			}, { "show-file-list": "" }), le({
 				default: Oe(() => [be(t.$slots, "default", {}, () => [O(i, {
 					type: "primary",
 					size: "small"