vft 0.0.142 → 0.0.144

package/es/components/date-picker/props/shared.js

@@ -1,11 +1,10 @@
 import { isArray as a } from "@vft/utils";
-import { datePickTypes as o } from "../../../constants/date.js";
+import { datePickTypes as n } from "../../../constants/date.js";
 import "@vueuse/core";
 import "../../../utils/ns-cover.js";
-import "lodash";
 import { buildProps as r, definePropType as e } from "../../../utils/vue/props/runtime.js";
 import "vue";
-const p = ["date", "dates", "year", "month", "week", "range"], y = r({
+const o = ["date", "dates", "year", "month", "week", "range"], u = r({
   disabledDate: {
     type: e(Function)
   },
@@ -29,28 +28,28 @@ const p = ["date", "dates", "year", "month", "week", "range"], y = r({
       selecting: !1
     })
   }
-}), m = r({
+}), y = r({
   type: {
     type: e(String),
     required: !0,
-    values: o
+    values: n
   }
-}), P = r({
+}), m = r({
   unlinkPanels: Boolean,
   parsedValue: {
     type: e(Array)
   }
-}), f = (t) => ({
+}), P = (t) => ({
   type: String,
-  values: p,
+  values: o,
   default: t
-}), b = {
+}), f = {
   pick: (t) => a(t)
 };
 export {
-  y as datePickerSharedProps,
-  P as panelRangeSharedProps,
-  m as panelSharedProps,
-  b as rangePickerSharedEmits,
-  f as selectionModeWithDefault
+  u as datePickerSharedProps,
+  m as panelRangeSharedProps,
+  y as panelSharedProps,
+  f as rangePickerSharedEmits,
+  P as selectionModeWithDefault
 };

package/es/components/date-time-select/date-time-select.vue2.js

@@ -10,11 +10,11 @@ import { useNamespace as z } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import v from "dayjs";
-const c = (
+const n = (
   /* hoist-static*/
   z("date-time-select")
 ), B = F({
-  name: "vft-date-time-select"
+  name: n.b()
 }), ae = /* @__PURE__ */ F({
   ...B,
   props: {
@@ -27,55 +27,55 @@ const c = (
   },
   emits: ["change"],
   setup(d, {
-    emit: x
+    emit: b
   }) {
-    const C = u(!1), g = u(), H = u("请选择时间"), t = u("");
-    function I(a) {
+    const C = u(!1), g = u(), x = u("请选择时间"), t = u("");
+    function H(a) {
       const {
-        count: l,
+        count: r,
         type: h,
         format: f,
-        dateRange: n = !0,
+        dateRange: o = !0,
         startOfType: O,
         endOfType: V
       } = a;
-      let m, r, L;
+      let m, l, L;
       const p = f || d.defaultFormat;
-      let o = v().format(p);
+      let s = v().format(p);
       const R = (i, j = !0) => {
         let D, T = j ? "startOf" : "endOf";
-        return i === "week" ? D = v().add(l, i)[T](i).add(1, "day").format(p) : D = v().add(l, i)[T](i).format(p), D;
+        return i === "week" ? D = v().add(r, i)[T](i).add(1, "day").format(p) : D = v().add(r, i)[T](i).format(p), D;
       };
-      O && (m = R(O)), V && (r = R(V, !1)), L = v().add(l, h).format(p);
-      let s = m || r || L;
-      return n ? m && r ? [s, r] : l > 0 ? [s !== r && r || o, s] : l === 0 ? [m || o, r || o] : [s, s !== r && r || o] : s;
+      O && (m = R(O)), V && (l = R(V, !1)), L = v().add(r, h).format(p);
+      let c = m || l || L;
+      return o ? m && l ? [c, l] : r > 0 ? [c !== l && l || s, c] : r === 0 ? [m || s, l || s] : [c, c !== l && l || s] : c;
     }
-    function M(a, l) {
-      g.value = a, y.value.handleClose(), t.value = I(l), x("change", t.value);
+    function I(a, r) {
+      g.value = a, y.value.handleClose(), t.value = H(r), b("change", t.value);
     }
-    function N() {
+    function M() {
       t.value = "";
     }
     const w = A(() => {
       var a;
       return Y(t.value) && ((a = t.value) != null && a.length) ? t.value[0] + " - " + t.value[1] : t.value;
     }), y = u();
-    function P(a) {
+    function N(a) {
       C.value = a;
     }
-    const b = () => {
+    const P = () => {
       const a = Y(d.dateList[0]) ? d.dateList : [d.dateList];
       return e("div", {
-        class: c.e("content")
-      }, [e(E, null, [a.map((l, h) => e("div", {
+        class: n.e("content")
+      }, [e(E, null, [a.map((r, h) => e("div", {
         key: h,
-        class: c.e("item-container")
-      }, [l.map((f, n) => e("div", {
-        class: [c.e("item"), c.is("active", g.value === n)],
-        onClick: () => M(n, f)
+        class: n.e("item-container")
+      }, [r.map((f, o) => e("div", {
+        class: [n.e("item"), n.is("active", g.value === o)],
+        onClick: () => I(o, f)
       }, [e("span", {
-        key: n
-      }, [f.text]), g.value === n ? e(k, {
+        key: o
+      }, [f.text]), g.value === o ? e(k, {
         icon: "icon-check"
       }, null) : null])), e(S, {
         type: "daterange",
@@ -88,15 +88,15 @@ const c = (
       ref: y,
       trigger: "click",
       teleported: !1,
-      class: c.b(),
-      onVisibleChange: P
+      class: n.b(),
+      onVisibleChange: N
     }, {
       default: () => [e("span", {
-        class: [c.e("trigger"), "cursor-pointer"]
+        class: [n.e("trigger"), "cursor-pointer"]
       }, [e("span", {
         class: [w.value ? "text" : "placeholder"]
-      }, [w.value || H.value]), t.value ? e(k, {
-        onClick: N,
+      }, [w.value || x.value]), t.value ? e(k, {
+        onClick: M,
         icon: "icon-circle-close",
         class: "hover:text-black"
       }, null) : null, t.value ? e(k, {
@@ -105,7 +105,7 @@ const c = (
           "rotate-180": C.value
         }]
       }, null) : null])],
-      dropdown: () => b()
+      dropdown: () => P()
     });
   }
 });

package/es/components/date-time-select/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import m from "./date-time-select.vue2.js";
 const l = t(m);

package/es/components/descriptions/description-item.vue2.js

@@ -1,17 +1,18 @@
-import { defineComponent as t, renderSlot as i } from "vue";
+import { defineComponent as t, renderSlot as o } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as o } from "../../hooks/use-namespace/index.js";
+import { useNamespace as a } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-/* hoist-static*/
-o("descriptions-item");
-const r = t({
-  name: "vft-descriptions-item"
-}), _ = /* @__PURE__ */ t({
-  ...r,
+const r = (
+  /* hoist-static*/
+  a("descriptions-item")
+), s = t({
+  name: r.b()
+}), b = /* @__PURE__ */ t({
+  ...s,
   props: {
     label: {},
     span: { default: 1 },
@@ -22,10 +23,10 @@ const r = t({
     className: {},
     labelClassName: {}
   },
-  setup(a) {
-    return (e, s) => i(e.$slots, "default");
+  setup(i) {
+    return (e, l) => o(e.$slots, "default");
   }
 });
 export {
-  _ as default
+  b as default
 };

package/es/components/descriptions/description.vue2.js

@@ -13,7 +13,7 @@ const l = (
   /* hoist-static*/
   T("descriptions")
 ), A = N({
-  name: "vft-descriptions"
+  name: l.b()
 }), Z = /* @__PURE__ */ N({
   ...A,
   props: {
@@ -28,8 +28,8 @@ const l = (
     const f = w(), S = z();
     V(q, S.props);
     const $ = D(() => [l.b(), l.m("small")]), h = (e, o, t, r = !1) => (e.props || (e.props = {}), o > t && (e.props.span = t), r && (e.props.span = o), e), B = () => {
-      var v;
-      const e = R((v = f.default) == null ? void 0 : v.call(f)).filter(
+      var y;
+      const e = R((y = f.default) == null ? void 0 : y.call(f)).filter(
         (s) => {
           var n;
           return ((n = s == null ? void 0 : s.type) == null ? void 0 : n.name) === "ElDescriptionsItem";
@@ -37,8 +37,8 @@ const l = (
       ), o = [];
       let t = [], r = m.column, b = 0;
       return e.forEach((s, n) => {
-        var y;
-        const p = ((y = s == null ? void 0 : s.props) == null ? void 0 : y.span) || 1;
+        var v;
+        const p = ((v = s == null ? void 0 : s.props) == null ? void 0 : v.span) || 1;
         if (n < e.length - 1 && (b += p > r ? r : p), n === e.length - 1) {
           const E = m.column - b % m.column;
           t.push(h(s, E, r, !0)), o.push(t);

package/es/components/descriptions/descriptions-cell.js

@@ -2,13 +2,13 @@ import { addUnit as y } from "@vft/utils";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import { isNil as S } from "lodash";
-import { defineComponent as v, inject as w, h as s } from "vue";
-import { getNormalizedProps as A } from "../../utils/vue/vnode.js";
+import { getNormalizedProps as v } from "../../utils/vue/vnode.js";
+import { defineComponent as w, inject as A, h as s } from "vue";
 import { useNamespace as j } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { descriptionsKey as D } from "./token.js";
-const q = v({
+const q = w({
   name: "VftDescriptionsCell",
   props: {
     cell: {
@@ -23,12 +23,12 @@ const q = v({
   },
   setup() {
     return {
-      descriptions: w(D, {})
+      descriptions: A(D, {})
     };
   },
   render() {
     var h, n, g, f, c, u;
-    const e = A(
+    const e = v(
       this.cell
     ), { border: p, direction: N } = this.descriptions, l = N === "vertical", o = ((g = (n = (h = this.cell) == null ? void 0 : h.children) == null ? void 0 : n.label) == null ? void 0 : g.call(n)) || e.label, d = (u = (c = (f = this.cell) == null ? void 0 : f.children) == null ? void 0 : c.default) == null ? void 0 : u.call(c), i = e.span, a = e.align ? `is-${e.align}` : "", C = e.labelAlign ? `is-${e.labelAlign}` : a, m = e.className, b = e.labelClassName, r = {
       width: y(e.width),

package/es/components/descriptions/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as o, withNoopInstall as i } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import m from "./description.vue2.js";
 import t from "./description-item.vue2.js";

package/es/components/dialog/dialog.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, ref as u, getCurrentInstance as z, provide as O, computed as P, openBlock as C, createBlock as b, Teleport as N, createVNode as i, Transition as q, unref as e, withCtx as a, withDirectives as j, createElementVNode as K, normalizeClass as U, normalizeStyle as G, mergeProps as H, createSlots as J, renderSlot as n, createCommentVNode as Q, vShow as W } from "vue";
+import { defineComponent as B, ref as i, getCurrentInstance as z, provide as O, computed as P, openBlock as g, createBlock as b, Teleport as N, createVNode as f, Transition as q, unref as e, withCtx as a, withDirectives as j, createElementVNode as K, normalizeClass as U, normalizeStyle as G, mergeProps as H, createSlots as J, renderSlot as n, createCommentVNode as Q, vShow as W } from "vue";
 import { isBoolean as X } from "@vft/utils";
 import Y from "../focus-trap/focus-trap.vue.js";
 import "../focus-trap/utils.js";
@@ -14,11 +14,11 @@ import "../../hooks/use-z-index/index.js";
 import { dialogInjectionKey as oe } from "./constants.js";
 import le from "./dialog-content.vue2.js";
 import { useDialog as te } from "./hooks/use-dialog.js";
-const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
+const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
   /* hoist-static*/
   x("dialog")
 ), se = B({
-  name: "vft-dialog",
+  name: d.b(),
   inheritAttrs: !1
 }), Ae = /* @__PURE__ */ B({
   ...se,
@@ -57,8 +57,8 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
     closeAutoFocus: () => !0
   },
   setup(r, { expose: k }) {
-    const p = u(), A = u(), c = u(), F = z(), {
-      visible: d,
+    const p = i(), A = i(), c = i(), F = z(), {
+      visible: u,
       titleId: m,
       bodyId: y,
       style: w,
@@ -68,7 +68,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
       afterEnter: T,
       afterLeave: h,
       beforeLeave: I,
-      handleClose: g,
+      handleClose: C,
       onModalClick: M,
       onOpenAutoFocus: $,
       onCloseAutoFocus: D,
@@ -79,27 +79,27 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
       dialogRef: p,
       headerRef: A,
       bodyId: y,
-      ns: f,
+      ns: d,
       rendered: v,
       style: w
     });
     const l = ee(M), V = P(() => r.draggable && !r.fullscreen);
     return k({
       /** @description whether the dialog is visible */
-      visible: d,
+      visible: u,
       dialogContentRef: c
-    }), (o, t) => (C(), b(N, {
+    }), (o, t) => (g(), b(N, {
       to: "body",
       disabled: !o.appendToBody
     }, [
-      i(q, {
+      f(q, {
         name: "dialog-fade",
         onAfterEnter: e(T),
         onAfterLeave: e(h),
         onBeforeLeave: e(I)
       }, {
         default: a(() => [
-          j(i(e(Z), {
+          j(f(e(Z), {
             "custom-mask-event": "",
             mask: o.modal,
             "overlay-class": o.modalClass,
@@ -112,7 +112,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
                 "aria-label": o.title || void 0,
                 "aria-labelledby": o.title ? void 0 : e(m),
                 "aria-describedby": e(y),
-                class: U(`${e(f).namespace.value}-overlay-dialog`),
+                class: U(`${e(d).namespace.value}-overlay-dialog`),
                 style: G(e(R)),
                 onClick: t[0] || (t[0] = //@ts-ignore
                 (...s) => e(l).onClick && e(l).onClick(...s)),
@@ -121,9 +121,9 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
                 onMouseup: t[2] || (t[2] = //@ts-ignore
                 (...s) => e(l).onMouseup && e(l).onMouseup(...s))
               }, [
-                i(e(Y), {
+                f(e(Y), {
                   loop: "",
-                  trapped: e(d),
+                  trapped: e(u),
                   "focus-start-el": "container",
                   onFocusAfterTrapped: e($),
                   onFocusAfterReleased: e(D),
@@ -131,7 +131,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
                   onReleaseRequested: e(L)
                 }, {
                   default: a(() => [
-                    e(v) ? (C(), b(le, H({
+                    e(v) ? (g(), b(le, H({
                       key: 0,
                       ref_key: "dialogContentRef",
                       ref: c
@@ -144,14 +144,14 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
                       fullscreen: o.fullscreen,
                       "show-close": o.showClose,
                       title: o.title,
-                      onClose: e(g)
+                      onClose: e(C)
                     }), J({
                       header: a(() => [
                         o.$slots.title ? n(o.$slots, "title", { key: 1 }) : n(o.$slots, "header", {
                           key: 0,
-                          close: e(g),
+                          close: e(C),
                           titleId: e(m),
-                          titleClass: e(f).e("title")
+                          titleClass: e(d).e("title")
                         })
                       ]),
                       default: a(() => [
@@ -174,7 +174,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], f = (
             ]),
             _: 3
           }, 8, ["mask", "overlay-class", "z-index"]), [
-            [W, e(d)]
+            [W, e(u)]
           ])
         ]),
         _: 3

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

@@ -63,9 +63,9 @@ export declare const VftDialog: import("vft/es/utils").SFCWithInstall<{
             readonly customClass?: string | undefined;
             onClose?: (() => any) | undefined;
             readonly showClose?: boolean | undefined;
-            readonly closeOnPressEscape?: boolean | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             onOpen?: (() => any) | undefined;
+            readonly closeOnPressEscape?: boolean | undefined;
             readonly alignCenter?: boolean | undefined;
             readonly closeIcon?: string | undefined;
             readonly appendToBody?: boolean | undefined;

package/es/components/dialog/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as o } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import t from "./dialog.vue2.js";
 import { dialogInjectionKey as c } from "./constants.js";

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

@@ -1,9 +1,14 @@
 import type { BorderColor, BorderStyle } from './types';
 export interface DividerProps {
+    /** 分割线方向 */
     direction?: 'horizontal' | 'vertical';
+    /** 分隔线内容的位置 */
     contentPosition?: 'left' | 'center' | 'right';
+    /** 分隔线样式 */
     borderStyle?: BorderStyle;
+    /** 分隔线颜色 */
     borderColor?: BorderColor;
+    /** margin 边距 */
     marginY?: string;
     marginX?: string;
 }

package/es/components/divider/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import i from "./divider.vue2.js";
 const e = t(i);

package/es/components/drawer/drawer.vue2.js

@@ -17,7 +17,7 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
   /* hoist-static*/
   X("drawer")
 ), ee = w({
-  name: "vft-drawer"
+  name: t.b()
 }), Ee = /* @__PURE__ */ w({
   ...ee,
   props: {
@@ -79,7 +79,7 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
       rendered: I,
       visible: m,
       zIndex: S
-    } = Y(E.props, c), v = B(), V = k(() => s.direction === "rtl" || s.direction === "ltr"), C = k(() => G(s.size));
+    } = Y(E.props, c), C = B(), V = k(() => s.direction === "rtl" || s.direction === "ltr"), v = k(() => G(s.size));
     return g({
       close: n
     }), (o, i) => (a(), T(O, {
@@ -104,7 +104,7 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
                 loop: "",
                 trapped: e(m),
                 "focus-trap-el": c.value,
-                "focus-start-el": v.value,
+                "focus-start-el": C.value,
                 onReleaseRequested: e(F)
               }, {
                 default: y(() => [
@@ -117,14 +117,14 @@ const Z = ["aria-label", "aria-labelledby", "aria-describedby"], _ = ["id"], x =
                     "aria-describedby": e(b)
                   }, o.$attrs, {
                     class: [e(t).b(), o.direction, e(m) && "open", o.customClass],
-                    style: V.value ? "width: " + C.value : "height: " + C.value,
+                    style: V.value ? "width: " + v.value : "height: " + v.value,
                     role: "dialog",
                     onClick: i[1] || (i[1] = q(() => {
                     }, ["stop"]))
                   }), [
                     h("span", {
                       ref_key: "focusStartRef",
-                      ref: v,
+                      ref: C,
                       class: l(e(t).e("sr-focus")),
                       tabindex: "-1"
                     }, null, 2),

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

@@ -61,9 +61,9 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
             readonly customClass?: string | undefined;
             onClose?: (() => any) | undefined;
             readonly showClose?: boolean | undefined;
-            readonly closeOnPressEscape?: boolean | undefined;
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             onOpen?: (() => any) | undefined;
+            readonly closeOnPressEscape?: boolean | undefined;
             readonly alignCenter?: boolean | undefined;
             readonly closeIcon?: string | undefined;
             readonly appendToBody?: boolean | undefined;

package/es/components/drawer/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import r from "./drawer.vue2.js";
 const e = t(r);

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

@@ -54,6 +54,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    loop: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -62,14 +66,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<TooltipTriggerType>;
         default: string;
     };
-    loop: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    teleported: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     popperOptions: {
         type: import("vue").PropType<Options>;
     };
@@ -77,6 +73,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    teleported: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     splitButton: {
         type: import("vue").PropType<boolean>;
     };
@@ -133,6 +133,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    loop: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -141,14 +145,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<TooltipTriggerType>;
         default: string;
     };
-    loop: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    teleported: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     popperOptions: {
         type: import("vue").PropType<Options>;
     };
@@ -156,6 +152,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    teleported: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     splitButton: {
         type: import("vue").PropType<boolean>;
     };
@@ -184,11 +184,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     effect: "light" | "dark";
     tabindex: string | number;
     role: string;
+    loop: boolean;
     disabled: boolean;
     trigger: TooltipTriggerType;
-    loop: boolean;
-    teleported: boolean;
     popperClass: string;
+    teleported: boolean;
     hideOnClick: boolean;
     showTimeout: number;
     hideTimeout: number;