@das-fed/ui 6.4.0-hot.21 → 6.4.0-hot.23

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

@@ -13,8 +13,8 @@ declare const DasTooltipRef: () => import("vue").Ref<({
         readonly textWidth?: string | undefined;
         readonly textHtml?: boolean | undefined;
         readonly isMaxheight?: boolean | undefined;
-        readonly onHide?: ((event?: Event | undefined) => any) | undefined;
         readonly onShow?: ((event?: Event | undefined) => any) | undefined;
+        readonly onHide?: ((event?: Event | undefined) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
         [x: string]: unknown;
@@ -28,23 +28,23 @@ declare const DasTooltipRef: () => import("vue").Ref<({
     $root: import("vue").ComponentPublicInstance | null;
     $parent: import("vue").ComponentPublicInstance | null;
     $host: Element | null;
-    $emit: ((event: "hide", event?: Event | undefined) => void) & ((event: "show", event?: Event | undefined) => void);
+    $emit: ((event: "show", event?: Event | undefined) => void) & ((event: "hide", event?: Event | undefined) => void);
     $el: any;
     $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{
-        onHide?: ((event?: Event | undefined) => any) | undefined;
         onShow?: ((event?: Event | undefined) => any) | undefined;
+        onHide?: ((event?: Event | undefined) => any) | undefined;
     }>, {
         $tooltipRef: import("vue").Ref<any, any>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        hide: (event?: Event | undefined) => any;
         show: (event?: Event | undefined) => any;
+        hide: (event?: Event | undefined) => any;
     }, string, {
-        text: string;
         disabled: boolean;
-        content: string;
+        text: string;
         effect: "dark" | "light";
         selfPopperClass: string;
         customClass: string;
+        content: string;
         row: number | string;
         textWidth: string;
         textHtml: boolean;
@@ -70,20 +70,20 @@ declare const DasTooltipRef: () => import("vue").Ref<({
     $nextTick: typeof import("vue").nextTick;
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
 } & Readonly<{
-    text: string;
     disabled: boolean;
-    content: string;
+    text: string;
     effect: "dark" | "light";
     selfPopperClass: string;
     customClass: string;
+    content: 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" | "effect" | "selfPopperClass" | "customClass" | "row" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
+    onHide?: ((event?: Event | undefined) => any) | undefined;
+}>, "$tooltipRef" | ("disabled" | "text" | "effect" | "selfPopperClass" | "customClass" | "content" | "row" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
     $tooltipRef: import("vue").Ref<any, any>;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
@@ -104,8 +104,8 @@ declare const DasTooltipRef: () => import("vue").Ref<({
         readonly textWidth?: string | undefined;
         readonly textHtml?: boolean | undefined;
         readonly isMaxheight?: boolean | undefined;
-        readonly onHide?: ((event?: Event | undefined) => any) | undefined;
         readonly onShow?: ((event?: Event | undefined) => any) | undefined;
+        readonly onHide?: ((event?: Event | undefined) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
         [x: string]: unknown;
@@ -119,23 +119,23 @@ declare const DasTooltipRef: () => import("vue").Ref<({
     $root: import("vue").ComponentPublicInstance | null;
     $parent: import("vue").ComponentPublicInstance | null;
     $host: Element | null;
-    $emit: ((event: "hide", event?: Event | undefined) => void) & ((event: "show", event?: Event | undefined) => void);
+    $emit: ((event: "show", event?: Event | undefined) => void) & ((event: "hide", event?: Event | undefined) => void);
     $el: any;
     $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{
-        onHide?: ((event?: Event | undefined) => any) | undefined;
         onShow?: ((event?: Event | undefined) => any) | undefined;
+        onHide?: ((event?: Event | undefined) => any) | undefined;
     }>, {
         $tooltipRef: import("vue").Ref<any, any>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        hide: (event?: Event | undefined) => any;
         show: (event?: Event | undefined) => any;
+        hide: (event?: Event | undefined) => any;
     }, string, {
-        text: string;
         disabled: boolean;
-        content: string;
+        text: string;
         effect: "dark" | "light";
         selfPopperClass: string;
         customClass: string;
+        content: string;
         row: number | string;
         textWidth: string;
         textHtml: boolean;
@@ -161,20 +161,20 @@ declare const DasTooltipRef: () => import("vue").Ref<({
     $nextTick: typeof import("vue").nextTick;
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
 } & Readonly<{
-    text: string;
     disabled: boolean;
-    content: string;
+    text: string;
     effect: "dark" | "light";
     selfPopperClass: string;
     customClass: string;
+    content: 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" | "effect" | "selfPopperClass" | "customClass" | "row" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
+    onHide?: ((event?: Event | undefined) => any) | undefined;
+}>, "$tooltipRef" | ("disabled" | "text" | "effect" | "selfPopperClass" | "customClass" | "content" | "row" | "textWidth" | "textHtml" | "isMaxheight")> & import("vue").ShallowUnwrapRef<{
     $tooltipRef: import("vue").Ref<any, any>;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
@@ -184,20 +184,20 @@ declare const DasTooltipRef: () => import("vue").Ref<({
 }) | null>;
 declare const DasTooltip: import("@das-fed/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{
-        onHide?: ((event?: Event | undefined) => any) | undefined;
         onShow?: ((event?: Event | undefined) => any) | undefined;
+        onHide?: ((event?: Event | undefined) => any) | undefined;
     }>, {
         $tooltipRef: import("vue").Ref<any, any>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        hide: (event?: Event | undefined) => any;
         show: (event?: Event | undefined) => any;
+        hide: (event?: Event | undefined) => any;
     }, import("vue").PublicProps, {
-        text: string;
         disabled: boolean;
-        content: string;
+        text: string;
         effect: "dark" | "light";
         selfPopperClass: string;
         customClass: string;
+        content: string;
         row: number | string;
         textWidth: string;
         textHtml: boolean;
@@ -210,17 +210,17 @@ declare const DasTooltip: import("@das-fed/utils").SFCWithInstall<{
         M: {};
         Defaults: {};
     }, Readonly<import("./src/type.js").Props> & Readonly<{
-        onHide?: ((event?: Event | undefined) => any) | undefined;
         onShow?: ((event?: Event | undefined) => any) | undefined;
+        onHide?: ((event?: Event | undefined) => any) | undefined;
     }>, {
         $tooltipRef: import("vue").Ref<any, any>;
     }, {}, {}, {}, {
-        text: string;
         disabled: boolean;
-        content: string;
+        text: string;
         effect: "dark" | "light";
         selfPopperClass: string;
         customClass: string;
+        content: string;
         row: number | string;
         textWidth: string;
         textHtml: boolean;
@@ -230,20 +230,20 @@ declare const DasTooltip: import("@das-fed/utils").SFCWithInstall<{
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{
-    onHide?: ((event?: Event | undefined) => any) | undefined;
     onShow?: ((event?: Event | undefined) => any) | undefined;
+    onHide?: ((event?: Event | undefined) => any) | undefined;
 }>, {
     $tooltipRef: import("vue").Ref<any, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    hide: (event?: Event | undefined) => any;
     show: (event?: Event | undefined) => any;
+    hide: (event?: Event | undefined) => any;
 }, string, {
-    text: string;
     disabled: boolean;
-    content: string;
+    text: string;
     effect: "dark" | "light";
     selfPopperClass: string;
     customClass: string;
+    content: string;
     row: number | string;
     textWidth: string;
     textHtml: boolean;

package/packages/components/tooltip/index.js

@@ -1,5 +1,5 @@
 import '@das-fed/ui/packages/components/tooltip/style.css';
-import { defineComponent as D, useCssVars as E, ref as c, computed as u, onMounted as L, onBeforeMount as _, openBlock as s, createBlock as N, unref as C, mergeProps as P, withCtx as x, withDirectives as V, createElementBlock as i, normalizeClass as b, renderSlot as k, Fragment as W, createTextVNode as q, toDisplayString as M, createCommentVNode as $, normalizeStyle as z } from "vue";
+import { defineComponent as D, useCssVars as E, ref as u, computed as c, onMounted as L, onBeforeMount as _, openBlock as s, createBlock as N, unref as C, mergeProps as P, withCtx as x, withDirectives as V, createElementBlock as i, normalizeClass as b, renderSlot as k, Fragment as W, createTextVNode as q, toDisplayString as M, createCommentVNode as $, normalizeStyle as z } from "vue";
 import { setThemeRule as F } from "@das-fed/web/packages/theme/index";
 import { withInstall as I } from "@das-fed/utils/with-install/index";
 import { vScrollbar as X } from "@das-fed/ui/packages/components/scrollbar/index";
@@ -23,9 +23,9 @@ const O = ["innerHTML"], j = { key: 1 }, A = /* @__PURE__ */ D({
   emits: ["show", "hide"],
   setup(n, { expose: d, emit: r }) {
     E((e) => ({
-      "731a99c6": B.value
+      "474cc7be": B.value
     }));
-    const t = n, a = r, f = c(), m = c(!1), B = u(() => Number(t.row)), T = u(() => t.disabled ?? (t.text ? !m.value : !1)), h = u(() => t.content || t.text), H = (e) => {
+    const t = n, a = r, f = u(), m = u(!1), B = c(() => Number(t.row)), T = c(() => t.disabled ?? (t.text ? !m.value : !1)), h = c(() => t.content || t.text), H = (e) => {
       m.value = e.target.scrollHeight > e.target.clientHeight;
     }, S = (e) => {
       a("show", e);
@@ -121,13 +121,13 @@ const O = ["innerHTML"], j = { key: 1 }, A = /* @__PURE__ */ D({
   for (const [t, a] of d)
     r[t] = a;
   return r;
-}, J = /* @__PURE__ */ G(A, [["__scopeId", "data-v-b5a9d25e"]]), K = {
+}, J = /* @__PURE__ */ G(A, [["__scopeId", "data-v-05d76eec"]]), K = {
   "--das-ui-tooltip-font-normal": "#212121",
   "--das-ui-tooltip-font-light": "#fff",
   "--das-ui-tooltip-bgff-color": "#fff"
 };
 F(K);
-const le = () => c(null), ie = I(J), ne = { name: "Tooltip 文字提示" };
+const le = () => u(null), ie = I(J), ne = { name: "Tooltip 文字提示" };
 export {
   ie as DasTooltip,
   le as DasTooltipRef,

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

@@ -5887,18 +5887,18 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {
     $tooltipRef: import("vue").Ref<any, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    hide: (event?: Event | undefined) => any;
     show: (event?: Event | undefined) => any;
+    hide: (event?: Event | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onHide?: ((event?: Event | undefined) => any) | undefined;
     onShow?: ((event?: Event | undefined) => any) | undefined;
+    onHide?: ((event?: Event | undefined) => any) | undefined;
 }>, {
-    text: string;
     disabled: boolean;
-    content: string;
+    text: string;
     effect: "dark" | "light";
     selfPopperClass: string;
     customClass: string;
+    content: string;
     row: number | string;
     textWidth: string;
     textHtml: boolean;

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

@@ -1,40 +1,40 @@
-
-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'
+
+  
+  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
+}

package/packages/components/tooltip/style.css

@@ -1 +1 @@
-.das-ui-tooltip-popper.el-popper{max-width:360px;word-break:break-all;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-b5a9d25e]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--731a99c6)}
+.das-ui-tooltip-popper.el-popper{max-width:360px;word-break:break-all;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-05d76eec]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--474cc7be)}