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

package/sign-panel/index.mjs

@@ -1,183 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, normalizeStyle as a, openBlock as o, toDisplayString as s, vShow as c, withDirectives as l, withModifiers as u } from "vue";
-//#region src/components/SignPanel.vue
-var d = {
-	name: "SignPanel",
-	props: {
-		width: {
-			type: Number,
-			default: 400
-		},
-		height: {
-			type: Number,
-			default: 150
-		},
-		lineWidth: {
-			type: Number,
-			default: 1
-		},
-		text: {
-			type: String,
-			default: "签名区"
-		},
-		fontSize: {
-			type: Number,
-			default: 20
-		},
-		modelValue: { type: String },
-		disabled: Boolean
-	},
-	emits: ["update:modelValue"],
-	data() {
-		return { edit: !1 };
-	},
-	mounted() {
-		this.init();
-	},
-	methods: {
-		init() {
-			if (this.stack = [], this.canvas = this.$refs.canvas, !this.canvas.getContext) {
-				alert("当前浏览器不支持手写签名");
-				return;
-			}
-			this.canvasInit();
-		},
-		rollback() {
-			if (this.stack.length > 0) {
-				let e = this.stack[this.stack.length - 1];
-				this.ctx.putImageData(e, 0, 0), this.stack.length = this.stack.length - 1;
-			}
-		},
-		position() {
-			this.restorePoint = this.ctx.getImageData(0, 0, this.canvas.width, this.canvas.height);
-			let e = this.canvas.getBoundingClientRect();
-			this.start = e.left, this.end = e.top;
-		},
-		canvasInit() {
-			this.ctx = this.canvas.getContext("2d"), this.ctx.lineCap = "round", this.ctx.lineWidth = this.lineWidth, this.ctx.clearRect(0, 0, this.width, this.height), this.blank = this.canvas.toDataURL("image/png");
-		},
-		drawWaterMark() {
-			this.ctx.font = `${this.fontSize}px bold 黑体`, this.ctx.fillStyle = "#eee", this.ctx.textAlign = "center", this.ctx.shadowBlur = 1, this.ctx.textBaseline = "middle", this.ctx.fillText(this.text, this.width / 2, this.height / 2);
-		},
-		down(e) {
-			this.position(), this.startLine(e.clientX, e.clientY, e), this.target = e.target, this.target.addEventListener("mousemove", this.move), window.addEventListener("mouseup", this.up);
-		},
-		move(e) {
-			this.moveLine(e.clientX, e.clientY, e);
-		},
-		up() {
-			this.target && this.target.removeEventListener("mousemove", this.move), window.removeEventListener("mouseup", this.up), this.record();
-		},
-		touchstart(e) {
-			this.position(), this.startLine(e.changedTouches[0].clientX, e.changedTouches[0].clientY, e);
-		},
-		touchmove(e) {
-			this.moveLine(e.touches[0].clientX, e.touches[0].clientY, e);
-		},
-		startLine(e, t) {
-			this.ctx.beginPath(), e -= this.start, t -= this.end, this.ctx.moveTo(e, t);
-		},
-		moveLine(e, t, n) {
-			n == null || n.preventDefault(), e -= this.start, t -= this.end, this.ctx.lineTo(e, t), this.ctx.stroke();
-		},
-		clear() {
-			this.ctx.clearRect(0, 0, this.width, this.height);
-		},
-		cancel() {
-			this.clear(), this.edit = !1;
-		},
-		touchend() {
-			this.record();
-		},
-		record() {
-			this.stack.push(this.restorePoint);
-		},
-		save() {
-			let e = this.canvas.toDataURL("image/png");
-			this.blank === e ? this.$emit("update:modelValue", "") : this.$emit("update:modelValue", e), this.edit = !1, this.stack.length = 0, this.ctx.clearRect(0, 0, this.width, this.height);
-		},
-		showSign() {
-			this.disabled || (this.edit = !0);
-		}
-	}
-}, f = { class: "sign-panel flex-column" }, p = { class: "sign-edit" }, m = ["width", "height"], h = { class: "sign-tool-bar" }, g = ["src"], _ = {
-	key: 2,
-	class: "el-icon-edit-outline sign-edit-icon"
-};
-function v(e, d, v, y, b, x) {
-	return o(), n("div", f, [
-		t("编辑"),
-		l(r("div", p, [
-			r("div", {
-				style: a({
-					width: `${v.width + 2}px`,
-					height: `${v.height + 2}px`
-				}),
-				class: "sign-draw-area"
-			}, [
-				t("水印层"),
-				r("div", {
-					class: "sign-watermark",
-					style: a({ fontSize: `${v.fontSize}px` })
-				}, s(v.text), 5),
-				t("canvas 画布"),
-				r("canvas", {
-					ref: "canvas",
-					class: "sign-canvas",
-					width: v.width,
-					height: v.height,
-					onTouchstart: d[0] || (d[0] = u((...e) => x.touchstart && x.touchstart(...e), ["stop"])),
-					onTouchmove: d[1] || (d[1] = u((...e) => x.touchmove && x.touchmove(...e), ["stop"])),
-					onMousedown: d[2] || (d[2] = u((...e) => x.down && x.down(...e), ["stop"])),
-					onTouchend: d[3] || (d[3] = u((...e) => x.touchend && x.touchend(...e), ["stop"])),
-					onMouseup: d[4] || (d[4] = u((...e) => x.up && x.up(...e), ["stop"]))
-				}, "当前浏览器不支持手写签名 ", 40, m)
-			], 4),
-			t("操作按钮"),
-			r("div", h, [
-				r("div", {
-					class: "sign-button flex-item",
-					style: { color: "red" },
-					onClick: d[5] || (d[5] = (...e) => x.clear && x.clear(...e))
-				}, [...d[10] || (d[10] = [r("i", { class: "fa fa-trash" }, null, -1), i(" 清除", -1)])]),
-				r("div", {
-					class: "sign-button flex-item",
-					style: { color: "red" },
-					onClick: d[6] || (d[6] = (...e) => x.cancel && x.cancel(...e))
-				}, [...d[11] || (d[11] = [r("i", { class: "fa fa-close" }, null, -1), i(" 取消", -1)])]),
-				r("div", {
-					class: "sign-button flex-item",
-					style: { color: "orange" },
-					onClick: d[7] || (d[7] = (...e) => x.rollback && x.rollback(...e))
-				}, [...d[12] || (d[12] = [r("i", { class: "fa fa-repeat" }, null, -1), i(" 撤销", -1)])]),
-				r("div", {
-					class: "sign-button flex-item",
-					style: { color: "green" },
-					onClick: d[8] || (d[8] = (...e) => x.save && x.save(...e))
-				}, [...d[13] || (d[13] = [r("i", { class: "fa fa-check" }, null, -1), i(" 确定", -1)])])
-			])
-		], 512), [[c, !v.disabled && b.edit]]),
-		t("只读"),
-		l(r("div", {
-			class: "sign-view",
-			style: a({ cursor: v.disabled ? "not-allowed" : "pointer" }),
-			onClick: d[9] || (d[9] = (...e) => x.showSign && x.showSign(...e))
-		}, [
-			v.modelValue ? (o(), n("img", {
-				key: 0,
-				src: v.modelValue,
-				alt: "签名",
-				class: "sign-image"
-			}, null, 8, g)) : t("v-if", !0),
-			v.modelValue ? t("v-if", !0) : (o(), n("p", {
-				key: 1,
-				class: "sign-tips",
-				style: a({ color: !v.modelValue && v.disabled ? "red" : "" })
-			}, s(v.disabled ? "未签名" : "点击进行签名"), 5)),
-			v.disabled ? t("v-if", !0) : (o(), n("i", _))
-		], 4), [[c, v.disabled || !b.edit]])
-	]);
-}
-var y = /* @__PURE__ */ e(d, [["render", v]]);
-//#endregion
-export { y as default };

package/sign-panel/style.css

@@ -1 +0,0 @@
-.sign-panel{-webkit-user-select:none;user-select:none;background:#fff;justify-content:center;align-items:flex-start;width:100%}.sign-panel .sign-canvas{background:#ffff9b00;border:1px solid #ccc;width:100%;max-width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.sign-panel .sign-tool-bar{border:1px solid #ccc;border-top:none;width:100%;display:flex}.sign-panel .sign-tips{-webkit-user-select:none;user-select:none;pointer-events:none}.sign-panel .sign-button{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#ebeef5;padding:6px;line-height:1.6}.sign-panel .sign-button:hover{color:#1989fa;background-color:#d0d4de}.sign-panel .sign-button:nth-child(n){border-right:1px solid #ccc}.sign-panel .sign-button:last-child{border:none!important}.sign-panel .sign-watermark{color:#eee;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.sign-panel .sign-view{background-color:#fff;border:1px solid #eee;justify-content:center;align-items:center;min-width:212px;height:80px;display:flex;position:relative}.sign-panel .sign-edit-icon{position:absolute;bottom:4px;right:4px}.sign-panel .sign-image{min-width:160px;height:80px;display:inline-block}.sign-panel .sign-edit{background-color:#fff;flex-direction:column;align-items:center;max-width:100%;display:flex}.sign-panel .sign-draw-area{max-width:100%;position:relative}

package/skeleton/index.mjs

@@ -1,51 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { Fragment as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, normalizeClass as a, normalizeStyle as o, openBlock as s, renderList as c, renderSlot as l } from "vue";
-//#region src/components/skeleton/Skeleton.vue
-var u = "avue-skeleton", d = {
-	name: "Skeleton",
-	props: {
-		loading: {
-			type: Boolean,
-			default: !0
-		},
-		avatar: Boolean,
-		active: {
-			type: Boolean,
-			default: !0
-		},
-		block: Boolean,
-		number: {
-			type: Number,
-			default: 1
-		},
-		rows: {
-			type: Number,
-			default: 3
-		}
-	},
-	computed: {
-		styleName() {
-			return this.block ? { width: "100%" } : {};
-		},
-		className() {
-			let { active: e } = this;
-			return { [`${u}__loading`]: e };
-		}
-	}
-}, f = { class: "avue-skeleton" }, p = { class: "avue-skeleton__header" }, m = {
-	key: 0,
-	class: "avue-skeleton__vatar'),className]"
-}, h = { class: "avue-skeleton__content" }, g = { class: "avue-skeleton__list" }, _ = { key: 1 };
-function v(e, u, d, v, y, b) {
-	return s(), r("div", f, [d.loading ? (s(!0), r(t, { key: 0 }, c(d.number, (e, l) => (s(), r("div", {
-		key: l,
-		class: "avue-skeleton__item"
-	}, [i("div", p, [d.avatar ? (s(), r("span", m)) : n("v-if", !0)]), i("div", h, [i("h3", { class: a(["avue-skeleton__title", b.className]) }, null, 2), i("div", g, [(s(!0), r(t, null, c(d.rows, (e, t) => (s(), r("p", {
-		key: t,
-		class: a(["avue-skeleton__li", b.className]),
-		style: o(b.styleName)
-	}, null, 6))), 128))])])]))), 128)) : (s(), r("div", _, [l(e.$slots, "default")]))]);
-}
-var y = /* @__PURE__ */ e(d, [["render", v]]);
-//#endregion
-export { y as default };

package/skeleton/style.css

@@ -1 +0,0 @@
-.avue-skeleton__avatar{background:#f2f2f2;border-radius:50%;width:40px;height:40px;line-height:40px;display:inline-block}.avue-skeleton__header{vertical-align:top;padding-right:16px;display:table-cell}.avue-skeleton__content{vertical-align:top;width:100%;display:table-cell}.avue-skeleton__title{background:#f2f2f2;width:40%;height:16px;margin-top:16px}.avue-skeleton__item{border-bottom:1px solid #e8e8e8;padding-top:16px;padding-bottom:16px}.avue-skeleton__item:last-child{border-bottom:none}.avue-skeleton__li{background:#f2f2f2;width:100%;height:16px;margin-bottom:10px;list-style:none}.avue-skeleton__li:last-child{width:50%}.avue-skeleton__loading{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%) 0 0/400% 100%;animation:1.4s infinite avue-skeleton-loading}@keyframes avue-skeleton-loading{0%{background-position:100%}to{background-position:0}}

package/skeleton-panel/index.mjs

@@ -1,34 +0,0 @@
-import { createBlock as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, normalizeClass as a, openBlock as o, renderSlot as s, resolveComponent as c, withCtx as l } from "vue";
-//#region src/components/SkeletonPanel.vue
-var u = { class: "skeleton-panel" }, d = {
-	key: 0,
-	class: "skeleton-panel-left"
-}, f = /* @__PURE__ */ Object.assign({ name: "SkeletonPanel" }, {
-	props: {
-		flexColumn: Boolean,
-		flexRow: Boolean,
-		hideLeft: Boolean,
-		useTab: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	setup(f) {
-		return (p, m) => {
-			let h = c("ElTabs");
-			return o(), n("div", u, [f.hideLeft ? t("v-if", !0) : (o(), n("div", d, [f.useTab ? (o(), e(h, {
-				key: 0,
-				"tab-position": "top",
-				stretch: ""
-			}, {
-				default: l(() => [s(p.$slots, "left", {}, () => [m[0] || (m[0] = i("请添加内容", -1))])]),
-				_: 3
-			})) : s(p.$slots, "left", { key: 1 }, () => [m[1] || (m[1] = i("请添加内容", -1))])])), r("div", { class: a(["skeleton-panel-right", {
-				"flex-column": f.flexColumn,
-				"flex-row": f.flexRow
-			}]) }, [s(p.$slots, "default", {}, () => [m[2] || (m[2] = i("请添加内容", -1))])], 2)]);
-		};
-	}
-});
-//#endregion
-export { f as default };

package/skeleton-panel/style.css

@@ -1 +0,0 @@
-.skeleton-panel{background-color:#fff;flex-direction:row;height:100%;display:flex;overflow:auto}.skeleton-panel .skeleton-panel-right{flex:auto;height:100%;overflow:auto}.skeleton-panel .skeleton-panel-left{border-right:1px solid #ccc;flex-shrink:0;min-width:200px;height:100%;padding:0 10px;overflow:auto}

package/split-pane/index.mjs

@@ -1,3 +0,0 @@
-import "../resize-observer/index.mjs";
-import { t as e } from "../chunks/SplitPane.DNNid7WB.mjs";
-export { e as default };

package/split-pane/style.css

@@ -1 +0,0 @@
-.egd-split-wrapper{width:100%;height:100%;position:relative}.egd-split-pane{position:absolute}.egd-split-pane.left-pane,.egd-split-pane.right-pane{top:0;bottom:0}.egd-split-pane.left-pane{left:0}.egd-split-pane.right-pane{right:0}.egd-split-pane.top-pane,.egd-split-pane.bottom-pane{left:0;right:0}.egd-split-pane.top-pane{top:0}.egd-split-pane.bottom-pane{bottom:0}.egd-split-trigger-con{z-index:10;position:absolute;transform:translate(-50%,-50%)}.egd-split-trigger-bar-con{position:absolute;overflow:hidden}.egd-split-trigger-bar-con.vertical{height:32px;top:50%;left:1px;transform:translateY(-50%)}.egd-split-trigger-bar-con.horizontal{width:32px;top:1px;left:50%;transform:translate(-50%)}.egd-split-trigger-vertical{cursor:ew-resize;background:#f8f8f9;width:6px;height:100%;box-shadow:0 0 4px #1c243866}.egd-split-trigger-vertical .egd-split-trigger-bar{float:left;background:#17233d40;width:4px;height:1px;margin-top:3px}.egd-split-trigger-horizontal{cursor:ns-resize;background:#f8f8f9;width:100%;height:6px;box-shadow:0 0 4px #1c243866}.egd-split-trigger-horizontal .egd-split-trigger-bar{float:left;background:#17233d40;width:1px;height:4px;margin-right:3px}.egd-split-horizontal .egd-split-trigger-con{border-right:1px solid #d7dae0;height:100%;top:50%}.egd-split-vertical .egd-split-trigger-con{border-bottom:1px solid #d7dae0;width:100%;left:50%}.egd-split-trigger-vertical-line,.egd-split-trigger-horizontal-line{box-shadow:none;background-color:#0000}.egd-split .no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}

package/stateful/index.mjs

@@ -1,71 +0,0 @@
-import { h as e } from "vue";
-//#region src/components/Stateful.vue
-var t = {
-	name: "Stateful",
-	props: {
-		tag: {
-			type: String,
-			default: "div"
-		},
-		draft: {
-			type: [Array, Boolean],
-			default: () => []
-		},
-		doing: {
-			type: [Array, Boolean],
-			default: () => []
-		},
-		overdue: {
-			type: [Array, Boolean],
-			default: () => []
-		},
-		error: {
-			type: [Array, Boolean],
-			default: () => []
-		},
-		done: {
-			type: [Array, Boolean],
-			default: () => []
-		},
-		closed: {
-			type: [Array, Boolean],
-			default: () => []
-		},
-		type: {
-			type: String,
-			validator: (e) => [
-				"doing",
-				"overdue",
-				"error",
-				"done",
-				"closed"
-			].indexOf(e) > -1
-		},
-		status: { type: [String, Number] },
-		size: { type: String }
-	},
-	render() {
-		var t, n;
-		let { draft: r, doing: i, overdue: a, error: o, done: s, closed: c, status: l, tag: u, size: d, type: f } = this, p = {
-			draft: Array.isArray(r) ? r.includes(l) : r,
-			doing: Array.isArray(i) ? i.includes(l) : i,
-			overdue: Array.isArray(a) ? a.includes(l) : a,
-			error: Array.isArray(o) ? o.includes(l) : o,
-			done: Array.isArray(s) ? s.includes(l) : s,
-			closed: Array.isArray(c) ? c.includes(l) : c
-		};
-		return e(u, this.$props, [e("span", {
-			style: {
-				width: d,
-				height: d
-			},
-			class: [
-				"stateful",
-				f,
-				p
-			]
-		}), (t = (n = this.$slots).default) == null ? void 0 : t.call(n)]);
-	}
-};
-//#endregion
-export { t as default };

package/stateful/style.css

@@ -1 +0,0 @@
-.stateful{vertical-align:middle;content:"";border-radius:2px;width:14px;height:14px;margin-right:6px;display:inline-block}.stateful.draft{background-color:#d7d7d7}.stateful.doing{background-color:#14ca7a}.stateful.overdue{background-color:#feae3d}.stateful.error{background-color:red}.stateful.done{background-color:#45a3e7}.stateful.closed{background-color:#d7d7d7}

package/static-pageable-table/index.mjs

@@ -1,69 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { createCommentVNode as t, createElementBlock as n, createTextVNode as r, createVNode as i, mergeProps as a, openBlock as o, renderSlot as s, resolveComponent as c, toHandlers as l, withCtx as u } from "vue";
-import { chunk as d } from "@web-utils/integrations/lodash";
-//#region src/components/StaticPageableTable.vue
-var f = {
-	name: "StaticPageableTable",
-	props: { rows: {
-		type: Array,
-		default: () => []
-	} },
-	data() {
-		return {
-			page: {
-				total: 0,
-				page: 1,
-				limit: 25
-			},
-			records: []
-		};
-	},
-	computed: { observer() {
-		return {
-			page: this.page.page,
-			rows: this.rows
-		};
-	} },
-	watch: {
-		rows() {
-			this.page.page = 1;
-		},
-		observer: {
-			immediate: !0,
-			handler() {
-				this.page.total = this.rows.length, this.fetchData();
-			}
-		}
-	},
-	methods: { fetchData() {
-		this.records = d(this.rows, this.page.limit)[this.page.page - 1];
-	} }
-}, p = { class: "static-pageable-table" };
-function m(e, d, f, m, h, g) {
-	let _ = c("ElTable"), v = c("ElPagination");
-	return o(), n("div", p, [
-		t("   height=\"auto\"  "),
-		i(_, a({ data: h.records }, e.$attrs, l(e.$listeners)), {
-			default: u(() => [s(e.$slots, "default", {}, () => [d[1] || (d[1] = r("请添加表格列", -1))])]),
-			_: 3
-		}, 16, ["data"]),
-		i(v, {
-			"current-page": h.page.page,
-			"hide-on-single-page": !0,
-			"page-size": h.page.limit,
-			total: h.page.total,
-			background: "",
-			layout: "total, prev, pager, next",
-			onCurrentChange: d[0] || (d[0] = (e) => {
-				h.page.page = e;
-			})
-		}, null, 8, [
-			"current-page",
-			"page-size",
-			"total"
-		])
-	]);
-}
-var h = /* @__PURE__ */ e(f, [["render", m]]);
-//#endregion
-export { h as default };

package/static-pageable-table/style.css

@@ -1 +0,0 @@
-.static-pageable-table{flex:auto}