@xto/feedback 1.2.1 → 1.2.3

package/es/Tooltip/types.d.ts

@@ -0,0 +1,81 @@
+/**
+ * Tooltip 组件类型定义
+ */
+/**
+ * Tooltip 位置
+ */
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+/**
+ * Tooltip 效果
+ */
+export type TooltipEffect = 'dark' | 'light';
+/**
+ * Tooltip 触发方式
+ */
+export type TooltipTrigger = 'hover' | 'click' | 'focus';
+/**
+ * Tooltip Props
+ */
+export interface TooltipProps {
+    /**
+     * Tooltip 内容
+     */
+    content?: string;
+    /**
+     * Tooltip 位置
+     * @default 'top'
+     */
+    placement?: TooltipPlacement;
+    /**
+     * Tooltip 效果
+     * @default 'dark'
+     */
+    effect?: TooltipEffect;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 距离触发元素的偏移量
+     * @default 8
+     */
+    offset?: number;
+    /**
+     * 过渡动画名称
+     * @default 'fade'
+     */
+    transition?: string;
+    /**
+     * 是否显示箭头
+     * @default true
+     */
+    visibleArrow?: boolean;
+    /**
+     * 触发方式
+     * @default 'hover'
+     */
+    trigger?: TooltipTrigger;
+    /**
+     * 显示延迟（毫秒）
+     * @default 0
+     */
+    openDelay?: number;
+    /**
+     * 关闭延迟（毫秒）
+     * @default 0
+     */
+    closeDelay?: number;
+}
+/**
+ * Tooltip Emits
+ */
+export interface TooltipEmits {
+    (e: 'update:visible', visible: boolean): void;
+    (e: 'show'): void;
+    (e: 'hide'): void;
+}
+/**
+ * Tooltip 组件实例类型
+ */
+export type TooltipInstance = InstanceType<typeof import('./index.vue').default>;

package/es/index.d.ts

@@ -0,0 +1,23 @@
+export { default as Modal } from './Modal/index.vue';
+export { default as Drawer } from './Drawer/index.vue';
+export { default as DrawerForm } from './DrawerForm/index.vue';
+export { default as Alert } from './Alert/index.vue';
+export { default as Tooltip } from './Tooltip/index.vue';
+export { default as Popconfirm } from './Popconfirm/index.vue';
+export { default as Backtop } from './Backtop/index.vue';
+export { default as Result } from './Result/index.vue';
+export { Timeline, TimelineItem } from './Timeline';
+export { Message, MessageComponent, TMessage } from './Message';
+export { MessageBox, TMessageBox } from './MessageBox';
+export { Notification, TNotification } from './Notification';
+export type { ModalProps, ModalEmits } from './Modal';
+export type { DrawerProps } from './Drawer';
+export type { FormField, DrawerFormProps, DrawerFormEmits } from './DrawerForm';
+export type { AlertProps } from './Alert';
+export type { TooltipProps } from './Tooltip';
+export type { PopconfirmProps, PopconfirmPlacement, PopconfirmInstance } from './Popconfirm';
+export type { BacktopProps, BacktopEmits } from './Backtop';
+export type { ResultProps } from './Result';
+export type { MessageProps, MessageOptions, MessageInstance, MessageFn, Message as MessageType } from './Message';
+export type { MessageBoxOptions, MessageBoxResult, MessageBoxFn, MessageBox as MessageBoxType } from './MessageBox';
+export type { NotificationOptions, NotificationInstance, NotificationFn, NotificationPosition, Notification as NotificationType } from './Notification';

package/es/index.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as R, computed as B, openBlock as u, createElementBlock as f, normalizeStyle as P, normalizeClass as s, createElementVNode as z, renderSlot as H, createTextVNode as S, toDisplayString as $, ref as I, watch as ae, resolveComponent as ze, createBlock as Z, Teleport as oe, createVNode as E, Transition as K, withCtx as D, unref as o, withModifiers as re, createCommentVNode as C, withDirectives as ce, vShow as ue, Fragment as ge, renderList as be, nextTick as te, onUnmounted as de, onMounted as ye, reactive as Ce, createApp as Me, h as k } from "vue";
-import { useNamespace as N, useZIndex as Ve, useEscape as Le, nextMessageZIndex as He } from "@xto/core";
+import { defineComponent as R, computed as B, openBlock as u, createElementBlock as f, normalizeStyle as P, normalizeClass as s, createElementVNode as z, renderSlot as H, createTextVNode as S, toDisplayString as $, ref as I, watch as ae, resolveComponent as ze, createBlock as Z, Teleport as oe, createVNode as E, Transition as K, withCtx as D, unref as o, withModifiers as re, createCommentVNode as C, withDirectives as ce, vShow as ue, Fragment as pe, renderList as Me, nextTick as te, onUnmounted as de, onMounted as ye, reactive as Ce, createApp as ve, h as k } from "vue";
+import { useNamespace as j, useZIndex as Ve, useEscape as Le, nextMessageZIndex as He } from "@xto/core";
 const we = {
   // 箭头类
   "arrow-up": "M12 19V5m0 0l-7 7m7-7l7 7",
@@ -215,7 +215,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
     strokeWidth: { default: 2 }
   },
   setup(e, { expose: n }) {
-    const t = e, r = N("icon"), a = B(() => typeof t.size == "number" ? `${t.size}px` : t.size), i = B(() => ({
+    const t = e, r = j("icon"), a = B(() => typeof t.size == "number" ? `${t.size}px` : t.size), i = B(() => ({
       width: a.value,
       height: a.value,
       color: t.color
@@ -272,7 +272,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
   },
   emits: ["update:modelValue", "update:open", "close", "open", "ok", "cancel"],
   setup(e, { emit: n }) {
-    const t = e, r = n, a = N("modal"), { next: i } = Ve(), m = I(i()), g = B({
+    const t = e, r = n, a = j("modal"), { next: i } = Ve(), m = I(i()), g = B({
       get: () => t.modelValue !== void 0 ? t.modelValue : t.open !== void 0 ? t.open : !1,
       set: (h) => {
         t.modelValue !== void 0 && r("update:modelValue", h), t.open !== void 0 && r("update:open", h), t.modelValue === void 0 && t.open === void 0 && r("update:modelValue", h);
@@ -396,7 +396,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
   },
   emits: ["update:modelValue", "close", "open"],
   setup(e, { emit: n }) {
-    const t = e, r = n, a = N("drawer"), i = I(2e3), m = () => {
+    const t = e, r = n, a = j("drawer"), i = I(2e3), m = () => {
       r("update:modelValue", !1), r("close");
     }, g = () => {
       t.closeOnClickModal && m();
@@ -494,7 +494,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
   },
   emits: ["update:modelValue", "confirm", "cancel", "close", "field-change"],
   setup(e, { emit: n }) {
-    const t = e, r = n, a = N("drawer-form"), i = I({}), m = I({});
+    const t = e, r = n, a = j("drawer-form"), i = I({}), m = I({});
     B(() => [
       a.b()
     ]), ae(() => t.formData, (M) => {
@@ -562,7 +562,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
                   key: 0,
                   class: s(o(a).e("form"))
                 }, [
-                  (u(!0), f(ge, null, be(e.fields, (l) => (u(), f("div", {
+                  (u(!0), f(pe, null, Me(e.fields, (l) => (u(), f("div", {
                     key: l.name,
                     class: s(o(a).e("field"))
                   }, [
@@ -602,7 +602,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
                       disabled: e.disabled || l.disabled,
                       onChange: (b) => w(l.name, b.target.value)
                     }, [
-                      (u(!0), f(ge, null, be(l.options, (b) => (u(), f("option", {
+                      (u(!0), f(pe, null, Me(l.options, (b) => (u(), f("option", {
                         key: b.value,
                         value: b.value
                       }, $(b.label), 9, Oe))), 128))
@@ -659,7 +659,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
   },
   emits: ["close"],
   setup(e, { emit: n }) {
-    const t = e, r = n, a = N("alert"), i = I(!0), m = {
+    const t = e, r = n, a = j("alert"), i = I(!0), m = {
       success: "check",
       warning: "warning",
       error: "close-circle",
@@ -668,7 +668,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
       a.b(),
       a.m(t.type),
       a.is("center", t.center),
-      a.is("with-description", t.description)
+      a.is("with-description", !!t.description)
     ]), v = (c) => {
       i.value = !1, r("close", c);
     };
@@ -739,35 +739,35 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
   },
   emits: ["update:visible", "show", "hide"],
   setup(e, { emit: n }) {
-    const t = e, r = n, a = N("tooltip"), i = I(!1), m = I(), g = I();
+    const t = e, r = n, a = j("tooltip"), i = I(!1), m = I(), g = I();
     let v, c;
     const x = I({}), p = () => {
       if (!m.value || !g.value) return;
       const L = m.value.getBoundingClientRect(), F = g.value;
       F.style.visibility = "hidden", F.style.display = "block";
-      const j = F.offsetWidth, U = F.offsetHeight, q = t.offset, he = window.innerWidth, fe = window.innerHeight;
-      let O = 0, W = 0, J = t.placement;
+      const N = F.offsetWidth, U = F.offsetHeight, q = t.offset, he = window.innerWidth, fe = window.innerHeight;
+      let O = 0, W = 0, G = t.placement;
       switch (t.placement) {
         case "top":
-          O = L.top - U - q, W = L.left + (L.width - j) / 2;
+          O = L.top - U - q, W = L.left + (L.width - N) / 2;
           break;
         case "bottom":
-          O = L.bottom + q, W = L.left + (L.width - j) / 2;
+          O = L.bottom + q, W = L.left + (L.width - N) / 2;
           break;
         case "left":
-          O = L.top + (L.height - U) / 2, W = L.left - j - q;
+          O = L.top + (L.height - U) / 2, W = L.left - N - q;
           break;
         case "right":
           O = L.top + (L.height - U) / 2, W = L.right + q;
           break;
       }
-      t.placement === "top" && O < 0 ? (J = "bottom", O = L.bottom + q) : t.placement === "bottom" && O + U > fe ? (J = "top", O = L.top - U - q) : t.placement === "left" && W < 0 ? (J = "right", W = L.right + q) : t.placement === "right" && W + j > he && (J = "left", W = L.left - j - q), W < 8 && (W = 8), W + j > he - 8 && (W = he - j - 8), O < 8 && (O = 8), O + U > fe - 8 && (O = fe - U - 8), x.value = {
+      t.placement === "top" && O < 0 ? (G = "bottom", O = L.bottom + q) : t.placement === "bottom" && O + U > fe ? (G = "top", O = L.top - U - q) : t.placement === "left" && W < 0 ? (G = "right", W = L.right + q) : t.placement === "right" && W + N > he && (G = "left", W = L.left - N - q), W < 8 && (W = 8), W + N > he - 8 && (W = he - N - 8), O < 8 && (O = 8), O + U > fe - 8 && (O = fe - U - 8), x.value = {
         position: "fixed",
         top: `${O}px`,
         left: `${W}px`,
         visibility: "visible",
         zIndex: "2000"
-      }, w.value = J;
+      }, w.value = G;
     }, w = I(t.placement), M = () => {
       t.disabled || (clearTimeout(c), v = setTimeout(() => {
         i.value = !0, r("update:visible", !0), r("show"), te(() => {
@@ -791,8 +791,8 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
     }, A = () => {
       t.trigger === "focus" && h();
     }, T = (L) => {
-      var F, j;
-      t.trigger === "click" && !((F = m.value) != null && F.contains(L.target)) && !((j = g.value) != null && j.contains(L.target)) && h();
+      var F, N;
+      t.trigger === "click" && !((F = m.value) != null && F.contains(L.target)) && !((N = g.value) != null && N.contains(L.target)) && h();
     }, V = () => {
       i.value && p();
     };
@@ -854,7 +854,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
       ]))
     ], 2));
   }
-}), Ne = { class: "x-popconfirm-wrapper" }, je = { class: "x-popconfirm__main" }, De = { class: "x-popconfirm__title" }, Xe = { class: "x-popconfirm__action" }, ht = /* @__PURE__ */ R({
+}), je = { class: "x-popconfirm-wrapper" }, Ne = { class: "x-popconfirm__main" }, De = { class: "x-popconfirm__title" }, Xe = { class: "x-popconfirm__action" }, ht = /* @__PURE__ */ R({
   name: "XPopconfirm",
   __name: "index",
   props: {
@@ -974,7 +974,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
       }
       return y;
     });
-    return (d, y) => (u(), f("span", Ne, [
+    return (d, y) => (u(), f("span", je, [
       z("span", {
         ref_key: "triggerRef",
         ref: i,
@@ -1000,7 +1000,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
                 class: "x-popconfirm__arrow",
                 style: P(b.value)
               }, null, 4)) : C("", !0),
-              z("div", je, [
+              z("div", Ne, [
                 e.hideIcon ? C("", !0) : (u(), f("span", {
                   key: 0,
                   class: "x-popconfirm__icon",
@@ -1045,7 +1045,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
   },
   emits: ["click"],
   setup(e, { emit: n }) {
-    const t = e, r = n, a = N("backtop"), i = I(!1), m = () => {
+    const t = e, r = n, a = j("backtop"), i = I(!1), m = () => {
       const c = window.scrollY || document.documentElement.scrollTop || document.body.scrollTop || 0;
       i.value = c >= t.visibilityHeight;
     }, g = (c) => {
@@ -1095,7 +1095,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
     icon: {}
   },
   setup(e) {
-    const n = e, t = N("result"), r = B(() => n.icon ? n.icon : {
+    const n = e, t = j("result"), r = B(() => n.icon ? n.icon : {
       success: "check-circle",
       warning: "warning",
       error: "close-circle",
@@ -1148,7 +1148,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
   name: "XTimeline",
   __name: "index",
   setup(e) {
-    const n = N("timeline");
+    const n = j("timeline");
     return (t, r) => (u(), f("ul", {
       class: s(o(n).b())
     }, [
@@ -1168,7 +1168,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
     hollow: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const n = N("timeline-item");
+    const n = j("timeline-item");
     return (t, r) => (u(), f("li", {
       class: s([o(n).b(), o(n).m(e.placement)])
     }, [
@@ -1220,7 +1220,7 @@ const Be = ["aria-hidden", "aria-label"], Te = ["stroke-width"], Ie = ["d"], X =
   },
   emits: ["close", "destroy"],
   setup(e, { expose: n, emit: t }) {
-    const r = e, a = t, i = N("message"), m = I(!1), g = I(He()), v = {
+    const r = e, a = t, i = j("message"), m = I(!1), g = I(He()), v = {
       success: "check",
       warning: "warning",
       error: "close-circle",
@@ -1336,7 +1336,7 @@ function xe(e) {
     l > 0 && (v = setTimeout(x, l));
   }, w = () => {
     v && (clearTimeout(v), v = null);
-  }, M = Me({
+  }, M = ve({
     render() {
       if (!m.visible) return null;
       const l = [
@@ -1443,15 +1443,15 @@ function xe(e) {
 function Ke(e) {
   return xe(typeof e == "string" ? { message: e } : e);
 }
-const se = (e) => (n) => xe({ ...typeof n == "string" ? { message: n } : n, type: e }), ve = Object.assign(Ke, {
+const se = (e) => (n) => xe({ ...typeof n == "string" ? { message: n } : n, type: e }), ge = Object.assign(Ke, {
   info: se("info"),
   success: se("success"),
   warning: se("warning"),
   error: se("error"),
   closeAll: Ze
-}), gt = ve, bt = Fe, yt = {
+}), gt = Fe, bt = {
   install(e) {
-    e.config.globalProperties.$message = ve, e.provide("message", ve);
+    e.config.globalProperties.$message = ge, e.provide("message", ge);
   }
 }, _ = [], Ue = () => {
   _.slice().forEach((e) => e.close());
@@ -1643,7 +1643,7 @@ function me(e) {
           ])
         ]);
       }
-    }), i = Me(a);
+    }), i = ve(a);
     i.mount(t);
     const m = {
       app: i,
@@ -1688,14 +1688,14 @@ async function Qe(e, n, t) {
 function _e(e) {
   return me(e);
 }
-const G = Object.assign(_e, {
+const J = Object.assign(_e, {
   alert: Ge,
   confirm: Je,
   prompt: Qe,
   closeAll: Ue
-}), wt = G, xt = {
+}), yt = {
   install(e) {
-    e.config.globalProperties.$msgbox = G, e.config.globalProperties.$alert = G.alert, e.config.globalProperties.$confirm = G.confirm, e.config.globalProperties.$prompt = G.prompt, e.provide("messageBox", G);
+    e.config.globalProperties.$msgbox = J, e.config.globalProperties.$alert = J.alert, e.config.globalProperties.$confirm = J.confirm, e.config.globalProperties.$prompt = J.prompt, e.provide("messageBox", J);
   }
 }, ee = [];
 let et = 1;
@@ -1892,7 +1892,7 @@ function ke(e) {
         onMouseleave: this.startTimer
       }, w);
     }
-  }), g = Me(m);
+  }), g = ve(m);
   g.mount(r);
   const v = {
     id: n,
@@ -1910,15 +1910,15 @@ function ke(e) {
 function nt(e) {
   return ke(typeof e == "string" ? { message: e } : e);
 }
-const ie = (e) => (n) => ke({ ...typeof n == "string" ? { message: n } : n, type: e }), pe = Object.assign(nt, {
+const ie = (e) => (n) => ke({ ...typeof n == "string" ? { message: n } : n, type: e }), be = Object.assign(nt, {
   info: ie("info"),
   success: ie("success"),
   warning: ie("warning"),
   error: ie("error"),
   closeAll: tt
-}), kt = pe, zt = {
+}), wt = {
   install(e) {
-    e.config.globalProperties.$notify = pe, e.provide("notification", pe);
+    e.config.globalProperties.$notify = be, e.provide("notification", be);
   }
 };
 export {
@@ -1926,16 +1926,16 @@ export {
   ft as Backtop,
   ct as Drawer,
   ut as DrawerForm,
-  gt as Message,
-  wt as MessageBox,
-  bt as MessageComponent,
+  ge as Message,
+  J as MessageBox,
+  gt as MessageComponent,
   rt as Modal,
-  kt as Notification,
+  be as Notification,
   ht as Popconfirm,
   vt as Result,
-  yt as TMessage,
-  xt as TMessageBox,
-  zt as TNotification,
+  bt as TMessage,
+  yt as TMessageBox,
+  wt as TNotification,
   pt as Timeline,
   Mt as TimelineItem,
   mt as Tooltip