cleek 2.10.57 → 2.10.58
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.cjs.js +1 -1
- package/dist/main.css +1 -1
- package/dist/main.es.js +26 -25
- package/package.json +1 -1
package/dist/main.es.js
CHANGED
|
@@ -110122,46 +110122,47 @@ const rd6 = /* @__PURE__ */ Z1(od6, [["__scopeId", "data-v-780265b9"]]), ld6 = [
|
|
|
110122
110122
|
},
|
|
110123
110123
|
emits: ["click"],
|
|
110124
110124
|
setup(c, { emit: e }) {
|
|
110125
|
-
const a = c, { windowWidth: n } = V8(), { cleekOptions: i } = _3(b3()), t = e, o = _(() => a.type ? a.type : i.value ? i.value.chip.type : md6), r = _(() => {
|
|
110126
|
-
const
|
|
110127
|
-
return
|
|
110125
|
+
const a = c, { windowWidth: n } = V8(), { cleekOptions: i } = _3(b3()), t = e, o = _(() => a.type ? a.type : i.value ? i.value.chip.type : md6), r = _(() => a.color || fd6), l = _(() => {
|
|
110126
|
+
const C = [];
|
|
110127
|
+
return o.value === "outlined" ? C.push("type--outlined") : M1.isColorTemplateVariable(r.value) && C.push(`ck-component__bg-color--${r.value}`), C.push(M1.getGroupClass(a, n.value)), C.push(`size-${a.size || Cd6}`), a.align && C.push(`align--${a.align}`), a.nowrap && C.push(`ck-chip--${a.nowrap}`), a.clickable && C.push("clickable"), C;
|
|
110128
110128
|
});
|
|
110129
|
-
function
|
|
110130
|
-
return M1.isColorTemplateVariable(
|
|
110129
|
+
function s(C) {
|
|
110130
|
+
return M1.isColorTemplateVariable(C) ? M1.getColorHexFromTemplateVariable(C, i.value.colors) : C;
|
|
110131
110131
|
}
|
|
110132
|
-
const
|
|
110133
|
-
const
|
|
110134
|
-
if (
|
|
110135
|
-
const
|
|
110136
|
-
|
|
110137
|
-
}
|
|
110138
|
-
|
|
110132
|
+
const f = _(() => {
|
|
110133
|
+
const C = [];
|
|
110134
|
+
if (o.value === "outlined") {
|
|
110135
|
+
const m = s(r.value), z = s(a.textColor || r.value);
|
|
110136
|
+
C.push({ "--chip-bg": m }), C.push({ borderColor: m }), C.push({ color: z });
|
|
110137
|
+
} else
|
|
110138
|
+
M1.isColorTemplateVariable(r.value) || (C.push({ backgroundColor: r.value }), C.push({ color: a.textColor || sd6 }));
|
|
110139
|
+
return C;
|
|
110139
110140
|
});
|
|
110140
|
-
return (
|
|
110141
|
-
class: h1(["ck-chip",
|
|
110142
|
-
color:
|
|
110143
|
-
style: R1(
|
|
110144
|
-
onClick:
|
|
110141
|
+
return (C, m) => (T(), q("div", {
|
|
110142
|
+
class: h1(["ck-chip", l.value]),
|
|
110143
|
+
color: C.color,
|
|
110144
|
+
style: R1(f.value),
|
|
110145
|
+
onClick: m[0] || (m[0] = (z) => t("click", z))
|
|
110145
110146
|
}, [
|
|
110146
|
-
|
|
110147
|
+
C.icon ? (T(), l1(A3, {
|
|
110147
110148
|
key: 0,
|
|
110148
110149
|
class: "pr-2",
|
|
110149
|
-
icon:
|
|
110150
|
-
"icon-pack":
|
|
110150
|
+
icon: C.icon,
|
|
110151
|
+
"icon-pack": C.iconPack
|
|
110151
110152
|
}, null, 8, ["icon", "icon-pack"])) : Z("", !0),
|
|
110152
110153
|
Y("span", null, [
|
|
110153
|
-
O1(
|
|
110154
|
+
O1(C.$slots, "default", {}, void 0, !0)
|
|
110154
110155
|
]),
|
|
110155
|
-
|
|
110156
|
+
C.iconRight ? (T(), l1(A3, {
|
|
110156
110157
|
key: 1,
|
|
110157
110158
|
class: "pl-2",
|
|
110158
|
-
icon:
|
|
110159
|
-
"icon-pack":
|
|
110159
|
+
icon: C.iconRight,
|
|
110160
|
+
"icon-pack": C.iconPack
|
|
110160
110161
|
}, null, 8, ["icon", "icon-pack"])) : Z("", !0)
|
|
110161
110162
|
], 14, ld6));
|
|
110162
110163
|
}
|
|
110163
110164
|
});
|
|
110164
|
-
const zd6 = /* @__PURE__ */ Z1(ud6, [["__scopeId", "data-v-
|
|
110165
|
+
const zd6 = /* @__PURE__ */ Z1(ud6, [["__scopeId", "data-v-88dd56c9"]]), hd6 = "primary", pd6 = "m", Md6 = "white", dd6 = /* @__PURE__ */ _1({
|
|
110165
110166
|
__name: "ck-circle",
|
|
110166
110167
|
props: {
|
|
110167
110168
|
size: {},
|