@dv.net/ui-kit 7.5.3 → 7.5.5
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/assets/{DatePickerInput.vue_vue_type_script_setup_true_lang.0fTX2XyN.js → DatePickerInput.vue_vue_type_script_setup_true_lang.DZ7tWsTE.js} +2 -2
- package/dist/assets/{DatePickerInputs.vue_vue_type_script_setup_true_lang.BDpkRcEN.js → DatePickerInputs.vue_vue_type_script_setup_true_lang.Cl6w-GjV.js} +2 -2
- package/dist/assets/{DatePickerPresets.vue_vue_type_script_setup_true_lang.CKckhapZ.js → DatePickerPresets.vue_vue_type_script_setup_true_lang.Bvgo7JE0.js} +1 -1
- package/dist/assets/{DatePickerSlider.vue_vue_type_script_setup_true_lang.BGkzUy3Z.js → DatePickerSlider.vue_vue_type_script_setup_true_lang.BAkdY4F-.js} +31 -28
- package/dist/assets/{SelectSearch.vue_vue_type_script_setup_true_lang.Cnqyp_Zb.js → SelectSearch.vue_vue_type_script_setup_true_lang.CdrsJ21l.js} +2 -2
- package/dist/assets/{SelectTrigger.vue_vue_type_script_setup_true_lang.DdrjuMDG.js → SelectTrigger.vue_vue_type_script_setup_true_lang.DL0PZAhX.js} +1 -1
- package/dist/assets/{SelectVirtualList.vue_vue_type_script_setup_true_lang.CiNZoKwF.js → SelectVirtualList.vue_vue_type_script_setup_true_lang.DWiYg4id.js} +2 -2
- package/dist/assets/{TableSort.vue_vue_type_script_setup_true_lang.czdmoDoN.js → TableSort.vue_vue_type_script_setup_true_lang.pWu7KNxi.js} +1 -1
- package/dist/assets/{UiAvatar.vue_vue_type_script_setup_true_lang.D1vn5qXx.js → UiAvatar.vue_vue_type_script_setup_true_lang.CioFe57C.js} +1 -1
- package/dist/assets/{UiBlockTitle.vue_vue_type_script_setup_true_lang.D3gstLQO.js → UiBlockTitle.vue_vue_type_script_setup_true_lang.CfFJC_O7.js} +1 -1
- package/dist/assets/{UiButton.vue_vue_type_script_setup_true_lang.C58Ve9-q.js → UiButton.vue_vue_type_script_setup_true_lang.CXps6t-H.js} +2 -2
- package/dist/assets/UiChat.vue_vue_type_script_setup_true_lang.BMXwKjGj.js +132 -0
- package/dist/assets/UiChatFooter.vue_vue_type_script_setup_true_lang.Bd2E7fmC.js +105 -0
- package/dist/assets/{UiChatHeader.vue_vue_type_script_setup_true_lang.BJzoLe2U.js → UiChatHeader.vue_vue_type_script_setup_true_lang.DXyrZ_AB.js} +58 -50
- package/dist/assets/{UiCheckbox.vue_vue_type_script_setup_true_lang.BJv0xDk8.js → UiCheckbox.vue_vue_type_script_setup_true_lang.DIkDwrW3.js} +1 -1
- package/dist/assets/{UiCollapseItem.vue_vue_type_script_setup_true_lang.CBGtA0OT.js → UiCollapseItem.vue_vue_type_script_setup_true_lang.BSqb8_Jx.js} +1 -1
- package/dist/assets/{UiConfirm.vue_vue_type_script_setup_true_lang.C0NGQkz6.js → UiConfirm.vue_vue_type_script_setup_true_lang.DQ7DDKAC.js} +3 -3
- package/dist/assets/{UiDatepickerRange.vue_vue_type_script_setup_true_lang.4d4FeAtU.js → UiDatepickerRange.vue_vue_type_script_setup_true_lang.BH027TeO.js} +84 -84
- package/dist/assets/{UiFileItemLoading.vue_vue_type_script_setup_true_lang.BLZuEoWZ.js → UiFileItemLoading.vue_vue_type_script_setup_true_lang.DcPy6pyR.js} +1 -1
- package/dist/assets/{UiIconButton.vue_vue_type_script_setup_true_lang.cJvSLKjQ.js → UiIconButton.vue_vue_type_script_setup_true_lang.CLwrAt2h.js} +2 -2
- package/dist/assets/{UiInput.vue_vue_type_script_setup_true_lang.Dr-b7jG5.js → UiInput.vue_vue_type_script_setup_true_lang.BuuJ7Jhm.js} +1 -1
- package/dist/assets/{UiLanguageButton.vue_vue_type_script_setup_true_lang.Ctoigfsg.js → UiLanguageButton.vue_vue_type_script_setup_true_lang.CWuuG5BP.js} +1 -1
- package/dist/assets/{UiLanguages.vue_vue_type_script_setup_true_lang.MmWfwC3C.js → UiLanguages.vue_vue_type_script_setup_true_lang.CU-86ECO.js} +8 -8
- package/dist/assets/{UiLayoutMenu.vue_vue_type_script_setup_true_lang.4wLA6Do-.js → UiLayoutMenu.vue_vue_type_script_setup_true_lang.BlIgcC-m.js} +1 -1
- package/dist/assets/{UiLayoutMenuItem.vue_vue_type_script_setup_true_lang.ZkGXLRX8.js → UiLayoutMenuItem.vue_vue_type_script_setup_true_lang.CWuDuPsY.js} +1 -1
- package/dist/assets/{UiLoading.vue_vue_type_script_setup_true_lang.cWPzNcNZ.js → UiLoading.vue_vue_type_script_setup_true_lang.DTrsijd2.js} +1 -1
- package/dist/assets/{UiMobileMenu.vue_vue_type_script_setup_true_lang.CVdeZpLR.js → UiMobileMenu.vue_vue_type_script_setup_true_lang.BdqE7vgQ.js} +1 -1
- package/dist/assets/{UiModal.vue_vue_type_script_setup_true_lang.kAASqaaY.js → UiModal.vue_vue_type_script_setup_true_lang.C_01i1FS.js} +2 -2
- package/dist/assets/{UiPagination.vue_vue_type_script_setup_true_lang.Br97aEUF.js → UiPagination.vue_vue_type_script_setup_true_lang.Bewcy3WH.js} +2 -2
- package/dist/assets/{UiProfileMenu.vue_vue_type_script_setup_true_lang.BPIM20fS.js → UiProfileMenu.vue_vue_type_script_setup_true_lang.CLaeBVuz.js} +3 -3
- package/dist/assets/{UiProfileMenuItem.vue_vue_type_script_setup_true_lang.DAv4em8S.js → UiProfileMenuItem.vue_vue_type_script_setup_true_lang.C9h-1LNo.js} +1 -1
- package/dist/assets/{UiSelect.vue_vue_type_script_setup_true_lang.KW-gAx4L.js → UiSelect.vue_vue_type_script_setup_true_lang.BWtNMYSM.js} +5 -5
- package/dist/assets/{UiSwitch.vue_vue_type_script_setup_true_lang.CQL4VRs4.js → UiSwitch.vue_vue_type_script_setup_true_lang.CtzPJ3Mw.js} +2 -2
- package/dist/assets/{UiTable.vue_vue_type_script_setup_true_lang.BRxWn-LJ.js → UiTable.vue_vue_type_script_setup_true_lang.CJQ4ez8K.js} +5 -5
- package/dist/assets/{UiTooltip.vue_vue_type_script_setup_true_lang.DNZTJcY4.js → UiTooltip.vue_vue_type_script_setup_true_lang.CPGLcn2L.js} +2 -2
- package/dist/assets/{useDatePicker.DnhbkLG1.js → useDatePicker.BwRlPS-o.js} +178 -176
- package/dist/components/UiAvatar/UiAvatar.js +1 -1
- package/dist/components/UiBlockTitle/UiBlockTitle.js +1 -1
- package/dist/components/UiButton/UiButton.js +1 -1
- package/dist/components/UiChat/UiChat.js +1 -1
- package/dist/components/UiChat/UiChat.vue.d.ts +1 -7
- package/dist/components/UiChat/UiChatFooter.js +1 -1
- package/dist/components/UiChat/UiChatFooter.vue.d.ts +2 -4
- package/dist/components/UiChat/UiChatHeader.js +1 -1
- package/dist/components/UiChat/types.d.ts +1 -0
- package/dist/components/UiCheckbox/UiCheckbox.js +1 -1
- package/dist/components/UiCollapseItem/UiCollapseItem.js +1 -1
- package/dist/components/UiConfirm/UiConfirm.js +1 -1
- package/dist/components/UiDatepicker/UiDatepickerRange.js +1 -1
- package/dist/components/UiDatepicker/UiDatepickerRange.vue.d.ts +20 -20
- package/dist/components/UiDatepicker/components/DatePickerInput.js +1 -1
- package/dist/components/UiDatepicker/components/DatePickerInputs.js +1 -1
- package/dist/components/UiDatepicker/components/DatePickerPresets.js +1 -1
- package/dist/components/UiDatepicker/components/DatePickerSlider.js +1 -1
- package/dist/components/UiDatepicker/components/DatePickerSlider.vue.d.ts +1 -0
- package/dist/components/UiDatepicker/composables/useDatePicker.js +2 -2
- package/dist/components/UiDatepicker/composables/useDatePickerPresets.js +1 -1
- package/dist/components/UiDatepicker/composables/useDatePickerSelected.d.ts +1 -0
- package/dist/components/UiDatepicker/composables/useDatePickerSelected.js +30 -19
- package/dist/components/UiDragAndDrop/UiDragAndDrop.js +2 -2
- package/dist/components/UiDragAndDrop/UiFileItem.js +2 -2
- package/dist/components/UiDragAndDrop/UiFileItemLoading.js +1 -1
- package/dist/components/UiIconButton/UiIconButton.js +1 -1
- package/dist/components/UiInput/UiInput.js +1 -1
- package/dist/components/UiLanguages/UiLanguages.js +1 -1
- package/dist/components/UiLanguages/components/UiLanguageButton.js +1 -1
- package/dist/components/UiLayoutMenu/UiLayoutMenu.js +1 -1
- package/dist/components/UiLayoutMenu/UiLayoutMenuItem.js +1 -1
- package/dist/components/UiLoading/UiLoading.js +1 -1
- package/dist/components/UiMobileMenu/UiMobileMenu.js +1 -1
- package/dist/components/UiModal/UiModal.js +1 -1
- package/dist/components/UiPagination/UiPagination.js +1 -1
- package/dist/components/UiProfileMenu/UiProfileMenu.js +1 -1
- package/dist/components/UiProfileMenu/components/UiProfileMenuItem.js +1 -1
- package/dist/components/UiSelect/UiSelect.js +1 -1
- package/dist/components/UiSelect/components/SelectSearch.js +1 -1
- package/dist/components/UiSelect/components/SelectTrigger.js +1 -1
- package/dist/components/UiSelect/components/SelectVirtualList.js +1 -1
- package/dist/components/UiSwitch/UiSwitch.js +1 -1
- package/dist/components/UiTable/UiTable.js +1 -1
- package/dist/components/UiTable/components/TableSort.js +1 -1
- package/dist/components/UiTextarea/UiTextarea.vue.d.ts +1 -1
- package/dist/components/UiTooltip/UiTooltip.js +1 -1
- package/dist/composables/useNotification/UiNotification.js +1 -1
- package/dist/config/index.d.ts +10 -0
- package/dist/config/index.js +4 -0
- package/dist/index.js +23 -23
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/assets/UiChat.vue_vue_type_script_setup_true_lang.BrVReK9q.js +0 -93
- package/dist/assets/UiChatFooter.vue_vue_type_script_setup_true_lang.C6KE8NDI.js +0 -103
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { _ as
|
|
1
|
+
import { defineComponent as B, ref as V, computed as _, createElementBlock as s, openBlock as o, normalizeClass as h, unref as e, createElementVNode as t, createCommentVNode as d, createVNode as m, createBlock as S, Fragment as T, toDisplayString as r, withCtx as k, normalizeStyle as z } from "vue";
|
|
2
|
+
import { _ as f } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
|
|
3
3
|
/* empty css */
|
|
4
|
-
import { _ as
|
|
4
|
+
import { _ as E } from "./UiSelect.vue_vue_type_script_setup_true_lang.BWtNMYSM.js";
|
|
5
5
|
import "./style.C3xG1ALc.js";
|
|
6
|
-
import { config as
|
|
6
|
+
import { config as n } from "../config/index.js";
|
|
7
7
|
import "./vue3-lottie.es.BGWavb2-.js";
|
|
8
|
+
import { useBreakpoints as A } from "../composables/useBreakpoints.js";
|
|
8
9
|
/* empty css */
|
|
9
10
|
/* empty css */
|
|
10
11
|
/* empty css */
|
|
@@ -12,7 +13,7 @@ import "./vue3-lottie.es.BGWavb2-.js";
|
|
|
12
13
|
/* empty css */
|
|
13
14
|
/* empty css */
|
|
14
15
|
/* empty css */
|
|
15
|
-
import "./useDatePicker.
|
|
16
|
+
import "./useDatePicker.BwRlPS-o.js";
|
|
16
17
|
/* empty css */
|
|
17
18
|
/* empty css */
|
|
18
19
|
import "../components/UiDatepicker/composables/useDatePickerPresets.js";
|
|
@@ -28,21 +29,24 @@ import "vue-router";
|
|
|
28
29
|
/* empty css */
|
|
29
30
|
/* empty css */
|
|
30
31
|
/* empty css */
|
|
31
|
-
import { _ as
|
|
32
|
+
import { _ as v } from "./UiSkeleton.vue_vue_type_script_setup_true_lang.DdPvBHJ7.js";
|
|
32
33
|
/* empty css */
|
|
33
34
|
/* empty css */
|
|
34
35
|
/* empty css */
|
|
35
36
|
/* empty css */
|
|
36
|
-
const
|
|
37
|
+
const L = { class: "ui-chat__header-content" }, N = { class: "ui-chat__header-icon" }, O = { class: "ui-chat__header-info" }, $ = {
|
|
38
|
+
key: 0,
|
|
39
|
+
class: "ui-chat__header-ticket"
|
|
40
|
+
}, D = { class: "ui-chat__header-title" }, U = {
|
|
37
41
|
key: 0,
|
|
38
42
|
class: "ui-chat__header-id"
|
|
39
|
-
},
|
|
43
|
+
}, j = { class: "ui-chat__header-name" }, F = {
|
|
40
44
|
key: 0,
|
|
41
45
|
class: "ui-chat__actions"
|
|
42
|
-
},
|
|
46
|
+
}, H = {
|
|
43
47
|
key: 1,
|
|
44
48
|
class: "ui-chat__actions"
|
|
45
|
-
},
|
|
49
|
+
}, q = { class: "ui-chat__actions-selected" }, wt = /* @__PURE__ */ B({
|
|
46
50
|
__name: "UiChatHeader",
|
|
47
51
|
props: {
|
|
48
52
|
ticket: {},
|
|
@@ -51,37 +55,39 @@ const E = { class: "ui-chat__header" }, z = { class: "ui-chat__header-content" }
|
|
|
51
55
|
ticketLoading: { type: Boolean, default: !1 }
|
|
52
56
|
},
|
|
53
57
|
emits: ["action-ticket"],
|
|
54
|
-
setup(
|
|
55
|
-
const
|
|
58
|
+
setup(u, { emit: y }) {
|
|
59
|
+
const g = y, { isDesktop: p } = A(), c = V(null), b = _(() => [
|
|
56
60
|
{
|
|
57
61
|
value: "remind-ticket",
|
|
58
|
-
label:
|
|
62
|
+
label: n.uiChat.translations.remindAboutTicket,
|
|
59
63
|
icon: "notifications-active"
|
|
60
64
|
},
|
|
61
65
|
{
|
|
62
66
|
value: "change-operator",
|
|
63
|
-
label:
|
|
67
|
+
label: n.uiChat.translations.changeOperator,
|
|
64
68
|
icon: "sync-alt"
|
|
65
69
|
},
|
|
66
70
|
{
|
|
67
71
|
value: "close-ticket",
|
|
68
|
-
label:
|
|
72
|
+
label: n.uiChat.translations.closeTicket,
|
|
69
73
|
icon: "delete",
|
|
70
74
|
color: "var(--color-text-negative)"
|
|
71
75
|
}
|
|
72
|
-
]),
|
|
73
|
-
|
|
76
|
+
]), C = _(() => !u.isEmpty && !u.isClosedTicket), w = () => {
|
|
77
|
+
c.value && g("action-ticket", c.value), c.value = null;
|
|
74
78
|
};
|
|
75
|
-
return (
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
+
return (i, l) => (o(), s("div", {
|
|
80
|
+
class: h(["ui-chat__header", { "mobile-layout": e(p) }])
|
|
81
|
+
}, [
|
|
82
|
+
t("div", L, [
|
|
83
|
+
t("div", N, [
|
|
84
|
+
m(f, {
|
|
79
85
|
name: "support-agent 2",
|
|
80
86
|
type: "100"
|
|
81
87
|
})
|
|
82
88
|
]),
|
|
83
|
-
t("div",
|
|
84
|
-
|
|
89
|
+
t("div", O, [
|
|
90
|
+
i.ticketLoading ? (o(), S(e(v), {
|
|
85
91
|
key: 0,
|
|
86
92
|
class: "ui-chat__header-info-skeleton",
|
|
87
93
|
"row-height": 36,
|
|
@@ -89,59 +95,61 @@ const E = { class: "ui-chat__header" }, z = { class: "ui-chat__header-content" }
|
|
|
89
95
|
"item-border-radius": 6,
|
|
90
96
|
"first-color": "var(--color-background-tertiary)",
|
|
91
97
|
"second-color": "var(--color-background-primary)"
|
|
92
|
-
})) : (
|
|
93
|
-
|
|
94
|
-
t("span",
|
|
95
|
-
|
|
96
|
-
]),
|
|
97
|
-
t("div",
|
|
98
|
-
|
|
98
|
+
})) : (o(), s(T, { key: 1 }, [
|
|
99
|
+
e(p) ? d("", !0) : (o(), s("div", $, [
|
|
100
|
+
t("span", D, r(i.ticket?.subject || e(n).uiChat.translations.newTicket), 1),
|
|
101
|
+
i.ticket?.id ? (o(), s("span", U, r(e(n).uiChat.translations.ticket) + " #" + r(i.ticket.id), 1)) : d("", !0)
|
|
102
|
+
])),
|
|
103
|
+
t("div", {
|
|
104
|
+
class: h(["ui-chat__header-support", { "mobile-layout": e(p) }])
|
|
105
|
+
}, [
|
|
106
|
+
t("span", j, r(i.ticket?.support_name || "Sofia"), 1),
|
|
99
107
|
l[1] || (l[1] = t("span", { class: "ui-chat__header-status" }, "Online", -1))
|
|
100
|
-
])
|
|
108
|
+
], 2)
|
|
101
109
|
], 64))
|
|
102
110
|
])
|
|
103
111
|
]),
|
|
104
|
-
|
|
105
|
-
m(
|
|
112
|
+
i.ticketLoading ? (o(), s("div", F, [
|
|
113
|
+
m(e(v), {
|
|
106
114
|
"row-height": 36,
|
|
107
115
|
rows: 1,
|
|
108
116
|
"item-border-radius": 6,
|
|
109
117
|
"first-color": "var(--color-background-tertiary)",
|
|
110
118
|
"second-color": "var(--color-background-primary)"
|
|
111
119
|
})
|
|
112
|
-
])) :
|
|
113
|
-
m(
|
|
114
|
-
modelValue:
|
|
115
|
-
"onUpdate:modelValue": l[0] || (l[0] = (
|
|
116
|
-
options:
|
|
120
|
+
])) : C.value ? (o(), s("div", H, [
|
|
121
|
+
m(E, {
|
|
122
|
+
modelValue: c.value,
|
|
123
|
+
"onUpdate:modelValue": l[0] || (l[0] = (a) => c.value = a),
|
|
124
|
+
options: b.value,
|
|
117
125
|
size: "sm",
|
|
118
126
|
placement: "bottom-end",
|
|
119
|
-
"fit-content-width": !
|
|
127
|
+
"fit-content-width": !0,
|
|
120
128
|
teleport: !1,
|
|
121
|
-
onChange:
|
|
129
|
+
onChange: w
|
|
122
130
|
}, {
|
|
123
|
-
selected:
|
|
124
|
-
t("span",
|
|
131
|
+
selected: k(() => [
|
|
132
|
+
t("span", q, r(e(n).uiChat.translations.actions), 1)
|
|
125
133
|
]),
|
|
126
|
-
default:
|
|
134
|
+
default: k(({ option: a }) => [
|
|
127
135
|
t("span", {
|
|
128
136
|
class: "ui-chat__actions-item",
|
|
129
|
-
style:
|
|
137
|
+
style: z(a.color && { color: a.color })
|
|
130
138
|
}, [
|
|
131
|
-
m(
|
|
132
|
-
name:
|
|
139
|
+
m(f, {
|
|
140
|
+
name: a.icon,
|
|
133
141
|
type: "400",
|
|
134
142
|
size: "sm"
|
|
135
143
|
}, null, 8, ["name"]),
|
|
136
|
-
t("span", null, a
|
|
144
|
+
t("span", null, r(a.label), 1)
|
|
137
145
|
], 4)
|
|
138
146
|
]),
|
|
139
147
|
_: 1
|
|
140
148
|
}, 8, ["modelValue", "options"])
|
|
141
|
-
])) :
|
|
142
|
-
]));
|
|
149
|
+
])) : d("", !0)
|
|
150
|
+
], 2));
|
|
143
151
|
}
|
|
144
152
|
});
|
|
145
153
|
export {
|
|
146
|
-
|
|
154
|
+
wt as _
|
|
147
155
|
};
|
|
@@ -13,7 +13,7 @@ import "../config/index.js";
|
|
|
13
13
|
/* empty css */
|
|
14
14
|
/* empty css */
|
|
15
15
|
/* empty css */
|
|
16
|
-
import "./useDatePicker.
|
|
16
|
+
import "./useDatePicker.BwRlPS-o.js";
|
|
17
17
|
/* empty css */
|
|
18
18
|
/* empty css */
|
|
19
19
|
import "../components/UiDatepicker/composables/useDatePickerPresets.js";
|
|
@@ -12,7 +12,7 @@ import "../config/index.js";
|
|
|
12
12
|
/* empty css */
|
|
13
13
|
/* empty css */
|
|
14
14
|
/* empty css */
|
|
15
|
-
import "./useDatePicker.
|
|
15
|
+
import "./useDatePicker.BwRlPS-o.js";
|
|
16
16
|
/* empty css */
|
|
17
17
|
import { COLLAPSE_PROVIDE_VALUE as z } from "../components/UiCollapse/constants.js";
|
|
18
18
|
/* empty css */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as B, ref as u, createElementBlock as w, openBlock as f, createVNode as n, unref as l, createSlots as S, withCtx as e, createBlock as V, renderSlot as r, createElementVNode as h, createTextVNode as c, toDisplayString as v } from "vue";
|
|
2
2
|
import "./vue3-lottie.es.BGWavb2-.js";
|
|
3
3
|
import "./style.C3xG1ALc.js";
|
|
4
|
-
import { _ as C } from "./UiButton.vue_vue_type_script_setup_true_lang.
|
|
4
|
+
import { _ as C } from "./UiButton.vue_vue_type_script_setup_true_lang.CXps6t-H.js";
|
|
5
5
|
/* empty css */
|
|
6
6
|
/* empty css */
|
|
7
7
|
import { config as $ } from "../config/index.js";
|
|
@@ -9,11 +9,11 @@ import { config as $ } from "../config/index.js";
|
|
|
9
9
|
/* empty css */
|
|
10
10
|
/* empty css */
|
|
11
11
|
/* empty css */
|
|
12
|
-
import { _ as k } from "./UiTooltip.vue_vue_type_script_setup_true_lang.
|
|
12
|
+
import { _ as k } from "./UiTooltip.vue_vue_type_script_setup_true_lang.CPGLcn2L.js";
|
|
13
13
|
/* empty css */
|
|
14
14
|
/* empty css */
|
|
15
15
|
/* empty css */
|
|
16
|
-
import "./useDatePicker.
|
|
16
|
+
import "./useDatePicker.BwRlPS-o.js";
|
|
17
17
|
/* empty css */
|
|
18
18
|
/* empty css */
|
|
19
19
|
import "../components/UiDatepicker/composables/useDatePickerPresets.js";
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { defineComponent as x, mergeModels as
|
|
2
|
-
import { _ as ie } from "./DatePickerInputs.vue_vue_type_script_setup_true_lang.
|
|
1
|
+
import { defineComponent as x, mergeModels as R, useModel as ee, computed as p, ref as S, onMounted as ae, createElementBlock as $, openBlock as v, normalizeClass as te, createVNode as r, unref as a, withCtx as s, createElementVNode as D, createCommentVNode as z, renderSlot as U, createBlock as F, createTextVNode as C, toDisplayString as b } from "vue";
|
|
2
|
+
import { _ as ie } from "./DatePickerInputs.vue_vue_type_script_setup_true_lang.Cl6w-GjV.js";
|
|
3
3
|
import { Q as le } from "./style.C3xG1ALc.js";
|
|
4
|
-
import { _ as oe } from "./DatePickerPresets.vue_vue_type_script_setup_true_lang.
|
|
4
|
+
import { _ as oe } from "./DatePickerPresets.vue_vue_type_script_setup_true_lang.Bvgo7JE0.js";
|
|
5
5
|
/* empty css */
|
|
6
|
-
import { _ as ne } from "./DatePickerSlider.vue_vue_type_script_setup_true_lang.
|
|
7
|
-
import { _ as
|
|
6
|
+
import { _ as ne } from "./DatePickerSlider.vue_vue_type_script_setup_true_lang.BAkdY4F-.js";
|
|
7
|
+
import { _ as E } from "./UiIconButton.vue_vue_type_script_setup_true_lang.CLwrAt2h.js";
|
|
8
8
|
import { a as re } from "./index.Cp1LhIxy.js";
|
|
9
9
|
import "./vue3-lottie.es.BGWavb2-.js";
|
|
10
|
-
import { _ as
|
|
10
|
+
import { _ as H } from "./UiButton.vue_vue_type_script_setup_true_lang.CXps6t-H.js";
|
|
11
11
|
import { _ as se } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
|
|
12
12
|
/* empty css */
|
|
13
13
|
/* empty css */
|
|
14
|
-
import { config as
|
|
14
|
+
import { config as y } from "../config/index.js";
|
|
15
15
|
/* empty css */
|
|
16
16
|
/* empty css */
|
|
17
17
|
/* empty css */
|
|
@@ -19,10 +19,10 @@ import { config as b } from "../config/index.js";
|
|
|
19
19
|
/* empty css */
|
|
20
20
|
/* empty css */
|
|
21
21
|
/* empty css */
|
|
22
|
-
import {
|
|
22
|
+
import { a as me } from "./useDatePicker.BwRlPS-o.js";
|
|
23
23
|
/* empty css */
|
|
24
24
|
import { useDatePickerPresets as ue } from "../components/UiDatepicker/composables/useDatePickerPresets.js";
|
|
25
|
-
import { useDatePickerSelected as
|
|
25
|
+
import { useDatePickerSelected as ce } from "../components/UiDatepicker/composables/useDatePickerSelected.js";
|
|
26
26
|
/* empty css */
|
|
27
27
|
/* empty css */
|
|
28
28
|
/* empty css */
|
|
@@ -39,15 +39,15 @@ import "vue-router";
|
|
|
39
39
|
/* empty css */
|
|
40
40
|
/* empty css */
|
|
41
41
|
/* empty css */
|
|
42
|
-
const
|
|
42
|
+
const de = {
|
|
43
43
|
key: 1,
|
|
44
44
|
class: "ui-datepicker__trigger"
|
|
45
45
|
}, pe = { class: "ui-datepicker__navigate" }, ve = { class: "ui-datepicker__navigate-value" }, fe = { class: "ui-datepicker__actions" }, ge = {
|
|
46
46
|
key: 0,
|
|
47
47
|
class: "ui-datepicker__actions-slot"
|
|
48
|
-
}, ke = { class: "ui-datepicker__actions-btns" },
|
|
48
|
+
}, ke = { class: "ui-datepicker__actions-btns" }, oa = /* @__PURE__ */ x({
|
|
49
49
|
__name: "UiDatepickerRange",
|
|
50
|
-
props: /* @__PURE__ */
|
|
50
|
+
props: /* @__PURE__ */ R({
|
|
51
51
|
disabled: { type: Boolean },
|
|
52
52
|
beginDate: {},
|
|
53
53
|
size: { default: "xs" },
|
|
@@ -63,127 +63,127 @@ const ce = {
|
|
|
63
63
|
modelValue: { default: [] },
|
|
64
64
|
modelModifiers: {}
|
|
65
65
|
}),
|
|
66
|
-
emits: /* @__PURE__ */
|
|
67
|
-
setup(
|
|
68
|
-
const n =
|
|
69
|
-
() => n.enableTimePicker ?
|
|
70
|
-
), u =
|
|
71
|
-
() => n.beginDate ? m(n.beginDate).format(
|
|
72
|
-
),
|
|
73
|
-
presets:
|
|
66
|
+
emits: /* @__PURE__ */ R(["clear"], ["update:modelValue"]),
|
|
67
|
+
setup(T, { emit: Q }) {
|
|
68
|
+
const n = T, j = Q, i = ee(T, "modelValue"), { width: W } = re(), { dayjs: m, today: q, endDate: _, startDate: V, beginDate: G, modelValueFormat: w } = me(i), h = p(
|
|
69
|
+
() => n.enableTimePicker ? y.uiDatePicker.modelValueFormatTime : w.value
|
|
70
|
+
), u = S(), o = S(["", ""]), c = S(!1), J = p(
|
|
71
|
+
() => n.beginDate ? m(n.beginDate).format(w.value) : null
|
|
72
|
+
), f = p(() => n.maxDate ?? q), P = p(() => n.minDate), { presets: g } = ue({ beginDate: J.value ?? G.value }), { isAllTimeSelected: K, selectedDate: M, formattedSelectedDate: L, selectedRange: O } = ce({
|
|
73
|
+
presets: g,
|
|
74
74
|
startDate: V,
|
|
75
75
|
endDate: _,
|
|
76
|
-
minDate:
|
|
77
|
-
maxDate:
|
|
76
|
+
minDate: P,
|
|
77
|
+
maxDate: f,
|
|
78
|
+
enableTimePicker: p(() => n.enableTimePicker)
|
|
78
79
|
});
|
|
79
80
|
function X(e) {
|
|
80
|
-
|
|
81
|
+
I(e.date), u.value.closeMenu();
|
|
81
82
|
}
|
|
82
83
|
function Z(e) {
|
|
83
84
|
if (!e) return;
|
|
84
|
-
const
|
|
85
|
-
|
|
85
|
+
const t = Array.isArray(e) ? e : [e, e];
|
|
86
|
+
c.value = e.length < 2, t.length === 2 && (o.value = t);
|
|
86
87
|
}
|
|
87
|
-
function
|
|
88
|
-
i.value = [m(e[0]).format(
|
|
88
|
+
function A(e) {
|
|
89
|
+
i.value = [m(e[0]).format(h.value), m(e[1]).format(h.value)];
|
|
89
90
|
}
|
|
90
|
-
function
|
|
91
|
-
const
|
|
91
|
+
function I(e) {
|
|
92
|
+
const t = Array.isArray(e) ? e : [e, e];
|
|
92
93
|
if (V.value && _.value) {
|
|
93
94
|
const l = n.enableTimePicker ? "minute" : "day";
|
|
94
|
-
V.value.isSame(
|
|
95
|
+
V.value.isSame(t[0], l) && _.value.isSame(t[1], l) || A(t);
|
|
95
96
|
} else
|
|
96
|
-
|
|
97
|
+
A(t);
|
|
97
98
|
}
|
|
98
99
|
function Y() {
|
|
99
|
-
const e = n.single ? m(o.value[0],
|
|
100
|
+
const e = n.single ? m(o.value[0], h.value).toDate() : o.value;
|
|
100
101
|
u.value?.updateInternalModelValue(e), u.value?.setMonthYear({
|
|
101
102
|
month: m(o.value[0]).month(),
|
|
102
103
|
year: m(o.value[0]).year()
|
|
103
104
|
});
|
|
104
105
|
}
|
|
105
|
-
const
|
|
106
|
-
i.value = [], o.value = ["", ""],
|
|
106
|
+
const N = () => {
|
|
107
|
+
i.value = [], o.value = ["", ""], c.value = !0, u.value?.closeMenu(), j("clear");
|
|
107
108
|
};
|
|
108
|
-
return
|
|
109
|
-
i.value.length || (
|
|
110
|
-
}), (e,
|
|
111
|
-
class:
|
|
109
|
+
return ae(() => {
|
|
110
|
+
i.value.length || (c.value = !0);
|
|
111
|
+
}), (e, t) => (v(), $("div", {
|
|
112
|
+
class: te(["ui-datepicker-range", [e.size, { "is-disabled": e.disabled }]])
|
|
112
113
|
}, [
|
|
113
114
|
r(ne, {
|
|
114
|
-
disabled: !i.value.length ||
|
|
115
|
+
disabled: !i.value.length || a(K),
|
|
115
116
|
modelValue: i.value,
|
|
116
|
-
"onUpdate:modelValue":
|
|
117
|
-
"selected-range":
|
|
117
|
+
"onUpdate:modelValue": t[2] || (t[2] = (l) => i.value = l),
|
|
118
|
+
"selected-range": a(O),
|
|
118
119
|
"is-show": !e.hideSliderArrows,
|
|
119
|
-
"
|
|
120
|
-
"
|
|
120
|
+
"enable-time-picker": e.enableTimePicker,
|
|
121
|
+
"min-date": P.value,
|
|
122
|
+
"max-date": f.value
|
|
121
123
|
}, {
|
|
122
124
|
default: s(() => [
|
|
123
|
-
r(
|
|
125
|
+
r(a(le), {
|
|
124
126
|
position: "center",
|
|
125
|
-
locale:
|
|
127
|
+
locale: a(y).locale,
|
|
126
128
|
ref_key: "pickerRef",
|
|
127
129
|
ref: u,
|
|
128
130
|
"model-value": e.single ? i.value[0] : i.value,
|
|
129
131
|
"enable-time-picker": e.enableTimePicker,
|
|
130
132
|
"time-picker-inline": e.enableTimePicker,
|
|
131
|
-
"hours-grid-increment": 1,
|
|
132
|
-
"minutes-grid-increment": 1,
|
|
133
133
|
range: !e.single,
|
|
134
|
-
"multi-calendars": !e.single &&
|
|
134
|
+
"multi-calendars": !e.single && a(W) > 1e3,
|
|
135
135
|
"month-name-format": "long",
|
|
136
|
-
"max-date":
|
|
137
|
-
"min-date":
|
|
138
|
-
"start-date":
|
|
136
|
+
"max-date": f.value,
|
|
137
|
+
"min-date": P.value,
|
|
138
|
+
"start-date": f.value,
|
|
139
139
|
"auto-apply": e.autoApply,
|
|
140
140
|
offset: 0,
|
|
141
141
|
timezone: e.timezone,
|
|
142
|
-
"onUpdate:modelValue":
|
|
142
|
+
"onUpdate:modelValue": I,
|
|
143
143
|
onInternalModelChange: Z
|
|
144
144
|
}, {
|
|
145
145
|
"left-sidebar": s(() => [
|
|
146
|
-
!e.single &&
|
|
146
|
+
!e.single && a(g).length ? (v(), F(oe, {
|
|
147
147
|
key: 0,
|
|
148
|
-
presets:
|
|
148
|
+
presets: a(g),
|
|
149
149
|
date: o.value,
|
|
150
150
|
onChange: X
|
|
151
151
|
}, null, 8, ["presets", "date"])) : z("", !0),
|
|
152
152
|
r(ie, {
|
|
153
153
|
onChange: Y,
|
|
154
|
-
onSubmit:
|
|
154
|
+
onSubmit: t[0] || (t[0] = (l) => u.value.selectDate()),
|
|
155
155
|
modelValue: o.value,
|
|
156
|
-
"onUpdate:modelValue":
|
|
156
|
+
"onUpdate:modelValue": t[1] || (t[1] = (l) => o.value = l),
|
|
157
157
|
single: e.single
|
|
158
158
|
}, null, 8, ["modelValue", "single"])
|
|
159
159
|
]),
|
|
160
160
|
trigger: s(() => [
|
|
161
|
-
e.$slots.trigger ?
|
|
161
|
+
e.$slots.trigger ? U(e.$slots, "trigger", {
|
|
162
162
|
key: 0,
|
|
163
163
|
date: i.value,
|
|
164
|
-
presets:
|
|
165
|
-
selectedDate:
|
|
166
|
-
formattedSelectedDate:
|
|
167
|
-
}) : (
|
|
168
|
-
r(
|
|
164
|
+
presets: a(g),
|
|
165
|
+
selectedDate: a(M),
|
|
166
|
+
formattedSelectedDate: a(L)
|
|
167
|
+
}) : (v(), $("button", de, [
|
|
168
|
+
r(a(se), {
|
|
169
169
|
type: "400",
|
|
170
170
|
name: "calendar-month"
|
|
171
171
|
}),
|
|
172
|
-
C(
|
|
172
|
+
C(b(a(M)), 1)
|
|
173
173
|
]))
|
|
174
174
|
]),
|
|
175
|
-
"month-year": s(({ month: l, months:
|
|
175
|
+
"month-year": s(({ month: l, months: d, handleMonthYearChange: k }) => [
|
|
176
176
|
D("div", pe, [
|
|
177
|
-
r(
|
|
178
|
-
onClick: (
|
|
177
|
+
r(E, {
|
|
178
|
+
onClick: (B) => k && k(!1),
|
|
179
179
|
"icon-type": "400",
|
|
180
180
|
size: "lg",
|
|
181
181
|
"icon-name": "chevron-left 1",
|
|
182
182
|
"no-size": ""
|
|
183
183
|
}, null, 8, ["onClick"]),
|
|
184
|
-
D("span", ve,
|
|
185
|
-
r(
|
|
186
|
-
onClick: (
|
|
184
|
+
D("span", ve, b(d?.find((B) => B.value === l)?.text), 1),
|
|
185
|
+
r(E, {
|
|
186
|
+
onClick: (B) => k && k(!0),
|
|
187
187
|
"icon-type": "400",
|
|
188
188
|
size: "lg",
|
|
189
189
|
"icon-name": "chevron-right",
|
|
@@ -191,36 +191,36 @@ const ce = {
|
|
|
191
191
|
}, null, 8, ["onClick"])
|
|
192
192
|
])
|
|
193
193
|
]),
|
|
194
|
-
"action-row": s(({ disabled: l, selectDate:
|
|
194
|
+
"action-row": s(({ disabled: l, selectDate: d }) => [
|
|
195
195
|
D("div", fe, [
|
|
196
|
-
e.$slots["action-row"] ? (
|
|
197
|
-
|
|
196
|
+
e.$slots["action-row"] ? (v(), $("div", ge, [
|
|
197
|
+
U(e.$slots, "action-row", {
|
|
198
198
|
disabled: l,
|
|
199
|
-
selectDate:
|
|
200
|
-
clearDate:
|
|
201
|
-
isDisabledBtn:
|
|
199
|
+
selectDate: d,
|
|
200
|
+
clearDate: N,
|
|
201
|
+
isDisabledBtn: c.value,
|
|
202
202
|
modelValue: i.value,
|
|
203
203
|
clearable: e.clearable
|
|
204
204
|
})
|
|
205
205
|
])) : z("", !0),
|
|
206
206
|
D("div", ke, [
|
|
207
|
-
r(
|
|
208
|
-
disabled:
|
|
207
|
+
r(a(H), {
|
|
208
|
+
disabled: c.value || l,
|
|
209
209
|
mode: "neutral",
|
|
210
|
-
onClick:
|
|
210
|
+
onClick: d
|
|
211
211
|
}, {
|
|
212
212
|
default: s(() => [
|
|
213
|
-
C(
|
|
213
|
+
C(b(a(y).uiDatePicker.translations.applyButton), 1)
|
|
214
214
|
]),
|
|
215
215
|
_: 2
|
|
216
216
|
}, 1032, ["disabled", "onClick"]),
|
|
217
|
-
i.value.length && e.clearable ? (
|
|
217
|
+
i.value.length && e.clearable ? (v(), F(a(H), {
|
|
218
218
|
key: 0,
|
|
219
219
|
type: "secondary",
|
|
220
|
-
onClick:
|
|
220
|
+
onClick: N
|
|
221
221
|
}, {
|
|
222
222
|
default: s(() => [
|
|
223
|
-
C(
|
|
223
|
+
C(b(a(y).uiDatePicker.translations.clearButton), 1)
|
|
224
224
|
]),
|
|
225
225
|
_: 1
|
|
226
226
|
})) : z("", !0)
|
|
@@ -231,10 +231,10 @@ const ce = {
|
|
|
231
231
|
}, 8, ["locale", "model-value", "enable-time-picker", "time-picker-inline", "range", "multi-calendars", "max-date", "min-date", "start-date", "auto-apply", "timezone"])
|
|
232
232
|
]),
|
|
233
233
|
_: 3
|
|
234
|
-
}, 8, ["disabled", "modelValue", "selected-range", "is-show", "min-date", "max-date"])
|
|
234
|
+
}, 8, ["disabled", "modelValue", "selected-range", "is-show", "enable-time-picker", "min-date", "max-date"])
|
|
235
235
|
], 2));
|
|
236
236
|
}
|
|
237
237
|
});
|
|
238
238
|
export {
|
|
239
|
-
|
|
239
|
+
oa as _
|
|
240
240
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as _, computed as n, createElementBlock as f, openBlock as p, createElementVNode as i, createVNode as l, toDisplayString as t, withCtx as d, createTextVNode as u, unref as g } from "vue";
|
|
2
|
-
import { _ as v } from "./UiButton.vue_vue_type_script_setup_true_lang.
|
|
2
|
+
import { _ as v } from "./UiButton.vue_vue_type_script_setup_true_lang.CXps6t-H.js";
|
|
3
3
|
import "./style.C3xG1ALc.js";
|
|
4
4
|
import { _ as h } from "./UiProgressBar.vue_vue_type_script_setup_true_lang.CB-UHfBS.js";
|
|
5
5
|
/* empty css */
|
|
@@ -3,7 +3,7 @@ import "./vue3-lottie.es.BGWavb2-.js";
|
|
|
3
3
|
import "./style.C3xG1ALc.js";
|
|
4
4
|
import { _ as g } from "./UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
|
|
5
5
|
/* empty css */
|
|
6
|
-
import { _ as b } from "./UiLoading.vue_vue_type_script_setup_true_lang.
|
|
6
|
+
import { _ as b } from "./UiLoading.vue_vue_type_script_setup_true_lang.DTrsijd2.js";
|
|
7
7
|
/* empty css */
|
|
8
8
|
import "../config/index.js";
|
|
9
9
|
/* empty css */
|
|
@@ -13,7 +13,7 @@ import "../config/index.js";
|
|
|
13
13
|
/* empty css */
|
|
14
14
|
/* empty css */
|
|
15
15
|
/* empty css */
|
|
16
|
-
import "./useDatePicker.
|
|
16
|
+
import "./useDatePicker.BwRlPS-o.js";
|
|
17
17
|
/* empty css */
|
|
18
18
|
/* empty css */
|
|
19
19
|
import "../components/UiDatepicker/composables/useDatePickerPresets.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as P, mergeModels as h, useModel as T, ref as t, onMounted as U, createElementBlock as y, openBlock as i, normalizeClass as q, createCommentVNode as u, createElementVNode as m, renderSlot as B, withDirectives as v, toDisplayString as F, withKeys as H, vModelDynamic as L, createBlock as k, Transition as V, withCtx as C, createVNode as E, vShow as g, withModifiers as j } from "vue";
|
|
2
|
-
import { _ as A } from "./UiIconButton.vue_vue_type_script_setup_true_lang.
|
|
2
|
+
import { _ as A } from "./UiIconButton.vue_vue_type_script_setup_true_lang.CLwrAt2h.js";
|
|
3
3
|
import "./style.C3xG1ALc.js";
|
|
4
4
|
const G = {
|
|
5
5
|
class: "ui-input__inner",
|
|
@@ -14,7 +14,7 @@ import "../config/index.js";
|
|
|
14
14
|
/* empty css */
|
|
15
15
|
/* empty css */
|
|
16
16
|
/* empty css */
|
|
17
|
-
import "./useDatePicker.
|
|
17
|
+
import "./useDatePicker.BwRlPS-o.js";
|
|
18
18
|
/* empty css */
|
|
19
19
|
/* empty css */
|
|
20
20
|
import "../components/UiDatepicker/composables/useDatePickerPresets.js";
|