yahee-components 0.0.94 → 0.0.96

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

@@ -1,11 +1,11 @@
-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 { defineComponent as d, ref as e, nextTick as h, createElementBlock as v, openBlock as m, createVNode as r, unref as o, withCtx as a, withDirectives as g, createElementVNode 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 { InfoFilled as k } from "@element-plus/icons-vue";
+import { ElPopover as w, vLoading as T, ElIcon as x } 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 x = { class: "yahee-help-tag" }, I = ["innerHTML"], B = /* @__PURE__ */ u({
+const H = ["innerHTML"], b = /* @__PURE__ */ d({
   __name: "help-tag",
   props: {
     tipsId: {
@@ -18,56 +18,61 @@ const x = { class: "yahee-help-tag" }, I = ["innerHTML"], B = /* @__PURE__ */ u(
       required: !1
     }
   },
-  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();
+  setup(c) {
+    const i = e(), f = e(null), t = e(null), l = e(null), p = e(!1), s = c;
+    h(() => {
+      l.value && (l.value.style.height = `${s.tipsContentSize.height}px`), t.value && typeof t.value.updatePopper == "function" && t.value.updatePopper();
     });
-    const s = () => {
-      a.value = !0, _({ Id: f.tipsId }).then((o) => {
-        o && o.Content && (r.value = o.Content.Content);
+    const u = () => {
+      p.value = !0, _({ Id: s.tipsId }).then((n) => {
+        n && n.Content && (i.value = n.Content.Content);
       }).catch(() => {
-        r.value = "加载失败，请重试";
+        i.value = "加载失败，请重试";
       }).finally(() => {
-        a.value = !1;
+        p.value = !1;
       });
     };
-    return (o, T) => (v(), h("div", x, [
-      p(i(k), {
+    return (n, I) => (m(), v("div", {
+      class: "yahee-help-tag",
+      ref_key: "yaheeHelpTag",
+      ref: f
+    }, [
+      r(o(w), {
         ref_key: "popoverRef",
-        ref: e,
+        ref: t,
         placement: "bottom",
-        width: l.tipsContentSize.width,
+        width: c.tipsContentSize.width,
+        "append-to": f.value,
         trigger: "click"
       }, {
-        reference: c(() => [
-          p(i(S), {
+        reference: a(() => [
+          r(o(x), {
             size: "18",
             color: "#ccc",
-            onClick: C(s, ["stop"]),
+            onClick: C(u, ["stop"]),
             style: { cursor: "pointer" }
           }, {
-            default: c(() => [
-              p(i(w))
+            default: a(() => [
+              r(o(k))
             ]),
             _: 1
           })
         ]),
-        default: c(() => [
-          m(g("div", {
+        default: a(() => [
+          g(y("div", {
+            class: "tips-content",
             ref_key: "contentRef",
-            ref: t,
-            innerHTML: r.value,
-            style: y({ height: l.tipsContentSize.height, overflowY: "hidden" })
-          }, null, 12, I), [
-            [i(z), a.value]
+            ref: l,
+            innerHTML: i.value
+          }, null, 8, H), [
+            [o(T), p.value]
           ])
         ]),
         _: 1
-      }, 8, ["width"])
-    ]));
+      }, 8, ["width", "append-to"])
+    ], 512));
   }
 });
 export {
-  B as default
+  b as default
 };

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

@@ -1,4 +1,8 @@
 .yahee-help-tag {
   display: flex;
   align-items: center;
+}
+.yahee-help-tag .tips-content {
+  overflow: auto;
+  text-align: left;
 }

package/es/style.css

@@ -552,6 +552,10 @@
   display: flex;
   align-items: center;
 }
+.yahee-help-tag .tips-content {
+  overflow: auto;
+  text-align: left;
+}
 
 :root {
   --el-color-primary: #3366cc;

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

@@ -1,4 +1,8 @@
 .yahee-help-tag {
   display: flex;
   align-items: center;
+}
+.yahee-help-tag .tips-content {
+  overflow: auto;
+  text-align: left;
 }

package/lib/style.css

@@ -552,6 +552,10 @@
   display: flex;
   align-items: center;
 }
+.yahee-help-tag .tips-content {
+  overflow: auto;
+  text-align: left;
+}
 
 :root {
   --el-color-primary: #3366cc;

package/package.json

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

package/types/src/help-tag/help-tag.vue.d.ts

@@ -40,6 +40,7 @@ declare const _default: DefineComponent<ExtractPropTypes<{
         height: number;
     };
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
+    yaheeHelpTag: HTMLDivElement;
     popoverRef: {
         $: ComponentInternalInstance;
         $data: {};

package/types/src/help-tag/index.d.ts

@@ -41,6 +41,7 @@ export declare const YaheeHelpTag: SFCWithInstall<DefineComponent<ExtractPropTyp
         height: number;
     };
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
+    yaheeHelpTag: HTMLDivElement;
     popoverRef: {
         $: ComponentInternalInstance;
         $data: {};

package/types/src/help-tag/props.d.ts

@@ -4,7 +4,7 @@
 export interface HelpTagProps {
     /**
      * 帮助信息查询ID <br>
-     * 帮助信息测试环境配置地址：<br>http://qas-newerp.yahee.com.cn:8088/PMS/Latest/Help/TagDefind <br>
+     * 帮助信息测试环境配置地址：<br>http://qas-newerp.yahee.com.cn:8088/PMS/latest/Help/TagDefind <br>
      * 帮助信息正式环境配置地址：<br>https://newerp.yaheecloud.com/PMS/Latest/Help/TagDefind
      * @default ''
      */