@web-utils/component 4.0.15 → 5.0.0-beta01

package/sign/index.mjs

@@ -1,111 +1,104 @@
-import { s as v } from "../chunks/util.DI42t5GU.mjs";
-import { n as m } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-function p(e, s, n, r, t, o) {
-  e.save(), e.fillStyle = t, e.translate(s, n), e.rotate(Math.PI + o), e.beginPath();
-  let a = Math.sin(0), d = Math.cos(0);
-  const u = Math.PI / 5 * 4;
-  for (let h = 0; h < 5; h++)
-    a = Math.sin(h * u), d = Math.cos(h * u), e.lineTo(a * r, d * r);
-  e.closePath(), e.stroke(), e.fill(), e.restore();
+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();
 }
-const x = {
-  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: v(this.width),
-        height: v(this.height)
-      };
-    }
-  },
-  mounted() {
-    this.init();
-  },
-  methods: {
-    getStar(e, s, n) {
-      const r = this.canvas, t = this.context, o = r.width / 2, a = r.height / 2;
-      t.lineWidth = 7, t.strokeStyle = "#f00", t.beginPath(), t.arc(o, a, 110, 0, Math.PI * 2), t.stroke(), p(t, o, a, 20, "#f00", 0), t.font = "18px 黑体", t.textBaseline = "middle", t.textAlign = "center", t.lineWidth = 1, t.strokeStyle = "#f00", t.strokeText(e, o, a + 50), t.font = "14px 黑体", t.textBaseline = "middle", t.textAlign = "center", t.lineWidth = 1, t.strokeStyle = "#f00", t.strokeText(n, o, a + 80), t.translate(o, a), t.font = "22px 黑体";
-      const d = s.length, u = 4 * Math.PI / (3 * (d - 1)), h = s.split("");
-      let l;
-      for (let i = 0; i < d; i++)
-        l = h[i], i === 0 ? t.rotate(5 * Math.PI / 6) : t.rotate(u), t.save(), t.translate(90, 0), t.rotate(Math.PI / 2), t.strokeText(l, 0, 0), t.restore(), t.save();
-      this.disabled = !0;
-    },
-    submit(e, s) {
-      return e || (e = this.width), s || (s = this.height), this.canvas.toDataURL("i/png");
-    },
-    clear() {
-      this.linex = [], this.liney = [], this.linen = [], this.disabled = !1;
-    },
-    init() {
-      this.canvas = this.$refs.canvas;
-      const e = this.canvas, s = this;
-      typeof document.ontouchstart < "u" ? (e.addEventListener("touchmove", d, !1), e.addEventListener("touchstart", u, !1), e.addEventListener("touchend", h, !1)) : (e.addEventListener("mousemove", d, !1), e.addEventListener("mousedown", u, !1), e.addEventListener("mouseup", h, !1), e.addEventListener("mouseleave", h, !1)), this.context = e.getContext("2d");
-      const n = this.context;
-      this.linex = [], this.liney = [], this.linen = [];
-      let r = 1, t = 30, o = 0;
-      function a(l, i) {
-        const f = l.getBoundingClientRect();
-        let c, g;
-        return i.targetTouches ? (c = i.targetTouches[0].clientX, g = i.targetTouches[0].clientY) : (c = i.clientX, g = i.clientY), {
-          x: (c - f.left) * (l.width / f.width),
-          y: (g - f.top) * (l.height / f.height)
-        };
-      }
-      function d(l) {
-        if (s.disabled) return;
-        const i = a(e, l).x, f = a(e, l).y;
-        if (o === 1) {
-          s.linex.push(i), s.liney.push(f), s.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 c = 1; c < s.linex.length; c++)
-            r = s.linex[c], t = s.liney[c], s.linen[c] === 0 ? n.moveTo(r, t) : n.lineTo(r, t);
-          n.shadowBlur = 10, n.stroke(), n.restore();
-        }
-        l.preventDefault();
-      }
-      function u(l) {
-        if (s.disabled) return;
-        const i = a(e, l).x, f = a(e, l).y;
-        o = 1, s.linex.push(i), s.liney.push(f), s.linen.push(0);
-      }
-      function h() {
-        s.disabled || (o = 0);
-      }
-    }
-  }
-};
-var y = function() {
-  var s = this, n = s._self._c;
-  return n("div", { staticClass: "avue-sign", style: s.styleName }, [n("canvas", { ref: "canvas", staticClass: "avue-sige__canvas", attrs: { width: s.width, height: s.height } })]);
-}, _ = [], w = /* @__PURE__ */ m(
-  x,
-  y,
-  _,
-  !1,
-  null,
-  null
-);
-const P = w.exports;
-export {
-  P as default
-};
+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-panel/index.mjs

@@ -1,142 +1,183 @@
-import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const n = {
-  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
-    },
-    value: {
-      type: String
-    },
-    disabled: Boolean
-  },
-  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) {
-        const i = this.stack[this.stack.length - 1];
-        this.ctx.putImageData(i, 0, 0), this.stack.length = this.stack.length - 1;
-      }
-    },
-    // 位置初始化
-    position() {
-      this.restorePoint = this.ctx.getImageData(0, 0, this.canvas.width, this.canvas.height);
-      const i = this.canvas.getBoundingClientRect();
-      this.start = i.left, this.end = i.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);
-    },
-    // PC 端鼠标按下开始绘画
-    down(i) {
-      this.position(), this.startLine(i.clientX, i.clientY, i), this.target = i.target, this.target.addEventListener("mousemove", this.move), window.addEventListener("mouseup", this.up);
-    },
-    // PC 端鼠标按下开始绘画后，跟踪移动轨迹
-    move(i) {
-      this.moveLine(i.clientX, i.clientY, i);
-    },
-    // PC 端鼠标松开结束绘画
-    up() {
-      this.target && this.target.removeEventListener("mousemove", this.move), window.removeEventListener("mouseup", this.up), this.record();
-    },
-    // 移动端触摸开始绘画
-    touchstart(i) {
-      this.position(), this.startLine(i.changedTouches[0].clientX, i.changedTouches[0].clientY, i);
-    },
-    // 移动端触摸开始绘画后，跟踪滑动轨迹
-    touchmove(i) {
-      this.moveLine(i.touches[0].clientX, i.touches[0].clientY, i);
-    },
-    // 开始绘画
-    startLine(i, t) {
-      this.ctx.beginPath(), i -= this.start, t -= this.end, this.ctx.moveTo(i, t);
-    },
-    // 绘制移动轨迹
-    moveLine(i, t, s) {
-      s == null || s.preventDefault(), i -= this.start, t -= this.end, this.ctx.lineTo(i, 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() {
-      const i = this.canvas.toDataURL("image/png");
-      this.blank === i ? this.$emit("input", "") : this.$emit("input", i), this.edit = !1, this.stack.length = 0, this.ctx.clearRect(0, 0, this.width, this.height);
-    },
-    showSign() {
-      this.disabled || (this.edit = !0);
-    }
-  }
-};
-var o = function() {
-  var t = this, s = t._self._c;
-  return s("div", { staticClass: "sign-panel flex-column" }, [s("div", { directives: [{ name: "show", rawName: "v-show", value: !t.disabled && t.edit, expression: "!disabled && edit" }], staticClass: "sign-edit" }, [s("div", { staticClass: "sign-draw-area", style: { width: `${t.width + 2}px`, height: `${t.height + 2}px` } }, [s("div", { staticClass: "sign-watermark", style: { fontSize: `${t.fontSize}px` } }, [t._v(" " + t._s(t.text) + " ")]), s("canvas", { ref: "canvas", staticClass: "sign-canvas", attrs: { width: t.width, height: t.height }, on: { touchstart: function(e) {
-    return e.stopPropagation(), t.touchstart.apply(null, arguments);
-  }, touchmove: function(e) {
-    return e.stopPropagation(), t.touchmove.apply(null, arguments);
-  }, mousedown: function(e) {
-    return e.stopPropagation(), t.down.apply(null, arguments);
-  }, touchend: function(e) {
-    return e.stopPropagation(), t.touchend.apply(null, arguments);
-  }, mouseup: function(e) {
-    return e.stopPropagation(), t.up.apply(null, arguments);
-  } } }, [t._v("当前浏览器不支持手写签名 ")])]), s("div", { staticClass: "sign-tool-bar" }, [s("div", { staticClass: "sign-button flex-item", staticStyle: { color: "red" }, on: { click: t.clear } }, [s("i", { staticClass: "fa fa-trash" }), t._v(" 清除")]), s("div", { staticClass: "sign-button flex-item", staticStyle: { color: "red" }, on: { click: t.cancel } }, [s("i", { staticClass: "fa fa-close" }), t._v(" 取消")]), s("div", { staticClass: "sign-button flex-item", staticStyle: { color: "orange" }, on: { click: t.rollback } }, [s("i", { staticClass: "fa fa-repeat" }), t._v(" 撤销")]), s("div", { staticClass: "sign-button flex-item", staticStyle: { color: "green" }, on: { click: t.save } }, [s("i", { staticClass: "fa fa-check" }), t._v(" 确定")])])]), s("div", { directives: [{ name: "show", rawName: "v-show", value: t.disabled || !t.edit, expression: "disabled || !edit" }], staticClass: "sign-view", style: { cursor: t.disabled ? "not-allowed" : "pointer" }, on: { click: t.showSign } }, [t.value ? s("img", { staticClass: "sign-image", attrs: { src: t.value, alt: "签名" } }) : t._e(), t.value ? t._e() : s("p", { staticClass: "sign-tips", style: { color: !t.value && t.disabled ? "red" : "" } }, [t._v(" " + t._s(t.disabled ? "未签名" : "点击进行签名") + " ")]), t.disabled ? t._e() : s("i", { staticClass: "el-icon-edit-outline sign-edit-icon" })])]);
-}, c = [], l = /* @__PURE__ */ a(
-  n,
-  o,
-  c,
-  !1,
-  null,
-  null
-);
-const r = l.exports;
-export {
-  r as default
+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 };