golden-logic-ui 1.2.362 → 1.2.364
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/components/GeneralComponents/GlDatePicker.vue.js +1 -1
- package/dist/components/GeneralComponents/GlDateRangePicker.vue.js +6 -6
- package/dist/components/GeneralComponents/GlDateTimePicker.vue.js +1 -1
- package/dist/components/GeneralComponents/GlDateTimeRangePicker.vue.js +10 -10
- package/package.json +1 -1
|
@@ -8,7 +8,7 @@ const le = {
|
|
|
8
8
|
}, de = ["innerHTML"], ce = { class: "relative w-full" }, ge = ["required", "name", "id", "value", "placeholder"], me = ["innerHTML"], fe = {
|
|
9
9
|
key: 1,
|
|
10
10
|
class: "relative"
|
|
11
|
-
}, ye = ["required", "name", "id", "value", "placeholder"], ve = { class: "absolute z-50 mt-1 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 p-4 max-w-
|
|
11
|
+
}, ye = ["required", "name", "id", "value", "placeholder"], ve = { class: "absolute z-50 mt-1 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 p-4 w-80 max-w-80" }, he = { class: "flex items-center justify-between mb-4" }, pe = { class: "text-sm font-semibold text-gray-900 dark:text-white" }, De = { class: "grid grid-cols-7 gap-2 mb-2" }, ke = { class: "grid grid-cols-7 gap-2" }, xe = ["onClick", "disabled"], be = { class: "flex items-center justify-between mt-4 pt-3 border-t border-gray-200 dark:border-gray-700" }, we = { class: "gl-span-form-error" }, Ye = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Te = {
|
|
12
12
|
__name: "GlDatePicker",
|
|
13
13
|
props: {
|
|
14
14
|
is_required: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ref as x, watch as
|
|
1
|
+
import { ref as x, watch as E, computed as y, createElementBlock as i, openBlock as u, Fragment as N, createCommentVNode as g, normalizeClass as v, createElementVNode as m, toDisplayString as r, createVNode as D } from "vue";
|
|
2
2
|
import M from "./GlDatePicker.vue.js";
|
|
3
3
|
const B = {
|
|
4
4
|
key: 0,
|
|
@@ -51,11 +51,11 @@ const B = {
|
|
|
51
51
|
},
|
|
52
52
|
placeholder_start: {
|
|
53
53
|
type: String,
|
|
54
|
-
default: "
|
|
54
|
+
default: ""
|
|
55
55
|
},
|
|
56
56
|
placeholder_end: {
|
|
57
57
|
type: String,
|
|
58
|
-
default: "
|
|
58
|
+
default: ""
|
|
59
59
|
},
|
|
60
60
|
// Date format options
|
|
61
61
|
date_format: {
|
|
@@ -112,7 +112,7 @@ const B = {
|
|
|
112
112
|
start: o.modelValue.start,
|
|
113
113
|
end: o.modelValue.end
|
|
114
114
|
});
|
|
115
|
-
|
|
115
|
+
E(
|
|
116
116
|
() => o.modelValue,
|
|
117
117
|
(t) => {
|
|
118
118
|
t && (a.value.start = t.start, a.value.end = t.end);
|
|
@@ -161,7 +161,7 @@ const B = {
|
|
|
161
161
|
}, h = () => {
|
|
162
162
|
const t = { start: a.value.start, end: a.value.end };
|
|
163
163
|
b("update:modelValue", t), b("change", t);
|
|
164
|
-
}, w = y(() => ""),
|
|
164
|
+
}, w = y(() => ""), C = y(() => "");
|
|
165
165
|
return (t, l) => (u(), i(N, null, [
|
|
166
166
|
e.show ? (u(), i("div", {
|
|
167
167
|
key: 0,
|
|
@@ -221,7 +221,7 @@ const B = {
|
|
|
221
221
|
disabled_days: e.disabled_days,
|
|
222
222
|
disabled_dates: e.disabled_dates,
|
|
223
223
|
locale: e.locale,
|
|
224
|
-
error_message:
|
|
224
|
+
error_message: C.value,
|
|
225
225
|
onChange: I
|
|
226
226
|
}, null, 8, ["modelValue", "field_name", "label_name", "is_required", "placeholder", "date_format", "min_date", "max_date", "disabled_days", "disabled_dates", "locale", "error_message"])
|
|
227
227
|
])
|
|
@@ -8,7 +8,7 @@ const He = {
|
|
|
8
8
|
}, Ae = ["innerHTML"], qe = { class: "relative w-full" }, ze = ["required", "name", "id", "value", "placeholder"], Ee = ["innerHTML"], Ue = {
|
|
9
9
|
key: 1,
|
|
10
10
|
class: "relative"
|
|
11
|
-
}, Ze = ["required", "name", "id", "value", "placeholder"], Re = { class: "absolute z-50 mt-1 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 p-4 max-w-
|
|
11
|
+
}, Ze = ["required", "name", "id", "value", "placeholder"], Re = { class: "absolute z-50 mt-1 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 p-4 w-80 max-w-80" }, We = { class: "flex items-center justify-between mb-4" }, Je = { class: "text-sm font-semibold text-gray-900 dark:text-white" }, Ke = { class: "grid grid-cols-7 gap-2 mb-2" }, Qe = { class: "grid grid-cols-7 gap-2" }, Xe = ["onClick", "disabled"], je = { class: "mt-4 pt-3 border-t border-gray-200 dark:border-gray-700" }, _e = { class: "flex items-center justify-center gap-2" }, Oe = { class: "text-xs font-medium text-gray-500 dark:text-gray-400 me-1" }, et = { class: "flex flex-col items-center" }, tt = ["value"], rt = { class: "flex flex-col items-center" }, at = ["value"], nt = { class: "flex flex-col gap-1 ms-1" }, ot = { class: "flex items-center justify-between mt-4 pt-3 border-t border-gray-200 dark:border-gray-700" }, lt = { class: "flex items-center gap-3" }, st = { class: "gl-span-form-error" }, it = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, dt = {
|
|
12
12
|
__name: "GlDateTimePicker",
|
|
13
13
|
props: {
|
|
14
14
|
is_required: {
|
|
@@ -51,11 +51,11 @@ const K = {
|
|
|
51
51
|
},
|
|
52
52
|
placeholder_start: {
|
|
53
53
|
type: String,
|
|
54
|
-
default: "
|
|
54
|
+
default: ""
|
|
55
55
|
},
|
|
56
56
|
placeholder_end: {
|
|
57
57
|
type: String,
|
|
58
|
-
default: "
|
|
58
|
+
default: ""
|
|
59
59
|
},
|
|
60
60
|
// Date format options
|
|
61
61
|
date_format: {
|
|
@@ -127,7 +127,7 @@ const K = {
|
|
|
127
127
|
const C = (t, a) => {
|
|
128
128
|
let n = t % 12;
|
|
129
129
|
return a === "PM" && (n += 12), n;
|
|
130
|
-
},
|
|
130
|
+
}, T = (t) => {
|
|
131
131
|
if (!t) return null;
|
|
132
132
|
let a, n, r;
|
|
133
133
|
const d = t.split(/[-/]/);
|
|
@@ -148,24 +148,24 @@ const K = {
|
|
|
148
148
|
return { year: a, month: n, day: r };
|
|
149
149
|
}, v = (t) => {
|
|
150
150
|
if (!t) return null;
|
|
151
|
-
const a = String(t).trim(), n = a.indexOf(" "), r = n === -1 ? a : a.slice(0, n), d = n === -1 ? "" : a.slice(n + 1).trim(), M =
|
|
151
|
+
const a = String(t).trim(), n = a.indexOf(" "), r = n === -1 ? a : a.slice(0, n), d = n === -1 ? "" : a.slice(n + 1).trim(), M = T(r);
|
|
152
152
|
if (!M) {
|
|
153
153
|
const s = new Date(a);
|
|
154
154
|
return isNaN(s.getTime()) ? null : s;
|
|
155
155
|
}
|
|
156
|
-
let
|
|
156
|
+
let D = 0, S = 0;
|
|
157
157
|
if (d) {
|
|
158
158
|
const s = d.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)?$/i);
|
|
159
159
|
if (s) {
|
|
160
160
|
const V = parseInt(s[1]);
|
|
161
|
-
|
|
161
|
+
S = parseInt(s[2]);
|
|
162
162
|
const I = s[3] ? s[3].toUpperCase() : null;
|
|
163
|
-
|
|
163
|
+
D = I ? C(V, I) : V;
|
|
164
164
|
}
|
|
165
165
|
}
|
|
166
|
-
const { year: F, month: G, day: H } = M, k = new Date(F, G, H,
|
|
166
|
+
const { year: F, month: G, day: H } = M, k = new Date(F, G, H, D, S);
|
|
167
167
|
return isNaN(k.getTime()) ? null : k;
|
|
168
|
-
},
|
|
168
|
+
}, E = g(() => l.value.start ? l.value.start : c.min_date_end), B = g(() => l.value.end ? l.value.end : c.max_date_start), h = (t, a) => {
|
|
169
169
|
if (t && a) {
|
|
170
170
|
const n = v(t), r = v(a);
|
|
171
171
|
if (n && r && n > r)
|
|
@@ -242,7 +242,7 @@ const K = {
|
|
|
242
242
|
date_format: e.date_format,
|
|
243
243
|
minute_step: e.minute_step,
|
|
244
244
|
default_time: U.value,
|
|
245
|
-
min_date:
|
|
245
|
+
min_date: E.value,
|
|
246
246
|
max_date: e.max_date_end,
|
|
247
247
|
disabled_days: e.disabled_days,
|
|
248
248
|
disabled_dates: e.disabled_dates,
|
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.2.
|
|
6
|
+
"version": "1.2.364",
|
|
7
7
|
"repository": {
|
|
8
8
|
"type": "git",
|
|
9
9
|
"url": "git+https://github.com/mrgiant/GoldenLogicUi.git"
|