yahee-components 0.0.77 → 0.0.81

package/es/border-wrap/border-wrap.vue.js

@@ -1,106 +1,75 @@
-import { defineComponent as b, ref as p, computed as C, createElementBlock as l, openBlock as d, createElementVNode as e, unref as t, createCommentVNode as m, createBlock as k, toDisplayString as y, withCtx as s, createVNode as h, renderSlot as u } from "vue";
-import { GetHelpTag as L } from "../packages/components/api/log/index.js";
-import { InfoFilled as x } from "@element-plus/icons-vue";
-import { ElPopover as w, ElIcon as $ } 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";
-import { useElementSize as E } from "../node_modules/.pnpm/@vueuse_core@11.3.0_vue@3.5.17_typescript@5.8.3_/node_modules/@vueuse/core/index.js";
-import { l as I } from "../_virtual/lodash.js";
-const S = { class: "yahee-border-wrap" }, B = ["width", "height"], T = ["fill", "stroke", "d"], z = { class: "dv-border-box-content" }, H = { class: "paddingL20 paddingR20 paddingT20 paddingB10 d-flex ai-center jc-between" }, M = {
+import a from "./border-wrap.vue2.js";
+import { createElementBlock as n, openBlock as i, createElementVNode as t, createCommentVNode as c, createBlock as h, toDisplayString as _, withCtx as d, createVNode as s, renderSlot as l } from "vue";
+import f from "../_virtual/_plugin-vue_export-helper.js";
+const m = { class: "yahee-border-wrap" }, g = {
+  class: "dv-border-box",
+  ref: "domRef"
+}, v = ["width", "height"], w = ["fill", "stroke", "d"], b = { class: "dv-border-box-content" }, k = { class: "paddingL20 paddingR20 paddingT20 paddingB10 d-flex ai-center jc-between" }, L = {
   key: 0,
   class: "d-flex ai-center"
-}, N = {
+}, p = {
   class: "fontsize-16 fontBold",
   style: { "margin-right": "4px" }
-}, R = ["innerHTML"], V = { class: "d-flex ai-center" }, j = { class: "item_title_content" }, U = /* @__PURE__ */ b({
-  __name: "border-wrap",
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    color: {
-      type: Array,
-      default: () => []
-    },
-    backgroundColor: {
-      type: String,
-      default: "transparent"
-    },
-    tipsId: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(n) {
-    const g = ["#6586ec", "#2cf7fe"], c = p(null), a = p(), { width: r, height: i } = E(c, { width: 0, height: 0 }, { box: "border-box" }), _ = C(() => I.merge(g, f.color)), f = n, v = () => {
-      L({ Id: f.tipsId }).then((o) => {
-        o && o.Content && (a.value = o.Content.Content);
-      });
-    };
-    return (o, A) => (d(), l("div", S, [
-      e("div", {
-        class: "dv-border-box",
-        ref_key: "domRef",
-        ref: c
+}, x = ["innerHTML"], C = { class: "d-flex ai-center" }, B = { class: "item_title_content" };
+function y(r, E, o, e, T, I) {
+  return i(), n("div", m, [
+    t("div", g, [
+      (i(), n("svg", {
+        width: e.width,
+        height: e.height,
+        class: "dv-border-svg-container"
       }, [
-        (d(), l("svg", {
-          width: t(r),
-          height: t(i),
-          class: "dv-border-svg-container"
-        }, [
-          e("path", {
-            fill: n.backgroundColor,
-            stroke: _.value[0],
-            d: `
+        t("path", {
+          fill: o.backgroundColor,
+          stroke: e.mergedColor[0],
+          d: `
             M 5 20 L 5 10 L 68 10
-            L ${t(r) - 20} 10 L ${t(r) - 5} 25
-            L ${t(r) - 5} ${t(i) - 5} L 20 ${t(i) - 5}
-            L 5 ${t(i) - 20} L 5 20
+            L ${e.width - 20} 10 L ${e.width - 5} 25
+            L ${e.width - 5} ${e.height - 5} L 20 ${e.height - 5}
+            L 5 ${e.height - 20} L 5 20
         `
-          }, null, 8, T)
-        ], 8, B)),
-        e("div", z, [
-          e("div", H, [
-            n.title !== "" ? (d(), l("div", M, [
-              e("div", N, y(n.title), 1),
-              n.tipsId ? (d(), k(t(w), {
-                key: 0,
-                placement: "bottom",
-                width: 400,
-                trigger: "click"
-              }, {
-                reference: s(() => [
-                  h(t($), {
-                    size: "18",
-                    color: "#ccc",
-                    onClick: v
-                  }, {
-                    default: s(() => [
-                      h(t(x))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                default: s(() => [
-                  e("div", { innerHTML: a.value }, null, 8, R)
-                ]),
-                _: 1
-              })) : m("", !0)
-            ])) : m("", !0),
-            e("div", V, [
-              u(o.$slots, "filter")
-            ])
-          ]),
-          e("div", j, [
-            u(o.$slots, "content")
+        }, null, 8, w)
+      ], 8, v)),
+      t("div", b, [
+        t("div", k, [
+          o.title !== "" ? (i(), n("div", L, [
+            t("div", p, _(o.title), 1),
+            o.tipsId ? (i(), h(e.ElPopover, {
+              key: 0,
+              placement: "bottom",
+              width: 400,
+              trigger: "click"
+            }, {
+              reference: d(() => [
+                s(e.ElIcon, {
+                  size: "18",
+                  color: "#ccc",
+                  onClick: e.getTipsContent
+                }, {
+                  default: d(() => [
+                    s(e.InfoFilled)
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: d(() => [
+                t("div", { innerHTML: e.tipsContent }, null, 8, x)
+              ]),
+              _: 1
+            })) : c("", !0)
+          ])) : c("", !0),
+          t("div", C, [
+            l(r.$slots, "filter")
           ])
+        ]),
+        t("div", B, [
+          l(r.$slots, "content")
         ])
-      ], 512)
-    ]));
-  }
-});
+      ])
+    ], 512)
+  ]);
+}
+const j = /* @__PURE__ */ f(a, [["render", y], ["__file", "D:/projects/frontend/common/common_componentsweb/packages/components/src/border-wrap/border-wrap.vue"]]);
 export {
-  U as default
+  j as default
 };

package/es/border-wrap/border-wrap.vue2.js

@@ -1,4 +1,48 @@
-import f from "./border-wrap.vue.js";
+import { defineComponent as u, ref as i, computed as a } from "vue";
+import { GetHelpTag as c } from "../packages/components/api/log/index.js";
+import { InfoFilled as g } from "@element-plus/icons-vue";
+import { ElIcon as C, ElPopover as _ } 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";
+import { useElementSize as h } from "../node_modules/.pnpm/@vueuse_core@11.3.0_vue@3.5.17_typescript@5.8.3_/node_modules/@vueuse/core/index.js";
+import { l as b } from "../_virtual/lodash.js";
+const j = /* @__PURE__ */ u({
+  __name: "border-wrap",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    color: {
+      type: Array,
+      default: () => []
+    },
+    backgroundColor: {
+      type: String,
+      default: "transparent"
+    },
+    tipsId: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(l, { expose: s }) {
+    s();
+    const o = ["#6586ec", "#2cf7fe"], r = i(null), n = i(), { width: m, height: d } = h(r, { width: 0, height: 0 }, { box: "border-box" }), f = a(() => b.merge(o, t.color)), t = l, p = { defaultColor: o, domRef: r, tipsContent: n, width: m, height: d, mergedColor: f, props: t, getTipsContent: () => {
+      c({ Id: t.tipsId }).then((e) => {
+        e && e.Content && (n.value = e.Content.Content);
+      });
+    }, get InfoFilled() {
+      return g;
+    }, get ElPopover() {
+      return _;
+    }, get ElIcon() {
+      return C;
+    } };
+    return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
+  }
+});
 export {
-  f as default
+  j as default
 };