@bobbykim/mcl-collapse 0.8.2 → 0.8.4
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/mcl-collapse.js +11 -11
- package/package.json +5 -5
package/dist/mcl-collapse.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as B, ref as O, useSlots as R, watch as L,
|
|
1
|
+
import { defineComponent as B, ref as O, useSlots as R, watch as L, createElementBlock as n, openBlock as d, normalizeClass as r, withDirectives as b, createElementVNode as u, unref as t, createCommentVNode as z, toDisplayString as A, withModifiers as D, renderSlot as y, createVNode as S, withCtx as E } from "vue";
|
|
2
2
|
import l, { vCollapse as w, Collapse as I } from "@bobbykim/manguito-theme";
|
|
3
3
|
const G = { class: "flex justify-between items-center" }, H = /* @__PURE__ */ B({
|
|
4
4
|
__name: "MclCollapseA",
|
|
@@ -36,13 +36,13 @@ const G = { class: "flex justify-between items-center" }, H = /* @__PURE__ */ B(
|
|
|
36
36
|
(e) => {
|
|
37
37
|
i.value = e;
|
|
38
38
|
}
|
|
39
|
-
), (e, s) => (
|
|
39
|
+
), (e, s) => (d(), n("div", {
|
|
40
40
|
class: r(["overflow-hidden w-full", [
|
|
41
41
|
e.rounded ? "rounded-lg" : "rounded-sm",
|
|
42
42
|
v(e.borderColor, e.displayHighlight, e.highlightColor)
|
|
43
43
|
]])
|
|
44
44
|
}, [
|
|
45
|
-
b((
|
|
45
|
+
b((d(), n("div", {
|
|
46
46
|
class: r(["py-xs px-sm cursor-pointer transition-[border] duration-500", [
|
|
47
47
|
i.value ? `border-b ${t(l)("BORDERB", e.borderColor)} ease-in` : "ease-out",
|
|
48
48
|
t(l)("BGCOLOR", e.bgColor)
|
|
@@ -52,14 +52,14 @@ const G = { class: "flex justify-between items-center" }, H = /* @__PURE__ */ B(
|
|
|
52
52
|
u("h3", {
|
|
53
53
|
class: r(o(e.titleSize, e.titleColor))
|
|
54
54
|
}, A(e.title), 3),
|
|
55
|
-
f.tab ? (
|
|
55
|
+
f.tab ? (d(), n("div", {
|
|
56
56
|
key: 0,
|
|
57
|
-
onClick: s[0] || (s[0] =
|
|
57
|
+
onClick: s[0] || (s[0] = D(() => {
|
|
58
58
|
}, ["stop"])),
|
|
59
59
|
class: "cursor-default"
|
|
60
60
|
}, [
|
|
61
61
|
y(e.$slots, "tab")
|
|
62
|
-
])) :
|
|
62
|
+
])) : z("", !0)
|
|
63
63
|
])
|
|
64
64
|
], 2)), [
|
|
65
65
|
[t(w), void 0, e.collapseId]
|
|
@@ -81,13 +81,13 @@ const G = { class: "flex justify-between items-center" }, H = /* @__PURE__ */ B(
|
|
|
81
81
|
_: 3
|
|
82
82
|
}, 8, ["id", "visible", "accordion"])
|
|
83
83
|
], 2),
|
|
84
|
-
b((
|
|
84
|
+
b((d(), n("div", {
|
|
85
85
|
class: r(["py-1.5 px-sm cursor-pointer transition-all duration-500 flex justify-center items-center border-t", [
|
|
86
86
|
t(l)("BGCOLOR", e.bgColor),
|
|
87
87
|
t(l)("BORDERT", e.borderColor)
|
|
88
88
|
]])
|
|
89
89
|
}, [
|
|
90
|
-
(
|
|
90
|
+
(d(), n("svg", {
|
|
91
91
|
xmlns: "http://www.w3.org/2000/svg",
|
|
92
92
|
viewBox: "0 0 448 512",
|
|
93
93
|
class: r(["h-xs", [
|
|
@@ -142,10 +142,10 @@ const G = { class: "flex justify-between items-center" }, H = /* @__PURE__ */ B(
|
|
|
142
142
|
(o) => {
|
|
143
143
|
i.value = o;
|
|
144
144
|
}
|
|
145
|
-
), (o, e) => (
|
|
145
|
+
), (o, e) => (d(), n("div", {
|
|
146
146
|
class: r(["w-full overflow-hidden p-2xs", C(o.borderColor, o.bgColor, o.rounded, o.displayShadow)])
|
|
147
147
|
}, [
|
|
148
|
-
b((
|
|
148
|
+
b((d(), n("div", {
|
|
149
149
|
class: r(["flex justify-between items-center w-full px-4 py-2 cursor-pointer hover:bg-opacity-70 transition duration-200 ease-in", [
|
|
150
150
|
o.rounded ? "rounded-lg" : "rounded-sm",
|
|
151
151
|
t(l)("BGCOLOR", o.btnColor)
|
|
@@ -155,7 +155,7 @@ const G = { class: "flex justify-between items-center" }, H = /* @__PURE__ */ B(
|
|
|
155
155
|
class: r(v(o.titleSize, o.titleColor))
|
|
156
156
|
}, A(o.title), 3),
|
|
157
157
|
u("div", M, [
|
|
158
|
-
(
|
|
158
|
+
(d(), n("svg", {
|
|
159
159
|
xmlns: "http://www.w3.org/2000/svg",
|
|
160
160
|
viewBox: "0 0 448 512",
|
|
161
161
|
class: r(["h-xs transition-transform duration-300 ease-in", [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bobbykim/mcl-collapse",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.4",
|
|
4
4
|
"description": "collapse component built on top of @bobbykim/manguito-theme",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -11,9 +11,9 @@
|
|
|
11
11
|
"types": "./dist/index.d.ts",
|
|
12
12
|
"exports": {
|
|
13
13
|
".": {
|
|
14
|
+
"types": "./dist/index.d.ts",
|
|
14
15
|
"import": "./dist/mcl-collapse.js",
|
|
15
|
-
"require": "./dist/mcl-collapse.umd.cjs"
|
|
16
|
-
"types": "./dist/index.d.ts"
|
|
16
|
+
"require": "./dist/mcl-collapse.umd.cjs"
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
19
|
"scripts": {
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
},
|
|
34
34
|
"license": "MIT",
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@bobbykim/manguito-theme": "0.
|
|
36
|
+
"@bobbykim/manguito-theme": "0.26.0",
|
|
37
37
|
"vue": "^3.5.13"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
@@ -44,5 +44,5 @@
|
|
|
44
44
|
"vite-plugin-dts": "^4.3.0",
|
|
45
45
|
"vue-tsc": "^2.1.10"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "6cc7d9ea39279a8c924a0d4ef29a021f9e6463a6"
|
|
48
48
|
}
|