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

package/present-view/index.mjs

@@ -1,271 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import t from "../resize-observer/index.mjs";
-import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, createVNode as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderList as p, renderSlot as m, resolveComponent as h, toDisplayString as g, toHandlers as _, vShow as v, withCtx as y, withDirectives as b } from "vue";
-import { delay as x, hasOwn as S, isInContainer as C, toStringArray as w } from "@web-utils/core";
-import { merge as T } from "@web-utils/integrations/lodash";
-//#region src/components/form/PresentView.vue
-var E = [
-	"back",
-	"create",
-	"save",
-	"withdraw",
-	"edit",
-	"submit",
-	"publish",
-	"agree",
-	"disagree",
-	"reject",
-	"finish",
-	"cancel",
-	"enable",
-	"exp",
-	"imp",
-	"del",
-	"disabled",
-	"reload",
-	"slot"
-], D = E.map((e) => `${e}-down`), O = [
-	"back",
-	"withdraw",
-	"edit"
-], k = [
-	"save",
-	"submit",
-	"",
-	"publish",
-	"agree",
-	"disagree",
-	"reject",
-	"finish",
-	"cancel"
-], A = (e, t) => {
-	if (e.classList.contains(t)) return e;
-	let n = e.parentNode;
-	for (; n && !n.classList.contains(t);) n = n.parentNode;
-	return n.classList.contains(t) ? n : null;
-}, j = {
-	name: "PresentView",
-	components: { ResizeObserver: t },
-	provide() {
-		return { presentView: this };
-	},
-	inject: { flowContext: { default: {} } },
-	props: {
-		notForm: Boolean,
-		loading: Boolean,
-		unLimit: Boolean,
-		formWidth: {
-			type: String,
-			default: "75%"
-		},
-		toolbarAttrs: {
-			type: Object,
-			default: () => {}
-		},
-		toolbarListeners: Object,
-		contentClass: String,
-		className: String,
-		title: String,
-		showToolbar: {
-			type: Boolean,
-			default: !0
-		},
-		formNav: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	data() {
-		return {
-			tabs: [],
-			activeIndex: -1,
-			tryByClick: !1,
-			showNav: !1
-		};
-	},
-	computed: {
-		isFormLoading() {
-			return this.loading || S(this.$parent, "isFormLoaded") ? !this.$parent.isFormLoaded : !1;
-		},
-		toolbarProps() {
-			var e;
-			let t = {}, n = ((e = this.toolbarAttrs) == null ? void 0 : e.buttons) || this.$parent.buttons, r = T({}, this.toolbarAttrs, t);
-			return r.buttons = n || ["back"], r.buttons = w(r.buttons), r;
-		}
-	},
-	created() {
-		this.onFormResize({ width: window.document.body.clientWidth });
-	},
-	async activated() {
-		this.$refs.formScroller && (await this.$nextTick(), this.scrollTo(this.formScrollTop, this.formScrollLeft));
-	},
-	methods: {
-		addTab() {
-			tab && (this.activeIndex === -1 && (this.activeIndex = 0), this.tabs.push(tab), this.tabs = this.tabs.sort((e, t) => {
-				let n = A(e.$el, "form-card"), r = A(t.$el, "form-card");
-				if (n === r) return [].indexOf.call(e.$el.parentNode.children, e.$el) - [].indexOf.call(t.$el.parentNode.children, t.$el);
-				{
-					let e = A(n, "form-scroller");
-					return [].indexOf.call(e.children, n) - [].indexOf.call(e.children, r);
-				}
-			}), tab.active && (this.activeIndex = this.tabs.indexOf(tab), this.tabClick(tab, this.activeIndex)));
-		},
-		removeTab() {
-			if (tab) {
-				let e = this.tabs.indexOf(tab);
-				this.tabs.splice(e, 1), this.activeIndex > this.tabs.length - 1 && (this.activeIndex = 0);
-			}
-		},
-		getToolbarSlotKeys() {
-			return Object.keys(this.$slots).filter((e) => E.includes(e));
-		},
-		getFooterSlotKeys() {
-			return Object.keys(this.$slots).filter((e) => D.includes(e));
-		},
-		getFooterSlotKey(e) {
-			return e.replace("-down", "");
-		},
-		onFormResize({ width: e }) {
-			this.showNav = e > 1500;
-		},
-		onEdit() {
-			!this.toolbarListeners.edit && S(this.$parent, "disabled") && (this.$parent.disabled = !1);
-		},
-		async tabClick(e, t) {
-			this.showNav && (await this.$nextTick(), e.expand || (e.open(), await x(200), await this.$nextTick()), this.tryByClick = !0, this.activeIndex = t, this.$refs.formScroller.scrollTop = e.$el.offsetTop - 10);
-		},
-		tryActive() {
-			if (this.showNav) {
-				for (let e = 0; e < this.tabs.length; e++) if (C(this.tabs[e].$el, this.$refs.formScroller, { bottomOffset: 10 })) {
-					this.activeIndex = e;
-					break;
-				}
-			}
-		},
-		onFormScroll() {
-			this.formScrollTop = this.$refs.formScroller.scrollTop, this.formScrollLeft = this.$refs.formScroller.scrollLeft, !this.tryByClick && this.tabs.length && window.requestAnimationFrame(this.tryActive), this.tryByClick = !1;
-		},
-		scrollTo(e, t) {
-			e && (this.$refs.formScroller.scrollTop = e), t && (this.$refs.formScroller.scrollLeft = t);
-		},
-		getToolbarButtons(e) {
-			return e.filter((e) => !k.includes(e) && e.indexOf(":down") < 0).map((e) => e.replace(":up", ""));
-		},
-		getFooterBarButtons(e) {
-			let t = e.filter((e) => !O.includes(e) && (k.includes(e) || e.indexOf(":down") > -1)).map((e) => e.replace(":down", ""));
-			return t = t || [], this.$parent.isEnabled && !t.includes("cancel") && t.push("cancel"), t;
-		}
-	}
-}, M = { class: "form-view-toolbar" }, N = { class: "form-scroller-wrapper" }, P = {
-	key: 0,
-	class: "form-view-title"
-}, F = { class: "form-content" }, I = {
-	key: 0,
-	class: "form-view-title"
-}, L = { class: "form-content" }, R = {
-	key: 0,
-	class: "form-nav"
-}, z = { class: "form-nav-list" }, B = ["onClick"];
-function V(e, t, x, S, C, w) {
-	let T = h("Toolbar"), E = h("EmptyView"), D = h("FlowLog"), O = h("FormItemGroup"), k = h("ResizeObserver"), A = h("LoadingView");
-	return f(), a("div", { class: u(["form-view", x.className]) }, [
-		i(" 顶部工具栏 "),
-		b(o("div", M, [m(e.$slots, "form-view-toolbar", {}, () => [b(c(T, l({
-			...w.toolbarProps,
-			buttons: w.getToolbarButtons(w.toolbarProps.buttons)
-		}, { onEdit: w.onEdit }, _(x.toolbarListeners)), s({
-			default: y(({ buttons: t }) => [m(e.$slots, "toolbar-button", { buttons: t })]),
-			"toolbar-right": y(() => [m(e.$slots, "toolbar-right")]),
-			_: 2
-		}, [p(w.getToolbarSlotKeys(), (t) => ({
-			name: t,
-			fn: y(() => [m(e.$slots, t)])
-		}))]), 1040, ["onEdit"]), [[v, x.showToolbar]])])], 512), [[v, !w.isFormLoading]]),
-		i(" 表单 "),
-		b(o("div", N, [o("div", {
-			ref: "formScroller",
-			class: u([
-				"form-scroller",
-				"absolute-box",
-				x.contentClass
-			]),
-			onScroll: t[0] || (t[0] = (...e) => w.onFormScroll && w.onFormScroll(...e))
-		}, [x.notForm ? (f(), a("div", {
-			key: 0,
-			style: d({ width: x.formWidth }),
-			class: "not-form"
-		}, [
-			x.title ? (f(), a("div", P, g(x.title), 1)) : i("v-if", !0),
-			i(" 表单内容 "),
-			m(e.$slots, "default", {}, () => [c(E, { "empty-tips": "请添加表单内容" })]),
-			i(" 底部工具栏 "),
-			c(T, l({
-				...w.toolbarProps,
-				buttons: w.getFooterBarButtons(w.toolbarProps.buttons)
-			}, { footer: "" }, _(x.toolbarListeners)), s({
-				default: y(({ buttons: t, footer: n }) => [m(e.$slots, "footer-button", {
-					buttons: t,
-					footer: n
-				})]),
-				_: 2
-			}, [p(w.getFooterSlotKeys(), (t) => ({
-				name: w.getFooterSlotKey(t),
-				fn: y(() => [m(e.$slots, t)])
-			}))]), 1040),
-			i(" 表单底部 "),
-			e.$slots["form-bottom"] ? m(e.$slots, "form-bottom", { key: 1 }) : i("v-if", !0)
-		], 4)) : (f(), a("div", {
-			key: 1,
-			class: u(["form-card", { "un-limit": x.unLimit }]),
-			style: d({ width: `calc(${x.formWidth} + 40px)` })
-		}, [o("div", F, [
-			i(" 表单内容 "),
-			x.title ? (f(), a("div", I, g(x.title), 1)) : i("v-if", !0),
-			m(e.$slots, "default", {}, () => [c(E, { "empty-tips": "请添加表单内容" })]),
-			i(" 底部工具栏 "),
-			w.getFooterBarButtons(w.toolbarProps.buttons).length ? (f(), r(T, l({ key: 1 }, {
-				...w.toolbarProps,
-				buttons: w.getFooterBarButtons(w.toolbarProps.buttons)
-			}, { footer: "" }, _(x.toolbarListeners)), s({
-				default: y(({ buttons: t, footer: n }) => [m(e.$slots, "footer-button", {
-					buttons: t,
-					footer: n
-				})]),
-				_: 2
-			}, [p(w.getFooterSlotKeys(), (t) => ({
-				name: w.getFooterSlotKey(t),
-				fn: y(() => [m(e.$slots, t)])
-			}))]), 1040)) : i("v-if", !0)
-		])], 6)), e.$slots["form-bottom"] || e.$parent.$options.flowForm && w.flowContext.logs.length ? (f(), a("div", {
-			key: 2,
-			class: u(["form-card", { "un-limit": x.unLimit }]),
-			style: d([{ width: `calc(${x.formWidth} + 40px)` }, { "min-height": "0" }])
-		}, [o("div", L, [
-			c(O, { "block-title": "流程日志" }, {
-				default: y(() => [c(D, {
-					fetch: !1,
-					"show-title": !1,
-					"business-key": e.$parent.bizKey
-				}, null, 8, ["business-key"])]),
-				_: 1
-			}),
-			i(" 表单底部 "),
-			m(e.$slots, "form-bottom")
-		])], 6)) : i("v-if", !0)], 34), c(k, { onNotify: w.onFormResize }, null, 8, ["onNotify"])], 512), [[v, !w.isFormLoading]]),
-		i(" 表单导航 "),
-		x.formNav && !w.isFormLoading && C.showNav && C.tabs.length ? (f(), a("div", R, [t[1] || (t[1] = o("div", { class: "form-nav-header" }, "表单导航", -1)), o("ul", z, [(f(!0), a(n, null, p(C.tabs, (e, t) => (f(), a("li", {
-			key: e.blockTitle,
-			class: u(["form-nav-item", { active: C.activeIndex === t }]),
-			onClick: (n) => w.tabClick(e, t)
-		}, g(e.blockTitle), 11, B))), 128))])])) : i("v-if", !0),
-		i(" 加载提示 "),
-		w.isFormLoading ? (f(), r(A, {
-			key: 1,
-			"icon-size": "34px",
-			"font-size": "16px"
-		})) : i("v-if", !0)
-	], 2);
-}
-var H = /* @__PURE__ */ e(j, [["render", V]]);
-//#endregion
-export { H as default };

package/present-view/style.css

@@ -1 +0,0 @@
-.form-view{flex-direction:column;height:100%;display:flex}.form-view .form-scroller-wrapper{flex:1;position:relative}.form-view .not-form{margin:0 auto}.form-view .form-view-toolbar{overflow:hidden}.form-view .form-scroller{flex:1;overflow:auto}.form-view .form-scroller .el-row{position:static}.form-view .form-content .el-form .el-row{padding-right:2rem}.form-view .form-content .el-form .el-row .el-row{padding-right:0}.form-view .form-card{color:#303133;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;max-width:1000px;margin:14px auto;padding:20px;transition:all .3s;box-shadow:0 2px 12px #0000001a}.form-view .form-card.un-limit{max-width:100%}.form-view .form-nav{background-color:#fff;position:absolute;top:55px;left:20px;box-shadow:0 2px 12px #0000001a}.form-view .form-nav-list{min-width:180px;padding:10px 20px}.form-view .form-nav-header{color:#e34e55;background-color:#f3f5fb;padding:5px 20px;font-size:15px;font-weight:700;position:relative}.form-view .form-nav-item{cursor:pointer;padding:5px 0;position:relative;font-family:element-icons!important}.form-view .form-nav-item.active,.form-view .form-nav-item:hover{color:#e34e55;font-weight:700}.form-view .form-nav-item.active:before{content:"";position:absolute;left:-14px}.form-view .form-view-title{color:#333;text-align:center;background-color:#fff;width:100%;height:36px;margin-top:-10px;margin-bottom:10px;font-size:22px;line-height:36px}.form-view .tip{background-color:#ecf8ff;border-left:5px solid #50bfff;border-radius:4px;margin:20px 0;padding:8px 16px}.form-view .tip p{color:#5e6d82;font-size:14px;line-height:1.5em}.form-view .tip.danger{background-color:#fde2e2;border-left-color:#f56c6c}.form-view .tip.danger p{color:#564646}.form-view .tip.warning{background-color:#f7efe2;border-left-color:#e6a23c}.form-view .tip.warning p{color:#5d564b}.form-view .select-num{color:#898989;font-size:12px}.form-view .select-num .num{font-family:impact,Constantia,Georgia;font-size:19px}.form-view .el-table .el-table__header th{color:#595959;background:#fff;font-weight:400}.form-view .el-table td{padding:4px 0}

package/queue/index.mjs

@@ -1,46 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { createElementBlock as t, createElementVNode as n, normalizeClass as r, openBlock as i, renderSlot as a } from "vue";
-//#region src/components/queue/Queue.vue
-var o = {
-	name: "Queue",
-	props: {
-		enter: {
-			type: String,
-			default: "fadeInLeft"
-		},
-		block: {
-			type: Boolean,
-			default: !1
-		},
-		delay: {
-			type: Number,
-			default: 0
-		}
-	},
-	data() {
-		return { animate: [] };
-	},
-	mounted() {
-		this.$nextTick(() => {
-			addEventListener("scroll", this.handleAnimate), this.handleAnimate();
-		});
-	},
-	unmounted() {
-		removeEventListener("scroll", this.handleAnimate);
-	},
-	methods: { handleAnimate() {
-		let e = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop, t = document.documentElement.clientHeight, n = this.$refs.queue;
-		e + t > n.offsetTop ? setTimeout(() => {
-			this.animate = [this.enter, "avue-opacity--active"];
-		}, this.delay) : this.animate = ["avue-opacity"];
-	} }
-};
-function s(e, o, s, c, l, u) {
-	return i(), t("div", { class: r(["avue-queue", { "avue-queue--block": s.block }]) }, [n("div", {
-		ref: "queue",
-		class: r(["animate__animated", l.animate])
-	}, [a(e.$slots, "default")], 2)], 2);
-}
-var c = /* @__PURE__ */ e(o, [["render", s]]);
-//#endregion
-export { c as default };

package/queue/style.css

@@ -1 +0,0 @@
-.avue-queue--block{display:inline-block}

package/record-video/index.mjs

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

package/record-video/style.css

@@ -1 +0,0 @@
-.avue-video{width:500px;position:relative;overflow:hidden}.avue-video__border span{color:#0073eb;border-style:solid;border-width:4px;width:30px;height:30px;position:absolute}.avue-video__border span:first-child{border-bottom:0;border-right:0;top:15px;left:15px}.avue-video__border span:nth-child(2){border-bottom:0;border-left:0;top:15px;right:15px}.avue-video__border span:nth-child(3){border-top:0;border-right:0;bottom:15px;left:15px}.avue-video__border span:nth-child(4){border-top:0;border-left:0;bottom:15px;right:15px}.avue-video__img{width:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.avue-video__main{width:100%}

package/resize-observer/index.mjs

@@ -1,45 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { n as t } from "../chunks/utils.C8RvIGLM.mjs";
-import { createElementBlock as n, openBlock as r } from "vue";
-//#region src/components/ResizeObserver.vue
-var i;
-function a() {
-	a.init || (a.init = !0, i = t() !== -1);
-}
-var o = {
-	name: "ResizeObserver",
-	emits: ["notify"],
-	mounted() {
-		a(), this.$nextTick(() => {
-			this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight;
-		});
-		let e = document.createElement("object");
-		this._resizeObject = e, e.setAttribute("aria-hidden", "true"), e.setAttribute("tabindex", -1), e.onload = this.addResizeHandlers, e.type = "text/html", i && this.$el.appendChild(e), e.data = "about:blank", i || this.$el.appendChild(e);
-	},
-	beforeUnmount() {
-		this.removeResizeHandlers();
-	},
-	methods: {
-		compareAndNotify() {
-			(this._w !== this.$el.offsetWidth || this._h !== this.$el.offsetHeight) && (this._w = this.$el.offsetWidth, this._h = this.$el.offsetHeight, this.$emit("notify", {
-				width: this._w,
-				height: this._h
-			}));
-		},
-		addResizeHandlers() {
-			this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify), this.compareAndNotify();
-		},
-		removeResizeHandlers() {
-			this._resizeObject && this._resizeObject.onload && (!i && this._resizeObject.contentDocument && this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify), this.$el.removeChild(this._resizeObject), this._resizeObject.onload = null, this._resizeObject = null);
-		}
-	}
-}, s = {
-	class: "resize-observer",
-	tabindex: "-1"
-};
-function c(e, t, i, a, o, c) {
-	return r(), n("div", s);
-}
-var l = /* @__PURE__ */ e(o, [["render", c]]);
-//#endregion
-export { l as default };

package/resize-observer/style.css

@@ -1 +0,0 @@
-.resize-observer{z-index:-1;opacity:0;pointer-events:none;background-color:#0000;border:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}.resize-observer>object{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;overflow:hidden}

package/search/index.mjs

@@ -1,116 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { O as t } from "../chunks/util.g-WQEec9.mjs";
-import { t as n } from "../chunks/init.CtUEiRbU.mjs";
-import { Fragment as r, createBlock as i, createElementBlock as a, createElementVNode as o, normalizeClass as s, openBlock as c, renderList as l, renderSlot as u, resolveComponent as d, toDisplayString as f, withCtx as p } from "vue";
-import { isBlank as m } from "@web-utils/core";
-//#region src/components/search/Search.vue
-var h = {
-	name: "Search",
-	mixins: [n],
-	props: { value: [
-		String,
-		Object,
-		Number,
-		Boolean,
-		Array
-	] },
-	computed: {
-		form: {
-			get() {
-				return this.value;
-			},
-			set(e) {
-				this.setVal(e);
-			}
-		},
-		props() {
-			return this.parentOption.props || {};
-		},
-		labelKey() {
-			return t.label;
-		},
-		valueKey() {
-			return t.value;
-		},
-		mainSlot() {
-			let e = [];
-			return this.propOption.forEach((t) => {
-				this.$slots[t.prop] && e.push(t.prop);
-			}), e;
-		},
-		isCard() {
-			return this.parentOption.card;
-		},
-		parentOption() {
-			return this.tableOption;
-		},
-		propOption() {
-			return this.columnOption;
-		},
-		columnOption() {
-			return this.parentOption.column;
-		}
-	},
-	watch: { value: {
-		handler(e) {
-			this.setVal(e);
-		},
-		deep: !0
-	} },
-	created() {
-		this.dataFormat();
-	},
-	methods: {
-		setVal(e) {
-			this.$emit("input", e), this.$emit("change", e);
-		},
-		getKey(e = {}, t = {}, n) {
-			return e[t[n] || this.props[n] || n];
-		},
-		dataFormat() {
-			this.propOption.forEach((e) => {
-				let t = e.prop;
-				m(this.form[t]) && (this.form[t] = e.multiple === !1 ? "" : []);
-			});
-		},
-		getActive(e, t) {
-			let n = this.getKey(e, t.props, this.valueKey);
-			return t.multiple === !1 ? this.form[t.prop] === n : this.form[t.prop].includes(n);
-		},
-		handleClick(e, t) {
-			let n = this.getKey(t, e.props, this.valueKey);
-			if (e.multiple === !1) this.form[e.prop] = n;
-			else {
-				let t = this.form[e.prop].indexOf(n);
-				t === -1 ? this.form[e.prop].push(n) : this.form[e.prop].splice(t, 1);
-			}
-		}
-	}
-}, g = { class: "avue-search__title" }, _ = { class: "avue-search__content" }, v = ["onClick"];
-function y(e, t, n, m, h, y) {
-	let b = d("ElCol"), x = d("ElRow");
-	return c(), i(x, {
-		class: s(["avue-search", { "avue--card": y.isCard }]),
-		span: 24
-	}, {
-		default: p(() => [(c(!0), a(r, null, l(y.columnOption, (t) => (c(), i(b, {
-			key: t.prop,
-			span: t.span || 24,
-			class: "avue-search__item"
-		}, {
-			default: p(() => [o("p", g, f(t.label) + ":", 1), o("div", _, [y.mainSlot.includes(t.prop) ? u(e.$slots, t.prop, {
-				key: 0,
-				dic: e.DIC[t.prop]
-			}) : (c(!0), a(r, { key: 1 }, l(e.DIC[t.prop], (e) => (c(), a("span", {
-				key: y.getKey(e, t.props, y.valueKey),
-				class: s(["avue-search__tags", { "avue-search__tags--active": y.getActive(e, t) }]),
-				onClick: (n) => y.handleClick(t, e)
-			}, f(y.getKey(e, t.props, y.labelKey)), 11, v))), 128))])]),
-			_: 2
-		}, 1032, ["span"]))), 128))]),
-		_: 3
-	}, 8, ["class"]);
-}
-var b = /* @__PURE__ */ e(h, [["render", y]]);
-//#endregion
-export { b as default };

package/search/style.css

@@ -1 +0,0 @@
-.avue-search{padding:0 20px}.avue-search__item{border-bottom:1px dashed #e8e8e8;align-items:flex-start;padding:20px 0 10px;display:flex}.avue-search__item:last-child{border-bottom:none}.avue-search__tags{color:#000000a6;white-space:nowrap;cursor:pointer;margin-bottom:12px;margin-right:24px;padding:0 12px;font-size:14px;display:inline-block}.avue-search__tags:hover{color:#1890ff}.avue-search__tags--active{color:#fff;background-color:#1890ff;border-radius:5px}.avue-search__tags--active:hover{color:#fff;opacity:.85}.avue-search__title{box-sizing:border-box;text-align:right;width:120px;margin:0;padding:0 20px;font-size:14px;display:inline-block}.avue-search__content{width:calc(100% - 190px);display:inline-block}.avue-search__content .el-tag{margin-bottom:10px;margin-right:10px}

package/sign/index.mjs

@@ -1,104 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { x as t } from "../chunks/util.g-WQEec9.mjs";
-import { createElementBlock as n, createElementVNode as r, normalizeStyle as i, openBlock as a } from "vue";
-//#region src/components/sign/Sign.vue
-function o(e, t, n, r, i, a) {
-	e.save(), e.fillStyle = i, e.translate(t, n), e.rotate(Math.PI + a), e.beginPath();
-	let o = Math.sin(0), s = Math.cos(0), c = Math.PI / 5 * 4;
-	for (let t = 0; t < 5; t++) o = Math.sin(t * c), s = Math.cos(t * c), e.lineTo(o * r, s * r);
-	e.closePath(), e.stroke(), e.fill(), e.restore();
-}
-var s = {
-	name: "Sign",
-	props: {
-		width: {
-			type: Number,
-			default: 600
-		},
-		height: {
-			type: Number,
-			default: 400
-		}
-	},
-	data() {
-		return {
-			disabled: !1,
-			linex: [],
-			liney: [],
-			linen: [],
-			canvas: {},
-			context: {}
-		};
-	},
-	computed: { styleName() {
-		return {
-			width: t(this.width),
-			height: t(this.height)
-		};
-	} },
-	mounted() {
-		this.init();
-	},
-	methods: {
-		getStar(e, t, n) {
-			let r = this.canvas, i = this.context, a = r.width / 2, s = r.height / 2;
-			i.lineWidth = 7, i.strokeStyle = "#f00", i.beginPath(), i.arc(a, s, 110, 0, Math.PI * 2), i.stroke(), o(i, a, s, 20, "#f00", 0), i.font = "18px 黑体", i.textBaseline = "middle", i.textAlign = "center", i.lineWidth = 1, i.strokeStyle = "#f00", i.strokeText(e, a, s + 50), i.font = "14px 黑体", i.textBaseline = "middle", i.textAlign = "center", i.lineWidth = 1, i.strokeStyle = "#f00", i.strokeText(n, a, s + 80), i.translate(a, s), i.font = "22px 黑体";
-			let c = t.length, l = 4 * Math.PI / (3 * (c - 1)), u = t.split(""), d;
-			for (let e = 0; e < c; e++) d = u[e], e === 0 ? i.rotate(5 * Math.PI / 6) : i.rotate(l), i.save(), i.translate(90, 0), i.rotate(Math.PI / 2), i.strokeText(d, 0, 0), i.restore(), i.save();
-			this.disabled = !0;
-		},
-		submit(e, t) {
-			return e || (e = this.width), t || (t = this.height), this.canvas.toDataURL("i/png");
-		},
-		clear() {
-			this.linex = [], this.liney = [], this.linen = [], this.disabled = !1;
-		},
-		init() {
-			this.canvas = this.$refs.canvas;
-			let e = this.canvas, t = this;
-			document.ontouchstart === void 0 ? (e.addEventListener("mousemove", s, !1), e.addEventListener("mousedown", c, !1), e.addEventListener("mouseup", l, !1), e.addEventListener("mouseleave", l, !1)) : (e.addEventListener("touchmove", s, !1), e.addEventListener("touchstart", c, !1), e.addEventListener("touchend", l, !1)), this.context = e.getContext("2d");
-			let n = this.context;
-			this.linex = [], this.liney = [], this.linen = [];
-			let r = 1, i = 30, a = 0;
-			function o(e, t) {
-				let n = e.getBoundingClientRect(), r, i;
-				return t.targetTouches ? (r = t.targetTouches[0].clientX, i = t.targetTouches[0].clientY) : (r = t.clientX, i = t.clientY), {
-					x: (r - n.left) * (e.width / n.width),
-					y: (i - n.top) * (e.height / n.height)
-				};
-			}
-			function s(s) {
-				if (t.disabled) return;
-				let c = o(e, s).x, l = o(e, s).y;
-				if (a === 1) {
-					t.linex.push(c), t.liney.push(l), t.linen.push(1), n.save(), n.translate(n.canvas.width / 2, n.canvas.height / 2), n.translate(-n.canvas.width / 2, -n.canvas.height / 2), n.beginPath(), n.lineWidth = 2;
-					for (let e = 1; e < t.linex.length; e++) r = t.linex[e], i = t.liney[e], t.linen[e] === 0 ? n.moveTo(r, i) : n.lineTo(r, i);
-					n.shadowBlur = 10, n.stroke(), n.restore();
-				}
-				s.preventDefault();
-			}
-			function c(n) {
-				if (t.disabled) return;
-				let r = o(e, n).x, i = o(e, n).y;
-				a = 1, t.linex.push(r), t.liney.push(i), t.linen.push(0);
-			}
-			function l() {
-				t.disabled || (a = 0);
-			}
-		}
-	}
-}, c = ["width", "height"];
-function l(e, t, o, s, l, u) {
-	return a(), n("div", {
-		class: "avue-sign",
-		style: i(u.styleName)
-	}, [r("canvas", {
-		ref: "canvas",
-		class: "avue-sige__canvas",
-		width: o.width,
-		height: o.height
-	}, null, 8, c)], 4);
-}
-var u = /* @__PURE__ */ e(s, [["render", l]]);
-//#endregion
-export { u as default };

package/sign/style.css

@@ -1 +0,0 @@
-.avue-sign{border:1px solid #eee;padding:5px}.avue-sign__canvas{border:1px solid #ccc}