dk-plus
Version:
157 lines (156 loc) • 5.83 kB
JavaScript
import c from "./index2.js";
import { resolveComponent as b, openBlock as n, createElementBlock as l, normalizeStyle as r, Fragment as k, normalizeClass as e, renderSlot as s, createBlock as a, createElementVNode as t, createCommentVNode as d, createVNode as u } from "vue";
import I from "../../_virtual/index.js";
const p = ["href", "target"], g = ["disabled"], $ = { key: 0 };
function v(o, f, m, h, B, C) {
const i = b("dk-icon");
return n(), l("div", {
class: "dk-button",
style: r(o.disabled ? "cursor:not-allowed" : ""),
onClick: f[0] || (f[0] = (...y) => o.EventClick && o.EventClick(...y))
}, [
o.link || o.text ? (n(), l(k, { key: 0 }, [
o.text ? (n(), l("div", {
key: 0,
class: e([
o.classList,
o.text ? "dk-button-text" : "",
o.icon || o.afterIcon ? "dk-button_flex" : ""
]),
style: r([o.styleList])
}, [
o.icon === "" || o.icon === null ? s(o.$slots, "icon", { key: 0 }) : (n(), l("div", {
key: 1,
class: e([o.icon ? "dk-button_slot_left" : ""])
}, [
o.loading ? (n(), a(i, {
key: 0,
icon: o.icon ? o.icon : "IconRefresh",
class: e(o.loading ? "dk-button_rotate" : "")
}, null, 8, ["icon", "class"])) : (n(), a(i, {
key: 1,
icon: o.icon
}, null, 8, ["icon"]))
], 2)),
t("div", null, [
o.loading && !o.icon ? (n(), a(i, {
key: 0,
class: e(o.loading ? "dk-button_rotate" : ""),
icon: o.icon ? o.icon : "IconRefresh"
}, null, 8, ["class", "icon"])) : d("", !0),
s(o.$slots, "default")
]),
o.afterIcon === "" || o.afterIcon === null ? s(o.$slots, "afterIcon", { key: 2 }) : (n(), l("div", {
key: 3,
class: e([o.afterIcon ? "dk-button_slot_right" : ""])
}, [
u(i, { icon: o.afterIcon }, null, 8, ["icon"])
], 2))
], 6)) : d("", !0),
o.link ? (n(), l("div", {
key: 1,
class: e([o.classList, o.link ? "dk-button-link" : ""]),
style: r(o.styleList)
}, [
t("a", {
href: o.href,
tabindex: "0",
target: o.target
}, [
t("div", {
class: e(o.icon || o.afterIcon ? "dk-button_flex" : "")
}, [
o.icon === "" || o.icon === null ? s(o.$slots, "icon", { key: 0 }) : (n(), l("div", {
key: 1,
class: e([o.icon ? "dk-button_slot_left" : ""])
}, [
o.loading ? (n(), a(i, {
key: 0,
icon: o.icon ? o.icon : "IconRefresh",
class: e(o.loading ? "dk-button_rotate" : "")
}, null, 8, ["icon", "class"])) : (n(), a(i, {
key: 1,
icon: o.icon
}, null, 8, ["icon"]))
], 2)),
t("div", null, [
o.loading && !o.icon ? (n(), a(i, {
key: 0,
class: e(o.loading ? "dk-button_rotate" : ""),
icon: o.icon ? o.icon : "IconRefresh"
}, null, 8, ["class", "icon"])) : d("", !0),
s(o.$slots, "default")
]),
o.afterIcon === "" || o.afterIcon === null ? s(o.$slots, "afterIcon", { key: 2 }) : (n(), l("div", {
key: 3,
class: e([o.afterIcon ? "dk-button_slot_right" : ""])
}, [
u(i, { icon: o.afterIcon }, null, 8, ["icon"])
], 2))
], 2)
], 8, p)
], 6)) : d("", !0)
], 64)) : (n(), l(k, { key: 1 }, [
o.personality ? (n(), l("button", {
key: 1,
ref: "dkBoxButton",
class: e(["dk-button-personality", o.personaClassList]),
style: r(o.personalityStylist),
role: "button"
}, [
o.personalityType === "shine" || o.personalityType === "flatBtn" ? (n(), l("span", $, [
s(o.$slots, "icon"),
s(o.$slots, "default"),
s(o.$slots, "afterIcon")
])) : (n(), l(k, { key: 1 }, [
s(o.$slots, "icon"),
s(o.$slots, "default"),
s(o.$slots, "afterIcon")
], 64))
], 6)) : (n(), l("button", {
key: 0,
ref: "dkBoxButton",
class: e(["dk-button-box", o.classList]),
style: r(o.styleList),
role: "button",
disabled: o.disabled
}, [
t("div", {
class: e(o.icon || o.afterIcon ? "dk-button_flex" : "")
}, [
o.icon === "" || o.icon === null ? s(o.$slots, "icon", { key: 0 }) : (n(), l("div", {
key: 1,
class: e(o.icon && !o.circle ? "dk-button_slot_left" : "")
}, [
o.loading ? (n(), a(i, {
key: 0,
icon: o.icon ? o.icon : "IconRefresh",
class: e(o.loading ? "dk-button_rotate" : "")
}, null, 8, ["icon", "class"])) : (n(), a(i, {
key: 1,
icon: o.icon
}, null, 8, ["icon"]))
], 2)),
t("div", null, [
o.loading && !o.icon ? (n(), a(i, {
key: 0,
class: e(o.loading ? "dk-button_rotate" : ""),
icon: o.icon ? o.icon : "IconRefresh"
}, null, 8, ["class", "icon"])) : d("", !0),
s(o.$slots, "default")
]),
o.afterIcon === "" || o.afterIcon === null ? s(o.$slots, "afterIcon", { key: 2 }) : (n(), l("div", {
key: 3,
class: e(o.afterIcon && !o.circle ? "dk-button_slot_right" : "")
}, [
u(i, { icon: o.afterIcon }, null, 8, ["icon"])
], 2))
], 2)
], 14, g))
], 64))
], 4);
}
const N = /* @__PURE__ */ I(c, [["render", v]]);
export {
N as default
};