@talex-touch/tuffex 0.3.3 → 0.3.4

package/dist/es/toast/src/TxToastHost.vue.js

@@ -1,21 +1,16 @@
-import { defineComponent, computed, createBlock, openBlock, Teleport, createElementVNode, createElementBlock, Fragment, renderList, normalizeClass, createCommentVNode, toDisplayString, unref } from 'vue';
-import { toastStore, dismissToast } from '../../utils/toast.js';
+import { defineComponent, computed, createBlock, openBlock, Teleport, createElementVNode, normalizeStyle, createElementBlock, Fragment, renderList, normalizeClass, createCommentVNode, toDisplayString, unref } from 'vue';
+import { toastStore, dismissToast } from '../../packages/tuffex/packages/utils/toast.js';
 
-const _hoisted_1 = {
-  class: "tx-toast-host",
-  role: "region",
-  "aria-label": "Notifications"
-};
-const _hoisted_2 = { class: "tx-toast__content" };
-const _hoisted_3 = {
+const _hoisted_1 = { class: "tx-toast__content" };
+const _hoisted_2 = {
   key: 0,
   class: "tx-toast__title"
 };
-const _hoisted_4 = {
+const _hoisted_3 = {
   key: 1,
   class: "tx-toast__desc"
 };
-const _hoisted_5 = ["onClick"];
+const _hoisted_4 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "TxToastHost"
@@ -23,17 +18,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TxToastHost",
   setup(__props) {
     const items = computed(() => toastStore.items);
+    const zIndex = computed(() => toastStore.zIndex);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Teleport, { to: "body" }, [
-        createElementVNode("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: "tx-toast-host",
+          role: "region",
+          "aria-label": "Notifications",
+          style: normalizeStyle({ zIndex: zIndex.value })
+        }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(items.value, (t) => {
             return openBlock(), createElementBlock("div", {
               key: t.id,
               class: normalizeClass(["tx-toast", `tx-toast--${t.variant || "default"}`])
             }, [
-              createElementVNode("div", _hoisted_2, [
-                t.title ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(t.title), 1)) : createCommentVNode("", true),
-                t.description ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(t.description), 1)) : createCommentVNode("", true)
+              createElementVNode("div", _hoisted_1, [
+                t.title ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(t.title), 1)) : createCommentVNode("", true),
+                t.description ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(t.description), 1)) : createCommentVNode("", true)
               ]),
               createElementVNode("button", {
                 class: "tx-toast__close",
@@ -41,10 +42,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClick: ($event) => unref(dismissToast)(t.id)
               }, [..._cache[0] || (_cache[0] = [
                 createElementVNode("i", { class: "i-carbon-close" }, null, -1)
-              ])], 8, _hoisted_5)
+              ])], 8, _hoisted_4)
             ], 2);
           }), 128))
-        ])
+        ], 4)
       ]);
     };
   }

package/dist/es/tooltip/index.d.ts

@@ -7,74 +7,42 @@ declare const Tooltip: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        anchor: {
+            type: import('vue').PropType<Partial<import('./src/types').TooltipAnchorProps>>;
+            default: () => {};
+        };
         modelValue: {
             type: import('vue').PropType<boolean>;
             default: undefined;
         };
-        placement: {
-            type: import('vue').PropType<import('./src/types').TooltipPlacement>;
-            default: string;
-        };
-        offset: {
-            type: import('vue').PropType<number>;
-            default: number;
-        };
-        maxWidth: {
+        maxHeight: {
             type: import('vue').PropType<number>;
             default: number;
         };
-        showArrow: {
+        keepAliveContent: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        arrowSize: {
-            type: import('vue').PropType<number>;
-            default: number;
-        };
-        motion: {
-            type: import('vue').PropType<"split" | "fade">;
-            default: string;
-        };
-        fusion: {
+        closeOnClickOutside: {
             type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        panelVariant: {
-            type: import('vue').PropType<"plain" | "dashed" | "solid">;
-            default: string;
-        };
-        panelBackground: {
-            type: import('vue').PropType<"mask" | "blur" | "glass">;
-            default: string;
-        };
-        panelShadow: {
-            type: import('vue').PropType<"medium" | "none" | "soft">;
-            default: string;
-        };
-        panelRadius: {
-            type: import('vue').PropType<number>;
-            default: number;
-        };
-        panelPadding: {
-            type: import('vue').PropType<number>;
-            default: number;
+            default: undefined;
         };
-        closeOnClickOutside: {
+        toggleOnReferenceClick: {
             type: import('vue').PropType<boolean>;
-            default: boolean;
+            default: undefined;
         };
         content: {
             type: import('vue').PropType<string>;
             default: string;
         };
+        referenceFullWidth: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
         trigger: {
             type: import('vue').PropType<"click" | "focus" | "hover">;
             default: string;
         };
-        interactive: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
         openDelay: {
             type: import('vue').PropType<number>;
             default: number;
@@ -83,6 +51,10 @@ declare const Tooltip: {
             type: import('vue').PropType<number>;
             default: number;
         };
+        interactive: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
     }>> & Readonly<{
         onClose?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
@@ -93,25 +65,18 @@ declare const Tooltip: {
         close: () => void;
     }, import('vue').PublicProps, {
         disabled: boolean;
+        anchor: Partial<import('./src/types').TooltipAnchorProps>;
         modelValue: boolean;
-        placement: import('./src/types').TooltipPlacement;
-        offset: number;
-        maxWidth: number;
-        showArrow: boolean;
-        arrowSize: number;
-        motion: "fade" | "split";
-        fusion: boolean;
-        panelVariant: "solid" | "dashed" | "plain";
-        panelBackground: "blur" | "glass" | "mask";
-        panelShadow: "none" | "soft" | "medium";
-        panelRadius: number;
-        panelPadding: number;
+        maxHeight: number;
+        keepAliveContent: boolean;
         closeOnClickOutside: boolean;
+        toggleOnReferenceClick: boolean;
         content: string;
+        referenceFullWidth: boolean;
         trigger: "hover" | "click" | "focus";
-        interactive: boolean;
         openDelay: number;
         closeDelay: number;
+        interactive: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -124,74 +89,42 @@ declare const Tooltip: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
+        anchor: {
+            type: import('vue').PropType<Partial<import('./src/types').TooltipAnchorProps>>;
+            default: () => {};
+        };
         modelValue: {
             type: import('vue').PropType<boolean>;
             default: undefined;
         };
-        placement: {
-            type: import('vue').PropType<import('./src/types').TooltipPlacement>;
-            default: string;
-        };
-        offset: {
-            type: import('vue').PropType<number>;
-            default: number;
-        };
-        maxWidth: {
+        maxHeight: {
             type: import('vue').PropType<number>;
             default: number;
         };
-        showArrow: {
+        keepAliveContent: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        arrowSize: {
-            type: import('vue').PropType<number>;
-            default: number;
-        };
-        motion: {
-            type: import('vue').PropType<"split" | "fade">;
-            default: string;
-        };
-        fusion: {
+        closeOnClickOutside: {
             type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
-        panelVariant: {
-            type: import('vue').PropType<"plain" | "dashed" | "solid">;
-            default: string;
-        };
-        panelBackground: {
-            type: import('vue').PropType<"mask" | "blur" | "glass">;
-            default: string;
-        };
-        panelShadow: {
-            type: import('vue').PropType<"medium" | "none" | "soft">;
-            default: string;
-        };
-        panelRadius: {
-            type: import('vue').PropType<number>;
-            default: number;
-        };
-        panelPadding: {
-            type: import('vue').PropType<number>;
-            default: number;
+            default: undefined;
         };
-        closeOnClickOutside: {
+        toggleOnReferenceClick: {
             type: import('vue').PropType<boolean>;
-            default: boolean;
+            default: undefined;
         };
         content: {
             type: import('vue').PropType<string>;
             default: string;
         };
+        referenceFullWidth: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
         trigger: {
             type: import('vue').PropType<"click" | "focus" | "hover">;
             default: string;
         };
-        interactive: {
-            type: import('vue').PropType<boolean>;
-            default: boolean;
-        };
         openDelay: {
             type: import('vue').PropType<number>;
             default: number;
@@ -200,31 +133,28 @@ declare const Tooltip: {
             type: import('vue').PropType<number>;
             default: number;
         };
+        interactive: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
     }>> & Readonly<{
         onClose?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
         onOpen?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
         disabled: boolean;
+        anchor: Partial<import('./src/types').TooltipAnchorProps>;
         modelValue: boolean;
-        placement: import('./src/types').TooltipPlacement;
-        offset: number;
-        maxWidth: number;
-        showArrow: boolean;
-        arrowSize: number;
-        motion: "fade" | "split";
-        fusion: boolean;
-        panelVariant: "solid" | "dashed" | "plain";
-        panelBackground: "blur" | "glass" | "mask";
-        panelShadow: "none" | "soft" | "medium";
-        panelRadius: number;
-        panelPadding: number;
+        maxHeight: number;
+        keepAliveContent: boolean;
         closeOnClickOutside: boolean;
+        toggleOnReferenceClick: boolean;
         content: string;
+        referenceFullWidth: boolean;
         trigger: "hover" | "click" | "focus";
-        interactive: boolean;
         openDelay: number;
         closeDelay: number;
+        interactive: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -234,74 +164,42 @@ declare const Tooltip: {
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
+    anchor: {
+        type: import('vue').PropType<Partial<import('./src/types').TooltipAnchorProps>>;
+        default: () => {};
+    };
     modelValue: {
         type: import('vue').PropType<boolean>;
         default: undefined;
     };
-    placement: {
-        type: import('vue').PropType<import('./src/types').TooltipPlacement>;
-        default: string;
-    };
-    offset: {
+    maxHeight: {
         type: import('vue').PropType<number>;
         default: number;
     };
-    maxWidth: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
-    showArrow: {
+    keepAliveContent: {
         type: import('vue').PropType<boolean>;
         default: boolean;
     };
-    arrowSize: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
-    motion: {
-        type: import('vue').PropType<"split" | "fade">;
-        default: string;
-    };
-    fusion: {
+    closeOnClickOutside: {
         type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
-    panelVariant: {
-        type: import('vue').PropType<"plain" | "dashed" | "solid">;
-        default: string;
-    };
-    panelBackground: {
-        type: import('vue').PropType<"mask" | "blur" | "glass">;
-        default: string;
-    };
-    panelShadow: {
-        type: import('vue').PropType<"medium" | "none" | "soft">;
-        default: string;
-    };
-    panelRadius: {
-        type: import('vue').PropType<number>;
-        default: number;
-    };
-    panelPadding: {
-        type: import('vue').PropType<number>;
-        default: number;
+        default: undefined;
     };
-    closeOnClickOutside: {
+    toggleOnReferenceClick: {
         type: import('vue').PropType<boolean>;
-        default: boolean;
+        default: undefined;
     };
     content: {
         type: import('vue').PropType<string>;
         default: string;
     };
+    referenceFullWidth: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
     trigger: {
         type: import('vue').PropType<"click" | "focus" | "hover">;
         default: string;
     };
-    interactive: {
-        type: import('vue').PropType<boolean>;
-        default: boolean;
-    };
     openDelay: {
         type: import('vue').PropType<number>;
         default: number;
@@ -310,6 +208,10 @@ declare const Tooltip: {
         type: import('vue').PropType<number>;
         default: number;
     };
+    interactive: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
 }>> & Readonly<{
     onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
@@ -320,29 +222,24 @@ declare const Tooltip: {
     close: () => void;
 }, string, {
     disabled: boolean;
+    anchor: Partial<import('./src/types').TooltipAnchorProps>;
     modelValue: boolean;
-    placement: import('./src/types').TooltipPlacement;
-    offset: number;
-    maxWidth: number;
-    showArrow: boolean;
-    arrowSize: number;
-    motion: "fade" | "split";
-    fusion: boolean;
-    panelVariant: "solid" | "dashed" | "plain";
-    panelBackground: "blur" | "glass" | "mask";
-    panelShadow: "none" | "soft" | "medium";
-    panelRadius: number;
-    panelPadding: number;
+    maxHeight: number;
+    keepAliveContent: boolean;
     closeOnClickOutside: boolean;
+    toggleOnReferenceClick: boolean;
     content: string;
+    referenceFullWidth: boolean;
     trigger: "hover" | "click" | "focus";
-    interactive: boolean;
     openDelay: number;
     closeDelay: number;
+    interactive: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
-        content?(_: {}): any;
+        content?(_: {
+            side: "right" | "top" | "bottom" | "left";
+        }): any;
     };
 }) & import('vue').Plugin;
 export { Tooltip, TxTooltip };

package/dist/es/tooltip/index.js

@@ -1,4 +1,4 @@
-import { withInstall } from '../utils/withInstall.js';
+import { withInstall } from '../packages/tuffex/packages/utils/withInstall.js';
 import TxTooltip from './src/TxTooltip.vue.js';
 
 const Tooltip = withInstall(TxTooltip);

package/dist/es/tooltip/src/TxTooltip.vue.d.ts

@@ -2,29 +2,24 @@ import { TooltipProps } from './types';
 
 declare function __VLS_template(): {
     default?(_: {}): any;
-    content?(_: {}): any;
+    content?(_: {
+        side: "right" | "top" | "bottom" | "left";
+    }): any;
 };
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TooltipProps>, {
     modelValue: undefined;
     content: string;
     disabled: boolean;
     trigger: string;
-    placement: string;
-    offset: number;
     openDelay: number;
     closeDelay: number;
-    maxWidth: number;
-    showArrow: boolean;
-    arrowSize: number;
+    maxHeight: number;
+    referenceFullWidth: boolean;
     interactive: boolean;
-    closeOnClickOutside: boolean;
-    motion: string;
-    fusion: boolean;
-    panelVariant: string;
-    panelBackground: string;
-    panelShadow: string;
-    panelRadius: number;
-    panelPadding: number;
+    keepAliveContent: boolean;
+    closeOnClickOutside: undefined;
+    toggleOnReferenceClick: undefined;
+    anchor: () => {};
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (v: boolean) => void;
     open: () => void;
@@ -34,47 +29,33 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     content: string;
     disabled: boolean;
     trigger: string;
-    placement: string;
-    offset: number;
     openDelay: number;
     closeDelay: number;
-    maxWidth: number;
-    showArrow: boolean;
-    arrowSize: number;
+    maxHeight: number;
+    referenceFullWidth: boolean;
     interactive: boolean;
-    closeOnClickOutside: boolean;
-    motion: string;
-    fusion: boolean;
-    panelVariant: string;
-    panelBackground: string;
-    panelShadow: string;
-    panelRadius: number;
-    panelPadding: number;
+    keepAliveContent: boolean;
+    closeOnClickOutside: undefined;
+    toggleOnReferenceClick: undefined;
+    anchor: () => {};
 }>>> & Readonly<{
     onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
 }>, {
     disabled: boolean;
+    anchor: Partial<import('./types').TooltipAnchorProps>;
     modelValue: boolean;
-    placement: import('./types').TooltipPlacement;
-    offset: number;
-    maxWidth: number;
-    showArrow: boolean;
-    arrowSize: number;
-    motion: "fade" | "split";
-    fusion: boolean;
-    panelVariant: "solid" | "dashed" | "plain";
-    panelBackground: "blur" | "glass" | "mask";
-    panelShadow: "none" | "soft" | "medium";
-    panelRadius: number;
-    panelPadding: number;
+    maxHeight: number;
+    keepAliveContent: boolean;
     closeOnClickOutside: boolean;
+    toggleOnReferenceClick: boolean;
     content: string;
+    referenceFullWidth: boolean;
     trigger: "hover" | "click" | "focus";
-    interactive: boolean;
     openDelay: number;
     closeDelay: number;
+    interactive: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/es/tooltip/src/TxTooltip.vue.js

@@ -2,6 +2,6 @@ import _sfc_main from './TxTooltip.vue2.js';
 /* empty css               */
 import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
 
-const TxTooltip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aa47f72b"]]);
+const TxTooltip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a74e7132"]]);
 
 export { TxTooltip as default };