golden-logic-ui 1.3.8 → 1.3.9
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.
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ref as
|
|
2
|
-
const w = { class: "flex justify-between p-2 -mb-px border border-gray-300 no-underlin" }, v = { class: "relative inline-flex items-center cursor-pointer" }, V = ["name", "id", "checked"],
|
|
1
|
+
import { ref as y, computed as p, createElementBlock as a, openBlock as n, Fragment as h, createCommentVNode as d, normalizeClass as o, createElementVNode as t, createTextVNode as f, toDisplayString as l, withDirectives as k, vModelCheckbox as x } from "vue";
|
|
2
|
+
const w = { class: "flex justify-between p-2 -mb-px border border-gray-300 no-underlin" }, v = { class: "relative inline-flex items-center cursor-pointer" }, V = ["name", "id", "checked"], B = {
|
|
3
3
|
key: 0,
|
|
4
4
|
class: "flex justify-between items-center"
|
|
5
|
-
},
|
|
5
|
+
}, S = { class: "gl-label-form" }, _ = { class: "relative inline-flex items-center cursor-pointer" }, j = ["name", "id"], C = { class: "gl-span-form-error" }, D = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, T = {
|
|
6
6
|
__name: "GlToggleBoxTrueFalse",
|
|
7
7
|
props: {
|
|
8
8
|
is_required: {
|
|
@@ -44,69 +44,71 @@ const w = { class: "flex justify-between p-2 -mb-px border border-gray-300 no-un
|
|
|
44
44
|
},
|
|
45
45
|
emits: ["update:modelValue"],
|
|
46
46
|
setup(e, { emit: c }) {
|
|
47
|
-
const b = e, m = c,
|
|
47
|
+
const b = e, m = c, s = y(null), i = p({
|
|
48
48
|
get() {
|
|
49
49
|
return b.modelValue;
|
|
50
50
|
},
|
|
51
|
-
set(
|
|
52
|
-
m("update:modelValue",
|
|
51
|
+
set(u) {
|
|
52
|
+
m("update:modelValue", u);
|
|
53
53
|
}
|
|
54
54
|
});
|
|
55
|
-
return (
|
|
55
|
+
return (u, r) => (n(), a(h, null, [
|
|
56
56
|
e.show ? (n(), a("div", {
|
|
57
57
|
key: 0,
|
|
58
|
-
class:
|
|
58
|
+
class: o(e.field_name)
|
|
59
59
|
}, [
|
|
60
|
-
|
|
61
|
-
|
|
60
|
+
t("div", null, [
|
|
61
|
+
t("li", w, [
|
|
62
62
|
f(l(e.label_name) + " ", 1),
|
|
63
|
-
|
|
64
|
-
|
|
63
|
+
t("label", v, [
|
|
64
|
+
t("input", {
|
|
65
65
|
type: "checkbox",
|
|
66
66
|
class: "sr-only peer",
|
|
67
67
|
name: e.field_name,
|
|
68
68
|
id: e.field_name,
|
|
69
69
|
checked: e.modelValue,
|
|
70
70
|
ref_key: "input",
|
|
71
|
-
ref:
|
|
71
|
+
ref: s,
|
|
72
72
|
disabled: ""
|
|
73
73
|
}, null, 8, V),
|
|
74
|
-
|
|
74
|
+
r[1] || (r[1] = t("div", { class: "w-11 h-6 bg-gray-200 peer-focus:outline-hidden peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:rtl:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[1px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" }, null, -1))
|
|
75
75
|
])
|
|
76
76
|
])
|
|
77
77
|
]),
|
|
78
|
-
|
|
79
|
-
], 2)) :
|
|
80
|
-
e.show ?
|
|
78
|
+
r[2] || (r[2] = t("hr", { class: "opacity-100! bg-gray-200 border-0 dark:bg-gray-700" }, null, -1))
|
|
79
|
+
], 2)) : d("", !0),
|
|
80
|
+
e.show ? d("", !0) : (n(), a("div", {
|
|
81
81
|
key: 1,
|
|
82
|
-
class:
|
|
82
|
+
class: o(e.field_name)
|
|
83
83
|
}, [
|
|
84
|
-
e.has_label_up ? (n(), a("div",
|
|
85
|
-
|
|
86
|
-
])) :
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
84
|
+
e.has_label_up ? (n(), a("div", B, [
|
|
85
|
+
t("label", S, l(e.label_name), 1)
|
|
86
|
+
])) : d("", !0),
|
|
87
|
+
t("li", {
|
|
88
|
+
class: o(["flex p-2 -mb-px border border-gray-200 rounded-lg no-underlin dark:border-gray-600 dark:focus:border-primaryDark", e.has_label_up ? "justify-end" : "justify-between"])
|
|
89
|
+
}, [
|
|
90
|
+
f(l(e.has_label_up ? "" : e.label_name) + " ", 1),
|
|
91
|
+
t("label", _, [
|
|
92
|
+
k(t("input", {
|
|
91
93
|
type: "checkbox",
|
|
92
94
|
class: "sr-only peer",
|
|
93
95
|
name: e.field_name,
|
|
94
96
|
id: e.field_name,
|
|
95
97
|
ref_key: "input",
|
|
96
|
-
ref:
|
|
97
|
-
"onUpdate:modelValue":
|
|
98
|
-
}, null, 8,
|
|
99
|
-
[x,
|
|
98
|
+
ref: s,
|
|
99
|
+
"onUpdate:modelValue": r[0] || (r[0] = (g) => i.value = g)
|
|
100
|
+
}, null, 8, j), [
|
|
101
|
+
[x, i.value]
|
|
100
102
|
]),
|
|
101
|
-
|
|
103
|
+
r[3] || (r[3] = t("div", { class: "w-11 h-6 bg-gray-200 peer-focus:outline-hidden peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:rtl:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[1px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" }, null, -1))
|
|
102
104
|
])
|
|
103
|
-
]),
|
|
104
|
-
|
|
105
|
-
|
|
105
|
+
], 2),
|
|
106
|
+
t("span", C, l(e.error_message), 1),
|
|
107
|
+
t("small", D, l(e.description), 1)
|
|
106
108
|
], 2))
|
|
107
109
|
], 64));
|
|
108
110
|
}
|
|
109
111
|
};
|
|
110
112
|
export {
|
|
111
|
-
|
|
113
|
+
T as default
|
|
112
114
|
};
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "The most popular library of interactive components built with Vuejs && Tailwind CSS",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "1.3.
|
|
6
|
+
"version": "1.3.9",
|
|
7
7
|
"repository": {
|
|
8
8
|
"type": "git",
|
|
9
9
|
"url": "git+https://github.com/mrgiant/GoldenLogicUi.git"
|