vft 0.0.442 → 0.0.445

package/es/components/message/message.vue2.js

@@ -1,13 +1,13 @@
-import { defineComponent as N, ref as d, computed as i, onMounted as R, watch as V, createBlock as H, openBlock as c, Transition as $, unref as o, withCtx as D, withDirectives as F, createElementVNode as j, normalizeStyle as P, normalizeClass as r, createElementBlock as u, createCommentVNode as w, renderSlot as U, createVNode as k, normalizeProps as Z, guardReactiveProps as A, toDisplayString as G, withModifiers as q, vShow as J } from "vue";
-import { EVENT_CODE as K } from "@vft/constants";
-import { useEventListener as Q } from "@vft/use";
-import { isObject as W } from "@vft/utils";
+import { defineComponent as V, ref as f, computed as i, onMounted as H, watch as $, createBlock as w, openBlock as c, Transition as D, unref as o, withCtx as F, withDirectives as P, createElementVNode as j, normalizeStyle as A, normalizeClass as a, createElementBlock as d, createCommentVNode as k, renderSlot as U, createVNode as Z, normalizeProps as G, guardReactiveProps as q, toDisplayString as J, mergeProps as K, withModifiers as Q, vShow as W } from "vue";
 import { VftIcon as B } from "../icon/index.js";
-import { useResizeObserver as X, useTimeoutFn as Y } from "@vueuse/core";
+import { EVENT_CODE as X } from "@vft/constants";
+import { useEventListener as Y } from "@vft/use";
+import { singleAttrToObj as T } from "@vft/utils";
+import { useResizeObserver as _, useTimeoutFn as ee } from "@vueuse/core";
 import "../config-provider/index.js";
-import { getLastOffset as _, getOffsetOrSpace as ee } from "./instance.js";
-import { useGlobalComponentSettings as te } from "../config-provider/hooks/use-global-config.js";
-const oe = ["id"], ne = ["innerHTML"], ge = /* @__PURE__ */ N({
+import { getLastOffset as oe, getOffsetOrSpace as te } from "./instance.js";
+import { useGlobalComponentSettings as ne } from "../config-provider/hooks/use-global-config.js";
+const se = ["id"], ie = ["innerHTML"], ye = /* @__PURE__ */ V({
   __name: "message",
   props: {
     customClass: {},
@@ -15,6 +15,7 @@ const oe = ["id"], ne = ["innerHTML"], ge = /* @__PURE__ */ N({
     dangerouslyUseHTMLString: { type: Boolean },
     duration: {},
     icon: {},
+    closeIcon: {},
     id: {},
     message: { type: [String, Object, Function] },
     onClose: { type: Function },
@@ -27,95 +28,102 @@ const oe = ["id"], ne = ["innerHTML"], ge = /* @__PURE__ */ N({
   },
   emits: ["destroy"],
   setup(e, { expose: b }) {
-    const t = e, { ns: n, zIndex: M } = te("message"), { currentZIndex: S, nextZIndex: T } = M, m = d(), l = d(!1), g = d(0);
+    const t = e, { ns: n, zIndex: M } = ne("message"), { currentZIndex: S, nextZIndex: x } = M, u = f(), l = f(!1), g = f(0);
     let v;
-    const x = /* @__PURE__ */ new Map([
+    const L = /* @__PURE__ */ new Map([
       ["success", { icon: "icon-success-filled" }],
       ["error", { icon: "icon-circle-close-filled" }],
       ["warning", { icon: "icon-warning-filled" }]
-    ]), y = i(() => (t.icon ? W(t.icon) ? t.icon : { icon: t.icon } : "") || x.get(t.type) || ""), L = i(() => {
+    ]), y = i(
+      () => T(t.icon, "icon", {
+        icon: L.get(t.type)?.icon
+      })
+    ), I = i(
+      () => T(t.icon, "icon", {
+        icon: "icon-close"
+      })
+    ), O = i(() => {
       const s = t.type;
       return { [n.bm("icon", s)]: s };
-    }), O = i(() => _(t.id)), p = i(
-      () => ee(t.id, t.offset) + O.value
-    ), z = i(() => g.value + p.value), E = i(() => ({
+    }), z = i(() => oe(t.id)), p = i(
+      () => te(t.id, t.offset) + z.value
+    ), E = i(() => g.value + p.value), N = i(() => ({
       top: `${p.value}px`,
       zIndex: S.value
     }));
-    function f() {
-      t.duration !== 0 && ({ stop: v } = Y(() => {
-        a();
+    function m() {
+      t.duration !== 0 && ({ stop: v } = ee(() => {
+        r();
       }, t.duration));
     }
     function C() {
       v?.();
     }
-    function a() {
+    function r() {
       l.value = !1;
     }
-    function I({ code: s }) {
-      s === K.esc && a();
+    function R({ code: s }) {
+      s === X.esc && r();
     }
-    return R(() => {
-      f(), T(), l.value = !0;
-    }), V(
+    return H(() => {
+      m(), x(), l.value = !0;
+    }), $(
       () => t.repeatNum,
       () => {
-        C(), f();
+        C(), m();
       }
-    ), Q(document, "keydown", I), X(m, () => {
-      g.value = m.value.getBoundingClientRect().height;
+    ), Y(document, "keydown", R), _(u, () => {
+      g.value = u.value.getBoundingClientRect().height;
     }), b({
       visible: l,
-      bottom: z,
-      close: a
-    }), (s, h) => (c(), H($, {
+      bottom: E,
+      close: r
+    }), (s, h) => (c(), w(D, {
       name: o(n).b("fade"),
       onBeforeLeave: e.onClose,
-      onAfterLeave: h[0] || (h[0] = (se) => s.$emit("destroy"))
+      onAfterLeave: h[0] || (h[0] = (ce) => s.$emit("destroy"))
     }, {
-      default: D(() => [
-        F(j("div", {
+      default: F(() => [
+        P(j("div", {
           id: e.id,
           ref_key: "messageRef",
-          ref: m,
-          class: r([
+          ref: u,
+          class: a([
             o(n).b(),
             { [o(n).m(e.type)]: e.type && !e.icon },
             o(n).is("center", e.center),
             o(n).is("closable", e.showClose),
             e.customClass
           ]),
-          style: P(E.value),
+          style: A(N.value),
           role: "alert",
           onMouseenter: C,
-          onMouseleave: f
+          onMouseleave: m
         }, [
-          y.value?.icon ? (c(), u("div", {
+          y.value?.icon ? (c(), d("div", {
             key: 0,
-            class: r([o(n).e("icon"), L.value])
+            class: a([o(n).e("icon"), O.value])
           }, [
-            k(o(B), Z(A(y.value)), null, 16)
-          ], 2)) : w("", !0),
+            Z(o(B), G(q(y.value)), null, 16)
+          ], 2)) : k("", !0),
           U(s.$slots, "default", {}, () => [
-            e.dangerouslyUseHTMLString ? (c(), u("p", {
+            e.dangerouslyUseHTMLString ? (c(), d("p", {
               key: 1,
-              class: r(o(n).e("content")),
+              class: a(o(n).e("content")),
               innerHTML: e.message
-            }, null, 10, ne)) : (c(), u("p", {
+            }, null, 10, ie)) : (c(), d("p", {
               key: 0,
-              class: r(o(n).e("content"))
-            }, G(e.message), 3))
+              class: a(o(n).e("content"))
+            }, J(e.message), 3))
           ]),
-          e.showClose ? (c(), u("div", {
+          e.showClose ? (c(), w(o(B), K({
             key: 1,
-            class: r(o(n).e("closeBtn")),
-            onClick: q(a, ["stop"])
-          }, [
-            k(o(B), { icon: "icon-circle-close" })
-          ], 2)) : w("", !0)
-        ], 46, oe), [
-          [J, l.value]
+            class: o(n).e("closeBtn")
+          }, I.value, {
+            onClick: Q(r, ["stop"])
+          }), null, 16, ["class"])) : k("", !0)
+        ], 46, se), [
+          [W, l.value]
         ])
       ]),
       _: 3
@@ -123,5 +131,5 @@ const oe = ["id"], ne = ["innerHTML"], ge = /* @__PURE__ */ N({
   }
 });
 export {
-  ge as default
+  ye as default
 };

package/es/components/message/types.d.ts

@@ -45,20 +45,36 @@ export declare const messageDefaults: {
     appendTo: HTMLElement;
 };
 export interface MessageProps {
+    /** 自定义类名 */
     customClass?: string;
+    /** 是否居中布局 */
     center?: boolean;
+    /** 是否将 message 属性作为 HTML 片段处理 */
     dangerouslyUseHTMLString?: boolean;
-    duration?: number;
-    icon?: string;
-    id?: string;
+    /** 显示时间，单位毫秒。设为 0 则不会自动关闭 */
+    duration: number;
+    /** 自定义图标，该属性会覆盖 type 的图标 */
+    icon?: any;
+    /** 自定义关闭图标 */
+    closeIcon?: any;
+    /** 消息的唯一标识 */
+    id: string;
+    /** 消息文字 */
     message?: string | VNode | (() => VNode);
-    onClose?: Function;
+    /** 关闭时的回调函数 */
+    onClose?: () => void;
+    /** 是否显示关闭按钮 */
     showClose?: boolean;
-    type?: MessageType;
-    offset?: number;
+    /** 消息类型 */
+    type: MessageType;
+    /** 消息距离窗口顶部的偏移量 */
+    offset: number;
+    /** 消息的层级 */
     zIndex?: number;
+    /** 合并内容相同的消息，不支持 VNode 类型的消息 */
     grouping?: boolean;
-    repeatNum: number;
+    /** 重复次数，类似于 Badge。当和 grouping 属性一起使用时作为初始数量使用 */
+    repeatNum?: number;
 }
 export type MessageOptions = Partial<Omit<MessageProps, 'id'> & {
     appendTo?: HTMLElement | string;

package/es/components/modal/index.d.ts

@@ -36,10 +36,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        closeOnPressEscape: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -69,6 +65,10 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        closeOnPressEscape: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         lockScroll: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -144,12 +144,12 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         fullscreen: boolean;
         draggable: boolean;
         modelValue: boolean;
-        closeOnPressEscape: boolean;
         showClose: boolean;
         customClass: string;
         appendToBody: boolean;
         destroyOnClose: boolean;
         closeOnClickModal: boolean;
+        closeOnPressEscape: boolean;
         lockScroll: boolean;
         modal: boolean;
         openDelay: number;
@@ -202,10 +202,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        closeOnPressEscape: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         loading: {
             type: import("vue").PropType<boolean>;
         };
@@ -235,6 +231,10 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        closeOnPressEscape: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         lockScroll: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -310,12 +310,12 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         fullscreen: boolean;
         draggable: boolean;
         modelValue: boolean;
-        closeOnPressEscape: boolean;
         showClose: boolean;
         customClass: string;
         appendToBody: boolean;
         destroyOnClose: boolean;
         closeOnClickModal: boolean;
+        closeOnPressEscape: boolean;
         lockScroll: boolean;
         modal: boolean;
         openDelay: number;
@@ -365,10 +365,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    closeOnPressEscape: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     loading: {
         type: import("vue").PropType<boolean>;
     };
@@ -398,6 +394,10 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    closeOnPressEscape: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     lockScroll: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -473,12 +473,12 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
     fullscreen: boolean;
     draggable: boolean;
     modelValue: boolean;
-    closeOnPressEscape: boolean;
     showClose: boolean;
     customClass: string;
     appendToBody: boolean;
     destroyOnClose: boolean;
     closeOnClickModal: boolean;
+    closeOnPressEscape: boolean;
     lockScroll: boolean;
     modal: boolean;
     openDelay: number;

package/es/components/modal/modal.vue.d.ts

@@ -57,12 +57,12 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     fullscreen: boolean;
     draggable: boolean;
     modelValue: boolean;
-    closeOnPressEscape: boolean;
     showClose: boolean;
     customClass: string;
     appendToBody: boolean;
     destroyOnClose: boolean;
     closeOnClickModal: boolean;
+    closeOnPressEscape: boolean;
     lockScroll: boolean;
     modal: boolean;
     openDelay: number;

package/es/components/popconfirm/index.d.ts

@@ -11,10 +11,6 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
             default: string;
         };
-        teleported: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         hideAfter: {
             type: import("vue").PropType<number>;
             default: number;
@@ -23,6 +19,10 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        teleported: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         confirmButtonText: {
             type: import("vue").PropType<string>;
         };
@@ -53,9 +53,9 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
     }, import("vue").PublicProps, {
         width: string | number;
         icon: string | import("vft/es/vft").IconProps;
-        teleported: boolean;
         hideAfter: number;
         persistent: boolean;
+        teleported: boolean;
         confirmButtonType: import("vft/es/vft").ButtonType;
         iconColor: string;
         hideIcon: boolean;
@@ -78,10 +78,6 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
             default: string;
         };
-        teleported: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         hideAfter: {
             type: import("vue").PropType<number>;
             default: number;
@@ -90,6 +86,10 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        teleported: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         confirmButtonText: {
             type: import("vue").PropType<string>;
         };
@@ -117,9 +117,9 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
     }>, {}, {}, {}, {}, {
         width: string | number;
         icon: string | import("vft/es/vft").IconProps;
-        teleported: boolean;
         hideAfter: number;
         persistent: boolean;
+        teleported: boolean;
         confirmButtonType: import("vft/es/vft").ButtonType;
         iconColor: string;
         hideIcon: boolean;
@@ -139,10 +139,6 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         default: string;
     };
-    teleported: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     hideAfter: {
         type: import("vue").PropType<number>;
         default: number;
@@ -151,6 +147,10 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    teleported: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     confirmButtonText: {
         type: import("vue").PropType<string>;
     };
@@ -181,9 +181,9 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
 }, string, {
     width: string | number;
     icon: string | import("vft/es/vft").IconProps;
-    teleported: boolean;
     hideAfter: number;
     persistent: boolean;
+    teleported: boolean;
     confirmButtonType: import("vft/es/vft").ButtonType;
     iconColor: string;
     hideIcon: boolean;

package/es/components/popconfirm/popconfirm.vue.d.ts

@@ -44,9 +44,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>, {
     width: string | number;
     icon: string | IconProps;
-    teleported: boolean;
     hideAfter: number;
     persistent: boolean;
+    teleported: boolean;
     confirmButtonType: ButtonType;
     iconColor: string;
     hideIcon: boolean;

package/es/components/popper/composables/use-content.d.ts

@@ -46,11 +46,11 @@ export declare const usePopperContent: (props: PopperContentProps) => {
                 popperEscapeOffsets: import("@popperjs/core").SideObject;
             };
             offset?: {
-                top?: import("@popperjs/core").Offsets | undefined;
-                bottom?: import("@popperjs/core").Offsets | undefined;
+                auto?: import("@popperjs/core").Offsets | undefined;
                 left?: import("@popperjs/core").Offsets | undefined;
                 right?: import("@popperjs/core").Offsets | undefined;
-                auto?: import("@popperjs/core").Offsets | undefined;
+                bottom?: import("@popperjs/core").Offsets | undefined;
+                top?: import("@popperjs/core").Offsets | undefined;
                 "auto-start"?: import("@popperjs/core").Offsets | undefined;
                 "auto-end"?: import("@popperjs/core").Offsets | undefined;
                 "top-start"?: import("@popperjs/core").Offsets | undefined;