oga-ui 1.0.0 → 1.0.2

package/index.es.js

@@ -34023,31 +34023,44 @@ var src_default$4 = /* @__PURE__ */ __plugin_vue_export_helper_default(index_vue
 		let _r = useModel(x, "modelValue"), Li = (x) => {
 			_r.value = x.data.url;
 		}, fa = (x) => x.size / 1024 / 1024 > 2 ? (ElMessage.error("Avatar picture size can not exceed 2MB!"), !1) : !0;
-		return (Tc, Tl) => {
+		return (Vo, Tl) => {
 			let Al = resolveComponent("el-icon"), Ff = resolveComponent("el-upload");
-			return openBlock(), createBlock(Ff, {
-				class: "oga-avatar",
+			return unref(isEmpty)(_r.value) ? (openBlock(), createBlock(Ff, {
+				key: 0,
 				action: x.action,
+				"show-file-list": !1,
+				accept: "image/*",
 				style: normalizeStyle({
 					"--size": x.size,
 					"--radius": x.radius
 				}),
-				"show-file-list": !1,
-				accept: "image/*",
+				class: "oga-avatar",
 				"on-success": Li,
 				"before-upload": fa
 			}, {
-				default: withCtx(() => [_r.value ? (openBlock(), createElementBlock("img", {
-					key: 0,
-					src: _r.value,
-					class: "oga-avatar-img",
-					alt: ""
-				}, null, 8, _hoisted_1$2)) : createCommentVNode("v-if", !0), createVNode(Al, {
+				default: withCtx(() => [createVNode(Al, {
 					name: "plus",
 					class: normalizeClass(["oga-avatar-icon", unref(isEmpty)(_r.value) ? "is-empty" : ""])
 				}, null, 8, ["class"])]),
 				_: 1
-			}, 8, ["action", "style"]);
+			}, 8, ["action", "style"])) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: "oga-avatar",
+				style: normalizeStyle({
+					"--size": x.size,
+					"--radius": x.radius
+				})
+			}, [createElementVNode("div", {
+				class: "oga-avatar-img oga-avatar-delete",
+				onClick: Tl[0] ||= (x) => _r.value = ""
+			}, [createVNode(Al, {
+				name: "delete",
+				class: "oga-avatar-icon is-empty"
+			})]), createElementVNode("img", {
+				src: _r.value,
+				class: "oga-avatar-img",
+				alt: ""
+			}, null, 8, _hoisted_1$2)], 4));
 		};
 	}
 }), avatar_default = { install(x) {