@das-fed/upf-ui 6.4.0-dev.237 → 6.4.0-dev.239

package/packages/components/time-line/index.d.ts

@@ -0,0 +1,4 @@
+declare const DasTimeLine: any;
+declare const DasTimelineItem: any;
+export { DasTimeLine, DasTimelineItem };
+export default DasTimeLine;

package/packages/components/time-line/index.js

@@ -1,34 +1,34 @@
 import '@das-fed/upf-ui/packages/components/time-line/style.css';
 import { withInstall as $ } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as v, provide as E, reactive as N, openBlock as d, createElementBlock as k, createVNode as w, unref as B, mergeProps as I, withCtx as u, renderSlot as o, ref as F, inject as S, onMounted as W, createBlock as L, createElementVNode as i, normalizeStyle as P } from "vue";
+import { defineComponent as v, provide as E, reactive as N, openBlock as d, createElementBlock as B, createVNode as w, unref as I, mergeProps as k, withCtx as u, renderSlot as a, ref as F, inject as S, onMounted as W, createBlock as L, createElementVNode as r, normalizeStyle as P } from "vue";
 import "ant-design-vue/es/timeline/style/css";
 import { Timeline as V, TimelineItem as j } from "ant-design-vue";
-import { setThemeRule as z } from "@das-fed/upf-web/packages/theme/index";
-const M = { class: "das-ui-time-line" }, O = /* @__PURE__ */ v({
+const z = { class: "das-ui-time-line" }, M = /* @__PURE__ */ v({
   __name: "Index",
   props: {
     layoutType: { default: "right" },
     alignWidth: { default: "" },
     isThrough: { type: Boolean, default: !1 }
   },
-  setup(a) {
-    return E("DasForm", N({ props: a })), (s, n) => (d(), k("div", M, [
-      w(B(V), I(s.$attrs, {
-        class: ["timeline-layout", "timeline-layout-" + s.layoutType, { "top-through": s.isThrough }]
+  setup(t) {
+    return E("DasForm", N({ props: t })), (o, n) => (d(), B("div", z, [
+      w(I(V), k(o.$attrs, {
+        class: ["timeline-layout", "timeline-layout-" + t.layoutType, { "top-through": t.isThrough }]
       }), {
         default: u(() => [
-          o(s.$slots, "default", {}, void 0, !0)
+          a(o.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
+        /* FORWARDED */
       }, 16, ["class"])
     ]));
   }
-}), C = (a, e) => {
-  const s = a.__vccOpts || a;
+}), C = (t, e) => {
+  const o = t.__vccOpts || t;
   for (const [n, l] of e)
-    s[n] = l;
-  return s;
-}, R = /* @__PURE__ */ C(O, [["__scopeId", "data-v-c498830a"]]), q = { class: "das-timeline-dot-wrap" }, G = { class: "das-timeline-label-left" }, H = { class: "das-timeline-label-right" }, J = /* @__PURE__ */ v({
+    o[n] = l;
+  return o;
+}, O = /* @__PURE__ */ C(M, [["__scopeId", "data-v-c498830a"]]), q = { class: "das-timeline-dot-wrap" }, x = { class: "das-timeline-label-left" }, G = { class: "das-timeline-label-right" }, H = /* @__PURE__ */ v({
   __name: "TimelineItem",
   props: {
     dotSlot: { type: Boolean, default: !1 },
@@ -36,19 +36,19 @@ const M = { class: "das-ui-time-line" }, O = /* @__PURE__ */ v({
     layoutType: { default: "right" },
     alignWidth: { default: "" }
   },
-  setup(a) {
-    const e = F(null), n = S("DasForm").props, l = n.alignWidth, f = n.layoutType;
+  setup(t) {
+    const e = F(null), n = S("DasForm").props, l = n.alignWidth, c = n.layoutType;
     return W(() => {
-      var t, r, m, c, p, h, y, g, _;
+      var s, i, f, m, p, y, h, g, b;
       if (l !== "") {
-        (t = e == null ? void 0 : e.value) == null || t.$el;
-        const b = (m = (r = e == null ? void 0 : e.value) == null ? void 0 : r.$el) == null ? void 0 : m.getElementsByClassName("ant-timeline-item-tail")[0], T = (p = (c = e == null ? void 0 : e.value) == null ? void 0 : c.$el) == null ? void 0 : p.getElementsByClassName("ant-timeline-item-head")[0], D = (y = (h = e == null ? void 0 : e.value) == null ? void 0 : h.$el) == null ? void 0 : y.getElementsByClassName("das-timeline-label-left")[0], A = (_ = (g = e == null ? void 0 : e.value) == null ? void 0 : g.$el) == null ? void 0 : _.getElementsByClassName("das-timeline-label-right")[0];
-        f === "double-left" ? (b.setAttribute(
+        (s = e == null ? void 0 : e.value) == null || s.$el;
+        const T = (f = (i = e == null ? void 0 : e.value) == null ? void 0 : i.$el) == null ? void 0 : f.getElementsByClassName("ant-timeline-item-tail")[0], _ = (p = (m = e == null ? void 0 : e.value) == null ? void 0 : m.$el) == null ? void 0 : p.getElementsByClassName("ant-timeline-item-head")[0], D = (h = (y = e == null ? void 0 : e.value) == null ? void 0 : y.$el) == null ? void 0 : h.getElementsByClassName("das-timeline-label-left")[0], A = (b = (g = e == null ? void 0 : e.value) == null ? void 0 : g.$el) == null ? void 0 : b.getElementsByClassName("das-timeline-label-right")[0];
+        c === "double-left" ? (T.setAttribute(
           "style",
           `
           left:${l};
         `
-        ), T.setAttribute(
+        ), _.setAttribute(
           "style",
           `
           left:${l};
@@ -58,12 +58,12 @@ const M = { class: "das-ui-time-line" }, O = /* @__PURE__ */ v({
           `
           width:${l};
         `
-        )) : f === "double-right" && (b.setAttribute(
+        )) : c === "double-right" && (T.setAttribute(
           "style",
           `
           left:calc(100% - ${l});
         `
-        ), T.setAttribute(
+        ), _.setAttribute(
           "style",
           `
         left:calc(100% - ${l});
@@ -75,44 +75,55 @@ const M = { class: "das-ui-time-line" }, O = /* @__PURE__ */ v({
         `
         ));
       }
-    }), (t, r) => (d(), L(B(j), I({
-      ref_key: "$timelineitem",
-      ref: e
-    }, t.$attrs, { class: ["das-timeline-item"] }), {
-      dot: u(() => [
-        i("span", q, [
-          t.dotSlot ? o(t.$slots, "dot", { key: 0 }, void 0, !0) : (d(), k("span", {
-            key: 1,
-            class: "das-timeline-dot-custom",
-            style: P({ "background-color": t.color })
-          }, null, 4))
-        ])
-      ]),
-      default: u(() => [
-        i("span", G, [
-          o(t.$slots, "left", {}, void 0, !0),
-          o(t.$slots, "default", {}, void 0, !0)
+    }), (s, i) => (d(), L(
+      I(j),
+      k({
+        ref_key: "$timelineitem",
+        ref: e
+      }, s.$attrs, { class: ["das-timeline-item"] }),
+      {
+        dot: u(() => [
+          r("span", q, [
+            t.dotSlot ? a(s.$slots, "dot", { key: 0 }, void 0, !0) : (d(), B(
+              "span",
+              {
+                key: 1,
+                class: "das-timeline-dot-custom",
+                style: P({ "background-color": t.color })
+              },
+              null,
+              4
+              /* STYLE */
+            ))
+          ])
         ]),
-        r[0] || (r[0] = i("span", { class: "das-timeline-label-seprate" }, null, -1)),
-        i("span", H, [
-          o(t.$slots, "right", {}, void 0, !0),
-          o(t.$slots, "default", {}, void 0, !0)
-        ])
-      ]),
-      _: 3,
-      __: [0]
-    }, 16));
-  }
-}), K = /* @__PURE__ */ C(J, [["__scopeId", "data-v-3fe8b33b"]]), Q = {
-  "--demo-alert-bg": {
-    light: "#fff",
-    dark: "rgba(255,255,255,.2)"
+        default: u(() => [
+          r("span", x, [
+            a(s.$slots, "left", {}, void 0, !0),
+            a(s.$slots, "default", {}, void 0, !0)
+          ]),
+          i[0] || (i[0] = r(
+            "span",
+            { class: "das-timeline-label-seprate" },
+            null,
+            -1
+            /* CACHED */
+          )),
+          r("span", G, [
+            a(s.$slots, "right", {}, void 0, !0),
+            a(s.$slots, "default", {}, void 0, !0)
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      },
+      16
+      /* FULL_PROPS */
+    ));
   }
-};
-z(Q);
-const ee = $(R), te = $(K);
+}), J = /* @__PURE__ */ C(H, [["__scopeId", "data-v-ec0b5f5e"]]), X = $(O), Y = $(J);
 export {
-  ee as DasTimeLine,
-  te as DasTimelineItem,
-  ee as default
+  X as DasTimeLine,
+  Y as DasTimelineItem,
+  X as default
 };

package/packages/components/time-line/style.css

@@ -1 +1 @@
-.das-ui-time-line .timeline-layout[data-v-c498830a]{padding-top:8px}.das-ui-time-line .timeline-layout.top-through .ant-timeline-item[data-v-3fe8b33b]:first-child{margin-top:20px}.das-ui-time-line .timeline-layout.top-through .ant-timeline-item[data-v-3fe8b33b]:first-child .ant-timeline-item-tail{display:inline-block;top:-20px;height:calc(100% + 10px)}.das-ui-time-line .timeline-layout .ant-timeline-item.ant-timeline-item-last[data-v-3fe8b33b]:first-child{margin-top:20px}.das-ui-time-line .timeline-layout .ant-timeline-item.ant-timeline-item-last[data-v-3fe8b33b]:first-child .ant-timeline-item-tail{display:inline-block;top:-20px;height:calc(100% + 10px)}.das-ui-time-line .timeline-layout.timeline-layout-left .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-head{right:0;left:auto;transform:translateY(-50%)}.das-ui-time-line .timeline-layout.timeline-layout-left .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-tail{right:8px;left:auto}.das-ui-time-line .timeline-layout.timeline-layout-left .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-content .das-timeline-label-left{padding-right:27px}.das-ui-time-line .timeline-layout.timeline-layout-left .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-content .das-timeline-label-right{display:none}.das-ui-time-line .timeline-layout.timeline-layout-right .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-head{left:0;transform:translateY(-50%)}.das-ui-time-line .timeline-layout.timeline-layout-right .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-tail{left:8px}.das-ui-time-line .timeline-layout.timeline-layout-right .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-content .das-timeline-label-left{display:none}.das-ui-time-line .timeline-layout.timeline-layout-right .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-content .das-timeline-label-right{padding-left:27px}.das-ui-time-line .timeline-layout.timeline-layout-double .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-tail{left:50%}.das-ui-time-line .timeline-layout.timeline-layout-double .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-head{top:0;left:calc(50% - 8px);padding:0;transform:translateY(-50%)}.das-ui-time-line .timeline-layout.timeline-layout-double .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-content .das-timeline-label-seprate{width:32px}.das-ui-time-line .timeline-layout.timeline-layout-double-left .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-head{top:0;padding:0}.das-ui-time-line .timeline-layout.timeline-layout-double-left .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-content .das-timeline-label-left{flex:unset;padding-right:17px}.das-ui-time-line .timeline-layout.timeline-layout-double-left .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-content .das-timeline-label-right{padding-left:17px}.das-ui-time-line .timeline-layout.timeline-layout-double-right .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-head{top:0;padding:0}.das-ui-time-line .timeline-layout.timeline-layout-double-right .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-content .das-timeline-label-left{padding-right:17px}.das-ui-time-line .timeline-layout.timeline-layout-double-right .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-content .das-timeline-label-right{flex:unset;padding-left:17px}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-3fe8b33b]{padding-bottom:24px}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-3fe8b33b]:last-child{padding-bottom:0}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-head{top:0;padding:0}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-head .das-timeline-dot-wrap{width:17px;height:16px;display:flex;flex-direction:column;justify-content:center;align-items:center}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-head .das-timeline-dot-wrap .das-timeline-dot-custom{display:inline-block;width:8px;height:8px;border-radius:100px}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-tail{border-left:1px solid #e5e5e5}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-content{display:flex;margin:0;line-height:normal;top:-8px}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-content .das-timeline-label-left{flex:1;display:inline-block;text-align:right}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-content .das-timeline-label-seprate{display:inline-block}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-3fe8b33b] .ant-timeline-item-content .das-timeline-label-right{flex:1;display:inline-block;text-align:left}
+.das-ui-time-line .timeline-layout[data-v-c498830a]{padding-top:8px}.das-ui-time-line .timeline-layout.top-through .ant-timeline-item[data-v-ec0b5f5e]:first-child{margin-top:20px}.das-ui-time-line .timeline-layout.top-through .ant-timeline-item[data-v-ec0b5f5e]:first-child .ant-timeline-item-tail{display:inline-block;top:-20px;height:calc(100% + 10px)}.das-ui-time-line .timeline-layout .ant-timeline-item.ant-timeline-item-last[data-v-ec0b5f5e]:first-child{margin-top:20px}.das-ui-time-line .timeline-layout .ant-timeline-item.ant-timeline-item-last[data-v-ec0b5f5e]:first-child .ant-timeline-item-tail{display:inline-block;top:-20px;height:calc(100% + 10px)}.das-ui-time-line .timeline-layout.timeline-layout-left .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-head{right:0;left:auto;transform:translateY(-50%)}.das-ui-time-line .timeline-layout.timeline-layout-left .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-tail{right:8px;left:auto}.das-ui-time-line .timeline-layout.timeline-layout-left .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-content .das-timeline-label-left{padding-right:27px}.das-ui-time-line .timeline-layout.timeline-layout-left .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-content .das-timeline-label-right{display:none}.das-ui-time-line .timeline-layout.timeline-layout-right .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-head{left:0;transform:translateY(-50%)}.das-ui-time-line .timeline-layout.timeline-layout-right .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-tail{left:8px}.das-ui-time-line .timeline-layout.timeline-layout-right .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-content .das-timeline-label-left{display:none}.das-ui-time-line .timeline-layout.timeline-layout-right .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-content .das-timeline-label-right{padding-left:27px}.das-ui-time-line .timeline-layout.timeline-layout-double .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-tail{left:50%}.das-ui-time-line .timeline-layout.timeline-layout-double .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-head{top:0;left:calc(50% - 8px);padding:0;transform:translateY(-50%)}.das-ui-time-line .timeline-layout.timeline-layout-double .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-content .das-timeline-label-seprate{width:32px}.das-ui-time-line .timeline-layout.timeline-layout-double-left .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-head{top:0;padding:0}.das-ui-time-line .timeline-layout.timeline-layout-double-left .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-content .das-timeline-label-left{flex:unset;padding-right:17px}.das-ui-time-line .timeline-layout.timeline-layout-double-left .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-content .das-timeline-label-right{padding-left:17px}.das-ui-time-line .timeline-layout.timeline-layout-double-right .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-head{top:0;padding:0}.das-ui-time-line .timeline-layout.timeline-layout-double-right .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-content .das-timeline-label-left{padding-right:17px}.das-ui-time-line .timeline-layout.timeline-layout-double-right .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-content .das-timeline-label-right{flex:unset;padding-left:17px}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-ec0b5f5e]{padding-bottom:24px}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-ec0b5f5e]:last-child{padding-bottom:0}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-head{top:0;padding:0}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-head .das-timeline-dot-wrap{width:17px;height:16px;display:flex;flex-direction:column;justify-content:center;align-items:center}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-head .das-timeline-dot-wrap .das-timeline-dot-custom{display:inline-block;width:8px;height:8px;border-radius:100px}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-tail{border-left:1px solid #e5e5e5}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-content{display:flex;margin:0;line-height:normal;top:-8px}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-content .das-timeline-label-left{flex:1;display:inline-block;text-align:right}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-content .das-timeline-label-seprate{display:inline-block}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-ec0b5f5e] .ant-timeline-item-content .das-timeline-label-right{flex:1;display:inline-block;text-align:left}

package/packages/components/tooltip/index.d.ts

@@ -1,16 +1,15 @@
-import '@das-fed/upf-ui/packages/global/theme';
 declare const DasTooltipRef: () => import("vue").Ref<({
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {
         readonly selfPopperClass?: string | undefined;
-        readonly effect?: "dark" | "light" | undefined;
-        readonly placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | undefined;
+        readonly effect?: ("dark" | "light") | undefined;
+        readonly placement?: ("top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end") | undefined;
         readonly customClass?: string | undefined;
         readonly content?: string | undefined;
         readonly disabled?: boolean | undefined;
         readonly text?: string | undefined;
-        readonly row?: number | string | undefined;
+        readonly row?: (number | string) | undefined;
         readonly textWidth?: string | undefined;
         readonly textHtml?: boolean | undefined;
         readonly isMaxheight?: boolean | undefined;
@@ -42,12 +41,12 @@ declare const DasTooltipRef: () => import("vue").Ref<({
     }, string, {
         text: string;
         disabled: boolean;
+        row: number | string;
         content: string;
+        placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
         selfPopperClass: string;
         effect: "dark" | "light";
-        placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
         customClass: string;
-        row: number | string;
         textWidth: string;
         textHtml: boolean;
         isMaxheight: boolean;
@@ -74,19 +73,19 @@ declare const DasTooltipRef: () => import("vue").Ref<({
 } & Readonly<{
     text: string;
     disabled: boolean;
+    row: number | string;
     content: string;
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     selfPopperClass: string;
     effect: "dark" | "light";
-    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     customClass: string;
-    row: number | string;
     textWidth: string;
     textHtml: boolean;
     isMaxheight: boolean;
 }> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
     onHide?: ((event?: Event | undefined) => any) | undefined;
     onShow?: ((event?: Event | undefined) => any) | undefined;
-}>, "$tooltipRef" | ("text" | "disabled" | "content" | "selfPopperClass" | "effect" | "placement" | "customClass" | "row" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
+}>, "$tooltipRef" | ("text" | "disabled" | "row" | "content" | "placement" | "selfPopperClass" | "effect" | "customClass" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
     $tooltipRef: import("vue").Ref<any, any>;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
@@ -99,13 +98,13 @@ declare const DasTooltipRef: () => import("vue").Ref<({
     $data: {};
     $props: {
         readonly selfPopperClass?: string | undefined;
-        readonly effect?: "dark" | "light" | undefined;
-        readonly placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | undefined;
+        readonly effect?: ("dark" | "light") | undefined;
+        readonly placement?: ("top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end") | undefined;
         readonly customClass?: string | undefined;
         readonly content?: string | undefined;
         readonly disabled?: boolean | undefined;
         readonly text?: string | undefined;
-        readonly row?: number | string | undefined;
+        readonly row?: (number | string) | undefined;
         readonly textWidth?: string | undefined;
         readonly textHtml?: boolean | undefined;
         readonly isMaxheight?: boolean | undefined;
@@ -137,12 +136,12 @@ declare const DasTooltipRef: () => import("vue").Ref<({
     }, string, {
         text: string;
         disabled: boolean;
+        row: number | string;
         content: string;
+        placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
         selfPopperClass: string;
         effect: "dark" | "light";
-        placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
         customClass: string;
-        row: number | string;
         textWidth: string;
         textHtml: boolean;
         isMaxheight: boolean;
@@ -169,19 +168,19 @@ declare const DasTooltipRef: () => import("vue").Ref<({
 } & Readonly<{
     text: string;
     disabled: boolean;
+    row: number | string;
     content: string;
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     selfPopperClass: string;
     effect: "dark" | "light";
-    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     customClass: string;
-    row: number | string;
     textWidth: string;
     textHtml: boolean;
     isMaxheight: boolean;
 }> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
     onHide?: ((event?: Event | undefined) => any) | undefined;
     onShow?: ((event?: Event | undefined) => any) | undefined;
-}>, "$tooltipRef" | ("text" | "disabled" | "content" | "selfPopperClass" | "effect" | "placement" | "customClass" | "row" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
+}>, "$tooltipRef" | ("text" | "disabled" | "row" | "content" | "placement" | "selfPopperClass" | "effect" | "customClass" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
     $tooltipRef: import("vue").Ref<any, any>;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
@@ -202,12 +201,12 @@ declare const DasTooltip: import("@das-fed/upf-utils").SFCWithInstall<{
     }, import("vue").PublicProps, {
         text: string;
         disabled: boolean;
+        row: number | string;
         content: string;
+        placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
         selfPopperClass: string;
         effect: "dark" | "light";
-        placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
         customClass: string;
-        row: number | string;
         textWidth: string;
         textHtml: boolean;
         isMaxheight: boolean;
@@ -226,12 +225,12 @@ declare const DasTooltip: import("@das-fed/upf-utils").SFCWithInstall<{
     }, {}, {}, {}, {
         text: string;
         disabled: boolean;
+        row: number | string;
         content: string;
+        placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
         selfPopperClass: string;
         effect: "dark" | "light";
-        placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
         customClass: string;
-        row: number | string;
         textWidth: string;
         textHtml: boolean;
         isMaxheight: boolean;
@@ -250,12 +249,12 @@ declare const DasTooltip: import("@das-fed/upf-utils").SFCWithInstall<{
 }, string, {
     text: string;
     disabled: boolean;
+    row: number | string;
     content: string;
+    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     selfPopperClass: string;
     effect: "dark" | "light";
-    placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
     customClass: string;
-    row: number | string;
     textWidth: string;
     textHtml: boolean;
     isMaxheight: boolean;

package/packages/components/tooltip/index.js

@@ -1,19 +1,14 @@
 import '@das-fed/upf-ui/packages/components/tooltip/style.css';
-import { defineComponent as H, useCssVars as S, useAttrs as E, computed as u, ref as h, onMounted as N, onBeforeMount as L, openBlock as l, createBlock as z, unref as T, mergeProps as D, withCtx as m, createVNode as P, createElementVNode as I, normalizeClass as x, renderSlot as b, createElementBlock as s, Fragment as W, createTextVNode as q, toDisplayString as M, createCommentVNode as F, normalizeStyle as O, nextTick as X } from "vue";
-import { setThemeRule as Y } from "@das-fed/upf-web/packages/theme/index";
+import { defineComponent as L, useCssVars as z, useAttrs as D, computed as c, ref as v, onMounted as P, onBeforeMount as I, openBlock as s, createBlock as O, unref as b, mergeProps as W, withCtx as m, createVNode as q, createElementVNode as M, normalizeClass as $, renderSlot as R, createElementBlock as a, Fragment as h, createTextVNode as F, toDisplayString as B, createCommentVNode as g, normalizeStyle as X, nextTick as Y } from "vue";
 import { setI18nRule as A, t as j } from "@das-fed/upf-web/packages/i18n/index";
 import { withInstall as G } from "@das-fed/upf-utils/with-install/index";
 import { DasScrollbar as J } from "@das-fed/upf-ui/packages/components/scrollbar/index";
 import { ElTooltip as K } from "element-plus";
 import "element-plus/es/components/tooltip/style/css";
-import "@das-fed/upf-ui/packages/global/theme";
 const Q = {
   key: 0,
   class: "das-tooltip-virtual-placeholder"
-}, U = ["innerHTML"], Z = { key: 1 }, ee = {
-  key: 1,
-  class: "das-tooltip-virtual-placeholder"
-}, te = /* @__PURE__ */ H({
+}, U = ["innerHTML"], Z = { key: 1 }, _ = /* @__PURE__ */ L({
   __name: "index",
   props: {
     selfPopperClass: { default: "" },
@@ -29,96 +24,145 @@ const Q = {
     isMaxheight: { type: Boolean, default: !0 }
   },
   emits: ["show", "hide"],
-  setup(r, { expose: c, emit: a }) {
-    S((e) => ({
-      "4088d11c": $.value
+  setup(t, { expose: f, emit: r }) {
+    z((e) => ({
+      v65704ba4: E.value
     }));
-    const o = r, d = a, n = E(), R = u(() => {
-      const e = "virtual-triggering" in n || "virtualTriggering" in n || n["virtual-triggering"] !== void 0 || n.virtualTriggering !== void 0, i = "virtual-ref" in n || "virtualRef" in n || n["virtual-ref"] !== void 0 || n.virtualRef !== void 0;
-      return e || i;
-    }), g = h(), v = h(!1), $ = u(() => Number(o.row)), _ = u(() => o.disabled ?? (o.text ? !v.value : !1)), w = u(() => o.content || o.text), B = (e) => {
-      v.value = e.target.scrollHeight > e.target.clientHeight;
-    }, V = (e) => {
-      d("show", e), window.addEventListener("wheel", f);
-    }, y = (e) => {
-      d("hide", e), window.removeEventListener("wheel", f);
-    }, f = (e) => {
-      const i = document.querySelector('[id^="el-popper-container"]');
-      if (!i) return;
-      const t = i.querySelector(".das-ui-tooltip-popper");
-      if (!t) return;
-      const C = e.clientX, k = e.clientY, p = t == null ? void 0 : t.getBoundingClientRect();
-      t && C >= p.left && C <= p.right && k >= p.top && k <= p.bottom || (t.style.display = "none", t.style.opacity = "0", X(() => {
-        y();
+    const l = t, d = r, i = D(), V = c(() => {
+      const e = "virtual-triggering" in i || "virtualTriggering" in i || i["virtual-triggering"] !== void 0 || i.virtualTriggering !== void 0, o = "virtual-ref" in i || "virtualRef" in i || i["virtual-ref"] !== void 0 || i.virtualRef !== void 0;
+      return e || o;
+    }), x = v(), w = v(!1), E = c(() => Number(l.row)), H = c(() => l.disabled ?? (l.text ? !w.value : !1)), y = c(() => l.content || l.text), S = (e) => {
+      w.value = e.target.scrollHeight > e.target.clientHeight;
+    }, N = (e) => {
+      d("show", e), window.addEventListener("wheel", p);
+    }, C = (e) => {
+      d("hide", e), window.removeEventListener("wheel", p);
+    }, p = (e) => {
+      const o = document.querySelector('[id^="el-popper-container"]');
+      if (!o) return;
+      const n = o.querySelector(".das-ui-tooltip-popper");
+      if (!n) return;
+      const k = e.clientX, T = e.clientY, u = n == null ? void 0 : n.getBoundingClientRect();
+      n && k >= u.left && k <= u.right && T >= u.top && T <= u.bottom || (n.style.display = "none", n.style.opacity = "0", Y(() => {
+        C();
       }));
     };
-    return N(() => {
-    }), L(() => {
-      window.removeEventListener("wheel", f);
-    }), c({
-      $tooltipRef: g
-    }), (e, i) => (l(), z(T(K), D({
+    return P(() => {
+    }), I(() => {
+      window.removeEventListener("wheel", p);
+    }), f({
+      $tooltipRef: x
+    }), (e, o) => (s(), O(b(K), W({
       ref_key: "$tooltipRef",
-      ref: g,
+      ref: x,
       class: "das-ui-tooltip",
-      disabled: _.value,
-      effect: e.effect,
-      placement: e.placement,
-      "popper-class": `das-ui-tooltip-popper ${e.isMaxheight ? "max-height" : ""} ${e.selfPopperClass}`,
+      disabled: H.value,
+      effect: t.effect,
+      placement: t.placement,
+      "popper-class": `das-ui-tooltip-popper ${t.isMaxheight ? "max-height" : ""} ${t.selfPopperClass}`,
       "hide-after": 100,
       "show-after": 100
     }, e.$attrs, {
-      onShow: V,
-      onHide: y
+      onShow: N,
+      onHide: C
     }), {
       content: m(() => [
-        P(T(J), null, {
+        q(b(J), null, {
           default: m(() => [
-            I("div", {
-              class: x({ "max-height": e.isMaxheight, "das-popper-content": !0 })
-            }, [
-              b(e.$slots, "content", {}, void 0, !0),
-              w.value && !e.$slots.content ? (l(), s(W, { key: 0 }, [
-                q(M(w.value), 1)
-              ], 64)) : F("", !0)
-            ], 2)
+            M(
+              "div",
+              {
+                class: $({ "max-height": t.isMaxheight, "das-popper-content": !0 })
+              },
+              [
+                R(e.$slots, "content", {}, void 0, !0),
+                y.value && !e.$slots.content ? (s(), a(
+                  h,
+                  { key: 0 },
+                  [
+                    F(
+                      B(y.value),
+                      1
+                      /* TEXT */
+                    )
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                )) : g("v-if", !0)
+              ],
+              2
+              /* CLASS */
+            )
           ]),
           _: 3
+          /* FORWARDED */
         })
       ]),
       default: m(() => [
-        R.value ? (l(), s("span", Q, " ")) : b(e.$slots, "default", { key: 1 }, () => [
-          e.text ? (l(), s("div", {
-            key: 0,
-            onMouseenter: i[0] || (i[0] = (t) => B(t)),
-            class: x(`das-tooltip-text-wrap ${e.customClass}`),
-            style: O({ width: o.textWidth })
-          }, [
-            e.textHtml ? (l(), s("div", {
-              key: 0,
-              innerHTML: e.text
-            }, null, 8, U)) : (l(), s("div", Z, M(e.text), 1))
-          ], 38)) : (l(), s("span", ee, " "))
-        ], !0)
+        V.value ? (s(), a("span", Q, " ")) : (s(), a(
+          h,
+          { key: 1 },
+          [
+            g(" 默认 slot 内容 "),
+            R(e.$slots, "default", {}, () => [
+              t.text ? (s(), a(
+                "div",
+                {
+                  key: 0,
+                  onMouseenter: o[0] || (o[0] = (n) => S(n)),
+                  class: $(`das-tooltip-text-wrap ${t.customClass}`),
+                  style: X({ width: l.textWidth })
+                },
+                [
+                  t.textHtml ? (s(), a("div", {
+                    key: 0,
+                    innerHTML: t.text
+                  }, null, 8, U)) : (s(), a(
+                    "div",
+                    Z,
+                    B(t.text),
+                    1
+                    /* TEXT */
+                  ))
+                ],
+                38
+                /* CLASS, STYLE, NEED_HYDRATION */
+              )) : (s(), a(
+                h,
+                { key: 1 },
+                [
+                  g(" 当没有 text 且没有 slot 内容时，提供一个占位元素避免 ElOnlyChild 错误 "),
+                  o[1] || (o[1] = M(
+                    "span",
+                    { class: "das-tooltip-virtual-placeholder" },
+                    " ",
+                    -1
+                    /* CACHED */
+                  ))
+                ],
+                2112
+                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+              ))
+            ], !0)
+          ],
+          2112
+          /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+        ))
       ]),
       _: 3
+      /* FORWARDED */
     }, 16, ["disabled", "effect", "placement", "popper-class"]));
   }
-}), oe = (r, c) => {
-  const a = r.__vccOpts || r;
-  for (const [o, d] of c)
-    a[o] = d;
-  return a;
-}, ne = /* @__PURE__ */ oe(te, [["__scopeId", "data-v-1e8dac3e"]]), ie = {
-  "--das-ui-tooltip-font-normal": "#212121",
-  "--das-ui-tooltip-font-light": "#fff",
-  "--das-ui-tooltip-bgff-color": "#fff"
-}, le = { 文字提示: { "zh-CN": "文字提示", en: "Text Prompt", "zh-MO": "文字提示", _appCode: "framework" } };
-A(le);
-Y(ie);
-const me = () => h(null), he = G(ne), ge = { name: `Tooltip ${j("文字提示")}` };
+}), ee = (t, f) => {
+  const r = t.__vccOpts || t;
+  for (const [l, d] of f)
+    r[l] = d;
+  return r;
+}, te = /* @__PURE__ */ ee(_, [["__scopeId", "data-v-e1652f58"]]), oe = { 文字提示: { "zh-CN": "文字提示", en: "Text Prompt", "zh-MO": "文字提示", _appCode: "framework" } };
+A(oe);
+const de = () => v(null), ue = G(te), ce = { name: `Tooltip ${j("文字提示")}` };
 export {
-  he as DasTooltip,
-  me as DasTooltipRef,
-  ge as default
+  ue as DasTooltip,
+  de as DasTooltipRef,
+  ce as default
 };