@zl-ui-kit/components 0.23.0 → 0.24.0

package/dist/components/ZlDevMenu/index.vue.mjs

@@ -1,9 +1,10 @@
-import { defineComponent as D, getCurrentInstance as N, ref as r, computed as g, onBeforeUnmount as S, resolveComponent as b, openBlock as d, createElementBlock as c, normalizeStyle as F, createVNode as v, withCtx as w, createElementVNode as u, toDisplayString as y, Fragment as I, renderList as P, normalizeClass as Z, createCommentVNode as E } from "vue";
+import { defineComponent as Y, getCurrentInstance as D, ref as u, computed as g, onBeforeUnmount as N, resolveComponent as L, openBlock as d, createElementBlock as c, normalizeStyle as S, createVNode as v, withCtx as w, createElementVNode as i, toDisplayString as b, Fragment as F, renderList as I, normalizeClass as P, createCommentVNode as E } from "vue";
+import Z from "../ZlButton/index.vue.mjs";
 import j from "../ZlIcon/index.vue.mjs";
 const q = { class: "zl-dev-menu__panel" }, A = { class: "zl-dev-menu__title" }, G = { class: "zl-dev-menu__list" }, H = ["onClick"], J = { class: "zl-dev-menu__label" }, K = { class: "zl-dev-menu__path" }, O = {
   key: 0,
   class: "zl-dev-menu__empty"
-}, ee = /* @__PURE__ */ D({
+}, te = /* @__PURE__ */ Y({
   name: "ZlDevMenu",
   __name: "index",
   props: {
@@ -16,30 +17,30 @@ const q = { class: "zl-dev-menu__panel" }, A = { class: "zl-dev-menu__title" },
     offsetBottom: { default: 20 }
   },
   setup(p, { expose: V }) {
-    const n = p, m = N()?.appContext.config.globalProperties.$router, i = r(n.offsetRight), f = r(n.offsetBottom), a = r(!1), h = r(""), z = g(() => {
-      if (n.routes?.length) return n.routes;
+    const l = p, m = D()?.appContext.config.globalProperties.$router, r = u(l.offsetRight), f = u(l.offsetBottom), a = u(!1), h = u(""), y = g(() => {
+      if (l.routes?.length) return l.routes;
       const t = /* @__PURE__ */ new Set();
-      return (m?.getRoutes?.() ?? []).filter((e) => e.path && !e.redirect && !e.path.includes(":")).filter((e) => t.has(e.path) ? !1 : (t.add(e.path), !0)).map((e) => ({ label: e.meta?.title || e.path, path: e.path })).sort((e, l) => e.path.localeCompare(l.path));
-    }), C = g(() => {
+      return (m?.getRoutes?.() ?? []).filter((e) => e.path && !e.redirect && !e.path.includes(":")).filter((e) => t.has(e.path) ? !1 : (t.add(e.path), !0)).map((e) => ({ label: e.meta?.title || e.path, path: e.path })).sort((e, n) => e.path.localeCompare(n.path));
+    }), z = g(() => {
       const t = h.value.trim().toLowerCase();
-      return t ? z.value.filter((e) => `${e.label} ${e.path}`.toLowerCase().includes(t)) : z.value;
-    }), R = g(() => m?.currentRoute?.value?.path ?? "");
-    function $(t) {
-      a.value = !1, n.navigate ? n.navigate(t.path) : m?.push?.(t.path);
+      return t ? y.value.filter((e) => `${e.label} ${e.path}`.toLowerCase().includes(t)) : y.value;
+    }), $ = g(() => m?.currentRoute?.value?.path ?? "");
+    function R(t) {
+      a.value = !1, l.navigate ? l.navigate(t.path) : m?.push?.(t.path);
     }
-    let k = 0, x = 0, M = 0, B = 0, s = !1;
+    let C = 0, k = 0, x = 0, M = 0, s = !1;
     function _(t) {
-      const e = k - t.clientX, l = x - t.clientY;
-      !s && (Math.abs(e) > 3 || Math.abs(l) > 3) && (s = !0), s && (i.value = Math.max(8, M + e), f.value = Math.max(8, B + l));
+      const e = C - t.clientX, n = k - t.clientY;
+      !s && (Math.abs(e) > 3 || Math.abs(n) > 3) && (s = !0), s && (r.value = Math.max(8, x + e), f.value = Math.max(8, M + n));
     }
-    function L() {
-      window.removeEventListener("mousemove", _), s && (i.value = n.offsetRight);
+    function B() {
+      window.removeEventListener("mousemove", _), s && (r.value = l.offsetRight);
     }
     function U(t) {
-      n.draggable && (k = t.clientX, x = t.clientY, M = i.value, B = f.value, s = !1, window.addEventListener("mousemove", _), window.addEventListener("mouseup", L, { once: !0 }));
+      l.draggable && (C = t.clientX, k = t.clientY, x = r.value, M = f.value, s = !1, window.addEventListener("mousemove", _), window.addEventListener("mouseup", B, { once: !0 }));
     }
-    return S(() => {
-      window.removeEventListener("mousemove", _), window.removeEventListener("mouseup", L);
+    return N(() => {
+      window.removeEventListener("mousemove", _), window.removeEventListener("mouseup", B);
     }), V({
       /** 展开路由面板 */
       open: () => {
@@ -50,14 +51,14 @@ const q = { class: "zl-dev-menu__panel" }, A = { class: "zl-dev-menu__title" },
         a.value = !1;
       }
     }), (t, e) => {
-      const l = b("el-button"), X = b("el-input"), Y = b("el-popover");
+      const n = L("el-input"), X = L("el-popover");
       return p.visible ? (d(), c("div", {
         key: 0,
         class: "zl-dev-menu",
-        style: F({ right: `${i.value}px`, bottom: `${f.value}px` }),
+        style: S({ right: `${r.value}px`, bottom: `${f.value}px` }),
         onMousedown: U
       }, [
-        v(Y, {
+        v(X, {
           visible: a.value,
           "onUpdate:visible": e[1] || (e[1] = (o) => a.value = o),
           trigger: "click",
@@ -65,7 +66,7 @@ const q = { class: "zl-dev-menu__panel" }, A = { class: "zl-dev-menu__title" },
           width: 320
         }, {
           reference: w(() => [
-            v(l, {
+            v(Z, {
               class: "zl-dev-menu__button",
               circle: ""
             }, {
@@ -76,24 +77,24 @@ const q = { class: "zl-dev-menu__panel" }, A = { class: "zl-dev-menu__title" },
             })
           ]),
           default: w(() => [
-            u("div", q, [
-              u("div", A, y(p.title), 1),
-              v(X, {
+            i("div", q, [
+              i("div", A, b(p.title), 1),
+              v(n, {
                 modelValue: h.value,
                 "onUpdate:modelValue": e[0] || (e[0] = (o) => h.value = o),
                 placeholder: "搜索路由",
                 clearable: ""
               }, null, 8, ["modelValue"]),
-              u("div", G, [
-                (d(!0), c(I, null, P(C.value, (o) => (d(), c("div", {
+              i("div", G, [
+                (d(!0), c(F, null, I(z.value, (o) => (d(), c("div", {
                   key: o.path,
-                  class: Z(["zl-dev-menu__item", { "is-active": o.path === R.value }]),
-                  onClick: (Q) => $(o)
+                  class: P(["zl-dev-menu__item", { "is-active": o.path === $.value }]),
+                  onClick: (Q) => R(o)
                 }, [
-                  u("span", J, y(o.label), 1),
-                  u("span", K, y(o.path), 1)
+                  i("span", J, b(o.label), 1),
+                  i("span", K, b(o.path), 1)
                 ], 10, H))), 128)),
-                C.value.length ? E("", !0) : (d(), c("div", O, "未匹配到路由"))
+                z.value.length ? E("", !0) : (d(), c("div", O, "未匹配到路由"))
               ])
             ])
           ]),
@@ -104,6 +105,6 @@ const q = { class: "zl-dev-menu__panel" }, A = { class: "zl-dev-menu__title" },
   }
 });
 export {
-  ee as default
+  te as default
 };
 //# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlDialog/index.vue.mjs

@@ -1,6 +1,7 @@
-import { defineComponent as z, useModel as w, ref as x, computed as f, useAttrs as A, resolveComponent as m, resolveDirective as D, openBlock as d, createBlock as g, mergeProps as _, withCtx as a, withDirectives as M, createElementBlock as N, renderSlot as v, createTextVNode as y, toDisplayString as p, unref as T, createCommentVNode as Z, createVNode as $, mergeModels as O } from "vue";
+import { defineComponent as h, useModel as z, ref as w, computed as c, useAttrs as x, resolveComponent as A, resolveDirective as D, openBlock as d, createBlock as f, mergeProps as _, withCtx as n, withDirectives as $, createElementBlock as M, renderSlot as m, createTextVNode as g, toDisplayString as v, unref as N, createCommentVNode as T, createVNode as Z, mergeModels as O } from "vue";
 import { useZlT as S } from "@zl-ui-kit/composables";
-const E = { class: "zl-dialog__body" }, U = /* @__PURE__ */ z({
+import y from "../ZlButton/index.vue.mjs";
+const E = { class: "zl-dialog__body" }, j = /* @__PURE__ */ h({
   name: "ZlDialog",
   inheritAttrs: !1,
   __name: "index",
@@ -17,12 +18,12 @@ const E = { class: "zl-dialog__body" }, U = /* @__PURE__ */ z({
   }),
   emits: ["update:visible"],
   setup(e) {
-    const { t: i } = S(), o = e, t = w(e, "visible");
+    const { t: i } = S(), o = e, t = z(e, "visible");
     async function r() {
       o.onCancel && !await o.onCancel() || (t.value = !1);
     }
-    const s = x(!1);
-    async function C() {
+    const s = w(!1);
+    async function p() {
       s.value = !0;
       try {
         await o.onOk?.(), o.autoCloseAfterConfirm && (t.value = !1);
@@ -32,44 +33,44 @@ const E = { class: "zl-dialog__body" }, U = /* @__PURE__ */ z({
         s.value = !1;
       }
     }
-    const b = f(() => o.readonly ? i("zl.dialog.close", "关闭") : i("zl.dialog.confirm", "确定")), k = A(), B = f(() => ({ width: "600px", "destroy-on-close": !0, ...k }));
-    return (l, n) => {
-      const u = m("el-button"), V = m("el-dialog"), h = D("loading");
-      return d(), g(V, _({
+    const C = c(() => o.readonly ? i("zl.dialog.close", "关闭") : i("zl.dialog.confirm", "确定")), k = x(), b = c(() => ({ width: "600px", "destroy-on-close": !0, ...k }));
+    return (l, a) => {
+      const B = A("el-dialog"), V = D("loading");
+      return d(), f(B, _({
         class: ["zl-dialog", { "zl-dialog--no-footer": !e.footerVisible }]
-      }, B.value, {
+      }, b.value, {
         modelValue: t.value,
-        "onUpdate:modelValue": n[1] || (n[1] = (c) => t.value = c),
+        "onUpdate:modelValue": a[1] || (a[1] = (u) => t.value = u),
         "before-close": r
       }), {
-        footer: a(() => [
-          v(l.$slots, "footer", {}, () => [
-            e.readonly ? Z("", !0) : (d(), g(u, {
+        footer: n(() => [
+          m(l.$slots, "footer", {}, () => [
+            e.readonly ? T("", !0) : (d(), f(y, {
               key: 0,
               onClick: r
             }, {
-              default: a(() => [
-                y(p(T(i)("zl.dialog.cancel", "取消")), 1)
+              default: n(() => [
+                g(v(N(i)("zl.dialog.cancel", "取消")), 1)
               ]),
               _: 1
             })),
-            $(u, {
+            Z(y, {
               type: "primary",
               loading: s.value,
-              onClick: n[0] || (n[0] = (c) => e.readonly ? r() : C())
+              onClick: a[0] || (a[0] = (u) => e.readonly ? r() : p())
             }, {
-              default: a(() => [
-                y(p(b.value), 1)
+              default: n(() => [
+                g(v(C.value), 1)
               ]),
               _: 1
             }, 8, ["loading"])
           ])
         ]),
-        default: a(() => [
-          M((d(), N("div", E, [
-            v(l.$slots, "default")
+        default: n(() => [
+          $((d(), M("div", E, [
+            m(l.$slots, "default")
           ])), [
-            [h, e.loading]
+            [V, e.loading]
           ])
         ]),
         _: 3
@@ -78,6 +79,6 @@ const E = { class: "zl-dialog__body" }, U = /* @__PURE__ */ z({
   }
 });
 export {
-  U as default
+  j as default
 };
 //# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlDrawer/index.vue.mjs

@@ -1,6 +1,7 @@
-import { defineComponent as V, useModel as h, ref as A, computed as f, useAttrs as D, resolveComponent as m, resolveDirective as _, openBlock as d, createBlock as v, mergeProps as x, withCtx as n, withDirectives as M, createElementBlock as N, renderSlot as y, createTextVNode as w, toDisplayString as C, unref as T, createCommentVNode as Z, createVNode as $, mergeModels as O } from "vue";
+import { defineComponent as B, useModel as V, ref as h, computed as u, useAttrs as A, resolveComponent as D, resolveDirective as x, openBlock as d, createBlock as f, mergeProps as _, withCtx as a, withDirectives as $, createElementBlock as M, renderSlot as m, createTextVNode as v, toDisplayString as y, unref as N, createCommentVNode as T, createVNode as Z, mergeModels as O } from "vue";
 import { useZlT as S } from "@zl-ui-kit/composables";
-const E = { class: "zl-drawer__body" }, U = /* @__PURE__ */ V({
+import w from "../ZlButton/index.vue.mjs";
+const E = { class: "zl-drawer__body" }, j = /* @__PURE__ */ B({
   name: "ZlDrawer",
   inheritAttrs: !1,
   __name: "index",
@@ -17,12 +18,12 @@ const E = { class: "zl-drawer__body" }, U = /* @__PURE__ */ V({
   }),
   emits: ["update:visible"],
   setup(o) {
-    const { t: a } = S(), l = o, r = h(o, "visible");
+    const { t: n } = S(), l = o, r = V(o, "visible");
     async function s() {
       l.onCancel && !await l.onCancel() || (r.value = !1);
     }
-    const i = A(!1);
-    async function p() {
+    const i = h(!1);
+    async function C() {
       i.value = !0;
       try {
         await l.onOk?.(), l.autoCloseAfterConfirm && (r.value = !1);
@@ -32,47 +33,47 @@ const E = { class: "zl-drawer__body" }, U = /* @__PURE__ */ V({
         i.value = !1;
       }
     }
-    const b = f(() => l.readonly ? a("zl.drawer.close", "关闭") : a("zl.drawer.confirm", "确定")), g = D(), k = f(() => {
+    const p = u(() => l.readonly ? n("zl.drawer.close", "关闭") : n("zl.drawer.confirm", "确定")), g = A(), k = u(() => {
       const { width: e, ...t } = g;
       return { size: 600, ...e !== void 0 ? { size: e } : {}, "destroy-on-close": !0, ...t };
     });
     return (e, t) => {
-      const u = m("el-button"), z = m("el-drawer"), B = _("loading");
-      return d(), v(z, x({
+      const b = D("el-drawer"), z = x("loading");
+      return d(), f(b, _({
         class: ["zl-drawer", { "zl-drawer--no-footer": !o.footerVisible }]
       }, k.value, {
         modelValue: r.value,
         "onUpdate:modelValue": t[1] || (t[1] = (c) => r.value = c),
         "before-close": s
       }), {
-        footer: n(() => [
-          y(e.$slots, "footer", {}, () => [
-            o.readonly ? Z("", !0) : (d(), v(u, {
+        footer: a(() => [
+          m(e.$slots, "footer", {}, () => [
+            o.readonly ? T("", !0) : (d(), f(w, {
               key: 0,
               onClick: s
             }, {
-              default: n(() => [
-                w(C(T(a)("zl.drawer.cancel", "取消")), 1)
+              default: a(() => [
+                v(y(N(n)("zl.drawer.cancel", "取消")), 1)
               ]),
               _: 1
             })),
-            $(u, {
+            Z(w, {
               type: "primary",
               loading: i.value,
-              onClick: t[0] || (t[0] = (c) => o.readonly ? s() : p())
+              onClick: t[0] || (t[0] = (c) => o.readonly ? s() : C())
             }, {
-              default: n(() => [
-                w(C(b.value), 1)
+              default: a(() => [
+                v(y(p.value), 1)
               ]),
               _: 1
             }, 8, ["loading"])
           ])
         ]),
-        default: n(() => [
-          M((d(), N("div", E, [
-            y(e.$slots, "default")
+        default: a(() => [
+          $((d(), M("div", E, [
+            m(e.$slots, "default")
           ])), [
-            [B, o.loading]
+            [z, o.loading]
           ])
         ]),
         _: 3
@@ -81,6 +82,6 @@ const E = { class: "zl-drawer__body" }, U = /* @__PURE__ */ V({
   }
 });
 export {
-  U as default
+  j as default
 };
 //# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlLogin/components/LoginForm.css

@@ -1 +1 @@
-.zl-login__action[data-v-a1724530]{margin-top:15px}[data-v-a1724530] .el-form-item{margin-bottom:20px}
+.zl-login__action[data-v-4085ea37]{margin-top:15px}[data-v-4085ea37] .el-form-item{margin-bottom:20px}

package/dist/components/ZlLogin/components/LoginForm.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./LoginForm2.vue.mjs";
 import './LoginForm.css';/* empty css                */
 import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a1724530"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4085ea37"]]);
 export {
   p as default
 };

package/dist/components/ZlLogin/components/LoginForm2.vue.mjs

@@ -1,48 +1,49 @@
-import { defineComponent as y, ref as m, reactive as z, computed as V, resolveComponent as d, openBlock as _, createBlock as C, withModifiers as S, withCtx as n, createVNode as t, unref as s, createTextVNode as R, toDisplayString as q, createElementBlock as P, renderSlot as x, createCommentVNode as B } from "vue";
-import { useZlT as F } from "@zl-ui-kit/composables";
+import { defineComponent as k, ref as u, reactive as y, computed as z, resolveComponent as m, openBlock as _, createBlock as V, withModifiers as C, withCtx as n, createVNode as r, unref as s, createTextVNode as S, toDisplayString as R, createElementBlock as q, renderSlot as P, createCommentVNode as x } from "vue";
+import { useZlT as B } from "@zl-ui-kit/composables";
+import F from "../../ZlButton/index.vue.mjs";
 import L from "./SlideChecker.vue.mjs";
 const N = {
   key: 0,
   class: "zl-login__action"
-}, $ = /* @__PURE__ */ y({
+}, D = /* @__PURE__ */ k({
   name: "ZlLoginForm",
   __name: "LoginForm",
   props: {
     onSubmit: { type: Function }
   },
   setup(h) {
-    const { t: e } = F(), p = h, c = m(), l = z({}), b = V(() => ({
+    const { t: e } = B(), p = h, c = u(), l = y({}), v = z(() => ({
       username: [{ required: !0, message: e("zl.login.usernamePlaceholder", "请输入用户名") }],
       password: [{ required: !0, message: e("zl.login.passwordPlaceholder", "请输入密码") }],
       slideChecked: [
         { type: "boolean", required: !0, message: e("zl.login.slideRequired", "请将滑块移至右侧") }
       ]
-    })), f = m(null), i = m(!1);
-    async function v() {
+    })), f = u(null), i = u(!1);
+    async function b() {
       try {
         if (await f.value?.validate().catch((o) => o) !== !0) return;
         i.value = !0, p.onSubmit && await p.onSubmit(l), i.value = !1;
-      } catch (r) {
-        i.value = !1, c.value?.reset(), console.error("Login Submit: ", r);
+      } catch (t) {
+        i.value = !1, c.value?.reset(), console.error("Login Submit: ", t);
       }
     }
-    return (r, o) => {
-      const g = d("el-input"), u = d("el-form-item"), w = d("el-button"), k = d("el-form");
-      return _(), C(k, {
+    return (t, o) => {
+      const g = m("el-input"), d = m("el-form-item"), w = m("el-form");
+      return _(), V(w, {
         ref_key: "formRef",
         ref: f,
         model: l,
-        rules: b.value,
+        rules: v.value,
         "label-position": "top",
-        onSubmit: S(v, ["prevent"])
+        onSubmit: C(b, ["prevent"])
       }, {
         default: n(() => [
-          t(u, {
+          r(d, {
             label: s(e)("zl.login.username", "用户名"),
             prop: "username"
           }, {
             default: n(() => [
-              t(g, {
+              r(g, {
                 modelValue: l.username,
                 "onUpdate:modelValue": o[0] || (o[0] = (a) => l.username = a),
                 placeholder: s(e)("zl.login.usernamePlaceholder", "请输入用户名"),
@@ -51,12 +52,12 @@ const N = {
             ]),
             _: 1
           }, 8, ["label"]),
-          t(u, {
+          r(d, {
             label: s(e)("zl.login.password", "密码"),
             prop: "password"
           }, {
             default: n(() => [
-              t(g, {
+              r(g, {
                 modelValue: l.password,
                 "onUpdate:modelValue": o[1] || (o[1] = (a) => l.password = a),
                 type: "password",
@@ -67,9 +68,9 @@ const N = {
             ]),
             _: 1
           }, 8, ["label"]),
-          t(u, { prop: "slideChecked" }, {
+          r(d, { prop: "slideChecked" }, {
             default: n(() => [
-              t(L, {
+              r(L, {
                 ref_key: "slideCheckerRef",
                 ref: c,
                 modelValue: l.slideChecked,
@@ -78,7 +79,7 @@ const N = {
             ]),
             _: 1
           }),
-          t(w, {
+          r(F, {
             type: "primary",
             "native-type": "submit",
             size: "large",
@@ -87,13 +88,13 @@ const N = {
             style: { width: "100%", "margin-top": "20px" }
           }, {
             default: n(() => [
-              R(q(s(e)("zl.login.submit", "登 录")), 1)
+              S(R(s(e)("zl.login.submit", "登 录")), 1)
             ]),
             _: 1
           }, 8, ["loading"]),
-          r.$slots.action ? (_(), P("div", N, [
-            x(r.$slots, "action", {}, void 0, !0)
-          ])) : B("", !0)
+          t.$slots.action ? (_(), q("div", N, [
+            P(t.$slots, "action", {}, void 0, !0)
+          ])) : x("", !0)
         ]),
         _: 3
       }, 8, ["model", "rules"]);
@@ -101,6 +102,6 @@ const N = {
   }
 });
 export {
-  $ as default
+  D as default
 };
 //# sourceMappingURL=LoginForm2.vue.mjs.map

package/dist/components/ZlPopconfirm/index.vue.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as B, computed as d, ref as x, resolveComponent as _, openBlock as u, createBlock as y, mergeProps as $, withCtx as t, createElementVNode as n, createVNode as r, createElementBlock as g, renderSlot as s, createTextVNode as c, toDisplayString as l, createCommentVNode as N } from "vue";
+import { defineComponent as T, computed as f, ref as B, resolveComponent as x, openBlock as d, createBlock as $, mergeProps as y, withCtx as t, createElementVNode as n, createVNode as r, createElementBlock as g, renderSlot as s, createTextVNode as c, toDisplayString as l, createCommentVNode as N } from "vue";
 import { useZlT as V } from "@zl-ui-kit/composables";
+import _ from "../ZlButton/index.vue.mjs";
 import Z from "../ZlIcon/index.vue.mjs";
-const b = { class: "zl-popconfirm-panel" }, w = { class: "zl-popconfirm-panel__main" }, E = {
+const w = { class: "zl-popconfirm-panel" }, E = { class: "zl-popconfirm-panel__main" }, P = {
   key: 0,
   class: "zl-popconfirm-panel__title"
-}, P = { class: "zl-popconfirm-panel__content" }, R = { class: "zl-popconfirm-panel__actions" }, j = /* @__PURE__ */ B({
+}, R = { class: "zl-popconfirm-panel__content" }, S = { class: "zl-popconfirm-panel__actions" }, q = /* @__PURE__ */ T({
   name: "ZlPopconfirm",
   inheritAttrs: !1,
   __name: "index",
@@ -15,17 +16,17 @@ const b = { class: "zl-popconfirm-panel" }, w = { class: "zl-popconfirm-panel__m
     cancelButtonText: {}
   },
   emits: ["confirm", "cancel"],
-  setup(o, { emit: v }) {
-    const a = o, { t: p } = V(), z = d(() => a.confirmButtonText ?? p("zl.popconfirm.confirm", "确定")), h = d(() => a.cancelButtonText ?? p("zl.popconfirm.cancel", "取消")), i = x(null), m = v;
-    function k() {
-      i.value?.hide?.(), m("confirm");
+  setup(o, { emit: u }) {
+    const a = o, { t: m } = V(), v = f(() => a.confirmButtonText ?? m("zl.popconfirm.confirm", "确定")), z = f(() => a.cancelButtonText ?? m("zl.popconfirm.cancel", "取消")), i = B(null), p = u;
+    function h() {
+      i.value?.hide?.(), p("confirm");
     }
-    function C() {
-      i.value?.hide?.(), m("cancel");
+    function k() {
+      i.value?.hide?.(), p("cancel");
     }
-    return (e, S) => {
-      const f = _("el-button"), T = _("el-popover");
-      return u(), y(T, $({
+    return (e, A) => {
+      const C = x("el-popover");
+      return d(), $(C, y({
         ref_key: "popoverRef",
         ref: i,
         class: "zl-popconfirm"
@@ -34,39 +35,39 @@ const b = { class: "zl-popconfirm-panel" }, w = { class: "zl-popconfirm-panel__m
           s(e.$slots, "default")
         ]),
         default: t(() => [
-          n("div", b, [
+          n("div", w, [
             r(Z, {
               class: "zl-popconfirm-panel__icon",
               icon: "zl:information-color"
             }),
-            n("div", w, [
-              e.$slots.title || o.title ? (u(), g("div", E, [
+            n("div", E, [
+              e.$slots.title || o.title ? (d(), g("div", P, [
                 s(e.$slots, "title", {}, () => [
                   c(l(o.title), 1)
                 ])
               ])) : N("", !0),
-              n("div", P, [
+              n("div", R, [
                 s(e.$slots, "content", {}, () => [
                   c(l(o.content), 1)
                 ])
               ]),
-              n("div", R, [
-                r(f, {
+              n("div", S, [
+                r(_, {
                   size: "small",
-                  onClick: C
+                  onClick: k
                 }, {
                   default: t(() => [
-                    c(l(h.value), 1)
+                    c(l(z.value), 1)
                   ]),
                   _: 1
                 }),
-                r(f, {
+                r(_, {
                   size: "small",
                   type: "primary",
-                  onClick: k
+                  onClick: h
                 }, {
                   default: t(() => [
-                    c(l(z.value), 1)
+                    c(l(v.value), 1)
                   ]),
                   _: 1
                 })
@@ -80,6 +81,6 @@ const b = { class: "zl-popconfirm-panel" }, w = { class: "zl-popconfirm-panel__m
   }
 });
 export {
-  j as default
+  q as default
 };
 //# sourceMappingURL=index.vue.mjs.map