vft 0.0.74 → 0.0.77

package/es/components/menu/sub-menu.vue2.js

@@ -1,16 +1,16 @@
-import { defineComponent as Z, getCurrentInstance as Y, computed as n, inject as D, ref as x, reactive as _, watch as ee, provide as oe, onMounted as te, onBeforeUnmount as re, useSlots as ne, h as i, Fragment as le, withDirectives as ie, vShow as ae } from "vue";
+import { defineComponent as G, getCurrentInstance as re, computed as r, inject as L, ref as x, reactive as ie, watch as le, provide as ue, onMounted as ae, onBeforeUnmount as se, useSlots as pe, h as a, Fragment as me, withDirectives as ce, vShow as de } from "vue";
 import "../divider/index.js";
-import { VftIcon as H } from "../icon/index.js";
+import { VftIcon as U } from "../icon/index.js";
 import "../avatar/index.js";
 import "../empty/index.js";
 import "../result/index.js";
 import "../tabs/index.js";
 import "../popper/index.js";
-import { VftCollapseTransition as ue } from "../collapse-transition/index.js";
-import { VftTooltip as se } from "../tooltip/index.js";
+import { VftCollapseTransition as ve } from "../collapse-transition/index.js";
+import { VftTooltip as fe } from "../tooltip/index.js";
 import "../popover/index.js";
 import "./index.js";
-import { singleAttrToObj as pe, renderTNode as me } from "@vft/utils";
+import { singleAttrToObj as I, renderTNode as Me } from "@vft/utils";
 import "../context-menu/context-menu.vue2.js";
 import "../multiple-tabs/index.js";
 import "../header-layout/index.js";
@@ -51,6 +51,8 @@ import "../virtual-list/components/fixed-size-grid.js";
 import "../virtual-list/components/dynamic-size-grid.js";
 import "../virtual-list/props.js";
 import "../select-v2/index.js";
+import "../select/index.js";
+import "../tree-select/index.js";
 import "../verify-code/index.js";
 import "../table/index.js";
 import "../image-viewer/index.js";
@@ -62,6 +64,12 @@ import "../row/index.js";
 import "../horizontal-menu/index.js";
 import "../time-picker/index.js";
 import "../date-picker/index.js";
+import "../check-tag/index.js";
+import "../tree/index.js";
+import "../skeleton/index.js";
+import "../space/index.js";
+import "../card/index.js";
+import "../popconfirm/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -69,23 +77,23 @@ import "../md-vue-playground/index.js";
 import "../md-code-demo/index.js";
 import "../md-code-tabs/index.js";
 import "../message/index.js";
-import { useNamespace as I } from "../../hooks/use-namespace/index.js";
+import { useNamespace as k } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
-import { useTimeoutFn as L } from "@vueuse/core";
-import { throwError as U } from "../../utils/error.js";
+import { useTimeoutFn as Z } from "@vueuse/core";
+import { throwError as q } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-import ce from "./use-menu.js";
-import { useMenuCssVar as de } from "./use-menu-css-var.js";
-const S = (
+import be from "./use-menu.js";
+import { useMenuCssVar as he } from "./use-menu-css-var.js";
+const z = (
   /* hoist-static*/
-  I("sub-menu")
-), ve = Z({
-  name: S.b(),
+  k("sub-menu")
+), Te = G({
+  name: z.b(),
   inheritAttrs: !1
-}), Lo = /* @__PURE__ */ Z({
-  ...ve,
+}), ot = /* @__PURE__ */ G({
+  ...Te,
   props: {
     index: null,
     showTimeout: {
@@ -119,106 +127,118 @@ const S = (
       default: void 0
     }
   },
+  emits: ["mouseenter", "mouseleave"],
   setup(o, {
-    expose: q
+    expose: J,
+    emit: E
   }) {
-    const f = Y(), {
-      indexPath: h,
-      parentMenu: z
-    } = ce(f, n(() => o.index)), u = I("menu"), s = I("sub-menu"), e = D("rootMenu");
-    e || U(S.b(), "can not inject root menu");
-    const a = D(`subMenu:${z.value.uid}`);
-    a || U(S.b(), "can not inject sub menu");
-    const T = x({});
-    let p;
-    const A = x(!1), G = x(), B = x(null), P = n(() => d.value === "horizontal" && M.value ? "bottom-start" : "right-start"), M = n(() => a.level === 0), w = n(() => o.teleported === void 0 ? M.value : o.teleported), J = n(() => e.props.collapse ? `${u.namespace.value}-zoom-in-left` : `${u.namespace.value}-zoom-in-top`), K = n(() => d.value === "horizontal" && M.value ? ["bottom-start", "bottom-end", "top-start", "top-end", "right-start", "left-start"] : ["right-start", "left-start", "bottom-start", "bottom-end", "top-start", "top-end"]), c = n(() => e.openedMenus.includes(o.index)), b = n(() => {
+    const f = re(), {
+      indexPath: T,
+      parentMenu: A
+    } = be(f, r(() => o.index)), p = k("menu"), s = k("sub-menu"), e = L("rootMenu");
+    e || q(z.b(), "can not inject root menu");
+    const u = L(`subMenu:${A.value.uid}`);
+    u || q(z.b(), "can not inject sub menu");
+    const w = x({});
+    let m;
+    const B = x(!1), K = x(), P = x(null), j = r(() => d.value === "horizontal" && C.value ? "bottom-start" : "right-start"), C = r(() => u.level === 0), y = r(() => o.teleported === void 0 ? C.value : o.teleported), Q = r(() => e.props.collapse ? `${p.namespace.value}-zoom-in-left` : `${p.namespace.value}-zoom-in-top`), W = r(() => d.value === "horizontal" && C.value ? ["bottom-start", "bottom-end", "top-start", "top-end", "right-start", "left-start"] : ["right-start", "left-start", "bottom-start", "bottom-end", "top-start", "top-end"]), c = r(() => e.openedMenus.includes(o.index)), M = r(() => {
       let t = !1;
-      return Object.values(T.value).forEach((l) => {
+      return Object.values(w.value).forEach((l) => {
         l.active && (t = !0);
       }), o.index === e.activeIndex && (t = !0), t;
-    }), j = n(() => e.props.backgroundColor || ""), E = n(() => e.props.activeTextColor || ""), F = n(() => e.props.textColor || ""), d = n(() => e.props.mode), C = _({
+    }), F = r(() => e.props.backgroundColor || ""), $ = r(() => e.props.activeTextColor || ""), O = r(() => e.props.textColor || ""), d = r(() => e.props.mode), S = ie({
       index: o.index,
-      indexPath: h,
-      active: b
-    }), $ = de(e.props, a.level + 1), O = n(() => d.value !== "horizontal" ? {
-      color: F.value
+      indexPath: T,
+      active: M
+    }), V = he(e.props, u.level + 1), N = r(() => d.value !== "horizontal" ? {
+      color: O.value
     } : {
-      borderBottomColor: b.value ? e.props.activeTextColor ? E.value : "" : "transparent",
-      color: b.value ? E.value : F.value
-    }), Q = () => {
-      var t, l, r;
-      return (r = (l = (t = B.value) == null ? void 0 : t.popperRef) == null ? void 0 : l.popperInstanceRef) == null ? void 0 : r.destroy();
-    }, W = (t) => {
-      t || Q();
-    }, V = (t) => {
+      borderBottomColor: M.value ? e.props.activeTextColor ? $.value : "" : "transparent",
+      color: M.value ? $.value : O.value
+    }), X = () => {
+      var t, l, i;
+      return (i = (l = (t = P.value) == null ? void 0 : t.popperRef) == null ? void 0 : l.popperInstanceRef) == null ? void 0 : i.destroy();
+    }, Y = (t) => {
+      t || X();
+    }, R = (t) => {
       if (e.props.menuTrigger === "hover" && e.props.mode === "horizontal" || e.props.collapse && e.props.mode === "vertical" || o.disabled)
         return;
       const l = {
         e: t,
         index: o.index,
-        indexPath: h.value,
-        active: b.value
+        indexPath: T.value,
+        active: M.value
       };
       e.handleSubMenuClick(l);
-    }, g = (t, l = o.showTimeout) => {
-      var r;
-      t.type !== "focus" && (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled || (a.mouseInChild.value = !0, p == null || p(), {
-        stop: p
-      } = L(() => {
-        e.openMenu(o.index, h.value);
-      }, l), w.value && ((r = z.value.vnode.el) == null || r.dispatchEvent(new MouseEvent("mouseenter")))));
-    }, y = (t = !1) => {
-      var l, r;
-      e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (p == null || p(), a.mouseInChild.value = !1, {
-        stop: p
-      } = L(() => !A.value && e.closeMenu(o.index, h.value), o.hideTimeout), w.value && t && ((l = f.parent) == null ? void 0 : l.type.name) === "vft-sub-menu" && ((r = a.handleMouseleave) == null || r.call(a, !0)));
+    }, b = (t, l = o.showTimeout) => {
+      var i;
+      t.type !== "focus" && (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled || (u.mouseInChild.value = !0, m == null || m(), {
+        stop: m
+      } = Z(() => {
+        e.openMenu(o.index, T.value);
+      }, l), y.value && ((i = A.value.vnode.el) == null || i.dispatchEvent(new MouseEvent("mouseenter"))), E("mouseenter", t)));
+    }, _ = () => {
+      e.inSubMenuMouseEnterTimer && clearTimeout(e.inSubMenuMouseEnterTimer), e.inSubMenuMouseleaveTimer && clearTimeout(e.inSubMenuMouseleaveTimer), e.inSubMenuMouseEnterTimer = setTimeout(() => {
+        e.inSubMenu = !0;
+      }, o.showTimeout + 10);
+    }, ee = () => {
+      e.inSubMenuMouseEnterTimer && clearTimeout(e.inSubMenuMouseEnterTimer), e.inSubMenuMouseleaveTimer && clearTimeout(e.inSubMenuMouseleaveTimer), e.inSubMenuMouseleaveTimer = setTimeout(() => {
+        e.inSubMenu = !1;
+      }, o.hideTimeout - 10);
+    }, g = (t, l = !1) => {
+      var i, n;
+      e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (m == null || m(), u.mouseInChild.value = !1, {
+        stop: m
+      } = Z(() => {
+        !B.value && e.closeMenu(o.index, T.value);
+      }, o.hideTimeout), y.value && l && ((i = f.parent) == null ? void 0 : i.type.name) === "vft-sub-menu" && ((n = u.handleMouseleave) == null || n.call(u, t, !0)), E("mouseleave", t));
     };
-    ee(() => e.props.collapse, (t) => W(!!t));
+    le(() => e.props.collapse, (t) => Y(!!t));
     {
-      const t = (r) => {
-        T.value[r.index] = r;
-      }, l = (r) => {
-        delete T.value[r.index];
+      const t = (i) => {
+        w.value[i.index] = i;
+      }, l = (i) => {
+        delete w.value[i.index];
       };
-      oe(`subMenu:${f.uid}`, {
+      ue(`subMenu:${f.uid}`, {
         addSubMenu: t,
         removeSubMenu: l,
-        handleMouseleave: y,
-        mouseInChild: A,
-        level: a.level + 1
+        handleMouseleave: g,
+        mouseInChild: B,
+        level: u.level + 1
       });
     }
-    q({
+    J({
       opened: c
-    }), te(() => {
-      e.addSubMenu(C), a.addSubMenu(C);
-    }), re(() => {
-      a.removeSubMenu(C), e.removeSubMenu(C);
+    }), ae(() => {
+      e.addSubMenu(S), u.addSubMenu(S);
+    }), se(() => {
+      u.removeSubMenu(S), e.removeSubMenu(S);
     });
-    const v = ne(), X = n(() => d.value === "horizontal" && M.value || d.value === "vertical" && !e.props.collapse ? {
+    const v = pe(), D = r(() => I(o.icon, "icon")), oe = r(() => I(o.expandIcon, "icon")), te = r(() => I(o.collapseIcon, "icon")), ne = r(() => d.value === "horizontal" && C.value || d.value === "vertical" && !e.props.collapse ? {
       icon: "ico-ep:arrow-down",
       size: 20,
-      ...o.expandIcon
+      ...oe.value
     } : {
       icon: "ico-ep:arrow-right",
       size: 18,
-      ...o.collapseIcon
-    }), N = n(() => pe(o.icon, "icon")), R = n(() => me(f, "title"));
+      ...te.value
+    }), H = r(() => Me(f, "title"));
     return () => {
-      var r;
-      const t = [(r = N.value) != null && r.icon ? i(H, {
-        ...N.value
-      }) : null, i("span", {
-        class: o.showArrow ? s.e("text") : "",
+      var i;
+      const t = [(i = D.value) != null && i.icon ? a(U, {
+        ...D.value
+      }) : null, a("span", {
+        class: s.e("text"),
         title: f.props.title
-      }, R.value), o.showArrow ? i(H, {
+      }, H.value), o.showArrow ? a(U, {
         class: s.e("icon-arrow"),
-        ...X.value,
+        ...ne.value,
         style: {
           transform: c.value ? "rotateZ(180deg)" : "none"
         }
-      }) : !1], l = e.isMenuPopup ? i(se, {
-        ref: B,
+      }) : !1], l = e.isMenuPopup ? a(fe, {
+        ref: P,
         visible: c.value,
         effect: "light",
         pure: !0,
@@ -226,64 +246,66 @@ const S = (
         showArrow: !1,
         persistent: !0,
         popperClass: o.popperClass,
-        placement: P.value,
-        teleported: w.value,
-        fallbackPlacements: K.value,
-        transition: J.value,
+        placement: j.value,
+        teleported: y.value,
+        fallbackPlacements: W.value,
+        transition: Q.value,
         gpuAcceleration: !1,
         ...o.toolTipCfg
       }, {
         content: () => {
-          var m;
-          return i("div", {
-            class: [u.m(d.value), u.m("popup-container"), o.popperClass],
-            onMouseenter: (k) => g(k, 100),
-            onMouseleave: () => y(!0),
-            onFocus: (k) => g(k, 100)
-          }, [i("ul", {
-            class: [u.b(), u.m("popup"), u.m(`popup-${P.value}`)],
-            style: $.value
-          }, [(m = v.default) == null ? void 0 : m.call(v)])]);
+          var n;
+          return a("div", {
+            class: [p.m(d.value), p.m("popup-container"), o.popperClass],
+            onMouseenter: (h) => b(h, 100),
+            onMouseleave: (h) => g(h, !0),
+            onFocus: (h) => b(h, 100)
+          }, [a("ul", {
+            class: [p.b(), p.m("popup"), p.m(`popup-${j.value}`)],
+            style: V.value
+          }, [(n = v.default) == null ? void 0 : n.call(v)])]);
         },
-        default: () => i("div", {
+        default: () => a("div", {
           class: s.e("title"),
-          style: [O.value, {
-            backgroundColor: j.value
+          style: [N.value, {
+            backgroundColor: F.value
           }],
-          onClick: (m) => V(m)
+          onMouseenter: (n) => b(n),
+          onMouseleave: (n) => g(n, !0),
+          onClick: (n) => R(n)
         }, t)
       }) : (
         // 以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候
-        i(le, {}, [R.value ? i("div", {
+        a(me, {}, [H.value ? a("div", {
           class: s.e("title"),
-          style: [O.value, {
-            backgroundColor: j.value
+          style: [N.value, {
+            backgroundColor: F.value
           }],
-          ref: G,
-          onClick: V
-        }, t) : null, i(ue, {}, {
+          ref: K,
+          onClick: R
+        }, t) : null, a(ve, {}, {
           default: () => {
-            var m;
-            return ie(i("ul", {
+            var n;
+            return ce(a("ul", {
               role: "menu",
-              class: [u.b(), u.m("inline")],
-              style: $.value
-            }, [(m = v.default) == null ? void 0 : m.call(v)]), [[ae, c.value]]);
+              class: [p.b(), p.m("inline")],
+              style: V.value
+            }, [(n = v.default) == null ? void 0 : n.call(v)]), [[de, c.value]]);
           }
         })])
       );
-      return i("li", {
-        class: [s.b(), s.is("active", b.value), s.is("opened", c.value), s.is("disabled", o.disabled)],
+      return a("li", {
+        class: [s.b(), s.is("active", M.value), s.e(String(u.level)), s.is("in-popup", u.level !== 0), s.is("opened", c.value), s.is("disabled", o.disabled)],
         role: "menuitem",
         ariaHaspopup: !0,
         ariaExpanded: c.value,
-        onMouseenter: g,
-        onMouseleave: () => y(!0),
-        onFocus: g
+        onMouseenter: [_, (n) => b(n)],
+        onMouseleave: [ee, (n) => g(n, !0)],
+        onFocus: b
       }, [l]);
     };
   }
 });
 export {
-  Lo as default
+  ot as default
 };

package/es/components/multiple-tabs/multiple-tabs.vue2.js

@@ -62,6 +62,8 @@ import "../virtual-list/components/fixed-size-grid.js";
 import "../virtual-list/components/dynamic-size-grid.js";
 import "../virtual-list/props.js";
 import "../select-v2/index.js";
+import "../select/index.js";
+import "../tree-select/index.js";
 import "../verify-code/index.js";
 import "../table/index.js";
 import "../image-viewer/index.js";
@@ -73,6 +75,12 @@ import "../row/index.js";
 import "../horizontal-menu/index.js";
 import "../time-picker/index.js";
 import "../date-picker/index.js";
+import "../check-tag/index.js";
+import "../tree/index.js";
+import "../skeleton/index.js";
+import "../space/index.js";
+import "../card/index.js";
+import "../popconfirm/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -87,7 +95,7 @@ const M = (
   X("multiple-tabs")
 ), rt = P({
   name: M.b()
-}), ze = /* @__PURE__ */ P({
+}), je = /* @__PURE__ */ P({
   ...rt,
   props: {
     tabsStyle: null,
@@ -97,47 +105,47 @@ const M = (
   setup(d) {
     const i = et();
     d.canDrag && ot(i);
-    const u = J(), n = v(""), a = v(0), b = v(), s = E().appContext.config.globalProperties.$router, { go: g } = q(s), c = h(() => u.getTabList.filter((t) => {
+    const s = J(), m = v(""), a = v(0), b = v(), u = E().appContext.config.globalProperties.$router, { go: g } = q(u), c = h(() => s.getTabList.filter((t) => {
       var e;
       return !((e = t.meta) != null && e.hideTab);
     }));
     H(() => {
       var t;
-      if (n.value) {
-        const e = c.value.findIndex((o) => f(o) === n.value);
+      if (m.value) {
+        const e = c.value.findIndex((o) => f(o) === m.value);
         e === -1 ? a.value = ((t = c.value) == null ? void 0 : t.length) - 1 : a.value = e, a.value = a.value < (i == null ? void 0 : i.length) ? (i == null ? void 0 : i.length) - 1 : a.value;
       }
     }), W(() => {
-      b.value = r(s.currentRoute);
+      b.value = r(u.currentRoute);
     }), G((t) => {
       var T;
       if (!t || (T = t.meta) != null && T.hasTokenToRoot)
         return;
-      const { meta: e = {} } = t, { currentActivePath: o, hideTab: m } = e, p = m ? o : null, l = f(t);
-      if (n.value !== l && (n.value = l), p) {
-        let y = s.getRoutes().find((D) => D.path === o);
-        y && u.addTab(y, r(b), a.value, t);
+      const { meta: e = {} } = t, { currentActivePath: o, hideTab: n } = e, p = n ? o : null, l = f(t);
+      if (m.value !== l && (m.value = l), p) {
+        let y = u.getRoutes().find((D) => D.path === o);
+        y && s.addTab(y, r(b), a.value, t);
       } else
-        u.addTab(r(t), r(b), a.value);
+        s.addTab(r(t), r(b), a.value);
     });
     function k(t) {
-      var m, p;
-      if (n.value === t.paneName)
+      var n, p;
+      if (m.value === t.paneName)
         return;
       const e = c.value[t.attrs.index];
-      n.value = t.paneName;
-      const o = (p = (m = e == null ? void 0 : e.meta) == null ? void 0 : m.hideActiveRoute) == null ? void 0 : p.fullPath;
+      m.value = t.paneName;
+      const o = (p = (n = e == null ? void 0 : e.meta) == null ? void 0 : n.hideActiveRoute) == null ? void 0 : p.fullPath;
       g(o || e.fullPath || e.path);
     }
     function B(t) {
-      u.closeTabByKey(t, s);
+      s.closeTabByKey(t, u);
     }
     const [I, N] = O();
-    function V(t) {
+    function w(t) {
       const e = t.pane.attrs.index, o = t.event;
       I.value[e].handleContext(o);
     }
-    const w = h(() => ({ ..._({
+    const V = h(() => ({ ..._({
       padding: "4px 0 0",
       "border-bottom": "none",
       "header-height": "26px",
@@ -162,22 +170,23 @@ const M = (
     }));
     return (t, e) => (x(), R("div", {
       class: K(r(M).b()),
-      style: $(r(w))
+      style: $(r(V))
     }, [
       S(r(Y), {
-        "model-value": n.value,
-        "onUpdate:modelValue": e[0] || (e[0] = (o) => n.value = o),
+        showBar: !1,
+        "model-value": m.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (o) => m.value = o),
         onTabClick: k,
         onTabRemove: B,
-        onTabContextMenu: V
+        onTabContextMenu: w
       }, {
         default: C(() => [
-          (x(!0), R(F, null, U(r(c), (o, m) => {
+          (x(!0), R(F, null, U(r(c), (o, n) => {
             var p;
             return x(), j(r(Z), {
-              key: r(f)(o) + m,
+              key: r(f)(o) + n,
               closable: !((p = o.meta) != null && p.affix),
-              index: m,
+              index: n,
               name: r(f)(o)
             }, {
               label: C(() => {
@@ -187,7 +196,7 @@ const M = (
                     contextMenuStyle: r(z),
                     affixNum: (l = r(i)) == null ? void 0 : l.length,
                     ref_for: !0,
-                    ref: r(N)(m),
+                    ref: r(N)(n),
                     tabItem: o
                   }, null, 8, ["contextMenuStyle", "affixNum", "tabItem"])
                 ];
@@ -202,5 +211,5 @@ const M = (
   }
 });
 export {
-  ze as default
+  je as default
 };

package/es/components/option/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/el-option.css";

package/es/components/option/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/option.scss";

package/es/components/option-group/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/el-option-group.css";

package/es/components/option-group/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/option-group.scss";

package/es/components/popconfirm/index.js

@@ -0,0 +1,12 @@
+import { withInstall as o } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import t from "./popconfirm.vue2.js";
+const s = o(t);
+export {
+  s as VftPopconfirm,
+  s as default
+};

package/es/components/popconfirm/popconfirm.vue.js

@@ -0,0 +1,4 @@
+import f from "./popconfirm.vue2.js";
+export {
+  f as default
+};

package/es/components/popconfirm/popconfirm.vue2.js

@@ -0,0 +1,112 @@
+import { defineComponent as C, ref as N, computed as a, openBlock as y, createBlock as B, unref as o, mergeProps as w, withCtx as l, createElementVNode as f, normalizeClass as c, normalizeStyle as $, createCommentVNode as T, createTextVNode as s, toDisplayString as m, createVNode as x, renderSlot as b } from "vue";
+import { VftButton as h } from "../button/index.js";
+import { VftIcon as I } from "../icon/index.js";
+import { VftTooltip as P } from "../tooltip/index.js";
+import { useNamespace as S } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { addUnit as A } from "@vft/utils";
+import "../../utils/ns-cover.js";
+const E = C({
+  name: "ElPopconfirm"
+}), M = /* @__PURE__ */ C({
+  ...E,
+  props: {
+    title: null,
+    confirmButtonText: null,
+    cancelButtonText: null,
+    confirmButtonType: { default: "primary" },
+    cancelButtonType: null,
+    icon: { default: "ico-ep:question-filled" },
+    iconColor: { default: "#f90" },
+    hideIcon: { type: Boolean, default: !1 },
+    hideAfter: { default: 200 },
+    teleported: { type: Boolean, default: !0 },
+    persistent: { type: Boolean, default: !0 },
+    width: { default: 150 }
+  },
+  emits: ["confirm", "cancel"],
+  setup(e, { emit: u }) {
+    const i = e, n = S("popconfirm"), p = N(), d = () => {
+      var t, r;
+      (r = (t = p.value) == null ? void 0 : t.onClose) == null || r.call(t);
+    }, k = a(() => ({
+      width: A(i.width)
+    })), V = (t) => {
+      u("confirm", t), d();
+    }, g = (t) => {
+      u("cancel", t), d();
+    }, v = a(
+      () => i.confirmButtonText || "确认"
+    ), z = a(
+      () => i.cancelButtonText || "取消"
+    );
+    return (t, r) => (y(), B(o(P), w({
+      ref_key: "tooltipRef",
+      ref: p,
+      trigger: "click",
+      effect: "light"
+    }, t.$attrs, {
+      "popper-class": `${o(n).namespace.value}-popover`,
+      "popper-style": o(k),
+      teleported: e.teleported,
+      "fallback-placements": ["bottom", "top", "right", "left"],
+      "hide-after": e.hideAfter,
+      persistent: e.persistent
+    }), {
+      content: l(() => [
+        f("div", {
+          class: c(o(n).b())
+        }, [
+          f("div", {
+            class: c(o(n).e("main"))
+          }, [
+            !e.hideIcon && e.icon ? (y(), B(o(I), {
+              key: 0,
+              icon: e.icon,
+              size: 20,
+              class: c(o(n).e("icon")),
+              style: $({ color: e.iconColor })
+            }, null, 8, ["icon", "class", "style"])) : T("", !0),
+            s(" " + m(e.title), 1)
+          ], 2),
+          f("div", {
+            class: c(o(n).e("action"))
+          }, [
+            x(o(h), {
+              size: "small",
+              type: e.cancelButtonType === "text" ? "" : e.cancelButtonType,
+              text: e.cancelButtonType === "text",
+              onClick: g
+            }, {
+              default: l(() => [
+                s(m(o(z)), 1)
+              ]),
+              _: 1
+            }, 8, ["type", "text"]),
+            x(o(h), {
+              size: "small",
+              type: e.confirmButtonType === "text" ? "" : e.confirmButtonType,
+              text: e.confirmButtonType === "text",
+              onClick: V
+            }, {
+              default: l(() => [
+                s(m(o(v)), 1)
+              ]),
+              _: 1
+            }, 8, ["type", "text"])
+          ], 2)
+        ], 2)
+      ]),
+      default: l(() => [
+        t.$slots.reference ? b(t.$slots, "reference", { key: 0 }) : T("", !0)
+      ]),
+      _: 3
+    }, 16, ["popper-class", "popper-style", "teleported", "hide-after", "persistent"]));
+  }
+});
+export {
+  M as default
+};