yahee-components 0.0.93 → 0.0.94

package/es/help-tag/help-tag.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as s, ref as n, nextTick as u, createElementBlock as d, openBlock as m, createVNode as i, unref as l, withCtx as r, createElementVNode as h } from "vue";
-import { GetHelpTag as v } from "../packages/components/api/log/index.js";
-import { InfoFilled as _ } from "@element-plus/icons-vue";
-import { ElPopover as C, ElIcon as g } from "element-plus";
+import { defineComponent as u, ref as n, nextTick as d, createElementBlock as h, openBlock as v, createVNode as p, unref as i, withCtx as c, withDirectives as m, createElementVNode as g, normalizeStyle as y, withModifiers as C } from "vue";
+import { GetHelpTag as _ } from "../packages/components/api/log/index.js";
+import { InfoFilled as w } from "@element-plus/icons-vue";
+import { ElPopover as k, vLoading as z, ElIcon as S } from "element-plus";
 import "element-plus/theme-chalk/src/base.scss";
 import "element-plus/theme-chalk/src/popper.scss";
 import "element-plus/theme-chalk/src/popover.scss";
-const y = { class: "yahee-help-tag" }, k = ["innerHTML"], S = /* @__PURE__ */ s({
+const x = { class: "yahee-help-tag" }, I = ["innerHTML"], B = /* @__PURE__ */ u({
   __name: "help-tag",
   props: {
     tipsId: {
@@ -18,43 +18,50 @@ const y = { class: "yahee-help-tag" }, k = ["innerHTML"], S = /* @__PURE__ */ s(
       required: !1
     }
   },
-  setup(p) {
-    const c = n(), e = n(null), t = n(null), a = p;
-    u(() => {
-      t.value && (t.value.style.maxHeight = `${a.tipsContentSize.height}px`, t.value.style.overflowY = "auto"), e.value && typeof e.value.updatePopper == "function" && e.value.updatePopper();
+  setup(l) {
+    const r = n(), e = n(null), t = n(null), a = n(!1), f = l;
+    d(() => {
+      t.value && (t.value.style.height = `${f.tipsContentSize.height}px`, t.value.style.overflowY = "auto"), e.value && typeof e.value.updatePopper == "function" && e.value.updatePopper();
     });
-    const f = () => {
-      v({ Id: a.tipsId }).then((o) => {
-        o && o.Content && (c.value = o.Content.Content);
+    const s = () => {
+      a.value = !0, _({ Id: f.tipsId }).then((o) => {
+        o && o.Content && (r.value = o.Content.Content);
+      }).catch(() => {
+        r.value = "加载失败，请重试";
+      }).finally(() => {
+        a.value = !1;
       });
     };
-    return (o, w) => (m(), d("div", y, [
-      i(l(C), {
+    return (o, T) => (v(), h("div", x, [
+      p(i(k), {
         ref_key: "popoverRef",
         ref: e,
         placement: "bottom",
-        width: p.tipsContentSize.width,
+        width: l.tipsContentSize.width,
         trigger: "click"
       }, {
-        reference: r(() => [
-          i(l(g), {
+        reference: c(() => [
+          p(i(S), {
             size: "18",
             color: "#ccc",
-            onClick: f
+            onClick: C(s, ["stop"]),
+            style: { cursor: "pointer" }
           }, {
-            default: r(() => [
-              i(l(_))
+            default: c(() => [
+              p(i(w))
             ]),
             _: 1
           })
         ]),
-        default: r(() => [
-          h("div", {
+        default: c(() => [
+          m(g("div", {
             ref_key: "contentRef",
             ref: t,
-            class: "dynamic-content",
-            innerHTML: c.value
-          }, null, 8, k)
+            innerHTML: r.value,
+            style: y({ height: l.tipsContentSize.height, overflowY: "hidden" })
+          }, null, 12, I), [
+            [i(z), a.value]
+          ])
         ]),
         _: 1
       }, 8, ["width"])
@@ -62,5 +69,5 @@ const y = { class: "yahee-help-tag" }, k = ["innerHTML"], S = /* @__PURE__ */ s(
   }
 });
 export {
-  S as default
+  B as default
 };

package/es/help-tag/style/index.css

@@ -0,0 +1,4 @@
+.yahee-help-tag {
+  display: flex;
+  align-items: center;
+}

package/es/style.css

@@ -548,6 +548,11 @@
   font-size: 20px;
 }
 
+.yahee-help-tag {
+  display: flex;
+  align-items: center;
+}
+
 :root {
   --el-color-primary: #3366cc;
   --el-text-color-regular: #000;

package/lib/help-tag/style/index.css

@@ -0,0 +1,4 @@
+.yahee-help-tag {
+  display: flex;
+  align-items: center;
+}

package/lib/style.css

@@ -548,6 +548,11 @@
   font-size: 20px;
 }
 
+.yahee-help-tag {
+  display: flex;
+  align-items: center;
+}
+
 :root {
   --el-color-primary: #3366cc;
   --el-text-color-regular: #000;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "yahee-components",
   "private": false,
-  "version": "0.0.93",
+  "version": "0.0.94",
   "description": "深圳前海亚讯前端组件库",
   "main": "lib",
   "module": "es",