@das-fed/ui 6.4.0-dev.83 → 6.4.0-dev.84

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/package.json +5 -5
  2. package/packages/components/alert/index.d.ts +9 -9
  3. package/packages/components/alert/src/index.vue.d.ts +1 -1
  4. package/packages/components/autocomplete/index.d.ts +9 -9
  5. package/packages/components/autocomplete/src/index.vue.d.ts +1 -1
  6. package/packages/components/text-tooltip/index.js +414 -414
  7. package/packages/components/text-tooltip/index.js.gz +0 -0
  8. package/packages/components/tooltip/index.d.ts +11 -2
  9. package/packages/components/tooltip/index.js +9 -7
  10. package/packages/components/tooltip/index.js.gz +0 -0
  11. package/packages/components/tooltip/src/index.vue.d.ts +1 -0
  12. package/packages/components/tooltip/src/type.d.ts +15 -2
  13. package/packages/components/tooltip/style.css +1 -1
  14. package/packages/components/tooltip/style.css.gz +0 -0
package/packages/components/tooltip/index.d.ts CHANGED
@@ -5,6 +5,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
5
5
  $props: {
6
6
  readonly selfPopperClass?: string | undefined;
7
7
  readonly effect?: ("dark" | "light") | undefined;
8
+ readonly placement?: ("top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end") | undefined;
8
9
  readonly customClass?: string | undefined;
9
10
  readonly content?: string | undefined;
10
11
  readonly disabled?: boolean | undefined;
@@ -43,6 +44,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
43
44
  text: string;
44
45
  selfPopperClass: string;
45
46
  effect: "dark" | "light";
47
+ placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
46
48
  customClass: string;
47
49
  content: string;
48
50
  row: number | string;
@@ -74,6 +76,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
74
76
  text: string;
75
77
  selfPopperClass: string;
76
78
  effect: "dark" | "light";
79
+ placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
77
80
  customClass: string;
78
81
  content: string;
79
82
  row: number | string;
@@ -83,7 +86,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
83
86
  }> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
84
87
  onShow?: ((event?: Event | undefined) => any) | undefined;
85
88
  onHide?: ((event?: Event | undefined) => any) | undefined;
86
- }>, "$tooltipRef" | ("disabled" | "text" | "selfPopperClass" | "effect" | "customClass" | "content" | "row" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
89
+ }>, "$tooltipRef" | ("disabled" | "text" | "selfPopperClass" | "effect" | "placement" | "customClass" | "content" | "row" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
87
90
  $tooltipRef: import("vue").Ref<any, any>;
88
91
  }> & {} & import("vue").ComponentCustomProperties & {} & {
89
92
  $slots: {
@@ -96,6 +99,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
96
99
  $props: {
97
100
  readonly selfPopperClass?: string | undefined;
98
101
  readonly effect?: ("dark" | "light") | undefined;
102
+ readonly placement?: ("top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end") | undefined;
99
103
  readonly customClass?: string | undefined;
100
104
  readonly content?: string | undefined;
101
105
  readonly disabled?: boolean | undefined;
@@ -134,6 +138,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
134
138
  text: string;
135
139
  selfPopperClass: string;
136
140
  effect: "dark" | "light";
141
+ placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
137
142
  customClass: string;
138
143
  content: string;
139
144
  row: number | string;
@@ -165,6 +170,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
165
170
  text: string;
166
171
  selfPopperClass: string;
167
172
  effect: "dark" | "light";
173
+ placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
168
174
  customClass: string;
169
175
  content: string;
170
176
  row: number | string;
@@ -174,7 +180,7 @@ declare const DasTooltipRef: () => import("vue").Ref<({
174
180
  }> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
175
181
  onShow?: ((event?: Event | undefined) => any) | undefined;
176
182
  onHide?: ((event?: Event | undefined) => any) | undefined;
177
- }>, "$tooltipRef" | ("disabled" | "text" | "selfPopperClass" | "effect" | "customClass" | "content" | "row" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
183
+ }>, "$tooltipRef" | ("disabled" | "text" | "selfPopperClass" | "effect" | "placement" | "customClass" | "content" | "row" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
178
184
  $tooltipRef: import("vue").Ref<any, any>;
179
185
  }> & {} & import("vue").ComponentCustomProperties & {} & {
180
186
  $slots: {
@@ -196,6 +202,7 @@ declare const DasTooltip: import("@das-fed/utils").SFCWithInstall<{
196
202
  text: string;
197
203
  selfPopperClass: string;
198
204
  effect: "dark" | "light";
205
+ placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
199
206
  customClass: string;
200
207
  content: string;
201
208
  row: number | string;
@@ -219,6 +226,7 @@ declare const DasTooltip: import("@das-fed/utils").SFCWithInstall<{
219
226
  text: string;
220
227
  selfPopperClass: string;
221
228
  effect: "dark" | "light";
229
+ placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
222
230
  customClass: string;
223
231
  content: string;
224
232
  row: number | string;
@@ -242,6 +250,7 @@ declare const DasTooltip: import("@das-fed/utils").SFCWithInstall<{
242
250
  text: string;
243
251
  selfPopperClass: string;
244
252
  effect: "dark" | "light";
253
+ placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
245
254
  customClass: string;
246
255
  content: string;
247
256
  row: number | string;
package/packages/components/tooltip/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import '@das-fed/ui/packages/components/tooltip/style.css';
2
- import { defineComponent as S, useCssVars as E, ref as u, computed as c, onMounted as L, onBeforeMount as _, openBlock as s, createBlock as D, unref as C, mergeProps as N, withCtx as x, withDirectives as P, createElementBlock as l, normalizeClass as b, renderSlot as k, Fragment as z, createTextVNode as I, toDisplayString as T, createCommentVNode as $, normalizeStyle as V, nextTick as W } from "vue";
2
+ import { defineComponent as S, useCssVars as E, ref as u, computed as c, onMounted as L, onBeforeMount as D, openBlock as s, createBlock as N, unref as C, mergeProps as P, withCtx as x, withDirectives as _, createElementBlock as l, normalizeClass as b, renderSlot as k, Fragment as z, createTextVNode as I, toDisplayString as T, createCommentVNode as $, normalizeStyle as V, nextTick as W } from "vue";
3
3
  import { setThemeRule as q } from "@das-fed/web/packages/theme/index";
4
4
  import { setI18nRule as F, t as X } from "@das-fed/web/packages/i18n/index";
5
5
  import { withInstall as Y } from "@das-fed/utils/with-install/index";
@@ -12,6 +12,7 @@ const A = ["innerHTML"], G = { key: 1 }, J = /* @__PURE__ */ S({
12
12
  props: {
13
13
  selfPopperClass: { default: "" },
14
14
  effect: { default: "light" },
15
+ placement: { default: "top" },
15
16
  customClass: { default: "" },
16
17
  content: { default: "" },
17
18
  disabled: { type: Boolean, default: void 0 },
@@ -24,7 +25,7 @@ const A = ["innerHTML"], G = { key: 1 }, J = /* @__PURE__ */ S({
24
25
  emits: ["show", "hide"],
25
26
  setup(i, { expose: d, emit: r }) {
26
27
  E((e) => ({
27
- "3fbd3ffc": M.value
28
+ ebe86fd8: M.value
28
29
  }));
29
30
  const o = i, a = r, m = u(), h = u(!1), M = c(() => Number(o.row)), B = c(() => o.disabled ?? (o.text ? !h.value : !1)), v = c(() => o.content || o.text), H = (e) => {
30
31
  h.value = e.target.scrollHeight > e.target.clientHeight;
@@ -43,16 +44,17 @@ const A = ["innerHTML"], G = { key: 1 }, J = /* @__PURE__ */ S({
43
44
  }));
44
45
  };
45
46
  return L(() => {
46
- }), _(() => {
47
+ }), D(() => {
47
48
  window.removeEventListener("wheel", f);
48
49
  }), d({
49
50
  $tooltipRef: m
50
- }), (e, n) => (s(), D(C(j), N({
51
+ }), (e, n) => (s(), N(C(j), P({
51
52
  ref_key: "$tooltipRef",
52
53
  ref: m,
53
54
  class: "das-ui-tooltip",
54
55
  disabled: B.value,
55
56
  effect: e.effect,
57
+ placement: e.placement,
56
58
  "popper-class": `das-ui-tooltip-popper ${e.isMaxheight ? "max-height" : ""} ${e.selfPopperClass}`,
57
59
  "hide-after": 100,
58
60
  "show-after": 100,
@@ -60,7 +62,7 @@ const A = ["innerHTML"], G = { key: 1 }, J = /* @__PURE__ */ S({
60
62
  onHide: w
61
63
  }, e.$attrs), {
62
64
  content: x(() => [
63
- P((s(), l(
65
+ _((s(), l(
64
66
  "div",
65
67
  {
66
68
  class: b({ "max-height": e.isMaxheight, "das-popper-content": !0 })
@@ -116,14 +118,14 @@ const A = ["innerHTML"], G = { key: 1 }, J = /* @__PURE__ */ S({
116
118
  ]),
117
119
  _: 3
118
120
  /* FORWARDED */
119
- }, 16, ["disabled", "effect", "popper-class"]));
121
+ }, 16, ["disabled", "effect", "placement", "popper-class"]));
120
122
  }
121
123
  }), K = (i, d) => {
122
124
  const r = i.__vccOpts || i;
123
125
  for (const [o, a] of d)
124
126
  r[o] = a;
125
127
  return r;
126
- }, Q = /* @__PURE__ */ K(J, [["__scopeId", "data-v-4470233c"]]), U = {
128
+ }, Q = /* @__PURE__ */ K(J, [["__scopeId", "data-v-dc13a585"]]), U = {
127
129
  "--das-ui-tooltip-font-normal": "#212121",
128
130
  "--das-ui-tooltip-font-light": "#fff",
129
131
  "--das-ui-tooltip-bgff-color": "#fff"
package/packages/components/tooltip/src/index.vue.d.ts CHANGED
@@ -5897,6 +5897,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {
5897
5897
  text: string;
5898
5898
  selfPopperClass: string;
5899
5899
  effect: "dark" | "light";
5900
+ placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
5900
5901
  customClass: string;
5901
5902
  content: string;
5902
5903
  row: number | string;
package/packages/components/tooltip/src/type.d.ts CHANGED
@@ -7,6 +7,21 @@ export interface Props {
7
7
  effect?: 'dark' | 'light'
8
8
 
9
9
 
10
+ placement?:
11
+ | 'top'
12
+ | 'top-start'
13
+ | 'top-end'
14
+ | 'bottom'
15
+ | 'bottom-start'
16
+ | 'bottom-end'
17
+ | 'left'
18
+ | 'left-start'
19
+ | 'left-end'
20
+ | 'right'
21
+ | 'right-start'
22
+ | 'right-end'
23
+
24
+
10
25
  customClass?: string
11
26
 
12
27
 
@@ -29,8 +44,6 @@ export interface Props {
29
44
 
30
45
 
31
46
  isMaxheight?: boolean
32
-
33
- content?: string
34
47
  }
35
48
  export interface Emits {
36
49
 
package/packages/components/tooltip/style.css CHANGED
@@ -1 +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-4470233c]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--3fbd3ffc)}
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-dc13a585]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--ebe86fd8)}