@studio-west/component-sw 0.11.18 → 0.11.19

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.
Files changed (54) hide show
  1. package/dist/SwAlert-BN8mwcp_.js +89 -0
  2. package/dist/SwButton-B6iaLa_y.js +45 -0
  3. package/dist/SwButtonGroup-Dmsbam44.js +59 -0
  4. package/dist/SwCollapse-Dy2XxzJg.js +31 -0
  5. package/dist/SwDatePicker-CNGIsEmm.js +262 -0
  6. package/dist/SwDropdown-DMkEn-su.js +114 -0
  7. package/dist/SwDropdownItem-CscV8R77.js +36 -0
  8. package/dist/SwDropdownNew-TXu5V6xZ.js +107 -0
  9. package/dist/SwFormItem-DQJohClb.js +24 -0
  10. package/dist/SwGide-9v0z3Y49.js +125 -0
  11. package/dist/SwIcon-0PtPyq2k.js +35 -0
  12. package/dist/SwInput-fqZBIN92.js +102 -0
  13. package/dist/SwMessage-BvvbQ1cP.js +55 -0
  14. package/dist/SwSection-fNuXuePo.js +32 -0
  15. package/dist/SwSelect-CuBxoXju.js +1594 -0
  16. package/dist/SwSkeleton-DIwAcNfp.js +28 -0
  17. package/dist/SwSkeletonItem-D3Wjgl7J.js +35 -0
  18. package/dist/SwSlider-CyLU7COn.js +179 -0
  19. package/dist/SwSwitch-DluxsVEW.js +56 -0
  20. package/dist/SwTable-D5v0TIuo.js +133 -0
  21. package/dist/SwTableColumn-CCqBUIhN.js +28 -0
  22. package/dist/SwTabs-zHhFxzck.js +32 -0
  23. package/dist/SwTabsPane-BY5KEs_h.js +36 -0
  24. package/dist/component-sw.css +2 -1
  25. package/dist/index.cjs +6 -6
  26. package/dist/index.js +58 -7
  27. package/dist/utils-CGgSSFR1.js +52 -0
  28. package/package.json +1 -1
  29. package/src/components/SwButton.vue +1 -0
  30. package/src/components/SwButtonGroup.vue +1 -0
  31. package/src/components/SwTable.vue +14 -5
  32. package/dist/SwButton-yS_tKW9w.js +0 -4
  33. package/dist/SwButton.vue_vue_type_script_setup_true_lang-aODPwFa6.js +0 -34
  34. package/dist/SwButtonGroup-D9HH5POO.js +0 -49
  35. package/dist/SwCollapse-CuN3EbT6.js +0 -33
  36. package/dist/SwDatePicker-DHP73Q1c.js +0 -366
  37. package/dist/SwDropdown-DQGTnnKw.js +0 -111
  38. package/dist/SwDropdownItem-Cua7E0JN.js +0 -31
  39. package/dist/SwDropdownNew-CYfjZFd2.js +0 -107
  40. package/dist/SwFormItem-CaA4jsoa.js +0 -24
  41. package/dist/SwGide-BcLOtvRd.js +0 -138
  42. package/dist/SwInput-m4LDJuNs.js +0 -90
  43. package/dist/SwMessage-yOG9UmvF.js +0 -57
  44. package/dist/SwSection-CQe2kE0O.js +0 -34
  45. package/dist/SwSelect-BxbCfof-.js +0 -1883
  46. package/dist/SwSkeleton-B7ysp8L9.js +0 -26
  47. package/dist/SwSkeletonItem-CU7LvihY.js +0 -29
  48. package/dist/SwSlider--meCHr2D.js +0 -158
  49. package/dist/SwSwitch-DeMdyD0-.js +0 -47
  50. package/dist/SwTable-BSCqB4nS.js +0 -156
  51. package/dist/SwTableColumn-BLF5bPuJ.js +0 -28
  52. package/dist/SwTabs-DkSI4oAh.js +0 -38
  53. package/dist/SwTabsPane-Dwtj8g7T.js +0 -38
  54. package/dist/index-DX9QZTeL.js +0 -188
@@ -0,0 +1,52 @@
1
+ //#region src/utils/index.ts
2
+ function e(e) {
3
+ return /^(https?:|mailto:|tel:)/.test(e);
4
+ }
5
+ function t(e, t) {
6
+ if (arguments.length === 0 || !e) return null;
7
+ let n = t || "{Y}-{m}-{d} {G}:{i}:{s}", r;
8
+ typeof e == "object" ? r = e : (typeof e == "string" && (e = /^[0-9]+$/.test(e) ? parseInt(e, 10) : e.replace(/* @__PURE__ */ new RegExp(/-/gm), "/")), typeof e == "number" && e.toString().length === 10 && (e *= 1e3), r = new Date(e));
9
+ let i = "ru-RU", a = {
10
+ Y: r.getFullYear(),
11
+ m: (r.getMonth() + 1).toString().padStart(2, "0"),
12
+ d: r.getDate(),
13
+ dd: r.getDate().toString().padStart(2, "0"),
14
+ G: r.getHours(),
15
+ H: r.getHours().toString().padStart(2, "0"),
16
+ i: r.getMinutes().toString().padStart(2, "0"),
17
+ s: r.getSeconds().toString().padStart(2, "0"),
18
+ D: new Intl.DateTimeFormat(i, { weekday: "short" }).format(r),
19
+ F: new Intl.DateTimeFormat(i, { month: "long" }).format(r),
20
+ M: new Intl.DateTimeFormat(i, { month: "short" }).format(r)
21
+ };
22
+ return n.replace(/{(dd|[YmdGHisDFM])+}/g, (e, t) => a[t]?.toString() || e);
23
+ }
24
+ function n(e) {
25
+ let t = e.match(/\D.*?\D?/);
26
+ if (!t) return e + "T00:00:01";
27
+ let n = e.split(t[0]);
28
+ return n[0].length > 2 ? n.join("-") + "T00:00:01" : n.reverse().join("-") + "T00:00:01";
29
+ }
30
+ function r(e, t) {
31
+ if (t && /^\+[0-9]\s/.test(t) && e.length === 2 || /^\+0\s/.test(e)) return "";
32
+ if (e === void 0 || e.length === 0) return e;
33
+ let n = "+0 (___) ___-__-__", r = 0, i = n.replace(/\D/g, ""), a = e.replace(/\D/g, ""), o = n.replace(/[_\d]/g, (e) => r < a.length ? a.charAt(r++) || i.charAt(r) : e);
34
+ r = o.indexOf("_"), r !== -1 && (r = r < 5 ? 3 : r, o = o.slice(0, r));
35
+ let s = n.slice(0, e.length).replace(/_+/g, (e) => `\\d{1,${e.length}}`).replace(/[+()]/g, "\\$&");
36
+ return s = RegExp(`^${s}$`), o = o.replace(/[-—]$|(\) )$/g, ""), !s.test(e) || e.length < 5 ? o : e;
37
+ }
38
+ function i(e, t = !1) {
39
+ let n = e.getBoundingClientRect();
40
+ return t ? n.left > 50 ? {
41
+ right: "100%",
42
+ marginRight: "10px"
43
+ } : {
44
+ left: "100%",
45
+ marginLeft: "10px"
46
+ } : {
47
+ bottom: "100%",
48
+ marginBottom: "10px"
49
+ };
50
+ }
51
+ //#endregion
52
+ export { t as a, n as i, r as n, e as r, i as t };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@studio-west/component-sw",
3
- "version": "0.11.18",
3
+ "version": "0.11.19",
4
4
  "description": "Vue components of Component-SW collection.",
5
5
  "type": "module",
6
6
  "keywords": [
@@ -1,3 +1,4 @@
1
+
1
2
  <template>
2
3
  <button :class="style" @click="isClick">
3
4
  <slot></slot>
@@ -54,6 +54,7 @@ const findSlotRootElements = () => {
54
54
  if (props.radio) {
55
55
  [].forEach.call(buttons.value, (button, id) => {
56
56
  if (model.value !== id) button.classList.add('sw-text');
57
+ else button.classList.remove('sw-text');
57
58
  button.addEventListener('click', () => model.value = id)
58
59
  })
59
60
  }
@@ -165,6 +165,14 @@ function extractLeafColumns(columns) {
165
165
 
166
166
  // Обработка данных для tbody с поддержкой colspan
167
167
  function processBodyData(data, columns) {
168
+ // Защита от undefined/null значений
169
+ if (!data || !Array.isArray(data)) {
170
+ return []
171
+ }
172
+ if (!columns || !Array.isArray(columns)) {
173
+ return []
174
+ }
175
+
168
176
  const processedRows = []
169
177
  const cellMap = new Map() // Для отслеживания объединенных ячеек
170
178
  data.forEach((row, rowIndex) => {
@@ -227,6 +235,12 @@ function processBodyData(data, columns) {
227
235
  return processedRows
228
236
  }
229
237
 
238
+ // Вычисляемые свойства
239
+ const maxDepth = computed(() => getMaxDepth(columnTree.value))
240
+ const headerRows = computed(() => buildHeaderRows(columnTree.value, maxDepth.value))
241
+ const flatColumns = computed(() => extractLeafColumns(columnTree.value))
242
+ const processedTableData = computed(() => processBodyData(props.data, flatColumns.value))
243
+
230
244
  // Сбор колонок из слотов
231
245
  onMounted(() => {
232
246
  const columnVNodes = slots.default?.() || []
@@ -248,10 +262,5 @@ onMounted(() => {
248
262
  console.log('SwTable mounted - flatColumns:', flatColumns.value)
249
263
  console.log('SwTable mounted - data:', props.data)
250
264
  })
251
- // Вычисляемые свойства
252
- const maxDepth = computed(() => getMaxDepth(columnTree.value))
253
- const headerRows = computed(() => buildHeaderRows(columnTree.value, maxDepth.value))
254
- const flatColumns = computed(() => extractLeafColumns(columnTree.value))
255
- const processedTableData = computed(() => processBodyData(props.data, flatColumns.value))
256
265
 
257
266
  </script>
@@ -1,4 +0,0 @@
1
- import { _ as f } from "./SwButton.vue_vue_type_script_setup_true_lang-aODPwFa6.js";
2
- export {
3
- f as default
4
- };
@@ -1,34 +0,0 @@
1
- import { defineComponent as a, computed as o, createElementBlock as u, openBlock as f, normalizeClass as i, renderSlot as r } from "vue";
2
- const c = /* @__PURE__ */ a({
3
- __name: "SwButton",
4
- props: {
5
- class: { default: "" },
6
- size: { default: "" },
7
- type: { default: "" },
8
- round: { type: Boolean, default: !1 },
9
- text: { type: Boolean, default: !1 },
10
- link: { type: Boolean, default: !1 },
11
- href: { default: "" },
12
- disabled: { type: Boolean, default: !1 }
13
- },
14
- setup(s) {
15
- const t = s, l = () => {
16
- if (t.href.length > 0) {
17
- const e = document.createElement("a");
18
- e.setAttribute("href", t.href), e.setAttribute("target", "_blank"), t.disabled || e.click();
19
- }
20
- }, n = o(() => {
21
- let e = ["sw-button"];
22
- return t.size.length > 0 && e.push("sw-" + t.size), t.type.length > 0 && e.push("sw-" + t.type), t.round && e.push("sw-round"), t.text && e.push("sw-text"), t.link && e.push("sw-link"), t.disabled && e.push("sw-disabled"), t.class.length > 0 && e.push(t.class), e;
23
- });
24
- return (e, d) => (f(), u("button", {
25
- class: i(n.value),
26
- onClick: l
27
- }, [
28
- r(e.$slots, "default")
29
- ], 2));
30
- }
31
- });
32
- export {
33
- c as _
34
- };
@@ -1,49 +0,0 @@
1
- import { mergeModels as d, useModel as f, ref as r, computed as v, onMounted as m, onUnmounted as p, watch as w, createElementBlock as h, openBlock as b, normalizeClass as y, renderSlot as B } from "vue";
2
- const L = {
3
- __name: "SwButtonGroup",
4
- props: /* @__PURE__ */ d({
5
- class: { type: String, default: "" },
6
- vertical: { type: Boolean, default: !1 },
7
- radio: { type: Boolean, default: !1 },
8
- round: { type: Boolean, default: !1 }
9
- }, {
10
- modelValue: {},
11
- modelModifiers: {}
12
- }),
13
- emits: ["update:modelValue"],
14
- setup(n) {
15
- const a = f(n, "modelValue"), s = r([]), l = r(null), u = r(null), t = n, c = v(() => {
16
- let e = ["sw-button-group"];
17
- return t.vertical && e.push("sw-vertical"), t.round && e.push("sw-round"), t.class.length > 0 && e.push(t.class), e;
18
- });
19
- m(async () => {
20
- await new Promise((e) => setTimeout(e, 0)), t.radio && i(), l.value && (u.value = new MutationObserver(() => {
21
- t.radio && i();
22
- }), u.value.observe(l.value, {
23
- childList: !0,
24
- subtree: !0
25
- }));
26
- }), p(() => {
27
- u.value && u.value.disconnect();
28
- }), w(a, () => {
29
- t.radio && [].forEach.call(s.value, (e, o) => {
30
- o === a.value ? e.classList.remove("sw-text") : e.classList.add("sw-text");
31
- });
32
- });
33
- const i = () => {
34
- s.value = [], l.value && (s.value = l.value.querySelectorAll("button, .sw-button")), t.radio && [].forEach.call(s.value, (e, o) => {
35
- a.value !== o && e.classList.add("sw-text"), e.addEventListener("click", () => a.value = o);
36
- });
37
- };
38
- return (e, o) => (b(), h("div", {
39
- class: y(c.value),
40
- ref_key: "buttonGroup",
41
- ref: l
42
- }, [
43
- B(e.$slots, "default")
44
- ], 2));
45
- }
46
- };
47
- export {
48
- L as default
49
- };
@@ -1,33 +0,0 @@
1
- import { onMounted as a, ref as n, watch as c, onBeforeUnmount as i, createElementBlock as p, openBlock as v, normalizeStyle as f, normalizeClass as m, renderSlot as d } from "vue";
2
- const _ = {
3
- __name: "SwCollapse",
4
- props: {
5
- visual: { type: Boolean, default: !0 }
6
- },
7
- setup(r) {
8
- a(() => {
9
- s.value = "0px";
10
- });
11
- const e = n(null), o = r;
12
- c(() => o.visual, () => t());
13
- const s = n("0px"), t = () => {
14
- e.value && (s.value = o.visual ? e.value.scrollHeight + "px" : "0px");
15
- };
16
- let l;
17
- return a(() => {
18
- t(), e.value && (l = new ResizeObserver(t), l.observe(e.value));
19
- }), i(() => {
20
- l && l.disconnect();
21
- }), (u, h) => (v(), p("div", {
22
- class: m(["sw-collapse", { open: o.visual }]),
23
- style: f({ maxHeight: s.value }),
24
- ref_key: "collapse",
25
- ref: e
26
- }, [
27
- d(u.$slots, "default")
28
- ], 6));
29
- }
30
- };
31
- export {
32
- _ as default
33
- };
@@ -1,366 +0,0 @@
1
- import { ref as p, computed as Q, createElementBlock as r, openBlock as v, createElementVNode as o, createCommentVNode as j, withModifiers as g, renderSlot as w, createTextVNode as k, toDisplayString as f, unref as F, Fragment as $, renderList as Y, normalizeClass as A } from "vue";
2
- import { p as y, a as B } from "./index-DX9QZTeL.js";
3
- const te = { class: "sw-data-picker" }, ae = {
4
- key: 0,
5
- class: "month_year"
6
- }, le = { class: "text" }, ne = {
7
- key: 1,
8
- class: "month_year"
9
- }, se = { class: "text" }, ue = {
10
- key: 2,
11
- class: "week"
12
- }, oe = {
13
- key: 3,
14
- class: "year"
15
- }, re = ["onClick"], ve = {
16
- key: 4,
17
- class: "year"
18
- }, ie = ["onClick"], de = {
19
- key: 5,
20
- class: "month"
21
- }, ge = ["onClick"], ce = { key: 0 }, De = {
22
- key: 0,
23
- class: "month_year"
24
- }, fe = { class: "text" }, pe = {
25
- key: 1,
26
- class: "month_year"
27
- }, me = { class: "text" }, we = {
28
- key: 2,
29
- class: "week"
30
- }, ke = {
31
- key: 3,
32
- class: "year"
33
- }, ye = ["onClick"], he = {
34
- key: 4,
35
- class: "year"
36
- }, be = ["onClick"], $e = {
37
- key: 5,
38
- class: "month"
39
- }, Ce = ["onClick"], Ye = {
40
- __name: "SwDatePicker",
41
- props: {
42
- data: Object,
43
- limitation: {
44
- type: [Boolean, Array],
45
- default: () => !1
46
- },
47
- range: {
48
- type: String,
49
- default: "solid"
50
- }
51
- },
52
- emits: ["input"],
53
- setup(U, { emit: X }) {
54
- const n = U, O = X, d = p(5), C = p(/* @__PURE__ */ new Date()), z = p(/* @__PURE__ */ new Date()), u = p((/* @__PURE__ */ new Date()).getFullYear()), s = p((/* @__PURE__ */ new Date()).getMonth()), W = p((/* @__PURE__ */ new Date()).getFullYear()), q = p((/* @__PURE__ */ new Date()).getMonth()), L = p(new Date(u.value, s.value + 1, 1).getMonth()), i = p([]), V = p(0), m = p(-1), M = p(-1), x = p(navigator.language || "ru"), I = /en|zh|ja|he/.test(x.value) ? 0 : 1, G = Q(() => Array.from({ length: 12 }, (a, e) => {
55
- const t = new Date(2024, e);
56
- return new Intl.DateTimeFormat(x.value, { month: "long" }).format(t);
57
- })), S = p(Math.floor(u.value / 10) * 10), N = Q(() => Array.from({ length: 12 }, (a, e) => S.value + e - 1));
58
- n.data?.startDate ? (C.value = new Date(y(n.data.startDate)), u.value = C.value.getFullYear(), s.value = C.value.getMonth()) : n.data?.firstDate && (u.value = new Date(y(n.data.firstDate)).getFullYear(), s.value = new Date(y(n.data.firstDate)).getMonth(), L.value = new Date(u.value, s.value + 1, 1).getMonth()), n.data?.endDate && n.range === "range" && (z.value = new Date(y(n.data.endDate)), W.value = z.value.getFullYear(), q.value = z.value.getMonth());
59
- const H = () => {
60
- i.value = [], V.value = 0;
61
- const a = new Date(u.value, s.value, 0);
62
- for (let t = a.getDate() - a.getDay() + I; t <= a.getDate(); t++)
63
- a.getDay() !== 6 + I && (i.value.push({ day: t, month: a.getMonth(), year: a.getFullYear(), class: [] }), V.value++);
64
- const e = new Date(u.value, s.value + 1, 0).getDate();
65
- for (let t = 1; t <= e; t++)
66
- i.value.push({ day: t, month: s.value, year: u.value, class: [] }), V.value++;
67
- if (n.range === "range") {
68
- const t = new Date(u.value, s.value + 1, 1), l = new Date(u.value, s.value + 2, 0).getDate();
69
- for (let c = 1; c <= l; c++)
70
- i.value.push({ day: c, month: t.getMonth(), year: t.getFullYear(), class: [] });
71
- }
72
- Z();
73
- }, Z = () => {
74
- if (!n.data?.holiday) return;
75
- const a = (e, t) => {
76
- e.forEach((l) => {
77
- const [c, h, T] = l.split("-").map(Number), b = i.value.findIndex((E) => E.year === c && E.month + 1 === h && E.day === T);
78
- b !== -1 && (i.value[b].class[0] = t);
79
- });
80
- };
81
- a(n.data.holiday.preholidays, "preholiday"), a(n.data.holiday.holidays, "weekend"), a(n.data.holiday.holiday, "holiday"), a(n.data.holiday.nowork, "nowork");
82
- }, _ = () => {
83
- if (!n.limitation || n.limitation.length < 2) return !1;
84
- const a = [...n.limitation].sort(
85
- (e, t) => new Date(y(e.startDate)).getTime() - new Date(y(t.startDate)).getTime()
86
- );
87
- for (let e = 1; e < a.length; e++) {
88
- const t = new Date(y(a[e - 1].endDate));
89
- if (new Date(y(a[e].startDate)) <= t)
90
- return console.warn("Warning: Диапазоны пересекаются:", a[e - 1], a[e]), !0;
91
- }
92
- return !1;
93
- }, P = (a, e, t) => {
94
- if (!n.limitation || n.limitation.length === 0) return !0;
95
- const l = new Date(a, e, t).getTime();
96
- for (let c of n.limitation) {
97
- const { startDate: h, endDate: T } = c;
98
- if (!h && T) {
99
- const b = new Date(y(T)).getTime();
100
- if (l <= b) return !1;
101
- }
102
- if (h && !T) {
103
- const b = new Date(y(h)).getTime();
104
- if (l >= b) return !1;
105
- }
106
- if (h && T) {
107
- const b = new Date(y(h)).getTime(), E = new Date(y(T)).getTime();
108
- if (b <= E) {
109
- if (l >= b && l <= E) return !1;
110
- } else if (l >= b || l <= E) return !1;
111
- }
112
- }
113
- return !0;
114
- }, R = (a, e) => {
115
- const t = B(new Date(a.year, a.month, a.day), "{dd}.{m}.{Y}");
116
- n.range === "range" ? M.value !== -1 ? (K(), m.value = e, i.value[e].class[1] = "active") : m.value !== -1 ? (M.value = e, ee(m.value, M.value, t)) : (m.value = e, i.value[e].class[1] = "active") : (m.value !== -1 && (i.value[m.value].class[1] = ""), m.value = e, i.value[e].class[1] = "active", O("input", { dateStart: t, count: 1 }));
117
- }, K = () => {
118
- i.value.forEach((a) => a.class[1] = ""), m.value = -1, M.value = -1;
119
- }, ee = (a, e, t) => {
120
- let l = B(new Date(i.value[a].year, i.value[a].month, i.value[a].day), "{dd}.{m}.{Y}");
121
- if (e >= a) {
122
- for (let c = a + 1; c < e; c++)
123
- i.value[c].class[1] = "select";
124
- O("input", { dateStart: l, dateEnd: t, count: J(a, e) });
125
- } else {
126
- for (let c = e + 1; c < a; c++)
127
- i.value[c].class[1] = "select";
128
- O("input", { dateStart: t, dateEnd: l, count: J(e, a) });
129
- }
130
- i.value[e].class[1] = "active";
131
- }, J = (a, e) => {
132
- let t = Math.abs(a - e) + 1, [l, c] = [Math.min(a, e), Math.max(a, e)];
133
- for (let h = l; h <= c; h++)
134
- i.value[h]?.class[0] === "holiday" && t--;
135
- return t;
136
- }, D = (a, e) => {
137
- P(a, e) && (C.value = new Date(a, e, 1), u.value = C.value.getFullYear(), s.value = C.value.getMonth(), L.value = new Date(a, e + 1, 1).getMonth(), (n.range === "year" || n.range === "decades") && d.value === 0 ? R({ year: a, month: e, day: 1 }, 8) : H());
138
- };
139
- if (H(), _(), n.data?.startDate && (m.value = i.value.findIndex((a) => a.day === C.value.getDate() && a.month === s.value && a.year === u.value), m.value !== -1 && (i.value[m.value].class[1] = "active")), n.data?.endDate && n.range === "range" && (M.value = i.value.findIndex((a) => a.day === z.value.getDate() && a.month === q.value && a.year === W.value), M.value !== -1)) {
140
- i.value[M.value].class[1] = "active";
141
- for (let a = m.value + 1; a < M.value; a++)
142
- i.value[a].class[1] = "select";
143
- }
144
- return (a, e) => (v(), r("div", te, [
145
- o("div", null, [
146
- n.range === "decades" || d.value === 3 ? (v(), r("p", ae, [
147
- o("span", null, [
148
- o("button", {
149
- onClick: e[0] || (e[0] = g((t) => {
150
- S.value -= 10, D(u.value, s.value);
151
- }, ["prevent"]))
152
- }, [
153
- w(a.$slots, "double-arrow", {}, () => [
154
- e[16] || (e[16] = k("«", -1))
155
- ])
156
- ])
157
- ]),
158
- o("span", le, f(N.value[0]) + " - " + f(N.value[11]), 1),
159
- o("span", null, [
160
- o("button", {
161
- class: "sw-revers",
162
- onClick: e[1] || (e[1] = g((t) => {
163
- S.value += 10, D(u.value, s.value);
164
- }, ["prevent"]))
165
- }, [
166
- w(a.$slots, "double-arrow", {}, () => [
167
- e[17] || (e[17] = k("«", -1))
168
- ])
169
- ])
170
- ])
171
- ])) : (v(), r("p", ne, [
172
- o("span", null, [
173
- o("button", {
174
- onClick: e[2] || (e[2] = g((t) => D(u.value - 1, s.value), ["prevent"]))
175
- }, [
176
- w(a.$slots, "double-arrow", {}, () => [
177
- e[18] || (e[18] = k("«", -1))
178
- ])
179
- ]),
180
- o("button", {
181
- onClick: e[3] || (e[3] = g((t) => {
182
- d.value = 0, D(u.value, s.value - 1);
183
- }, ["prevent"]))
184
- }, [
185
- w(a.$slots, "arrow", {}, () => [
186
- e[19] || (e[19] = k("‹", -1))
187
- ])
188
- ])
189
- ]),
190
- o("span", se, [
191
- o("button", {
192
- onClick: e[4] || (e[4] = g((t) => d.value = 3, ["prevent"]))
193
- }, f(u.value), 1),
194
- o("button", {
195
- onClick: e[5] || (e[5] = g((t) => d.value = 1, ["prevent"]))
196
- }, f(F(B)(C.value.setMonth(s.value), "{F}")), 1)
197
- ]),
198
- o("span", null, [
199
- o("button", {
200
- class: "sw-revers",
201
- onClick: e[6] || (e[6] = g((t) => {
202
- d.value = 0, D(u.value, s.value + 1);
203
- }, ["prevent"]))
204
- }, [
205
- w(a.$slots, "arrow", {}, () => [
206
- e[20] || (e[20] = k("‹", -1))
207
- ])
208
- ]),
209
- o("button", {
210
- class: "sw-revers",
211
- onClick: e[7] || (e[7] = g((t) => D(u.value + 1, s.value), ["prevent"]))
212
- }, [
213
- w(a.$slots, "double-arrow", {}, () => [
214
- e[21] || (e[21] = k("«", -1))
215
- ])
216
- ])
217
- ])
218
- ])),
219
- n.range === "year" || n.range === "decades" || d.value === 1 || d.value === 3 ? j("", !0) : (v(), r("div", ue, [
220
- (v(), r($, null, Y(7, (t, l) => o("button", {
221
- key: l,
222
- class: "disabled"
223
- }, f(F(B)(new Date(1970, 1, t + F(I)), "{D}")), 1)), 64))
224
- ])),
225
- d.value !== 3 && n.range === "year" || d.value === 1 ? (v(), r("div", oe, [
226
- (v(!0), r($, null, Y(G.value, (t, l) => (v(), r("button", {
227
- key: l,
228
- onClick: g((c) => {
229
- d.value = 0, D(u.value, l);
230
- }, ["prevent"]),
231
- class: A(l === s.value ? "active" : "")
232
- }, f(t), 11, re))), 128))
233
- ])) : n.range === "decades" || d.value === 3 ? (v(), r("div", ve, [
234
- (v(!0), r($, null, Y(N.value, (t, l) => (v(), r("button", {
235
- key: l,
236
- onClick: g((c) => {
237
- d.value = n.range === "year" ? 1 : 0, D(t, s.value);
238
- }, ["prevent"]),
239
- class: A(S.value + l - 1 === u.value ? "active" : "")
240
- }, f(t), 11, ie))), 128))
241
- ])) : (v(), r("div", de, [
242
- (v(!0), r($, null, Y(i.value, (t, l) => (v(), r($, { key: l }, [
243
- l < V.value + (7 - new Date(u.value, s.value + 1, 1).getDay() + F(I)) % 7 ? (v(), r("button", {
244
- key: 0,
245
- class: A(t.month === s.value && P(t.year, t.month, t.day) ? t.class : "disabled"),
246
- onClick: g(() => {
247
- t.month === s.value && R(t, l);
248
- }, ["prevent"])
249
- }, f(t.day), 11, ge)) : j("", !0)
250
- ], 64))), 128))
251
- ]))
252
- ]),
253
- n.range === "range" ? (v(), r("div", ce, [
254
- n.range === "decades" || d.value === 4 ? (v(), r("p", De, [
255
- o("span", null, [
256
- o("button", {
257
- onClick: e[8] || (e[8] = g((t) => {
258
- S.value -= 10, D(u.value, s.value);
259
- }, ["prevent"]))
260
- }, [
261
- w(a.$slots, "double-arrow", {}, () => [
262
- e[22] || (e[22] = k("«", -1))
263
- ])
264
- ])
265
- ]),
266
- o("span", fe, f(N.value[0]) + " - " + f(N.value[11]), 1),
267
- o("span", null, [
268
- o("button", {
269
- class: "sw-revers",
270
- onClick: e[9] || (e[9] = g((t) => {
271
- S.value += 10, D(u.value, s.value);
272
- }, ["prevent"]))
273
- }, [
274
- w(a.$slots, "double-arrow", {}, () => [
275
- e[23] || (e[23] = k("«", -1))
276
- ])
277
- ])
278
- ])
279
- ])) : (v(), r("p", pe, [
280
- o("span", null, [
281
- o("button", {
282
- onClick: e[10] || (e[10] = g((t) => D(u.value - 1, s.value), ["prevent"]))
283
- }, [
284
- w(a.$slots, "double-arrow", {}, () => [
285
- e[24] || (e[24] = k("«", -1))
286
- ])
287
- ]),
288
- o("button", {
289
- onClick: e[11] || (e[11] = g((t) => {
290
- d.value = 0, D(u.value, s.value - 1);
291
- }, ["prevent"]))
292
- }, [
293
- w(a.$slots, "arrow", {}, () => [
294
- e[25] || (e[25] = k("‹", -1))
295
- ])
296
- ])
297
- ]),
298
- o("span", me, [
299
- o("button", {
300
- onClick: e[12] || (e[12] = g((t) => d.value = 4, ["prevent"]))
301
- }, f(new Date(u.value, s.value + 1).getFullYear()), 1),
302
- o("button", {
303
- onClick: e[13] || (e[13] = g((t) => d.value = 2, ["prevent"]))
304
- }, f(F(B)(C.value.setMonth(s.value + 1), "{F}")), 1)
305
- ]),
306
- o("span", null, [
307
- o("button", {
308
- class: "sw-revers",
309
- onClick: e[14] || (e[14] = g((t) => {
310
- d.value = 0, D(u.value, s.value + 1);
311
- }, ["prevent"]))
312
- }, [
313
- w(a.$slots, "arrow", {}, () => [
314
- e[26] || (e[26] = k("‹", -1))
315
- ])
316
- ]),
317
- o("button", {
318
- class: "sw-revers",
319
- onClick: e[15] || (e[15] = g((t) => D(u.value + 1, s.value), ["prevent"]))
320
- }, [
321
- w(a.$slots, "double-arrow", {}, () => [
322
- e[27] || (e[27] = k("«", -1))
323
- ])
324
- ])
325
- ])
326
- ])),
327
- d.value === 2 || d.value === 4 ? j("", !0) : (v(), r("div", we, [
328
- (v(), r($, null, Y(7, (t, l) => o("button", {
329
- key: l,
330
- class: "disabled"
331
- }, f(F(B)(new Date(1970, 1, t + F(I)), "{D}")), 1)), 64))
332
- ])),
333
- d.value === 2 ? (v(), r("div", ke, [
334
- (v(!0), r($, null, Y(G.value, (t, l) => (v(), r("button", {
335
- key: l,
336
- onClick: g((c) => {
337
- d.value = 0, D(u.value, l - 1);
338
- }, ["prevent"]),
339
- class: A(l === (s.value + 1) % 12 ? "active" : "")
340
- }, f(t), 11, ye))), 128))
341
- ])) : d.value === 4 ? (v(), r("div", he, [
342
- (v(!0), r($, null, Y(N.value, (t, l) => (v(), r("button", {
343
- key: l,
344
- onClick: g((c) => {
345
- d.value = 0, D(t, s.value);
346
- }, ["prevent"]),
347
- class: A(S.value + l - 1 === u.value ? "active" : "")
348
- }, f(t), 11, be))), 128))
349
- ])) : (v(), r("div", $e, [
350
- (v(!0), r($, null, Y(i.value, (t, l) => (v(), r($, { key: l }, [
351
- l >= V.value - (7 + new Date(u.value, s.value + 1, 1).getDay() - F(I)) % 7 ? (v(), r("button", {
352
- key: 0,
353
- class: A(t.month === L.value && P(t.year, t.month, t.day) ? t.class : "disabled"),
354
- onClick: g(() => {
355
- t.month === L.value && R(t, l);
356
- }, ["prevent"])
357
- }, f(t.day), 11, Ce)) : j("", !0)
358
- ], 64))), 128))
359
- ]))
360
- ])) : j("", !0)
361
- ]));
362
- }
363
- };
364
- export {
365
- Ye as default
366
- };