vft 0.0.11 → 0.0.13

package/es/components/menu/utils/menu-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.mjs","sources":["../../../../../../packages/components/menu/utils/menu-item.ts"],"sourcesContent":["import { triggerEvent } from '@vft/utils';\nimport { EVENT_CODE } from '@vft/constants';\nimport SubMenu from './submenu';\n\nclass MenuItem {\n  public submenu: SubMenu | null = null;\n  constructor(public domNode: HTMLElement, namespace: string) {\n    this.submenu = null;\n    this.init(namespace);\n  }\n\n  init(namespace: string): void {\n    this.domNode.setAttribute('tabindex', '0');\n    const menuChild = this.domNode.querySelector(`.${namespace}-menu`);\n    if (menuChild) {\n      this.submenu = new SubMenu(this, menuChild);\n    }\n    this.addListeners();\n  }\n\n  addListeners(): void {\n    this.domNode.addEventListener('keydown', (event: KeyboardEvent) => {\n      let prevDef = false;\n      switch (event.code) {\n        case EVENT_CODE.down: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter');\n          this.submenu && this.submenu.gotoSubIndex(0);\n          prevDef = true;\n          break;\n        }\n        case EVENT_CODE.up: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseenter');\n          this.submenu && this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1);\n          prevDef = true;\n          break;\n        }\n        case EVENT_CODE.tab: {\n          triggerEvent(event.currentTarget as HTMLElement, 'mouseleave');\n          break;\n        }\n        case EVENT_CODE.enter:\n        case EVENT_CODE.space: {\n          prevDef = true;\n          (event.currentTarget as HTMLElement).click();\n          break;\n        }\n      }\n      if (prevDef) {\n        event.preventDefault();\n      }\n    });\n  }\n}\n\nexport default MenuItem;\n"],"names":["MenuItem","domNode","namespace","menuChild","SubMenu","event","prevDef","EVENT_CODE","triggerEvent"],"mappings":";;;AAIA,MAAMA,EAAS;AAAA,EAEb,YAAmBC,GAAsBC,GAAmB;AAAzC,SAAA,UAAAD,GADnB,KAAO,UAA0B,MAE/B,KAAK,UAAU,MACf,KAAK,KAAKC,CAAS;AAAA,EACrB;AAAA,EAEA,KAAKA,GAAyB;AACvB,SAAA,QAAQ,aAAa,YAAY,GAAG;AACzC,UAAMC,IAAY,KAAK,QAAQ,cAAc,IAAID,QAAgB;AACjE,IAAIC,MACF,KAAK,UAAU,IAAIC,EAAQ,MAAMD,CAAS,IAE5C,KAAK,aAAa;AAAA,EACpB;AAAA,EAEA,eAAqB;AACnB,SAAK,QAAQ,iBAAiB,WAAW,CAACE,MAAyB;AACjE,UAAIC,IAAU;AACd,cAAQD,EAAM,MAAM;AAAA,QAClB,KAAKE,EAAW,MAAM;AACP,UAAAC,EAAAH,EAAM,eAA8B,YAAY,GAC7D,KAAK,WAAW,KAAK,QAAQ,aAAa,CAAC,GACjCC,IAAA;AACV;AAAA,QACF;AAAA,QACA,KAAKC,EAAW,IAAI;AACL,UAAAC,EAAAH,EAAM,eAA8B,YAAY,GACxD,KAAA,WAAW,KAAK,QAAQ,aAAa,KAAK,QAAQ,aAAa,SAAS,CAAC,GACpEC,IAAA;AACV;AAAA,QACF;AAAA,QACA,KAAKC,EAAW,KAAK;AACN,UAAAC,EAAAH,EAAM,eAA8B,YAAY;AAC7D;AAAA,QACF;AAAA,QACA,KAAKE,EAAW;AAAA,QAChB,KAAKA,EAAW,OAAO;AACX,UAAAD,IAAA,IACTD,EAAM,cAA8B;AACrC;AAAA,QACF;AAAA,MACF;AACA,MAAIC,KACFD,EAAM,eAAe;AAAA,IACvB,CACD;AAAA,EACH;AACF;"}

package/es/components/menu/utils/submenu.d.ts

@@ -0,0 +1,12 @@
+import type MenuItem from './menu-item';
+declare class SubMenu {
+    parent: MenuItem;
+    domNode: ParentNode;
+    subMenuItems: NodeList;
+    subIndex: number;
+    constructor(parent: MenuItem, domNode: ParentNode);
+    init(): void;
+    gotoSubIndex(idx: number): void;
+    addListeners(): void;
+}
+export default SubMenu;

package/es/components/menu/utils/submenu.mjs

@@ -0,0 +1,45 @@
+import { triggerEvent as n } from "@vft/utils";
+import { EVENT_CODE as t } from "@vft/constants";
+class h {
+  constructor(e, o) {
+    this.parent = e, this.domNode = o, this.subIndex = 0, this.subIndex = 0, this.init();
+  }
+  init() {
+    this.subMenuItems = this.domNode.querySelectorAll("li"), this.addListeners();
+  }
+  gotoSubIndex(e) {
+    e === this.subMenuItems.length ? e = 0 : e < 0 && (e = this.subMenuItems.length - 1), this.subMenuItems[e].focus(), this.subIndex = e;
+  }
+  addListeners() {
+    const e = this.parent.domNode;
+    Array.prototype.forEach.call(this.subMenuItems, (o) => {
+      o.addEventListener("keydown", (s) => {
+        let r = !1;
+        switch (s.code) {
+          case t.down: {
+            this.gotoSubIndex(this.subIndex + 1), r = !0;
+            break;
+          }
+          case t.up: {
+            this.gotoSubIndex(this.subIndex - 1), r = !0;
+            break;
+          }
+          case t.tab: {
+            n(e, "mouseleave");
+            break;
+          }
+          case t.enter:
+          case t.space: {
+            r = !0, s.currentTarget.click();
+            break;
+          }
+        }
+        return r && (s.preventDefault(), s.stopPropagation()), !1;
+      });
+    });
+  }
+}
+export {
+  h as default
+};
+//# sourceMappingURL=submenu.mjs.map

package/es/components/menu/utils/submenu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"submenu.mjs","sources":["../../../../../../packages/components/menu/utils/submenu.ts"],"sourcesContent":["// @ts-nocheck\nimport { triggerEvent } from '@vft/utils';\nimport { EVENT_CODE } from '@vft/constants';\nimport type MenuItem from './menu-item';\n\nclass SubMenu {\n  public subMenuItems: NodeList;\n  public subIndex = 0;\n  constructor(public parent: MenuItem, public domNode: ParentNode) {\n    this.subIndex = 0;\n    this.init();\n  }\n\n  init(): void {\n    this.subMenuItems = this.domNode.querySelectorAll('li');\n    this.addListeners();\n  }\n\n  gotoSubIndex(idx: number): void {\n    if (idx === this.subMenuItems.length) {\n      idx = 0;\n    } else if (idx < 0) {\n      idx = this.subMenuItems.length - 1;\n    }\n    (this.subMenuItems[idx] as HTMLElement).focus();\n    this.subIndex = idx;\n  }\n\n  addListeners(): void {\n    const parentNode = this.parent.domNode;\n    Array.prototype.forEach.call(this.subMenuItems, (el: Element) => {\n      el.addEventListener('keydown', (event: KeyboardEvent) => {\n        let prevDef = false;\n        switch (event.code) {\n          case EVENT_CODE.down: {\n            this.gotoSubIndex(this.subIndex + 1);\n            prevDef = true;\n            break;\n          }\n          case EVENT_CODE.up: {\n            this.gotoSubIndex(this.subIndex - 1);\n            prevDef = true;\n            break;\n          }\n          case EVENT_CODE.tab: {\n            triggerEvent(parentNode as HTMLElement, 'mouseleave');\n            break;\n          }\n          case EVENT_CODE.enter:\n          case EVENT_CODE.space: {\n            prevDef = true;\n            (event.currentTarget as HTMLElement).click();\n            break;\n          }\n        }\n        if (prevDef) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n        return false;\n      });\n    });\n  }\n}\n\nexport default SubMenu;\n"],"names":["SubMenu","parent","domNode","idx","parentNode","el","event","prevDef","EVENT_CODE","triggerEvent"],"mappings":";;AAKA,MAAMA,EAAQ;AAAA,EAGZ,YAAmBC,GAAyBC,GAAqB;AAA9C,SAAA,SAAAD,GAAyB,KAAA,UAAAC,GAD5C,KAAO,WAAW,GAEhB,KAAK,WAAW,GAChB,KAAK,KAAK;AAAA,EACZ;AAAA,EAEA,OAAa;AACX,SAAK,eAAe,KAAK,QAAQ,iBAAiB,IAAI,GACtD,KAAK,aAAa;AAAA,EACpB;AAAA,EAEA,aAAaC,GAAmB;AAC1B,IAAAA,MAAQ,KAAK,aAAa,SACtBA,IAAA,IACGA,IAAM,MACTA,IAAA,KAAK,aAAa,SAAS,IAElC,KAAK,aAAaA,CAAG,EAAkB,MAAM,GAC9C,KAAK,WAAWA;AAAA,EAClB;AAAA,EAEA,eAAqB;AACb,UAAAC,IAAa,KAAK,OAAO;AAC/B,UAAM,UAAU,QAAQ,KAAK,KAAK,cAAc,CAACC,MAAgB;AAC5D,MAAAA,EAAA,iBAAiB,WAAW,CAACC,MAAyB;AACvD,YAAIC,IAAU;AACd,gBAAQD,EAAM,MAAM;AAAA,UAClB,KAAKE,EAAW,MAAM;AACf,iBAAA,aAAa,KAAK,WAAW,CAAC,GACzBD,IAAA;AACV;AAAA,UACF;AAAA,UACA,KAAKC,EAAW,IAAI;AACb,iBAAA,aAAa,KAAK,WAAW,CAAC,GACzBD,IAAA;AACV;AAAA,UACF;AAAA,UACA,KAAKC,EAAW,KAAK;AACnB,YAAAC,EAAaL,GAA2B,YAAY;AACpD;AAAA,UACF;AAAA,UACA,KAAKI,EAAW;AAAA,UAChB,KAAKA,EAAW,OAAO;AACX,YAAAD,IAAA,IACTD,EAAM,cAA8B;AACrC;AAAA,UACF;AAAA,QACF;AACA,eAAIC,MACFD,EAAM,eAAe,GACrBA,EAAM,gBAAgB,IAEjB;AAAA,MAAA,CACR;AAAA,IAAA,CACF;AAAA,EACH;AACF;"}

package/es/components/menu-item/style/css.mjs

@@ -0,0 +1,3 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-menu-item.css";
+//# sourceMappingURL=css.mjs.map

package/es/components/menu-item/style/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/menu-item/style/index.mjs

@@ -0,0 +1,3 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/menu-item.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/components/menu-item/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/menu-item-group/style/css.mjs

@@ -0,0 +1,3 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-menu-item-group.css";
+//# sourceMappingURL=css.mjs.map

package/es/components/menu-item-group/style/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/menu-item-group/style/index.mjs

@@ -0,0 +1,3 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/menu-item-group.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/components/menu-item-group/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/popover/directive.d.ts

@@ -0,0 +1,4 @@
+import type { ObjectDirective } from 'vue';
+declare const _default: ObjectDirective<any, any>;
+export default _default;
+export declare const VPopover = "popover";

package/es/components/popover/directive.mjs

@@ -0,0 +1,16 @@
+const a = (t, e) => {
+  const o = e.arg || e.value, r = o == null ? void 0 : o.popperRef;
+  r && (r.triggerRef = t);
+}, c = {
+  mounted(t, e) {
+    a(t, e);
+  },
+  updated(t, e) {
+    a(t, e);
+  }
+}, s = "popover";
+export {
+  s as VPopover,
+  c as default
+};
+//# sourceMappingURL=directive.mjs.map

package/es/components/popover/directive.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive.mjs","sources":["../../../../../packages/components/popover/directive.ts"],"sourcesContent":["import type { DirectiveBinding, ObjectDirective } from 'vue'\n// import type { PopoverInstance } from './popover'\n\nconst attachEvents = (el: HTMLElement, binding: DirectiveBinding) => {\n\tconst popperComponent: any = binding.arg || binding.value\n\tconst popover = popperComponent?.popperRef\n\tif (popover) {\n\t\tpopover.triggerRef = el\n\t}\n}\n\nexport default {\n\tmounted (el, binding) {\n\t\tattachEvents(el, binding)\n\t},\n\tupdated (el, binding) {\n\t\tattachEvents(el, binding)\n\t},\n} as ObjectDirective\n\nexport const VPopover = 'popover'\n"],"names":["attachEvents","el","binding","popperComponent","popover","directive","VPopover"],"mappings":"AAGA,MAAMA,IAAe,CAACC,GAAiBC,MAA8B;AAC9D,QAAAC,IAAuBD,EAAQ,OAAOA,EAAQ,OAC9CE,IAAUD,KAAA,gBAAAA,EAAiB;AACjC,EAAIC,MACHA,EAAQ,aAAaH;AAEvB,GAEeI,IAAA;AAAA,EACd,QAASJ,GAAIC,GAAS;AACrB,IAAAF,EAAaC,GAAIC,CAAO;AAAA,EACzB;AAAA,EACA,QAASD,GAAIC,GAAS;AACrB,IAAAF,EAAaC,GAAIC,CAAO;AAAA,EACzB;AACD,GAEaI,IAAW;"}

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

@@ -0,0 +1,181 @@
+export declare const VftPopover: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    trigger: {
+        type: import("vue").PropType<import("..").TooltipTriggerType | undefined>;
+        required: false;
+    };
+    placement: {
+        type: import("vue").PropType<import("@popperjs/core").Placement | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    visible: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    transition: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    popperOptions: {
+        type: import("vue").PropType<Partial<import("@popperjs/core").Options> | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    content: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    popperStyle: {
+        type: import("vue").PropType<import("vue").StyleValue | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: import("vue").PropType<ClassType | undefined>;
+        required: false;
+    };
+    enterable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    effect: {
+        type: import("vue").PropType<"light" | "dark" | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    title: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    offset: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    showAfter: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    hideAfter: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    autoClose: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    showArrow: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    persistent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}, {
+    popperRef: import("vue").ComputedRef<any>;
+    hide: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:visible" | "before-enter" | "before-leave" | "after-enter" | "after-leave")[], "update:visible" | "before-enter" | "before-leave" | "after-enter" | "after-leave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    trigger: {
+        type: import("vue").PropType<import("..").TooltipTriggerType | undefined>;
+        required: false;
+    };
+    placement: {
+        type: import("vue").PropType<import("@popperjs/core").Placement | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    visible: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    transition: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    popperOptions: {
+        type: import("vue").PropType<Partial<import("@popperjs/core").Options> | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    content: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    popperStyle: {
+        type: import("vue").PropType<import("vue").StyleValue | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: import("vue").PropType<ClassType | undefined>;
+        required: false;
+    };
+    enterable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    effect: {
+        type: import("vue").PropType<"light" | "dark" | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    title: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    offset: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    showAfter: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    hideAfter: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    autoClose: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    showArrow: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    persistent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    "onBefore-enter"?: ((...args: any[]) => any) | undefined;
+    "onBefore-leave"?: ((...args: any[]) => any) | undefined;
+    "onAfter-enter"?: ((...args: any[]) => any) | undefined;
+    "onAfter-leave"?: ((...args: any[]) => any) | undefined;
+}, {}>> & Record<string, any>;
+export default VftPopover;

package/es/components/popover/index.mjs

@@ -0,0 +1,11 @@
+import { withInstall as o } from "../../utils/vue/install.mjs";
+import "vue";
+import "@vue/shared";
+import "@vft/utils";
+import t from "./popover.vue2.mjs";
+const a = o(t);
+export {
+  a as VftPopover,
+  a as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/components/popover/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/popover/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Popover from './popover.vue'\n\nexport const VftPopover = withInstall(Popover)\nexport default VftPopover\n\n"],"names":["VftPopover","withInstall","Popover"],"mappings":";;;;;AAIa,MAAAA,IAAaC,EAAYC,CAAO;"}

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

@@ -0,0 +1,187 @@
+import type { PropType as __PropType } from 'vue';
+import type { Options, Placement } from '@popperjs/core';
+import { type StyleValue } from 'vue';
+import { type TooltipTriggerType } from 'vft/es/components/tooltip';
+declare const _sfc_main: import("vue").DefineComponent<{
+    trigger: {
+        type: __PropType<TooltipTriggerType | undefined>;
+        required: false;
+    };
+    placement: {
+        type: __PropType<Placement | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    visible: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    transition: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    popperOptions: {
+        type: __PropType<Partial<Options> | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    content: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    popperStyle: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: __PropType<ClassType | undefined>;
+        required: false;
+    };
+    enterable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    effect: {
+        type: __PropType<"light" | "dark" | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    offset: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    showAfter: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    hideAfter: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    autoClose: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    showArrow: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    persistent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}, {
+    /** @description popper ref */
+    popperRef: import("vue").ComputedRef<any>;
+    /** @description hide popover */
+    hide: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:visible" | "before-enter" | "before-leave" | "after-enter" | "after-leave")[], "update:visible" | "before-enter" | "before-leave" | "after-enter" | "after-leave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    trigger: {
+        type: __PropType<TooltipTriggerType | undefined>;
+        required: false;
+    };
+    placement: {
+        type: __PropType<Placement | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    visible: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    transition: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    popperOptions: {
+        type: __PropType<Partial<Options> | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    content: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    popperStyle: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: __PropType<ClassType | undefined>;
+        required: false;
+    };
+    enterable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    effect: {
+        type: __PropType<"light" | "dark" | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    width: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    offset: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    showAfter: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    hideAfter: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    autoClose: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    showArrow: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    persistent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    "onBefore-enter"?: ((...args: any[]) => any) | undefined;
+    "onBefore-leave"?: ((...args: any[]) => any) | undefined;
+    "onAfter-enter"?: ((...args: any[]) => any) | undefined;
+    "onAfter-leave"?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/es/components/popover/popover.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./popover.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=popover.vue.mjs.map

package/es/components/popover/popover.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/components/popover/popover.vue2.mjs

@@ -0,0 +1,117 @@
+import { defineComponent as c, ref as k, computed as n, unref as o, openBlock as i, createBlock as A, mergeProps as S, withCtx as f, createElementBlock as $, normalizeClass as x, toDisplayString as s, createCommentVNode as d, renderSlot as u, createTextVNode as R } from "vue";
+import { addUnit as E } from "@vft/utils";
+import { useNamespace as N } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import { VftTooltip as V } from "../tooltip/index.mjs";
+const r = (
+  /* hoist-static*/
+  N("popover")
+), H = c({
+  name: r.b()
+}), G = /* @__PURE__ */ c({
+  ...H,
+  props: {
+    trigger: { default: "hover" },
+    placement: { default: "bottom" },
+    disabled: { type: Boolean },
+    visible: { type: Boolean, default: null },
+    transition: { default: "vft-fade-in-linear" },
+    popperOptions: null,
+    tabindex: { default: 0 },
+    content: null,
+    popperStyle: null,
+    popperClass: null,
+    enterable: { type: Boolean, default: !0 },
+    effect: { default: "light" },
+    teleported: { type: Boolean, default: !0 },
+    title: null,
+    width: { default: 150 },
+    offset: null,
+    showAfter: { default: 0 },
+    hideAfter: { default: 200 },
+    autoClose: { default: 0 },
+    showArrow: { type: Boolean, default: !0 },
+    persistent: { type: Boolean, default: !0 }
+  },
+  emits: ["update:visible", "before-enter", "before-leave", "after-enter", "after-leave"],
+  setup(e, { expose: p, emit: l }) {
+    const a = k(), b = n(() => {
+      var t;
+      return (t = o(a)) == null ? void 0 : t.popperRef;
+    }), m = n(() => [
+      {
+        width: E(e.width)
+      },
+      e.popperStyle
+    ]), h = n(() => [r.b(), e.popperClass, { [r.m("plain")]: !!e.content }]), v = n(() => e.transition === `${r.namespace.value}-fade-in-linear`), w = () => {
+      var t;
+      (t = a.value) == null || t.hide();
+    }, y = () => {
+      l("before-enter");
+    }, g = () => {
+      l("before-leave");
+    }, B = () => {
+      l("after-enter");
+    }, C = () => {
+      l("update:visible", !1), l("after-leave");
+    };
+    return p({
+      /** @description popper ref */
+      popperRef: b,
+      /** @description hide popover */
+      hide: w
+    }), (t, L) => (i(), A(o(V), S({
+      ref_key: "tooltipRef",
+      ref: a
+    }, t.$attrs, {
+      trigger: e.trigger,
+      placement: e.placement,
+      disabled: e.disabled,
+      visible: e.visible,
+      transition: e.transition,
+      "popper-options": e.popperOptions,
+      tabindex: e.tabindex,
+      content: e.content,
+      offset: e.offset,
+      "show-after": e.showAfter,
+      "hide-after": e.hideAfter,
+      "auto-close": e.autoClose,
+      "show-arrow": e.showArrow,
+      "aria-label": e.title,
+      effect: e.effect,
+      enterable: e.enterable,
+      "popper-class": o(h),
+      "popper-style": o(m),
+      teleported: e.teleported,
+      persistent: e.persistent,
+      "gpu-acceleration": o(v),
+      onBeforeShow: y,
+      onBeforeHide: g,
+      onShow: B,
+      onHide: C
+    }), {
+      content: f(() => [
+        e.title ? (i(), $("div", {
+          key: 0,
+          class: x(o(r).e("title")),
+          role: "title"
+        }, s(e.title), 3)) : d("", !0),
+        u(t.$slots, "default", {}, () => [
+          R(s(e.content), 1)
+        ])
+      ]),
+      default: f(() => [
+        t.$slots.reference ? u(t.$slots, "reference", { key: 0 }) : d("", !0)
+      ]),
+      _: 3
+    }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration"]));
+  }
+});
+export {
+  G as default
+};
+//# sourceMappingURL=popover.vue2.mjs.map