@das-fed/ui 6.4.0-hot.28 → 6.4.0-hot.29

package/packages/components/text-tooltip/src/type.d.ts

@@ -1,65 +1,4 @@
-
-interface optionsProps {
-  
-  disabled?: boolean
-  
-  mutual?: boolean
-  [idx: string]: any
-}
-
-interface ValLabel<N> {
-  value?: N
-  label?: N
-}
-
-export interface Props {
-  
-  modelValue?: any
-
-  
-  checkboxType?: 'default' | 'group'
-
-  
-  disabled?: boolean
-
-  
-  optionType?: 'default' | 'square' | 'filterSquare'
-
-  
-  options?: optionsProps[]
-
-  
-  defaultProps?: ValLabel<string>
-
-  
-  name?: string
-
-  
-  layout?: 'default' | 'vertical'
-
-  
-  indeterminate?: boolean
-
-  
-  isView?: boolean
-
-  
-  width?: string
-
-  
-  maxWidth?: string
-
-  
-  size?: 'small' | 'middle' | 'large'
-
-  
-  error?: boolean
-  
-  errorLabel?: string
-  
-  teleported?: boolean
-  
-  errorMode?: 'default' | 'overlay'
-  
-  isErrorTitle?: boolean
-}
+
+export interface Props {
+ 
+}

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

@@ -29,7 +29,7 @@ const M = { class: "das-ui-time-line" }, O = /* @__PURE__ */ $({
   for (const [n, l] of e)
     s[n] = l;
   return s;
-}, R = /* @__PURE__ */ C(O, [["__scopeId", "data-v-f9c49442"]]), q = { class: "das-timeline-dot-wrap" }, G = { class: "das-timeline-label-left" }, H = { class: "das-timeline-label-right" }, J = /* @__PURE__ */ $({
+}, 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__ */ $({
   __name: "TimelineItem",
   props: {
     dotSlot: { type: Boolean, default: !1 },
@@ -43,13 +43,13 @@ const M = { class: "das-ui-time-line" }, O = /* @__PURE__ */ $({
       var t, r, c, f, p, h, y, g, _;
       if (l !== "") {
         (t = e == null ? void 0 : e.value) == null || t.$el;
-        const v = (c = (r = e == null ? void 0 : e.value) == null ? void 0 : r.$el) == null ? void 0 : c.getElementsByClassName("ant-timeline-item-tail")[0], b = (p = (f = e == null ? void 0 : e.value) == null ? void 0 : f.$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];
-        m === "double-left" ? (v.setAttribute(
+        const b = (c = (r = e == null ? void 0 : e.value) == null ? void 0 : r.$el) == null ? void 0 : c.getElementsByClassName("ant-timeline-item-tail")[0], v = (p = (f = e == null ? void 0 : e.value) == null ? void 0 : f.$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];
+        m === "double-left" ? (b.setAttribute(
           "style",
           `
           left:${l};
         `
-        ), b.setAttribute(
+        ), v.setAttribute(
           "style",
           `
           left:${l};
@@ -59,12 +59,12 @@ const M = { class: "das-ui-time-line" }, O = /* @__PURE__ */ $({
           `
           width:${l};
         `
-        )) : m === "double-right" && (v.setAttribute(
+        )) : m === "double-right" && (b.setAttribute(
           "style",
           `
           left:calc(100% - ${l});
         `
-        ), b.setAttribute(
+        ), v.setAttribute(
           "style",
           `
         left:calc(100% - ${l});
@@ -122,7 +122,7 @@ const M = { class: "das-ui-time-line" }, O = /* @__PURE__ */ $({
       /* FULL_PROPS */
     ));
   }
-}), K = /* @__PURE__ */ C(J, [["__scopeId", "data-v-5181add0"]]), Q = {
+}), K = /* @__PURE__ */ C(J, [["__scopeId", "data-v-3fe8b33b"]]), Q = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"

package/packages/components/time-line/src/type.d.ts

@@ -1,21 +1,21 @@
-import { TimelineProps } from 'ant-design-vue'
-
-
-export interface Props {
-  
-  layoutType?: 'right' | 'double' | 'left' | 'double-left' | 'double-right'
-  
-  alignWidth?: string
-  
-  isThrough?: false
-}
-
-
-interface ItemProps {
-  
-  dotSlot?: boolean
-  
-  color?: string
-  layoutType?: string
-  alignWidth?: string
-}
+import { TimelineProps } from 'ant-design-vue'
+
+
+export interface Props {
+  
+  layoutType?: 'right' | 'double' | 'left' | 'double-left' | 'double-right'
+  
+  alignWidth?: string
+  
+  isThrough?: false
+}
+
+
+interface ItemProps {
+  
+  dotSlot?: boolean
+  
+  color?: string
+  layoutType?: string
+  alignWidth?: string
+}

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

@@ -1 +1 @@
-.das-ui-time-line .timeline-layout[data-v-f9c49442]{padding-top:8px}.das-ui-time-line .timeline-layout.top-through .ant-timeline-item[data-v-5181add0]:first-child{margin-top:20px}.das-ui-time-line .timeline-layout.top-through .ant-timeline-item[data-v-5181add0]: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-5181add0]:first-child{margin-top:20px}.das-ui-time-line .timeline-layout .ant-timeline-item.ant-timeline-item-last[data-v-5181add0]: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-5181add0] .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-5181add0] .ant-timeline-item-tail{right:8px;left:auto}.das-ui-time-line .timeline-layout.timeline-layout-left .das-timeline-item[data-v-5181add0] .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-5181add0] .ant-timeline-item-content .das-timeline-label-right{display:none}.das-ui-time-line .timeline-layout.timeline-layout-right .das-timeline-item[data-v-5181add0] .ant-timeline-item-head{left:0;transform:translateY(-50%)}.das-ui-time-line .timeline-layout.timeline-layout-right .das-timeline-item[data-v-5181add0] .ant-timeline-item-tail{left:8px}.das-ui-time-line .timeline-layout.timeline-layout-right .das-timeline-item[data-v-5181add0] .ant-timeline-item-content .das-timeline-label-left{display:none}.das-ui-time-line .timeline-layout.timeline-layout-right .das-timeline-item[data-v-5181add0] .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-5181add0] .ant-timeline-item-tail{left:50%}.das-ui-time-line .timeline-layout.timeline-layout-double .das-timeline-item[data-v-5181add0] .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-5181add0] .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-5181add0] .ant-timeline-item-head{top:0;padding:0}.das-ui-time-line .timeline-layout.timeline-layout-double-left .das-timeline-item[data-v-5181add0] .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-5181add0] .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-5181add0] .ant-timeline-item-head{top:0;padding:0}.das-ui-time-line .timeline-layout.timeline-layout-double-right .das-timeline-item[data-v-5181add0] .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-5181add0] .ant-timeline-item-content .das-timeline-label-right{flex:unset;padding-left:17px}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-5181add0]{padding-bottom:24px}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-5181add0]:last-child{padding-bottom:0}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-5181add0] .ant-timeline-item-head{top:0;padding:0}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-5181add0] .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-5181add0] .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-5181add0] .ant-timeline-item-tail{border-left:1px solid #e5e5e5}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-5181add0] .ant-timeline-item-content{display:flex;margin:0;line-height:normal;top:-8px}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-5181add0] .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-5181add0] .ant-timeline-item-content .das-timeline-label-seprate{display:inline-block}.das-ui-time-line .timeline-layout .das-timeline-item[data-v-5181add0] .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-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}

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

@@ -5,6 +5,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
     $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 customClass?: string | undefined;
         readonly content?: string | undefined;
         readonly disabled?: boolean | undefined;
@@ -43,6 +44,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
         text: string;
         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;
         content: string;
         row: number | string;
@@ -74,6 +76,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
     text: string;
     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;
     content: string;
     row: number | string;
@@ -83,7 +86,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
 }> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
     onShow?: ((event?: Event | undefined) => any) | undefined;
     onHide?: ((event?: Event | undefined) => any) | undefined;
-}>, "$tooltipRef" | ("disabled" | "text" | "selfPopperClass" | "effect" | "customClass" | "content" | "row" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
+}>, "$tooltipRef" | ("disabled" | "text" | "selfPopperClass" | "effect" | "placement" | "customClass" | "content" | "row" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
     $tooltipRef: import("vue").Ref<any, any>;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
@@ -96,6 +99,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
     $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 customClass?: string | undefined;
         readonly content?: string | undefined;
         readonly disabled?: boolean | undefined;
@@ -134,6 +138,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
         text: string;
         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;
         content: string;
         row: number | string;
@@ -165,6 +170,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
     text: string;
     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;
     content: string;
     row: number | string;
@@ -174,7 +180,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
 }> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
     onShow?: ((event?: Event | undefined) => any) | undefined;
     onHide?: ((event?: Event | undefined) => any) | undefined;
-}>, "$tooltipRef" | ("disabled" | "text" | "selfPopperClass" | "effect" | "customClass" | "content" | "row" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
+}>, "$tooltipRef" | ("disabled" | "text" | "selfPopperClass" | "effect" | "placement" | "customClass" | "content" | "row" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
     $tooltipRef: import("vue").Ref<any, any>;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
@@ -196,6 +202,7 @@ declare const DasTooltip: import("@das-fed/utils").SFCWithInstall<{
         text: string;
         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;
         content: string;
         row: number | string;
@@ -219,6 +226,7 @@ declare const DasTooltip: import("@das-fed/utils").SFCWithInstall<{
         text: string;
         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;
         content: string;
         row: number | string;
@@ -242,6 +250,7 @@ declare const DasTooltip: import("@das-fed/utils").SFCWithInstall<{
     text: string;
     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;
     content: string;
     row: number | string;

package/packages/components/tooltip/index.js

@@ -1,17 +1,18 @@
 import '@das-fed/ui/packages/components/tooltip/style.css';
-import { defineComponent as _, useCssVars as D, ref as c, computed as u, onMounted as E, onBeforeMount as L, openBlock as s, createBlock as N, unref as y, mergeProps as P, withCtx as x, withDirectives as z, createElementBlock as n, normalizeClass as b, renderSlot as k, Fragment as I, createTextVNode as V, toDisplayString as $, createCommentVNode as M, normalizeStyle as W } from "vue";
-import { setThemeRule as q } from "@das-fed/web/packages/theme/index";
-import { setI18nRule as F, t as X } from "@das-fed/web/packages/i18n/index";
-import { withInstall as Y } from "@das-fed/utils/with-install/index";
-import { vScrollbar as O } from "@das-fed/ui/packages/components/scrollbar/index";
-import { ElTooltip as j } from "element-plus";
+import { defineComponent as S, useCssVars as E, ref as m, computed as c, onMounted as N, onBeforeMount as L, openBlock as s, createBlock as V, unref as x, mergeProps as _, withCtx as u, createVNode as D, createElementVNode as P, normalizeClass as b, renderSlot as k, createElementBlock as p, Fragment as z, createTextVNode as I, toDisplayString as T, createCommentVNode as $, normalizeStyle as W, nextTick as q } from "vue";
+import { setThemeRule as F } from "@das-fed/web/packages/theme/index";
+import { setI18nRule as X, t as Y } from "@das-fed/web/packages/i18n/index";
+import { withInstall as O } from "@das-fed/utils/with-install/index";
+import { DasScrollbar as j } from "@das-fed/ui/packages/components/scrollbar/index";
+import { ElTooltip as A } from "element-plus";
 import "element-plus/es/components/tooltip/style/css";
 import "@das-fed/ui/packages/global/theme";
-const A = ["innerHTML"], G = { key: 1 }, J = /* @__PURE__ */ _({
+const G = ["innerHTML"], J = { key: 1 }, K = /* @__PURE__ */ S({
   __name: "index",
   props: {
     selfPopperClass: { default: "" },
     effect: { default: "light" },
+    placement: { default: "top" },
     customClass: { default: "" },
     content: { default: "" },
     disabled: { type: Boolean, default: void 0 },
@@ -22,116 +23,122 @@ const A = ["innerHTML"], G = { key: 1 }, J = /* @__PURE__ */ _({
     isMaxheight: { type: Boolean, default: !0 }
   },
   emits: ["show", "hide"],
-  setup(i, { expose: d, emit: r }) {
-    D((e) => ({
-      "3b8d2384": T.value
+  setup(n, { expose: d, emit: i }) {
+    E((e) => ({
+      "4b1c8854": M.value
     }));
-    const t = i, a = r, f = c(), m = c(!1), T = u(() => Number(t.row)), B = u(() => t.disabled ?? (t.text ? !m.value : !1)), h = u(() => t.content || t.text), H = (e) => {
-      m.value = e.target.scrollHeight > e.target.clientHeight;
+    const o = n, a = i, h = m(), w = m(!1), M = c(() => Number(o.row)), B = c(() => o.disabled ?? (o.text ? !w.value : !1)), g = c(() => o.content || o.text), H = (e) => {
+      w.value = e.target.scrollHeight > e.target.clientHeight;
     }, R = (e) => {
-      a("show", e);
-    }, S = (e) => {
-      a("hide", e), window.removeEventListener("wheel", v);
+      a("show", e), window.addEventListener("wheel", f);
     }, v = (e) => {
-      var C;
+      a("hide", e), window.removeEventListener("wheel", f);
+    }, f = (e) => {
       const l = document.querySelector('[id^="el-popper-container"]');
       if (!l) return;
-      const o = l.querySelector(".das-ui-tooltip-popper");
-      if (!o) return;
-      const g = e.clientX, w = e.clientY, p = o == null ? void 0 : o.getBoundingClientRect();
-      o && g >= p.left && g <= p.right && w >= p.top && w <= p.bottom || (C = f.value) == null || C.hide();
+      const t = l.querySelector(".das-ui-tooltip-popper");
+      if (!t) return;
+      const y = e.clientX, C = e.clientY, r = t == null ? void 0 : t.getBoundingClientRect();
+      t && y >= r.left && y <= r.right && C >= r.top && C <= r.bottom || (t.style.display = "none", t.style.opacity = "0", q(() => {
+        v();
+      }));
     };
-    return E(() => {
+    return N(() => {
     }), L(() => {
-      window.removeEventListener("wheel", v);
+      window.removeEventListener("wheel", f);
     }), d({
-      $tooltipRef: f
-    }), (e, l) => (s(), N(y(j), P({
+      $tooltipRef: h
+    }), (e, l) => (s(), V(x(A), _({
       ref_key: "$tooltipRef",
-      ref: f,
+      ref: h,
       class: "das-ui-tooltip",
       disabled: B.value,
       effect: e.effect,
+      placement: e.placement,
       "popper-class": `das-ui-tooltip-popper ${e.isMaxheight ? "max-height" : ""} ${e.selfPopperClass}`,
       "hide-after": 100,
       "show-after": 100,
       onShow: R,
-      onHide: S
+      onHide: v
     }, e.$attrs), {
-      content: x(() => [
-        z((s(), n(
-          "div",
-          {
-            class: b({ "max-height": e.isMaxheight, "das-popper-content": !0 })
-          },
-          [
-            k(e.$slots, "content", {}, void 0, !0),
-            h.value && !e.$slots.content ? (s(), n(
-              I,
-              { key: 0 },
+      content: u(() => [
+        D(x(j), null, {
+          default: u(() => [
+            P(
+              "div",
+              {
+                class: b({ "max-height": e.isMaxheight, "das-popper-content": !0 })
+              },
               [
-                V(
-                  $(h.value),
-                  1
-                  /* TEXT */
-                )
+                k(e.$slots, "content", {}, void 0, !0),
+                g.value && !e.$slots.content ? (s(), p(
+                  z,
+                  { key: 0 },
+                  [
+                    I(
+                      T(g.value),
+                      1
+                      /* TEXT */
+                    )
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                )) : $("v-if", !0)
               ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : M("v-if", !0)
-          ],
-          2
-          /* CLASS */
-        )), [
-          [y(O)]
-        ])
+              2
+              /* CLASS */
+            )
+          ]),
+          _: 3
+          /* FORWARDED */
+        })
       ]),
-      default: x(() => [
+      default: u(() => [
         k(e.$slots, "default", {}, () => [
-          e.text ? (s(), n(
+          e.text ? (s(), p(
             "div",
             {
               key: 0,
-              onMouseenter: l[0] || (l[0] = (o) => H(o)),
+              onMouseenter: l[0] || (l[0] = (t) => H(t)),
               class: b(`das-tooltip-text-wrap ${e.customClass}`),
-              style: W({ width: t.textWidth })
+              style: W({ width: o.textWidth })
             },
             [
-              e.textHtml ? (s(), n("div", {
+              e.textHtml ? (s(), p("div", {
                 key: 0,
                 innerHTML: e.text
-              }, null, 8, A)) : (s(), n(
+              }, null, 8, G)) : (s(), p(
                 "div",
-                G,
-                $(e.text),
+                J,
+                T(e.text),
                 1
                 /* TEXT */
               ))
             ],
             38
             /* CLASS, STYLE, NEED_HYDRATION */
-          )) : M("v-if", !0)
+          )) : $("v-if", !0)
         ], !0)
       ]),
       _: 3
       /* FORWARDED */
-    }, 16, ["disabled", "effect", "popper-class"]));
+    }, 16, ["disabled", "effect", "placement", "popper-class"]));
   }
-}), K = (i, d) => {
-  const r = i.__vccOpts || i;
-  for (const [t, a] of d)
-    r[t] = a;
-  return r;
-}, Q = /* @__PURE__ */ K(J, [["__scopeId", "data-v-f77d1b81"]]), U = {
+}), Q = (n, d) => {
+  const i = n.__vccOpts || n;
+  for (const [o, a] of d)
+    i[o] = a;
+  return i;
+}, U = /* @__PURE__ */ Q(K, [["__scopeId", "data-v-49a01a3a"]]), Z = {
   "--das-ui-tooltip-font-normal": "#212121",
   "--das-ui-tooltip-font-light": "#fff",
   "--das-ui-tooltip-bgff-color": "#fff"
-}, Z = { 文字提示: { "zh-CN": "文字提示", en: "Text Prompt", _appCode: "framework" } };
+}, ee = { 文字提示: { "zh-CN": "文字提示", en: "Text Prompt", _appCode: "framework" } };
+X(ee);
 F(Z);
-q(U);
-const ae = () => c(null), pe = Y(Q), de = { name: `Tooltip ${X("文字提示")}` };
+const pe = () => m(null), de = O(U), fe = { name: `Tooltip ${Y("文字提示")}` };
 export {
-  pe as DasTooltip,
-  ae as DasTooltipRef,
-  de as default
+  de as DasTooltip,
+  pe as DasTooltipRef,
+  fe as default
 };

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

@@ -5897,6 +5897,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {
     text: string;
     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;
     content: string;
     row: number | string;

package/packages/components/tooltip/src/type.d.ts

@@ -1,40 +1,53 @@
-
-export interface Props {
-  
-  selfPopperClass?: string
-
-  
-  effect?: 'dark' | 'light'
-
-  
-  customClass?: string
-
-  
-  content?: string
-
-  
-  disabled?: boolean
-
-  
-  text?: string
-
-  
-  row?: number | string
-
-  
-  textWidth?: string
-
-  
-  textHtml?: boolean
-
-  
-  isMaxheight?: boolean
-  
-  content?: string
-}
-export interface Emits {
-  
-  (e: 'show', event?: Event | undefined): void
-  
-  (e: 'hide', event?: Event | undefined): void
-}
+
+export interface Props {
+  
+  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
+
+  
+  content?: string
+
+  
+  disabled?: boolean
+
+  
+  text?: string
+
+  
+  row?: number | string
+
+  
+  textWidth?: string
+
+  
+  textHtml?: boolean
+
+  
+  isMaxheight?: boolean
+}
+export interface Emits {
+  
+  (e: 'show', event?: Event | undefined): void
+  
+  (e: 'hide', event?: Event | undefined): void
+}

package/packages/components/tooltip/style.css

@@ -1 +1 @@
-.das-ui-tooltip-popper.el-popper{max-width:360px;box-shadow:0 4px 10px #0003;border:none;font-size:var(--das-ui-font-size-sm);padding:0;border-radius:unset}.das-ui-tooltip-popper.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-3px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-3px!important}.das-ui-tooltip-popper.el-popper .das-popper-content{padding:7px 12px}.das-ui-tooltip-popper.el-popper .max-height{max-height:298px}.das-ui-tooltip-popper.el-popper.is-light{color:var(--das-ui-color-normal);background-color:var(--das-ui-tooltip-bgff-color)}.das-ui-tooltip-popper.el-popper.is-light:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";background:var(--das-ui-tooltip-bgff-color);border-radius:2px}.das-ui-tooltip-popper.el-popper.is-light .el-popper__arrow:before{height:8px;width:8px;background-color:var(--das-ui-tooltip-bgff-color);border-color:var(--das-ui-tooltip-bgff-color);border-radius:0!important}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=top] .el-popper__arrow:before{box-shadow:3px 3px 5px #00000026}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=bottom] .el-popper__arrow:before{box-shadow:-2px -2px 5px #0000001a}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=left] .el-popper__arrow:before{box-shadow:3px 0 6px #0000001f,0 -2px 6px #cc95951f}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=right] .el-popper__arrow:before{box-shadow:0 3px 6px #0000001a,-2px 0 6px #0000001a}.das-tooltip-text-wrap[data-v-f77d1b81]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--3b8d2384)}
+.das-ui-tooltip-popper.el-popper{max-width:360px;box-shadow:0 4px 10px #0003;border:none;font-size:var(--das-ui-font-size-sm);padding:0;border-radius:unset}.das-ui-tooltip-popper.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-3px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-3px!important}.das-ui-tooltip-popper.el-popper .das-popper-content{padding:7px 12px}.das-ui-tooltip-popper.el-popper .max-height{max-height:29px}.das-ui-tooltip-popper.el-popper.is-light{color:var(--das-ui-color-normal);background-color:var(--das-ui-tooltip-bgff-color)}.das-ui-tooltip-popper.el-popper.is-light:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";background:var(--das-ui-tooltip-bgff-color);border-radius:2px}.das-ui-tooltip-popper.el-popper.is-light .el-popper__arrow:before{height:8px;width:8px;background-color:var(--das-ui-tooltip-bgff-color);border-color:var(--das-ui-tooltip-bgff-color);border-radius:0!important}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=top] .el-popper__arrow:before{box-shadow:3px 3px 5px #00000026}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=bottom] .el-popper__arrow:before{box-shadow:-2px -2px 5px #0000001a}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=left] .el-popper__arrow:before{box-shadow:3px 0 6px #0000001f,0 -2px 6px #cc95951f}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=right] .el-popper__arrow:before{box-shadow:0 3px 6px #0000001a,-2px 0 6px #0000001a}.das-tooltip-text-wrap[data-v-49a01a3a]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--4b1c8854)}