@topvisor/ui 0.9.26 → 0.9.27-dev
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/.chunks/datepicker-34kJtztn.amd.js +234 -0
- package/.chunks/datepicker-34kJtztn.amd.js.map +1 -0
- package/.chunks/datepicker-DwZTG-k0.es.js +276 -0
- package/.chunks/datepicker-DwZTG-k0.es.js.map +1 -0
- package/.chunks/forms-1ZAO_mt8.es.js +1179 -0
- package/.chunks/forms-1ZAO_mt8.es.js.map +1 -0
- package/.chunks/forms-D_IeAEJM.amd.js +3 -0
- package/.chunks/forms-D_IeAEJM.amd.js.map +1 -0
- package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-Caw4oFU-.es.js → listItem.vue_vue_type_script_setup_true_lang-DsAW8MMm.es.js} +38 -38
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-DsAW8MMm.es.js.map +1 -0
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-HVMrwfs6.amd.js +2 -0
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-HVMrwfs6.amd.js.map +1 -0
- package/.chunks/menu-C-SkDk9B.amd.js +2 -0
- package/.chunks/menu-C-SkDk9B.amd.js.map +1 -0
- package/.chunks/menu-CBKYqQZZ.es.js +120 -0
- package/.chunks/menu-CBKYqQZZ.es.js.map +1 -0
- package/.chunks/{popup-Dfz5hkrQ.amd.js → popup-7Bt5JEDW.amd.js} +386 -386
- package/.chunks/popup-7Bt5JEDW.amd.js.map +1 -0
- package/.chunks/{popup-ZmdXZkvb.es.js → popup-D0tRWEp2.es.js} +438 -445
- package/.chunks/popup-D0tRWEp2.es.js.map +1 -0
- package/.chunks/store-Bl79G7T_.amd.js.map +1 -1
- package/.chunks/store-PoMCiuBr.es.js.map +1 -1
- package/.chunks/{widgetInput-BxO9y9L7.amd.js → widgetInput-CeUAGCKd.amd.js} +2 -2
- package/.chunks/widgetInput-CeUAGCKd.amd.js.map +1 -0
- package/.chunks/{widgetInput-DPOH_qya.es.js → widgetInput-CmVe9G3z.es.js} +2 -2
- package/.chunks/widgetInput-CmVe9G3z.es.js.map +1 -0
- package/README.md +86 -86
- package/assets/forms.css +1 -1
- package/assets/formsExt.css +1 -1
- package/assets/menu.css +1 -0
- package/assets/project.css +1 -0
- package/core/core.amd.js +1 -1
- package/core/core.js +1 -1
- package/forms/forms.amd.js +1 -1
- package/forms/forms.js +8 -8
- package/forms/helpers.amd.js.map +1 -1
- package/forms/helpers.js.map +1 -1
- package/formsExt/formsExt.amd.js +1 -1
- package/formsExt/formsExt.amd.js.map +1 -1
- package/formsExt/formsExt.js +297 -390
- package/formsExt/formsExt.js.map +1 -1
- package/icomoon/Read Me.txt +7 -7
- package/icomoon/demo-files/demo.css +161 -161
- package/icomoon/demo-files/demo.js +30 -30
- package/icomoon/demo.html +3239 -3225
- package/icomoon/fonts/Topvisor-2.svg +253 -252
- package/icomoon/fonts/Topvisor-2.ttf +0 -0
- package/icomoon/fonts/Topvisor-2.woff +0 -0
- package/icomoon/selection.json +1 -1
- package/icomoon/style.css +710 -707
- package/package.json +20 -20
- package/popup/popup.amd.js +1 -1
- package/popup/popup.js +2 -2
- package/popup/worker.amd.js +1 -1
- package/popup/worker.amd.js.map +1 -1
- package/popup/worker.d.ts +2 -0
- package/popup/worker.js +4 -6
- package/popup/worker.js.map +1 -1
- package/project/project.amd.js +2 -0
- package/project/project.amd.js.map +1 -0
- package/project/project.d.ts +1 -0
- package/project/project.js +93 -0
- package/project/project.js.map +1 -0
- package/require/css.amd.js +11 -11
- package/src/components/forms/avatar/avatar.d.ts +9 -0
- package/src/components/forms/avatar/avatar.stories.d.ts +38 -13
- package/src/components/forms/avatar/avatar.vue.d.ts +17 -4
- package/src/components/forms/button/button.d.ts +2 -2
- package/src/components/forms/button/button.stories.d.ts +59 -58
- package/src/components/forms/button/button.vue.d.ts +7 -6
- package/src/components/forms/checkbox/checkbox.stories.d.ts +35 -34
- package/src/components/forms/checkbox/checkbox.vue.d.ts +16 -16
- package/src/components/forms/controlLabel/controlLabel.stories.d.ts +13 -13
- package/src/components/forms/controlLabel/controlLabel.vue.d.ts +3 -2
- package/src/components/forms/hint/hint.stories.d.ts +44 -44
- package/src/components/forms/hint/hint.vue.d.ts +3 -2
- package/src/components/forms/input/input.d.ts +2 -2
- package/src/components/forms/input/input.stories.d.ts +64 -63
- package/src/components/forms/input/input.vue.d.ts +7 -6
- package/src/components/forms/inputDate/inputDate.d.ts +2 -1
- package/src/components/forms/inputDate/inputDate.stories.d.ts +31 -30
- package/src/components/forms/inputDate/inputDate.vue.d.ts +5 -4
- package/src/components/forms/inputRange/inputRange.stories.d.ts +93 -92
- package/src/components/forms/inputRange/inputRange.vue.d.ts +1 -1
- package/src/components/forms/loadbar/loadbar.stories.d.ts +1 -1
- package/src/components/forms/loadbar/loadbar.vue.d.ts +1 -1
- package/src/components/forms/radio/radio.stories.d.ts +33 -32
- package/src/components/forms/radio/radio.vue.d.ts +4 -3
- package/src/components/forms/select/select.d.ts +2 -2
- package/src/components/forms/select/select.stories.d.ts +24 -23
- package/src/components/forms/select/select.vue.d.ts +22 -22
- package/src/components/forms/select/stories/exampleOptions.d.ts +2 -1
- package/src/components/forms/switcher/switcher.stories.d.ts +33 -32
- package/src/components/forms/switcher/switcher.vue.d.ts +4 -3
- package/src/components/forms/textarea/textarea.stories.d.ts +25 -24
- package/src/components/forms/textarea/textarea.vue.d.ts +5 -4
- package/src/components/formsExt/editArea/editArea.d.ts +18 -4
- package/src/components/formsExt/editArea/editArea.stories.d.ts +69 -52
- package/src/components/formsExt/editArea/editArea.vue.d.ts +17 -8
- package/src/components/formsExt/editInput/editInput.d.ts +3 -2
- package/src/components/formsExt/editInput/editInput.stories.d.ts +21 -20
- package/src/components/formsExt/editInput/editInput.vue.d.ts +4 -3
- package/src/components/formsExt/menu/menu.d.ts +2 -1
- package/src/components/formsExt/menu/menu.stories.d.ts +16 -15
- package/src/components/formsExt/menu/menu.vue.d.ts +16 -15
- package/src/components/formsExt/menu/stories/items.d.ts +2 -1
- package/src/components/formsExt/radioGroup/radioGroup.d.ts +2 -2
- package/src/components/formsExt/radioGroup/radioGroup.stories.d.ts +16 -15
- package/src/components/formsExt/radioGroup/radioGroup.vue.d.ts +14 -14
- package/src/components/formsExt/selector2/api.d.ts +3 -2
- package/src/components/formsExt/selector2/itemMulti.vue.d.ts +4 -3
- package/src/components/formsExt/selector2/selector2.d.ts +2 -2
- package/src/components/formsExt/selector2/selector2.stories.d.ts +67 -66
- package/src/components/formsExt/selector2/selector2.vue.d.ts +33 -32
- package/src/components/popup/lib/popup.d.ts +2 -4
- package/src/components/popup/lib/worker.d.ts +2 -1
- package/src/components/popup/popup/listItem.vue.d.ts +4 -3
- package/src/components/popup/popup/opener.vue.d.ts +6 -5
- package/src/components/popup/popup/popup.stories.d.ts +219 -218
- package/src/components/popup/popup/popup.vue.d.ts +8 -7
- package/src/components/popup/popup/widgetInput.vue.d.ts +28 -28
- package/src/components/project/project.d.ts +1 -0
- package/src/components/project/selectorCompetitors/selectorCompetitors.d.ts +20 -0
- package/src/components/project/selectorCompetitors/selectorCompetitors.stories.d.ts +42 -0
- package/src/components/project/selectorCompetitors/selectorCompetitors.vue.d.ts +24 -0
- package/src/components/project/selectorCompetitors/stories/items.d.ts +4 -0
- package/src/components/tabs/tabs/content.vue.d.ts +3 -2
- package/src/components/tabs/tabs/tab.vue.d.ts +3 -2
- package/src/components/tabs/tabs/tabs.stories.d.ts +184 -184
- package/src/components/tabs/tabs/tabs.vue.d.ts +3 -2
- package/src/components/tabsView/tabsView/menu.vue.d.ts +6 -6
- package/src/components/tabsView/tabsView/menuDelimeter.vue.d.ts +1 -1
- package/src/components/tabsView/tabsView/menuItem.vue.d.ts +5 -4
- package/src/components/tabsView/tabsView/menuTitle.vue.d.ts +3 -2
- package/src/components/tabsView/tabsView/store.d.ts +23 -22
- package/src/components/tabsView/tabsView/tabsView.d.ts +2 -1
- package/src/components/tabsView/tabsView/tabsView.stories.d.ts +94 -94
- package/src/components/tabsView/tabsView/tabsView.vue.d.ts +12 -12
- package/src/components/tabsView/tabsView//320/255/320/273/320/265/320/274/320/265/320/275/321/202/321/213/MenuItem.stories.d.ts +92 -92
- package/src/components/tabsView/tabsView//320/255/320/273/320/265/320/274/320/265/320/275/321/202/321/213/MenuTitle.stories.d.ts +44 -44
- package/src/core/core/core.d.ts +3 -3
- package/src/core/core/page.d.ts +4 -0
- package/src/core/core/state.d.ts +4 -0
- package/src/core/utils/check.d.ts +22 -0
- package/src/core/utils/date.d.ts +30 -12
- package/src/core/utils/device.d.ts +34 -1
- package/src/core/utils/dom.d.ts +23 -27
- package/src/core/utils/image.d.ts +6 -0
- package/src/core/utils/keyboard.d.ts +3 -0
- package/src/core/utils/number.d.ts +7 -0
- package/src/core/utils/price.d.ts +8 -0
- package/src/core/utils/scroll.d.ts +4 -0
- package/src/core/utils/store/localStorage.d.ts +2 -1
- package/src/core/utils/store/plugin.d.ts +3 -2
- package/src/core/utils/store/store.d.ts +3 -11
- package/src/core/utils/string.d.ts +80 -0
- package/src/core/utils/url.d.ts +32 -0
- package/tabs/tabs.amd.js +1 -1
- package/tabs/tabs.js +1 -1
- package/tabsView/tabsView.amd.js +1 -1
- package/tabsView/tabsView.amd.js.map +1 -1
- package/tabsView/tabsView.js +6 -10
- package/tabsView/tabsView.js.map +1 -1
- package/utils/check.amd.js +2 -0
- package/utils/check.amd.js.map +1 -0
- package/utils/check.d.ts +1 -0
- package/utils/check.js +26 -0
- package/utils/check.js.map +1 -0
- package/utils/css.amd.js.map +1 -1
- package/utils/css.js +1 -2
- package/utils/css.js.map +1 -1
- package/utils/date.amd.js +1 -1
- package/utils/date.js +8 -5
- package/utils/device.amd.js +1 -1
- package/utils/device.js +11 -7
- package/utils/dom.amd.js.map +1 -1
- package/utils/dom.js.map +1 -1
- package/utils/image.amd.js +2 -0
- package/utils/image.amd.js.map +1 -0
- package/utils/image.d.ts +1 -0
- package/utils/image.js +8 -0
- package/utils/image.js.map +1 -0
- package/utils/keyboard.amd.js.map +1 -1
- package/utils/keyboard.js.map +1 -1
- package/utils/number.amd.js +2 -0
- package/utils/number.amd.js.map +1 -0
- package/utils/number.d.ts +1 -0
- package/utils/number.js +9 -0
- package/utils/number.js.map +1 -0
- package/utils/price.amd.js +2 -0
- package/utils/price.amd.js.map +1 -0
- package/utils/price.d.ts +1 -0
- package/utils/price.js +10 -0
- package/utils/price.js.map +1 -0
- package/utils/route.amd.js.map +1 -1
- package/utils/route.js.map +1 -1
- package/utils/scroll.amd.js +1 -1
- package/utils/scroll.amd.js.map +1 -1
- package/utils/scroll.js +21 -15
- package/utils/scroll.js.map +1 -1
- package/utils/string.amd.js +2 -0
- package/utils/string.amd.js.map +1 -0
- package/utils/string.d.ts +1 -0
- package/utils/string.js +138 -0
- package/utils/string.js.map +1 -0
- package/utils/system.amd.js.map +1 -1
- package/utils/system.js.map +1 -1
- package/utils/url.amd.js +3 -0
- package/utils/url.amd.js.map +1 -0
- package/utils/url.d.ts +1 -0
- package/utils/url.js +176 -0
- package/utils/url.js.map +1 -0
- package/utils/window.amd.js +1 -1
- package/utils/window.js +1 -1
- package/.chunks/datepicker-B9eprAyk.amd.js +0 -234
- package/.chunks/datepicker-B9eprAyk.amd.js.map +0 -1
- package/.chunks/datepicker-C86O1mQq.es.js +0 -277
- package/.chunks/datepicker-C86O1mQq.es.js.map +0 -1
- package/.chunks/forms-DkNAMd-D.amd.js +0 -3
- package/.chunks/forms-DkNAMd-D.amd.js.map +0 -1
- package/.chunks/forms-gb7uf2K8.es.js +0 -1026
- package/.chunks/forms-gb7uf2K8.es.js.map +0 -1
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-2TAzIZZA.amd.js +0 -2
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-2TAzIZZA.amd.js.map +0 -1
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-Caw4oFU-.es.js.map +0 -1
- package/.chunks/popup-Dfz5hkrQ.amd.js.map +0 -1
- package/.chunks/popup-ZmdXZkvb.es.js.map +0 -1
- package/.chunks/widgetInput-BxO9y9L7.amd.js.map +0 -1
- package/.chunks/widgetInput-DPOH_qya.es.js.map +0 -1
|
@@ -1,234 +0,0 @@
|
|
|
1
|
-
define(["require","exports","vue","./forms-DkNAMd-D.amd"],function(v,k,c,n){"use strict";if(typeof c>"u")var c=window.Vue;n.Core.appendStyle(`/* ui-datepicker */\r
|
|
2
|
-
.ui-datepicker {\r
|
|
3
|
-
--datepicker-day-color: #FFF;\r
|
|
4
|
-
--datepicker-day-color-hover: var(--color-blue-150);\r
|
|
5
|
-
--datepicker-selected-color: var(--color-blue-500);\r
|
|
6
|
-
--datepicker-selected-color-hover: var(--color-blue-550);\r
|
|
7
|
-
--datepicker-range-color: var(--color-blue-100);\r
|
|
8
|
-
--datepicker-range-color-hover: var(--color-blue-150);\r
|
|
9
|
-
\r
|
|
10
|
-
user-select: none;\r
|
|
11
|
-
width: auto;\r
|
|
12
|
-
padding: 0;\r
|
|
13
|
-
}\r
|
|
14
|
-
\r
|
|
15
|
-
.ui-datepicker:before,\r
|
|
16
|
-
.ui-datepicker:after {\r
|
|
17
|
-
display: none;\r
|
|
18
|
-
}\r
|
|
19
|
-
\r
|
|
20
|
-
/* на странице */\r
|
|
21
|
-
.ui-datepicker-inline {\r
|
|
22
|
-
display: inline-block !important;\r
|
|
23
|
-
}\r
|
|
24
|
-
\r
|
|
25
|
-
/* в popup */\r
|
|
26
|
-
.ui-datepicker:not(.ui-datepicker-inline) {\r
|
|
27
|
-
border-radius: 8px;\r
|
|
28
|
-
background: var(--content-background-color);\r
|
|
29
|
-
box-shadow: var(--top-shadow);\r
|
|
30
|
-
z-index: 10000000 !important;\r
|
|
31
|
-
padding: 8px;\r
|
|
32
|
-
}\r
|
|
33
|
-
\r
|
|
34
|
-
.ui-datepicker a {\r
|
|
35
|
-
text-decoration: none !important;\r
|
|
36
|
-
}\r
|
|
37
|
-
\r
|
|
38
|
-
.ui-datepicker option {\r
|
|
39
|
-
color: var(--color-text);\r
|
|
40
|
-
font-size: 14px;\r
|
|
41
|
-
}\r
|
|
42
|
-
\r
|
|
43
|
-
.ui-datepicker-header {\r
|
|
44
|
-
padding: 0 !important;\r
|
|
45
|
-
margin: 0 0 18px 0;\r
|
|
46
|
-
display: flex;\r
|
|
47
|
-
align-items: center;\r
|
|
48
|
-
}\r
|
|
49
|
-
\r
|
|
50
|
-
.ui-datepicker-header > * {\r
|
|
51
|
-
display: flex;\r
|
|
52
|
-
align-items: center;\r
|
|
53
|
-
justify-content: center;\r
|
|
54
|
-
}\r
|
|
55
|
-
\r
|
|
56
|
-
.ui-datepicker-title {\r
|
|
57
|
-
width: 100% !important;\r
|
|
58
|
-
height: 24px;\r
|
|
59
|
-
margin: 0 !important;\r
|
|
60
|
-
}\r
|
|
61
|
-
\r
|
|
62
|
-
.ui-datepicker-month,\r
|
|
63
|
-
.ui-datepicker-year {\r
|
|
64
|
-
outline: none !important;\r
|
|
65
|
-
width: auto !important;\r
|
|
66
|
-
border: none;\r
|
|
67
|
-
padding: 0;\r
|
|
68
|
-
margin: 0 6px !important;\r
|
|
69
|
-
text-align: center;\r
|
|
70
|
-
font-size: 16px !important;\r
|
|
71
|
-
}\r
|
|
72
|
-
\r
|
|
73
|
-
.ui-datepicker-month {\r
|
|
74
|
-
color: var(--color-text);\r
|
|
75
|
-
}\r
|
|
76
|
-
\r
|
|
77
|
-
.ui-datepicker-year {\r
|
|
78
|
-
color: var(--color-gray-300);\r
|
|
79
|
-
}\r
|
|
80
|
-
\r
|
|
81
|
-
/* select.ui-datepicker-month,\r
|
|
82
|
-
select.ui-datepicker-year{ cursor: pointer; color: var(--color-blue-500); }*/\r
|
|
83
|
-
select.ui-datepicker-month,\r
|
|
84
|
-
select.ui-datepicker-year {\r
|
|
85
|
-
cursor: pointer;\r
|
|
86
|
-
}\r
|
|
87
|
-
\r
|
|
88
|
-
.ui-datepicker-prev,\r
|
|
89
|
-
.ui-datepicker-next {\r
|
|
90
|
-
cursor: pointer;\r
|
|
91
|
-
width: 24px !important;\r
|
|
92
|
-
height: 24px !important;\r
|
|
93
|
-
font-size: 24px;\r
|
|
94
|
-
font-family: 'Topvisor-2';\r
|
|
95
|
-
position: static !important;\r
|
|
96
|
-
}\r
|
|
97
|
-
\r
|
|
98
|
-
.ui-datepicker-prev:before {\r
|
|
99
|
-
content: '';\r
|
|
100
|
-
}\r
|
|
101
|
-
\r
|
|
102
|
-
.ui-datepicker-next {\r
|
|
103
|
-
order: 1;\r
|
|
104
|
-
}\r
|
|
105
|
-
\r
|
|
106
|
-
.ui-datepicker-next:before {\r
|
|
107
|
-
content: '';\r
|
|
108
|
-
}\r
|
|
109
|
-
\r
|
|
110
|
-
.ui-datepicker-prev > *,\r
|
|
111
|
-
.ui-datepicker-next > * {\r
|
|
112
|
-
display: none !important;\r
|
|
113
|
-
}\r
|
|
114
|
-
\r
|
|
115
|
-
.ui-datepicker thead th {\r
|
|
116
|
-
width: auto !important;\r
|
|
117
|
-
padding: 0 !important;\r
|
|
118
|
-
color: #B3BEBF;\r
|
|
119
|
-
font-size: 14px;\r
|
|
120
|
-
font-weight: 400 !important;\r
|
|
121
|
-
}\r
|
|
122
|
-
\r
|
|
123
|
-
.ui-datepicker table {\r
|
|
124
|
-
margin: 0 !important;\r
|
|
125
|
-
font-size: 14px;\r
|
|
126
|
-
}\r
|
|
127
|
-
\r
|
|
128
|
-
.ui-datepicker td {\r
|
|
129
|
-
background: none;\r
|
|
130
|
-
padding: 0 !important;\r
|
|
131
|
-
}\r
|
|
132
|
-
\r
|
|
133
|
-
.ui-datepicker td span,\r
|
|
134
|
-
.ui-datepicker td a {\r
|
|
135
|
-
border-radius: 8px;\r
|
|
136
|
-
border: none;\r
|
|
137
|
-
min-width: 32px;\r
|
|
138
|
-
height: 32px;\r
|
|
139
|
-
padding: 0;\r
|
|
140
|
-
margin: 1px;\r
|
|
141
|
-
color: var(--color-text) !important;\r
|
|
142
|
-
line-height: 32px;\r
|
|
143
|
-
text-align: center;\r
|
|
144
|
-
position: relative;\r
|
|
145
|
-
display: block;\r
|
|
146
|
-
}\r
|
|
147
|
-
\r
|
|
148
|
-
/* обычные даты */\r
|
|
149
|
-
.ui-datepicker td a {\r
|
|
150
|
-
background: var(--datepicker-day-color);\r
|
|
151
|
-
}\r
|
|
152
|
-
\r
|
|
153
|
-
.ui-datepicker td a:hover {\r
|
|
154
|
-
background: var(--datepicker-day-color-hover);\r
|
|
155
|
-
}\r
|
|
156
|
-
\r
|
|
157
|
-
/* текущий день */\r
|
|
158
|
-
td.ui-datepicker-today span,\r
|
|
159
|
-
td.ui-datepicker-today a {\r
|
|
160
|
-
background: none;\r
|
|
161
|
-
position: relative;\r
|
|
162
|
-
}\r
|
|
163
|
-
\r
|
|
164
|
-
/* выбранные даты */\r
|
|
165
|
-
.ui-datepicker td.selected a {\r
|
|
166
|
-
background: var(--datepicker-range-color);\r
|
|
167
|
-
padding-right: 0;\r
|
|
168
|
-
padding-left: 1px;\r
|
|
169
|
-
margin-right: 1px;\r
|
|
170
|
-
margin-left: 0;\r
|
|
171
|
-
}\r
|
|
172
|
-
\r
|
|
173
|
-
.ui-datepicker td.selected a:hover {\r
|
|
174
|
-
background: var(--datepicker-range-color-hover);\r
|
|
175
|
-
}\r
|
|
176
|
-
\r
|
|
177
|
-
.ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {\r
|
|
178
|
-
border-top-left-radius: 0;\r
|
|
179
|
-
border-bottom-left-radius: 0;\r
|
|
180
|
-
padding-left: 1px;\r
|
|
181
|
-
margin-left: 0;\r
|
|
182
|
-
}\r
|
|
183
|
-
\r
|
|
184
|
-
.ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {\r
|
|
185
|
-
border-top-right-radius: 0;\r
|
|
186
|
-
border-bottom-right-radius: 0;\r
|
|
187
|
-
padding-right: 1px;\r
|
|
188
|
-
margin-right: 0;\r
|
|
189
|
-
}\r
|
|
190
|
-
\r
|
|
191
|
-
.ui-datepicker td.selected-start a,\r
|
|
192
|
-
.ui-datepicker td.selected-end a,\r
|
|
193
|
-
.ui-datepicker td.ui-datepicker-current-day a {\r
|
|
194
|
-
background: var(--datepicker-selected-color);\r
|
|
195
|
-
color: #FFF !important;\r
|
|
196
|
-
}\r
|
|
197
|
-
\r
|
|
198
|
-
.ui-datepicker td.selected-start a:hover,\r
|
|
199
|
-
.ui-datepicker td.selected-end a:hover,\r
|
|
200
|
-
.ui-datepicker td.ui-datepicker-current-day a:hover {\r
|
|
201
|
-
background: var(--datepicker-selected-color-hover);\r
|
|
202
|
-
}\r
|
|
203
|
-
\r
|
|
204
|
-
.ui-datepicker-day-marks {\r
|
|
205
|
-
line-height: normal;\r
|
|
206
|
-
position: absolute;\r
|
|
207
|
-
right: 0;\r
|
|
208
|
-
bottom: 3px;\r
|
|
209
|
-
left: 0;\r
|
|
210
|
-
display: flex;\r
|
|
211
|
-
align-items: center;\r
|
|
212
|
-
justify-content: center;\r
|
|
213
|
-
}\r
|
|
214
|
-
\r
|
|
215
|
-
.ui-datepicker-day-marks > i {\r
|
|
216
|
-
border-radius: 50%;\r
|
|
217
|
-
border: 1px solid #FFF;\r
|
|
218
|
-
width: 4px;\r
|
|
219
|
-
height: 4px;\r
|
|
220
|
-
margin: 0 2px;\r
|
|
221
|
-
}\r
|
|
222
|
-
\r
|
|
223
|
-
.ui-datepicker-day-marks-exists {\r
|
|
224
|
-
background: var(--color-blue-500);\r
|
|
225
|
-
}\r
|
|
226
|
-
\r
|
|
227
|
-
.ui-datepicker-day-marks-update {\r
|
|
228
|
-
background: var(--color-red-500);\r
|
|
229
|
-
}\r
|
|
230
|
-
\r
|
|
231
|
-
.ui-datepicker-row-break {\r
|
|
232
|
-
display: none;\r
|
|
233
|
-
}`);const h=t=>{var r,e;if(!((e=(r=n.Core.$)==null?void 0:r.ui)!=null&&e.datepicker)){console.info("Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker");return}return n.Core.$.datepicker.setDefaults({dateFormat:n.Core.state.dateFormat.toLowerCase().replace("m","mm").replace("y","yy").replace("d","dd")}),n.Core.$(t)};function m(t,r){var e;return(e=h(t))==null?void 0:e.datepicker(r)}let o,p,l,u;c.watch(c.toRef(n.Core.state.dateFormat),()=>{var t;o=n.dateFormat("2000-01-01"),p=((t=o.match(/\D/))==null?void 0:t[0])??"-",l=o.replace(/\D+/g,"").length,u=[];for(let r=0;r<o.length;r++)o[r]===p&&u.push(r)},{immediate:!0});function b(t){let r=t.target.selectionEnd,e=t.target.value,i=e.substring(0,r).replace(/\D+/g,""),a=e.substring(r).replace(/\D+/g,""),s=i.length+a.length-l;if(s>0){i=i.substring(0,l);const d=l-i.length;a=a.substring(a.length-d)}else s<0&&(t.inputType==="deleteContentForward"?i+="0".repeat(-s):a="0".repeat(-s)+a);r=i.length,e=i+a;for(let d=0;d<u.length;d++){const g=u[d];e=e.substring(0,g)+p+e.substring(g),r>=g&&r++}t.inputType==="deleteContentBackward"&&e[r-1]===p&&r--,e!==t.target.value&&(t.target.value=e,t.target.selectionStart=r,t.target.selectionEnd=r)}k.connectDatepicker=m,k.oninput=b,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})});
|
|
234
|
-
//# sourceMappingURL=datepicker-B9eprAyk.amd.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"datepicker-B9eprAyk.amd.js","sources":["../../src/components/forms/inputDate/datepicker.ts","../../src/components/forms/inputDate/datepicker.css?raw"],"sourcesContent":["import { toRef, watch } from 'vue';\r\nimport Core from '@/core/core/core';\r\nimport { dateFormat } from '@/core/utils/date';\r\n\r\nimport css from '@/components/forms/inputDate/datepicker.css?raw';\r\n\r\nCore.appendStyle(css);\r\n\r\nconst $ = (el: HTMLInputElement) => {\r\n\tif (!Core.$?.ui?.datepicker) {\r\n\t\tconsole.info('Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker');\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\tCore.$.datepicker.setDefaults({\r\n\t\tdateFormat: Core.state.dateFormat.toLowerCase().replace('m', 'mm').replace('y', 'yy').replace('d', 'dd')\r\n\t});\r\n\r\n\treturn Core.$(el);\r\n};\r\n\r\nexport function connectDatepicker(el: HTMLInputElement, options: any) {\r\n\treturn $(el)?.datepicker(options);\r\n}\r\n\r\nlet dateFormatted;\r\nlet delimiter: string;\r\nlet dateNumbersCount: number;\r\nlet delimitersIndexes: number[];\r\n\r\nwatch(toRef(Core.state.dateFormat), () => {\r\n\t// генерация отформатированной даты, извлечение из нее разделителей и их индексов\r\n\tdateFormatted = dateFormat('2000-01-01');\r\n\tdelimiter = dateFormatted.match(/\\D/)?.[0] ?? '-';\r\n\tdateNumbersCount = dateFormatted.replace(/\\D+/g, '').length;\r\n\tdelimitersIndexes = [];\r\n\r\n\tfor (let i = 0; i < dateFormatted.length; i++) {\r\n\t\tif (dateFormatted[i] === delimiter) {\r\n\t\t\tdelimitersIndexes.push(i);\r\n\t\t}\r\n\t}\r\n}, { immediate: true });\r\n\r\n/**\r\n * Автоформат при вводе в поле с датой\r\n */\r\nexport function oninput(e: any) {\r\n\tlet selectionPos = e.target.selectionEnd;\r\n\tlet value = e.target.value;\r\n\r\n\t// разбить занчение на две половины - до и после каретки\r\n\t// удалить все символы, кроме цифр\r\n\tlet valueChunkLeft = value.substring(0, selectionPos).replace(/\\D+/g, '');\r\n\tlet valueChunkRight = value.substring(selectionPos).replace(/\\D+/g, '');\r\n\r\n\tlet extraNumbersCount = valueChunkLeft.length + valueChunkRight.length - dateNumbersCount;\r\n\tif (extraNumbersCount > 0) {\r\n\t\t// // количество цифр больше требуемого - удалить лишние\r\n\t\tvalueChunkLeft = valueChunkLeft.substring(0, dateNumbersCount);\r\n\r\n\t\tconst valueChunkRightMaxLength = dateNumbersCount - valueChunkLeft.length;\r\n\t\tvalueChunkRight = valueChunkRight.substring(valueChunkRight.length - valueChunkRightMaxLength);\r\n\t} else if (extraNumbersCount < 0) {\r\n\t\t// количество цифр меньше требуемого - добавить 0\r\n\t\tif (e.inputType === 'deleteContentForward') {\r\n\t\t\t// нажатие на delete - добавить к левой части для правильного позиционирования каретки\r\n\t\t\tvalueChunkLeft += '0'.repeat(-extraNumbersCount);\r\n\t\t} else {\r\n\t\t\tvalueChunkRight = '0'.repeat(-extraNumbersCount) + valueChunkRight;\r\n\t\t}\r\n\t}\r\n\r\n\tselectionPos = valueChunkLeft.length;\r\n\tvalue = valueChunkLeft + valueChunkRight;\r\n\r\n\t// вставить разделители\r\n\tfor (let i = 0; i < delimitersIndexes.length; i++) {\r\n\t\tconst delimiterIndex = delimitersIndexes[i];\r\n\r\n\t\tvalue = value.substring(0, delimiterIndex) + delimiter + value.substring(delimiterIndex);\r\n\r\n\t\t// сдвинуть каретку, если разделитель вставлен левее ее\r\n\t\tif (selectionPos >= delimiterIndex) {\r\n\t\t\tselectionPos++;\r\n\t\t}\r\n\t}\r\n\r\n\t// нажатие на backspace - если слева символ разделителя, перенести каретку за него\r\n\tif (e.inputType === 'deleteContentBackward' && value[selectionPos - 1] === delimiter) {\r\n\t\tselectionPos--;\r\n\t}\r\n\r\n\t// если значение изменилось - вставить его и переместить каретку\r\n\tif (value !== e.target.value) {\r\n\t\te.target.value = value;\r\n\t\te.target.selectionStart = selectionPos;\r\n\t\te.target.selectionEnd = selectionPos;\r\n\t}\r\n}","export default \"/* ui-datepicker */\\r\\n.ui-datepicker {\\r\\n\\t--datepicker-day-color: #FFF;\\r\\n\\t--datepicker-day-color-hover: var(--color-blue-150);\\r\\n\\t--datepicker-selected-color: var(--color-blue-500);\\r\\n\\t--datepicker-selected-color-hover: var(--color-blue-550);\\r\\n\\t--datepicker-range-color: var(--color-blue-100);\\r\\n\\t--datepicker-range-color-hover: var(--color-blue-150);\\r\\n\\r\\n\\tuser-select: none;\\r\\n\\twidth: auto;\\r\\n\\tpadding: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker:before,\\r\\n.ui-datepicker:after {\\r\\n\\tdisplay: none;\\r\\n}\\r\\n\\r\\n/* на странице */\\r\\n.ui-datepicker-inline {\\r\\n\\tdisplay: inline-block !important;\\r\\n}\\r\\n\\r\\n/* в popup */\\r\\n.ui-datepicker:not(.ui-datepicker-inline) {\\r\\n\\tborder-radius: 8px;\\r\\n\\tbackground: var(--content-background-color);\\r\\n\\tbox-shadow: var(--top-shadow);\\r\\n\\tz-index: 10000000 !important;\\r\\n\\tpadding: 8px;\\r\\n}\\r\\n\\r\\n.ui-datepicker a {\\r\\n\\ttext-decoration: none !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker option {\\r\\n\\tcolor: var(--color-text);\\r\\n\\tfont-size: 14px;\\r\\n}\\r\\n\\r\\n.ui-datepicker-header {\\r\\n\\tpadding: 0 !important;\\r\\n\\tmargin: 0 0 18px 0;\\r\\n\\tdisplay: flex;\\r\\n\\talign-items: center;\\r\\n}\\r\\n\\r\\n.ui-datepicker-header > * {\\r\\n\\tdisplay: flex;\\r\\n\\talign-items: center;\\r\\n\\tjustify-content: center;\\r\\n}\\r\\n\\r\\n.ui-datepicker-title {\\r\\n\\twidth: 100% !important;\\r\\n\\theight: 24px;\\r\\n\\tmargin: 0 !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker-month,\\r\\n.ui-datepicker-year {\\r\\n\\toutline: none !important;\\r\\n\\twidth: auto !important;\\r\\n\\tborder: none;\\r\\n\\tpadding: 0;\\r\\n\\tmargin: 0 6px !important;\\r\\n\\ttext-align: center;\\r\\n\\tfont-size: 16px !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker-month {\\r\\n\\tcolor: var(--color-text);\\r\\n}\\r\\n\\r\\n.ui-datepicker-year {\\r\\n\\tcolor: var(--color-gray-300);\\r\\n}\\r\\n\\r\\n/*\\tselect.ui-datepicker-month,\\r\\nselect.ui-datepicker-year{ cursor: pointer; color: var(--color-blue-500); }*/\\r\\nselect.ui-datepicker-month,\\r\\nselect.ui-datepicker-year {\\r\\n\\tcursor: pointer;\\r\\n}\\r\\n\\r\\n.ui-datepicker-prev,\\r\\n.ui-datepicker-next {\\r\\n\\tcursor: pointer;\\r\\n\\twidth: 24px !important;\\r\\n\\theight: 24px !important;\\r\\n\\tfont-size: 24px;\\r\\n\\tfont-family: 'Topvisor-2';\\r\\n\\tposition: static !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker-prev:before {\\r\\n\\tcontent: '';\\r\\n}\\r\\n\\r\\n.ui-datepicker-next {\\r\\n\\torder: 1;\\r\\n}\\r\\n\\r\\n.ui-datepicker-next:before {\\r\\n\\tcontent: '';\\r\\n}\\r\\n\\r\\n.ui-datepicker-prev > *,\\r\\n.ui-datepicker-next > * {\\r\\n\\tdisplay: none !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker thead th {\\r\\n\\twidth: auto !important;\\r\\n\\tpadding: 0 !important;\\r\\n\\tcolor: #B3BEBF;\\r\\n\\tfont-size: 14px;\\r\\n\\tfont-weight: 400 !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker table {\\r\\n\\tmargin: 0 !important;\\r\\n\\tfont-size: 14px;\\r\\n}\\r\\n\\r\\n.ui-datepicker td {\\r\\n\\tbackground: none;\\r\\n\\tpadding: 0 !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker td span,\\r\\n.ui-datepicker td a {\\r\\n\\tborder-radius: 8px;\\r\\n\\tborder: none;\\r\\n\\tmin-width: 32px;\\r\\n\\theight: 32px;\\r\\n\\tpadding: 0;\\r\\n\\tmargin: 1px;\\r\\n\\tcolor: var(--color-text) !important;\\r\\n\\tline-height: 32px;\\r\\n\\ttext-align: center;\\r\\n\\tposition: relative;\\r\\n\\tdisplay: block;\\r\\n}\\r\\n\\r\\n/* обычные даты */\\r\\n.ui-datepicker td a {\\r\\n\\tbackground: var(--datepicker-day-color);\\r\\n}\\r\\n\\r\\n.ui-datepicker td a:hover {\\r\\n\\tbackground: var(--datepicker-day-color-hover);\\r\\n}\\r\\n\\r\\n/* текущий день */\\r\\ntd.ui-datepicker-today span,\\r\\ntd.ui-datepicker-today a {\\r\\n\\tbackground: none;\\r\\n\\tposition: relative;\\r\\n}\\r\\n\\r\\n/* выбранные даты */\\r\\n.ui-datepicker td.selected a {\\r\\n\\tbackground: var(--datepicker-range-color);\\r\\n\\tpadding-right: 0;\\r\\n\\tpadding-left: 1px;\\r\\n\\tmargin-right: 1px;\\r\\n\\tmargin-left: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected a:hover {\\r\\n\\tbackground: var(--datepicker-range-color-hover);\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {\\r\\n\\tborder-top-left-radius: 0;\\r\\n\\tborder-bottom-left-radius: 0;\\r\\n\\tpadding-left: 1px;\\r\\n\\tmargin-left: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {\\r\\n\\tborder-top-right-radius: 0;\\r\\n\\tborder-bottom-right-radius: 0;\\r\\n\\tpadding-right: 1px;\\r\\n\\tmargin-right: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected-start a,\\r\\n.ui-datepicker td.selected-end a,\\r\\n.ui-datepicker td.ui-datepicker-current-day a {\\r\\n\\tbackground: var(--datepicker-selected-color);\\r\\n\\tcolor: #FFF !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected-start a:hover,\\r\\n.ui-datepicker td.selected-end a:hover,\\r\\n.ui-datepicker td.ui-datepicker-current-day a:hover {\\r\\n\\tbackground: var(--datepicker-selected-color-hover);\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks {\\r\\n\\tline-height: normal;\\r\\n\\tposition: absolute;\\r\\n\\tright: 0;\\r\\n\\tbottom: 3px;\\r\\n\\tleft: 0;\\r\\n\\tdisplay: flex;\\r\\n\\talign-items: center;\\r\\n\\tjustify-content: center;\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks > i {\\r\\n\\tborder-radius: 50%;\\r\\n\\tborder: 1px solid #FFF;\\r\\n\\twidth: 4px;\\r\\n\\theight: 4px;\\r\\n\\tmargin: 0 2px;\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks-exists {\\r\\n\\tbackground: var(--color-blue-500);\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks-update {\\r\\n\\tbackground: var(--color-red-500);\\r\\n}\\r\\n\\r\\n.ui-datepicker-row-break {\\r\\n\\tdisplay: none;\\r\\n}\""],"names":["Core","$","el","forms","connectDatepicker","options","dateFormatted","delimiter","dateNumbersCount","delimitersIndexes","watch","_a","i","valueChunkLeft","value","selectionPos","valueChunkRight","extraNumbersCount","valueChunkRightMaxLength","e","delimiterIndex"],"mappings":"0HAMAA,EAAAA,KAAAA,YCNA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EDMAA,EAEA,MAAAC,EAAAC,GAAA,uEAEE,QAAA,KAAA,0EAAA,EAEA,OAGD,OAAAC,EAAA,KAAA,EAAA,WAAA,YAAA,CAA8B,WAAAA,EAAA,KAAA,MAAA,WAAA,YAAA,EAAA,QAAA,IAAA,IAAA,EAAA,QAAA,IAAA,IAAA,EAAA,QAAA,IAAA,IAAA,CAC0E,CAAA,EAGxGA,EAAA,KAAA,EAAAD,CAAA,CACD,EAEgB,SAAAE,EAAAF,EAAAG,EAAA,mDAIhB,IAAAC,EACAC,EACAC,EACAC,EAEAC,EAAAA,MAAAA,EAAAA,MAAAA,EAAAA,KAAAA,MAAAA,UAAAA,EAAAA,IAAAA,OAECJ,EAAAH,EAAA,WAAA,YAAA,EACAI,IAAAI,EAAAL,EAAA,MAAA,IAAA,IAAA,YAAAK,EAAA,KAAA,IACAH,EAAAF,EAAA,QAAA,OAAA,EAAA,EAAA,YAGA,QAAAM,EAAA,EAAAA,EAAAN,EAAA,OAAAM,IACCN,EAAAM,CAAA,IAAAL,GACCE,EAAA,KAAAG,CAAA,CAGH,EAAA,CAAA,UAAA,EAAA,CAAA,6DAWCC,EAAAC,EAAA,UAAA,EAAAC,CAAA,EAAA,QAAA,OAAA,EAAA,EACAC,EAAAF,EAAA,UAAAC,CAAA,EAAA,QAAA,OAAA,EAAA,EAEAE,EAAAJ,EAAA,OAAAG,EAAA,OAAAR,EACA,GAAAS,EAAA,EAAA,uCAKCD,EAAAA,EAAA,UAAAA,EAAA,OAAAE,CAAA,CAA6F,MAAAD,EAAA,IAG7FE,EAAA,YAAA,6DAQDJ,EAAAF,EAAA,OACAC,EAAAD,EAAAG,EAGA,QAAAJ,EAAA,EAAAA,EAAAH,EAAA,OAAAG,IAAA,CACC,MAAAQ,EAAAX,EAAAG,CAAA,EAEAE,EAAAA,EAAA,UAAA,EAAAM,CAAA,EAAAb,EAAAO,EAAA,UAAAM,CAAA,EAGAL,GAAAK,OAMDD,EAAA,YAAA,yBAAAL,EAAAC,EAAA,CAAA,IAAAR,4BAMCY,EAAA,OAAA,MAAAL,EACAK,EAAA,OAAA,eAAAJ,EACAI,EAAA,OAAA,aAAAJ,EAEF"}
|
|
@@ -1,277 +0,0 @@
|
|
|
1
|
-
import { watch as k, toRef as g } from "vue";
|
|
2
|
-
import { C as a, d as m } from "./forms-gb7uf2K8.es.js";
|
|
3
|
-
const h = `/* ui-datepicker */\r
|
|
4
|
-
.ui-datepicker {\r
|
|
5
|
-
--datepicker-day-color: #FFF;\r
|
|
6
|
-
--datepicker-day-color-hover: var(--color-blue-150);\r
|
|
7
|
-
--datepicker-selected-color: var(--color-blue-500);\r
|
|
8
|
-
--datepicker-selected-color-hover: var(--color-blue-550);\r
|
|
9
|
-
--datepicker-range-color: var(--color-blue-100);\r
|
|
10
|
-
--datepicker-range-color-hover: var(--color-blue-150);\r
|
|
11
|
-
\r
|
|
12
|
-
user-select: none;\r
|
|
13
|
-
width: auto;\r
|
|
14
|
-
padding: 0;\r
|
|
15
|
-
}\r
|
|
16
|
-
\r
|
|
17
|
-
.ui-datepicker:before,\r
|
|
18
|
-
.ui-datepicker:after {\r
|
|
19
|
-
display: none;\r
|
|
20
|
-
}\r
|
|
21
|
-
\r
|
|
22
|
-
/* на странице */\r
|
|
23
|
-
.ui-datepicker-inline {\r
|
|
24
|
-
display: inline-block !important;\r
|
|
25
|
-
}\r
|
|
26
|
-
\r
|
|
27
|
-
/* в popup */\r
|
|
28
|
-
.ui-datepicker:not(.ui-datepicker-inline) {\r
|
|
29
|
-
border-radius: 8px;\r
|
|
30
|
-
background: var(--content-background-color);\r
|
|
31
|
-
box-shadow: var(--top-shadow);\r
|
|
32
|
-
z-index: 10000000 !important;\r
|
|
33
|
-
padding: 8px;\r
|
|
34
|
-
}\r
|
|
35
|
-
\r
|
|
36
|
-
.ui-datepicker a {\r
|
|
37
|
-
text-decoration: none !important;\r
|
|
38
|
-
}\r
|
|
39
|
-
\r
|
|
40
|
-
.ui-datepicker option {\r
|
|
41
|
-
color: var(--color-text);\r
|
|
42
|
-
font-size: 14px;\r
|
|
43
|
-
}\r
|
|
44
|
-
\r
|
|
45
|
-
.ui-datepicker-header {\r
|
|
46
|
-
padding: 0 !important;\r
|
|
47
|
-
margin: 0 0 18px 0;\r
|
|
48
|
-
display: flex;\r
|
|
49
|
-
align-items: center;\r
|
|
50
|
-
}\r
|
|
51
|
-
\r
|
|
52
|
-
.ui-datepicker-header > * {\r
|
|
53
|
-
display: flex;\r
|
|
54
|
-
align-items: center;\r
|
|
55
|
-
justify-content: center;\r
|
|
56
|
-
}\r
|
|
57
|
-
\r
|
|
58
|
-
.ui-datepicker-title {\r
|
|
59
|
-
width: 100% !important;\r
|
|
60
|
-
height: 24px;\r
|
|
61
|
-
margin: 0 !important;\r
|
|
62
|
-
}\r
|
|
63
|
-
\r
|
|
64
|
-
.ui-datepicker-month,\r
|
|
65
|
-
.ui-datepicker-year {\r
|
|
66
|
-
outline: none !important;\r
|
|
67
|
-
width: auto !important;\r
|
|
68
|
-
border: none;\r
|
|
69
|
-
padding: 0;\r
|
|
70
|
-
margin: 0 6px !important;\r
|
|
71
|
-
text-align: center;\r
|
|
72
|
-
font-size: 16px !important;\r
|
|
73
|
-
}\r
|
|
74
|
-
\r
|
|
75
|
-
.ui-datepicker-month {\r
|
|
76
|
-
color: var(--color-text);\r
|
|
77
|
-
}\r
|
|
78
|
-
\r
|
|
79
|
-
.ui-datepicker-year {\r
|
|
80
|
-
color: var(--color-gray-300);\r
|
|
81
|
-
}\r
|
|
82
|
-
\r
|
|
83
|
-
/* select.ui-datepicker-month,\r
|
|
84
|
-
select.ui-datepicker-year{ cursor: pointer; color: var(--color-blue-500); }*/\r
|
|
85
|
-
select.ui-datepicker-month,\r
|
|
86
|
-
select.ui-datepicker-year {\r
|
|
87
|
-
cursor: pointer;\r
|
|
88
|
-
}\r
|
|
89
|
-
\r
|
|
90
|
-
.ui-datepicker-prev,\r
|
|
91
|
-
.ui-datepicker-next {\r
|
|
92
|
-
cursor: pointer;\r
|
|
93
|
-
width: 24px !important;\r
|
|
94
|
-
height: 24px !important;\r
|
|
95
|
-
font-size: 24px;\r
|
|
96
|
-
font-family: 'Topvisor-2';\r
|
|
97
|
-
position: static !important;\r
|
|
98
|
-
}\r
|
|
99
|
-
\r
|
|
100
|
-
.ui-datepicker-prev:before {\r
|
|
101
|
-
content: '';\r
|
|
102
|
-
}\r
|
|
103
|
-
\r
|
|
104
|
-
.ui-datepicker-next {\r
|
|
105
|
-
order: 1;\r
|
|
106
|
-
}\r
|
|
107
|
-
\r
|
|
108
|
-
.ui-datepicker-next:before {\r
|
|
109
|
-
content: '';\r
|
|
110
|
-
}\r
|
|
111
|
-
\r
|
|
112
|
-
.ui-datepicker-prev > *,\r
|
|
113
|
-
.ui-datepicker-next > * {\r
|
|
114
|
-
display: none !important;\r
|
|
115
|
-
}\r
|
|
116
|
-
\r
|
|
117
|
-
.ui-datepicker thead th {\r
|
|
118
|
-
width: auto !important;\r
|
|
119
|
-
padding: 0 !important;\r
|
|
120
|
-
color: #B3BEBF;\r
|
|
121
|
-
font-size: 14px;\r
|
|
122
|
-
font-weight: 400 !important;\r
|
|
123
|
-
}\r
|
|
124
|
-
\r
|
|
125
|
-
.ui-datepicker table {\r
|
|
126
|
-
margin: 0 !important;\r
|
|
127
|
-
font-size: 14px;\r
|
|
128
|
-
}\r
|
|
129
|
-
\r
|
|
130
|
-
.ui-datepicker td {\r
|
|
131
|
-
background: none;\r
|
|
132
|
-
padding: 0 !important;\r
|
|
133
|
-
}\r
|
|
134
|
-
\r
|
|
135
|
-
.ui-datepicker td span,\r
|
|
136
|
-
.ui-datepicker td a {\r
|
|
137
|
-
border-radius: 8px;\r
|
|
138
|
-
border: none;\r
|
|
139
|
-
min-width: 32px;\r
|
|
140
|
-
height: 32px;\r
|
|
141
|
-
padding: 0;\r
|
|
142
|
-
margin: 1px;\r
|
|
143
|
-
color: var(--color-text) !important;\r
|
|
144
|
-
line-height: 32px;\r
|
|
145
|
-
text-align: center;\r
|
|
146
|
-
position: relative;\r
|
|
147
|
-
display: block;\r
|
|
148
|
-
}\r
|
|
149
|
-
\r
|
|
150
|
-
/* обычные даты */\r
|
|
151
|
-
.ui-datepicker td a {\r
|
|
152
|
-
background: var(--datepicker-day-color);\r
|
|
153
|
-
}\r
|
|
154
|
-
\r
|
|
155
|
-
.ui-datepicker td a:hover {\r
|
|
156
|
-
background: var(--datepicker-day-color-hover);\r
|
|
157
|
-
}\r
|
|
158
|
-
\r
|
|
159
|
-
/* текущий день */\r
|
|
160
|
-
td.ui-datepicker-today span,\r
|
|
161
|
-
td.ui-datepicker-today a {\r
|
|
162
|
-
background: none;\r
|
|
163
|
-
position: relative;\r
|
|
164
|
-
}\r
|
|
165
|
-
\r
|
|
166
|
-
/* выбранные даты */\r
|
|
167
|
-
.ui-datepicker td.selected a {\r
|
|
168
|
-
background: var(--datepicker-range-color);\r
|
|
169
|
-
padding-right: 0;\r
|
|
170
|
-
padding-left: 1px;\r
|
|
171
|
-
margin-right: 1px;\r
|
|
172
|
-
margin-left: 0;\r
|
|
173
|
-
}\r
|
|
174
|
-
\r
|
|
175
|
-
.ui-datepicker td.selected a:hover {\r
|
|
176
|
-
background: var(--datepicker-range-color-hover);\r
|
|
177
|
-
}\r
|
|
178
|
-
\r
|
|
179
|
-
.ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {\r
|
|
180
|
-
border-top-left-radius: 0;\r
|
|
181
|
-
border-bottom-left-radius: 0;\r
|
|
182
|
-
padding-left: 1px;\r
|
|
183
|
-
margin-left: 0;\r
|
|
184
|
-
}\r
|
|
185
|
-
\r
|
|
186
|
-
.ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {\r
|
|
187
|
-
border-top-right-radius: 0;\r
|
|
188
|
-
border-bottom-right-radius: 0;\r
|
|
189
|
-
padding-right: 1px;\r
|
|
190
|
-
margin-right: 0;\r
|
|
191
|
-
}\r
|
|
192
|
-
\r
|
|
193
|
-
.ui-datepicker td.selected-start a,\r
|
|
194
|
-
.ui-datepicker td.selected-end a,\r
|
|
195
|
-
.ui-datepicker td.ui-datepicker-current-day a {\r
|
|
196
|
-
background: var(--datepicker-selected-color);\r
|
|
197
|
-
color: #FFF !important;\r
|
|
198
|
-
}\r
|
|
199
|
-
\r
|
|
200
|
-
.ui-datepicker td.selected-start a:hover,\r
|
|
201
|
-
.ui-datepicker td.selected-end a:hover,\r
|
|
202
|
-
.ui-datepicker td.ui-datepicker-current-day a:hover {\r
|
|
203
|
-
background: var(--datepicker-selected-color-hover);\r
|
|
204
|
-
}\r
|
|
205
|
-
\r
|
|
206
|
-
.ui-datepicker-day-marks {\r
|
|
207
|
-
line-height: normal;\r
|
|
208
|
-
position: absolute;\r
|
|
209
|
-
right: 0;\r
|
|
210
|
-
bottom: 3px;\r
|
|
211
|
-
left: 0;\r
|
|
212
|
-
display: flex;\r
|
|
213
|
-
align-items: center;\r
|
|
214
|
-
justify-content: center;\r
|
|
215
|
-
}\r
|
|
216
|
-
\r
|
|
217
|
-
.ui-datepicker-day-marks > i {\r
|
|
218
|
-
border-radius: 50%;\r
|
|
219
|
-
border: 1px solid #FFF;\r
|
|
220
|
-
width: 4px;\r
|
|
221
|
-
height: 4px;\r
|
|
222
|
-
margin: 0 2px;\r
|
|
223
|
-
}\r
|
|
224
|
-
\r
|
|
225
|
-
.ui-datepicker-day-marks-exists {\r
|
|
226
|
-
background: var(--color-blue-500);\r
|
|
227
|
-
}\r
|
|
228
|
-
\r
|
|
229
|
-
.ui-datepicker-day-marks-update {\r
|
|
230
|
-
background: var(--color-red-500);\r
|
|
231
|
-
}\r
|
|
232
|
-
\r
|
|
233
|
-
.ui-datepicker-row-break {\r
|
|
234
|
-
display: none;\r
|
|
235
|
-
}`;
|
|
236
|
-
a.appendStyle(h);
|
|
237
|
-
const b = (t) => {
|
|
238
|
-
var r, e;
|
|
239
|
-
if (!((e = (r = a.$) == null ? void 0 : r.ui) != null && e.datepicker)) {
|
|
240
|
-
console.info("Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker");
|
|
241
|
-
return;
|
|
242
|
-
}
|
|
243
|
-
return a.$.datepicker.setDefaults({
|
|
244
|
-
dateFormat: a.state.dateFormat.toLowerCase().replace("m", "mm").replace("y", "yy").replace("d", "dd")
|
|
245
|
-
}), a.$(t);
|
|
246
|
-
};
|
|
247
|
-
function v(t, r) {
|
|
248
|
-
var e;
|
|
249
|
-
return (e = b(t)) == null ? void 0 : e.datepicker(r);
|
|
250
|
-
}
|
|
251
|
-
let d, l, p, u;
|
|
252
|
-
k(g(a.state.dateFormat), () => {
|
|
253
|
-
var t;
|
|
254
|
-
d = m("2000-01-01"), l = ((t = d.match(/\D/)) == null ? void 0 : t[0]) ?? "-", p = d.replace(/\D+/g, "").length, u = [];
|
|
255
|
-
for (let r = 0; r < d.length; r++)
|
|
256
|
-
d[r] === l && u.push(r);
|
|
257
|
-
}, { immediate: !0 });
|
|
258
|
-
function y(t) {
|
|
259
|
-
let r = t.target.selectionEnd, e = t.target.value, n = e.substring(0, r).replace(/\D+/g, ""), i = e.substring(r).replace(/\D+/g, ""), c = n.length + i.length - p;
|
|
260
|
-
if (c > 0) {
|
|
261
|
-
n = n.substring(0, p);
|
|
262
|
-
const o = p - n.length;
|
|
263
|
-
i = i.substring(i.length - o);
|
|
264
|
-
} else
|
|
265
|
-
c < 0 && (t.inputType === "deleteContentForward" ? n += "0".repeat(-c) : i = "0".repeat(-c) + i);
|
|
266
|
-
r = n.length, e = n + i;
|
|
267
|
-
for (let o = 0; o < u.length; o++) {
|
|
268
|
-
const s = u[o];
|
|
269
|
-
e = e.substring(0, s) + l + e.substring(s), r >= s && r++;
|
|
270
|
-
}
|
|
271
|
-
t.inputType === "deleteContentBackward" && e[r - 1] === l && r--, e !== t.target.value && (t.target.value = e, t.target.selectionStart = r, t.target.selectionEnd = r);
|
|
272
|
-
}
|
|
273
|
-
export {
|
|
274
|
-
v as connectDatepicker,
|
|
275
|
-
y as oninput
|
|
276
|
-
};
|
|
277
|
-
//# sourceMappingURL=datepicker-C86O1mQq.es.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"datepicker-C86O1mQq.es.js","sources":["../../src/components/forms/inputDate/datepicker.css?raw","../../src/components/forms/inputDate/datepicker.ts"],"sourcesContent":["export default \"/* ui-datepicker */\\r\\n.ui-datepicker {\\r\\n\\t--datepicker-day-color: #FFF;\\r\\n\\t--datepicker-day-color-hover: var(--color-blue-150);\\r\\n\\t--datepicker-selected-color: var(--color-blue-500);\\r\\n\\t--datepicker-selected-color-hover: var(--color-blue-550);\\r\\n\\t--datepicker-range-color: var(--color-blue-100);\\r\\n\\t--datepicker-range-color-hover: var(--color-blue-150);\\r\\n\\r\\n\\tuser-select: none;\\r\\n\\twidth: auto;\\r\\n\\tpadding: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker:before,\\r\\n.ui-datepicker:after {\\r\\n\\tdisplay: none;\\r\\n}\\r\\n\\r\\n/* на странице */\\r\\n.ui-datepicker-inline {\\r\\n\\tdisplay: inline-block !important;\\r\\n}\\r\\n\\r\\n/* в popup */\\r\\n.ui-datepicker:not(.ui-datepicker-inline) {\\r\\n\\tborder-radius: 8px;\\r\\n\\tbackground: var(--content-background-color);\\r\\n\\tbox-shadow: var(--top-shadow);\\r\\n\\tz-index: 10000000 !important;\\r\\n\\tpadding: 8px;\\r\\n}\\r\\n\\r\\n.ui-datepicker a {\\r\\n\\ttext-decoration: none !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker option {\\r\\n\\tcolor: var(--color-text);\\r\\n\\tfont-size: 14px;\\r\\n}\\r\\n\\r\\n.ui-datepicker-header {\\r\\n\\tpadding: 0 !important;\\r\\n\\tmargin: 0 0 18px 0;\\r\\n\\tdisplay: flex;\\r\\n\\talign-items: center;\\r\\n}\\r\\n\\r\\n.ui-datepicker-header > * {\\r\\n\\tdisplay: flex;\\r\\n\\talign-items: center;\\r\\n\\tjustify-content: center;\\r\\n}\\r\\n\\r\\n.ui-datepicker-title {\\r\\n\\twidth: 100% !important;\\r\\n\\theight: 24px;\\r\\n\\tmargin: 0 !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker-month,\\r\\n.ui-datepicker-year {\\r\\n\\toutline: none !important;\\r\\n\\twidth: auto !important;\\r\\n\\tborder: none;\\r\\n\\tpadding: 0;\\r\\n\\tmargin: 0 6px !important;\\r\\n\\ttext-align: center;\\r\\n\\tfont-size: 16px !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker-month {\\r\\n\\tcolor: var(--color-text);\\r\\n}\\r\\n\\r\\n.ui-datepicker-year {\\r\\n\\tcolor: var(--color-gray-300);\\r\\n}\\r\\n\\r\\n/*\\tselect.ui-datepicker-month,\\r\\nselect.ui-datepicker-year{ cursor: pointer; color: var(--color-blue-500); }*/\\r\\nselect.ui-datepicker-month,\\r\\nselect.ui-datepicker-year {\\r\\n\\tcursor: pointer;\\r\\n}\\r\\n\\r\\n.ui-datepicker-prev,\\r\\n.ui-datepicker-next {\\r\\n\\tcursor: pointer;\\r\\n\\twidth: 24px !important;\\r\\n\\theight: 24px !important;\\r\\n\\tfont-size: 24px;\\r\\n\\tfont-family: 'Topvisor-2';\\r\\n\\tposition: static !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker-prev:before {\\r\\n\\tcontent: '';\\r\\n}\\r\\n\\r\\n.ui-datepicker-next {\\r\\n\\torder: 1;\\r\\n}\\r\\n\\r\\n.ui-datepicker-next:before {\\r\\n\\tcontent: '';\\r\\n}\\r\\n\\r\\n.ui-datepicker-prev > *,\\r\\n.ui-datepicker-next > * {\\r\\n\\tdisplay: none !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker thead th {\\r\\n\\twidth: auto !important;\\r\\n\\tpadding: 0 !important;\\r\\n\\tcolor: #B3BEBF;\\r\\n\\tfont-size: 14px;\\r\\n\\tfont-weight: 400 !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker table {\\r\\n\\tmargin: 0 !important;\\r\\n\\tfont-size: 14px;\\r\\n}\\r\\n\\r\\n.ui-datepicker td {\\r\\n\\tbackground: none;\\r\\n\\tpadding: 0 !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker td span,\\r\\n.ui-datepicker td a {\\r\\n\\tborder-radius: 8px;\\r\\n\\tborder: none;\\r\\n\\tmin-width: 32px;\\r\\n\\theight: 32px;\\r\\n\\tpadding: 0;\\r\\n\\tmargin: 1px;\\r\\n\\tcolor: var(--color-text) !important;\\r\\n\\tline-height: 32px;\\r\\n\\ttext-align: center;\\r\\n\\tposition: relative;\\r\\n\\tdisplay: block;\\r\\n}\\r\\n\\r\\n/* обычные даты */\\r\\n.ui-datepicker td a {\\r\\n\\tbackground: var(--datepicker-day-color);\\r\\n}\\r\\n\\r\\n.ui-datepicker td a:hover {\\r\\n\\tbackground: var(--datepicker-day-color-hover);\\r\\n}\\r\\n\\r\\n/* текущий день */\\r\\ntd.ui-datepicker-today span,\\r\\ntd.ui-datepicker-today a {\\r\\n\\tbackground: none;\\r\\n\\tposition: relative;\\r\\n}\\r\\n\\r\\n/* выбранные даты */\\r\\n.ui-datepicker td.selected a {\\r\\n\\tbackground: var(--datepicker-range-color);\\r\\n\\tpadding-right: 0;\\r\\n\\tpadding-left: 1px;\\r\\n\\tmargin-right: 1px;\\r\\n\\tmargin-left: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected a:hover {\\r\\n\\tbackground: var(--datepicker-range-color-hover);\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a {\\r\\n\\tborder-top-left-radius: 0;\\r\\n\\tborder-bottom-left-radius: 0;\\r\\n\\tpadding-left: 1px;\\r\\n\\tmargin-left: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a {\\r\\n\\tborder-top-right-radius: 0;\\r\\n\\tborder-bottom-right-radius: 0;\\r\\n\\tpadding-right: 1px;\\r\\n\\tmargin-right: 0;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected-start a,\\r\\n.ui-datepicker td.selected-end a,\\r\\n.ui-datepicker td.ui-datepicker-current-day a {\\r\\n\\tbackground: var(--datepicker-selected-color);\\r\\n\\tcolor: #FFF !important;\\r\\n}\\r\\n\\r\\n.ui-datepicker td.selected-start a:hover,\\r\\n.ui-datepicker td.selected-end a:hover,\\r\\n.ui-datepicker td.ui-datepicker-current-day a:hover {\\r\\n\\tbackground: var(--datepicker-selected-color-hover);\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks {\\r\\n\\tline-height: normal;\\r\\n\\tposition: absolute;\\r\\n\\tright: 0;\\r\\n\\tbottom: 3px;\\r\\n\\tleft: 0;\\r\\n\\tdisplay: flex;\\r\\n\\talign-items: center;\\r\\n\\tjustify-content: center;\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks > i {\\r\\n\\tborder-radius: 50%;\\r\\n\\tborder: 1px solid #FFF;\\r\\n\\twidth: 4px;\\r\\n\\theight: 4px;\\r\\n\\tmargin: 0 2px;\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks-exists {\\r\\n\\tbackground: var(--color-blue-500);\\r\\n}\\r\\n\\r\\n.ui-datepicker-day-marks-update {\\r\\n\\tbackground: var(--color-red-500);\\r\\n}\\r\\n\\r\\n.ui-datepicker-row-break {\\r\\n\\tdisplay: none;\\r\\n}\"","import { toRef, watch } from 'vue';\r\nimport Core from '@/core/core/core';\r\nimport { dateFormat } from '@/core/utils/date';\r\n\r\nimport css from '@/components/forms/inputDate/datepicker.css?raw';\r\n\r\nCore.appendStyle(css);\r\n\r\nconst $ = (el: HTMLInputElement) => {\r\n\tif (!Core.$?.ui?.datepicker) {\r\n\t\tconsole.info('Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker');\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\tCore.$.datepicker.setDefaults({\r\n\t\tdateFormat: Core.state.dateFormat.toLowerCase().replace('m', 'mm').replace('y', 'yy').replace('d', 'dd')\r\n\t});\r\n\r\n\treturn Core.$(el);\r\n};\r\n\r\nexport function connectDatepicker(el: HTMLInputElement, options: any) {\r\n\treturn $(el)?.datepicker(options);\r\n}\r\n\r\nlet dateFormatted;\r\nlet delimiter: string;\r\nlet dateNumbersCount: number;\r\nlet delimitersIndexes: number[];\r\n\r\nwatch(toRef(Core.state.dateFormat), () => {\r\n\t// генерация отформатированной даты, извлечение из нее разделителей и их индексов\r\n\tdateFormatted = dateFormat('2000-01-01');\r\n\tdelimiter = dateFormatted.match(/\\D/)?.[0] ?? '-';\r\n\tdateNumbersCount = dateFormatted.replace(/\\D+/g, '').length;\r\n\tdelimitersIndexes = [];\r\n\r\n\tfor (let i = 0; i < dateFormatted.length; i++) {\r\n\t\tif (dateFormatted[i] === delimiter) {\r\n\t\t\tdelimitersIndexes.push(i);\r\n\t\t}\r\n\t}\r\n}, { immediate: true });\r\n\r\n/**\r\n * Автоформат при вводе в поле с датой\r\n */\r\nexport function oninput(e: any) {\r\n\tlet selectionPos = e.target.selectionEnd;\r\n\tlet value = e.target.value;\r\n\r\n\t// разбить занчение на две половины - до и после каретки\r\n\t// удалить все символы, кроме цифр\r\n\tlet valueChunkLeft = value.substring(0, selectionPos).replace(/\\D+/g, '');\r\n\tlet valueChunkRight = value.substring(selectionPos).replace(/\\D+/g, '');\r\n\r\n\tlet extraNumbersCount = valueChunkLeft.length + valueChunkRight.length - dateNumbersCount;\r\n\tif (extraNumbersCount > 0) {\r\n\t\t// // количество цифр больше требуемого - удалить лишние\r\n\t\tvalueChunkLeft = valueChunkLeft.substring(0, dateNumbersCount);\r\n\r\n\t\tconst valueChunkRightMaxLength = dateNumbersCount - valueChunkLeft.length;\r\n\t\tvalueChunkRight = valueChunkRight.substring(valueChunkRight.length - valueChunkRightMaxLength);\r\n\t} else if (extraNumbersCount < 0) {\r\n\t\t// количество цифр меньше требуемого - добавить 0\r\n\t\tif (e.inputType === 'deleteContentForward') {\r\n\t\t\t// нажатие на delete - добавить к левой части для правильного позиционирования каретки\r\n\t\t\tvalueChunkLeft += '0'.repeat(-extraNumbersCount);\r\n\t\t} else {\r\n\t\t\tvalueChunkRight = '0'.repeat(-extraNumbersCount) + valueChunkRight;\r\n\t\t}\r\n\t}\r\n\r\n\tselectionPos = valueChunkLeft.length;\r\n\tvalue = valueChunkLeft + valueChunkRight;\r\n\r\n\t// вставить разделители\r\n\tfor (let i = 0; i < delimitersIndexes.length; i++) {\r\n\t\tconst delimiterIndex = delimitersIndexes[i];\r\n\r\n\t\tvalue = value.substring(0, delimiterIndex) + delimiter + value.substring(delimiterIndex);\r\n\r\n\t\t// сдвинуть каретку, если разделитель вставлен левее ее\r\n\t\tif (selectionPos >= delimiterIndex) {\r\n\t\t\tselectionPos++;\r\n\t\t}\r\n\t}\r\n\r\n\t// нажатие на backspace - если слева символ разделителя, перенести каретку за него\r\n\tif (e.inputType === 'deleteContentBackward' && value[selectionPos - 1] === delimiter) {\r\n\t\tselectionPos--;\r\n\t}\r\n\r\n\t// если значение изменилось - вставить его и переместить каретку\r\n\tif (value !== e.target.value) {\r\n\t\te.target.value = value;\r\n\t\te.target.selectionStart = selectionPos;\r\n\t\te.target.selectionEnd = selectionPos;\r\n\t}\r\n}"],"names":["css","Core","$","el","_b","_a","connectDatepicker","options","dateFormatted","delimiter","dateNumbersCount","delimitersIndexes","watch","toRef","dateFormat","i","oninput","e","selectionPos","value","valueChunkLeft","valueChunkRight","extraNumbersCount","valueChunkRightMaxLength","delimiterIndex"],"mappings":";;AAAA,MAAeA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACMfC,EAAK,YAAYD,CAAG;AAEpB,MAAME,IAAI,CAACC,MAAyB;;AACnC,MAAI,GAACC,KAAAC,IAAAJ,EAAK,MAAL,gBAAAI,EAAQ,OAAR,QAAAD,EAAY,aAAY;AAC5B,YAAQ,KAAK,0EAA0E;AAEvF;AAAA,EACD;AAEK,SAAAH,EAAA,EAAE,WAAW,YAAY;AAAA,IAC7B,YAAYA,EAAK,MAAM,WAAW,YAAA,EAAc,QAAQ,KAAK,IAAI,EAAE,QAAQ,KAAK,IAAI,EAAE,QAAQ,KAAK,IAAI;AAAA,EAAA,CACvG,GAEMA,EAAK,EAAEE,CAAE;AACjB;AAEgB,SAAAG,EAAkBH,GAAsBI,GAAc;;AACrE,UAAOF,IAAAH,EAAEC,CAAE,MAAJ,gBAAAE,EAAO,WAAWE;AAC1B;AAEA,IAAIC,GACAC,GACAC,GACAC;AAEJC,EAAMC,EAAMZ,EAAK,MAAM,UAAU,GAAG,MAAM;;AAEzC,EAAAO,IAAgBM,EAAW,YAAY,GACvCL,MAAYJ,IAAAG,EAAc,MAAM,IAAI,MAAxB,gBAAAH,EAA4B,OAAM,KAC9CK,IAAmBF,EAAc,QAAQ,QAAQ,EAAE,EAAE,QACrDG,IAAoB,CAAA;AAEpB,WAASI,IAAI,GAAGA,IAAIP,EAAc,QAAQO;AACrC,IAAAP,EAAcO,CAAC,MAAMN,KACxBE,EAAkB,KAAKI,CAAC;AAG3B,GAAG,EAAE,WAAW,GAAA,CAAM;AAKf,SAASC,EAAQC,GAAQ;AAC3B,MAAAC,IAAeD,EAAE,OAAO,cACxBE,IAAQF,EAAE,OAAO,OAIjBG,IAAiBD,EAAM,UAAU,GAAGD,CAAY,EAAE,QAAQ,QAAQ,EAAE,GACpEG,IAAkBF,EAAM,UAAUD,CAAY,EAAE,QAAQ,QAAQ,EAAE,GAElEI,IAAoBF,EAAe,SAASC,EAAgB,SAASX;AACzE,MAAIY,IAAoB,GAAG;AAET,IAAAF,IAAAA,EAAe,UAAU,GAAGV,CAAgB;AAEvD,UAAAa,IAA2Bb,IAAmBU,EAAe;AACnE,IAAAC,IAAkBA,EAAgB,UAAUA,EAAgB,SAASE,CAAwB;AAAA,EAAA;AAC9F,IAAWD,IAAoB,MAE1BL,EAAE,cAAc,yBAEDG,KAAA,IAAI,OAAO,CAACE,CAAiB,IAE/CD,IAAkB,IAAI,OAAO,CAACC,CAAiB,IAAID;AAIrD,EAAAH,IAAeE,EAAe,QAC9BD,IAAQC,IAAiBC;AAGzB,WAASN,IAAI,GAAGA,IAAIJ,EAAkB,QAAQI,KAAK;AAC5C,UAAAS,IAAiBb,EAAkBI,CAAC;AAElC,IAAAI,IAAAA,EAAM,UAAU,GAAGK,CAAc,IAAIf,IAAYU,EAAM,UAAUK,CAAc,GAGnFN,KAAgBM,KACnBN;AAAA,EAEF;AAGA,EAAID,EAAE,cAAc,2BAA2BE,EAAMD,IAAe,CAAC,MAAMT,KAC1ES,KAIGC,MAAUF,EAAE,OAAO,UACtBA,EAAE,OAAO,QAAQE,GACjBF,EAAE,OAAO,iBAAiBC,GAC1BD,EAAE,OAAO,eAAeC;AAE1B;"}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
define(["require","exports","vue","../require/css.amd!../assets/forms.css"],function(O,u,e){"use strict";var P,W;if(typeof e>"u")var e=window.Vue;function S(){return"devicePixelRatio"in window&&window.devicePixelRatio>1}function E(){return!!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|IEMobile|Opera Mini/i)}function C(){return navigator.userAgent.indexOf("Topvisor_App")!=-1}function z(){return navigator.userAgent.indexOf("Mac OS X")!==-1}function H(){const n=/Chrome|Android/.test(navigator.userAgent);let o=/Safari/.test(navigator.userAgent);return n&&o&&(o=!1),o}function I(){return z()?"⌘":"Ctrl"}class U{}const Y=100;let L;const $=new Map,g={width:window.innerWidth,height:window.innerHeight};function j(n){$.set(n,n)}function K(n){$.delete(n)}function q(n){clearTimeout(L),L=setTimeout(function(){n.topEvent={widthDiff:g.width-window.innerWidth,hightDiff:g.height-window.innerHeight},g.width=window.innerWidth,g.height=window.innerHeight,$.forEach(o=>o(n))},Y)}window.addEventListener("resize",q);const D={addOnReize:j,removeOnResize:K},G={widthForMobile:900,dateFormat:"Y-m-d",gmt:(P=new Date().toString().match(/GMT(\S+)/))==null?void 0:P[1]},Q={isMobile:!1,isMobileUA:!1,isRetina:!1,isApp:!1,isLandscape:!0,isPortrait:!1,size:0,dateFormat:"Y-m-d",gmt:(W=new Date().toString().match(/GMT(\S+)/))==null?void 0:W[1]},_=n=>{var o,a;if(!((a=(o=p.$)==null?void 0:o.ui)!=null&&a.tooltip)){console.info("Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip");return}return p.$(n)},N=(n,o)=>{var s;const a=n.value??{};return a.content??=(s=o.props)==null?void 0:s.title,a.content=String(a.content).replace(/\r\n|\r|\n/g,"<br>"),a.position??={my:"bottom-18px",at:"top center"},a},X={mounted(n,o,a){var s;(s=_(n))==null||s.tooltip(N(o,a))},updated(n,o,a,s){var c;const i=N(o,a),t=(c=_(n))==null?void 0:c.tooltip("instance");t&&(t.options={...t.options,...i})},unmounted(n,o,a){var s;(s=_(n))==null||s.tooltip("destroy")}},B=typeof window>"u"?{}:window;class p{static L=e.reactive({Not_date:"Not date"});static page=B.page??{};static Page=U;static options=G;static state=e.reactive({...Q});static matchMediaIsMobile;static $=B.$;static appendStyle(o,a=""){let s="all";a==="m"&&(s="(max-width: "+this.options.widthForMobile+"px)"),a==="pc"&&(s="(min-width: "+this.options.widthForMobile+"px)");const i=document.createElement("style");i.innerHTML=o,i.media=s,document.head.append(i)}static install(o,a){p.defineOptions(a),o.provide("top-core",p),this.installDirectives(o)}static installDirectives(o){o.directive("top-tooltip",X)}static defineOptions(o){o!=null&&o.widthForMobile&&(this.options.widthForMobile=o.widthForMobile),o!=null&&o.dateFormat&&(this.options.dateFormat=o.dateFormat),o!=null&&o.gmt&&(this.options.gmt=o.gmt),p.setState()}static setState(){p.matchMediaIsMobile=window.matchMedia(`(max-width: ${p.options.widthForMobile}px)`),p.state.isMobileUA=E(),p.state.isRetina=S(),p.state.isApp=C(),p.state.dateFormat=this.options.dateFormat,p.state.gmt=this.options.gmt,p.setStateByWindowSize(),D.addOnReize(p.onResize),p.onResize(),p.saveToCookie()}static onResize(){p.setStateByWindowSize(),document.documentElement.style.setProperty("--100vh",window.innerHeight+"px")}static setStateByWindowSize(){var o;p.state.isMobile=!!((o=p.matchMediaIsMobile)!=null&&o.matches),p.state.isLandscape=window.innerWidth>window.innerHeight,p.state.isPortrait=!p.state.isLandscape,p.state.size=window.innerWidth>window.innerHeight?window.innerWidth:window.innerHeight,p.saveToCookie()}static saveToCookie(){const o=[1,window.innerWidth,window.innerHeight,window.devicePixelRatio,Number(p.state.isMobile),Number(p.state.isRetina)];document.cookie="device="+o.join(",")+"; path=/;"}}function J(n){return n.indexOf("T")===-1&&(n.length==10&&(n+=" 00:00:00"),n=n.replace(" ","T")+p.state.gmt),new Date(n)}function T(n=void 0,o=!0,a=0){let s;n!=null?s=new Date(n):s=new Date;const i=s.getFullYear(),t=String(s.getMonth()+1).padStart(2,"0"),c=s.getDate().toString().padStart(2,"0"),r=s.getHours().toString().padStart(2,"0"),b=s.getMinutes().toString().padStart(2,"0"),d=s.getSeconds().toString().padStart(2,"0");return s=i+"-"+t+"-"+c,a&&(s+=" "),a>=1&&(s+=r),a>=2&&(s+=":"+b),a>=3&&(s+=":"+d),o&&(s=v(s,a)),s}function v(n,o=2,a=p.L.Not_date){if((!n||n.substring(0,10)==="0000-00-00")&&a&&a!=="0000-00-00")return a;const s=p.state.dateFormat.toLowerCase();let i=n.substring(0,10);i.length===7&&(i+="-01"),i+=" 00:00",i=i.replace(/-/g,"/");const t=new Date(i);if(isNaN(Number(t)))return a;let c=s.replace("y",String(t.getFullYear()).padStart(2,"0")).replace("m",String(t.getMonth()+1).padStart(2,"0")).replace("d",String(t.getDate()).padStart(2,"0"));if(n.length>10)switch(o){case 1:c+=" "+n.substring(11,13);break;case 2:c+=" "+n.substring(11,16);break;case 3:c+=" "+n.substring(11,19);break}return c}function M(n,o=p.L.Not_date){if(!n)return o;if(n.match(/\d\d\d\d-\d\d-\d\d/))return n;const a=p.state.dateFormat.toLowerCase(),s=n.split(/\W/),i=a.split(/\W/);let t="",c="",r="";i.forEach((d,l)=>{switch(d){case"d":t=s[l];break;case"m":c=s[l];break;case"y":r=s[l];break}});let b=r+"-"+c+"-"+t;return b.match(/\d\d\d\d-\d\d-\d\d/)||(console.info("Неверный формат даты, будет возращена текущая дата, "+b),b=T(new Date().getTime(),!1).substring(0,10)),b}const Z={class:"top-avatar"},x=["src","title"],ee=["title"],te=e.defineComponent({__name:"avatar",props:{size:{default:64},image:{},nickname:{},isOnline:{type:Boolean},lastActiveTime:{}},setup(n){e.useCssVars(i=>({ed0c8a30:i.size+"px"}));const o=n,a={user:{Online:"Онлайн",LastSeen:"Заходил(а)"}},s=e.computed(()=>{if(o.isOnline)return a.user.Online;if(o.lastActiveTime)return a.user.LastSeen+": "+v(o.lastActiveTime,2)});return(i,t)=>(e.openBlock(),e.createElementBlock("div",Z,[e.createElementVNode("img",{class:"top-avatar_image",src:i.image,title:o.nickname+(s.value?`
|
|
2
|
-
${s.value}`:""),alt:""},null,8,x),i.isOnline?(e.openBlock(),e.createElementBlock("div",{key:0,class:"top-avatar_status",title:s.value},null,8,ee)):e.createCommentVNode("",!0)]))}}),oe={"top-avatar":"top-avatar","top-avatar_image":"top-avatar_image","top-avatar_status":"top-avatar_status"},h=(n,o)=>{const a=n.__vccOpts||n;for(const[s,i]of o)a[s]=i;return a},ae=h(te,[["__cssModules",{$style:oe}]]),ne={key:0,class:"top-ellipsis"},se=h(e.defineComponent({__name:"button",props:{color:{default:"blue"},styling:{default:""},size:{default:"s"},name:{},title:{},icon:{},icon2:{},href:{},disabled:{type:Boolean},isSubmit:{type:Boolean},isActive:{type:Boolean},isProgress:{type:Boolean}},setup(n){const o=n,a=e.computed(()=>o.href?"a":"button"),s=e.computed(()=>o.isSubmit?"submit":void 0);return(i,t)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),{class:e.normalizeClass({"top-active":i.isActive,"top-disabled":i.disabled,"top-forms-focusable":!i.disabled,"top-button":!0,"top-button-progress":i.isProgress,[`top-size_${i.size}`]:!!i.size,[`top-color_${i.color}`]:!0,[`top-style_${i.styling}`]:!!i.styling,"top-button-withoutText":!i.$slots.default}),name:i.name,title:i.title,href:i.href,type:s.value,"data-top-icon":i.icon||void 0,"data-top-icon2":i.icon2||void 0,disabled:i.disabled||void 0,inProgress:i.isProgress},{default:e.withCtx(()=>[i.$slots.default?(e.openBlock(),e.createElementBlock("span",ne,[e.renderSlot(i.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(i.icon?"":"Button"),1)])])):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"html")]),_:3},8,["class","name","title","href","type","data-top-icon","data-top-icon2","disabled","inProgress"]))}}),[["__cssModules",{$style:{"top-button":"top-button","top-active":"top-active","top-button-progress":"top-button-progress",progress:"_progress_1f1nw_1","top-button-withoutText":"top-button-withoutText","top-color_blue":"top-color_blue","top-color_green":"top-color_green","top-color_orange":"top-color_orange","top-color_red":"top-color_red","top-color_pink":"top-color_pink","top-color_theme":"top-color_theme","top-style_outline":"top-style_outline","top-style_soft":"top-style_soft","top-style_transparent":"top-style_transparent","top-size_l":"top-size_l","top-size_xl":"top-size_xl"}}]]),ie={class:"top-forms-optionLabel"},k=h(e.defineComponent({__name:"controlLabel",props:{description:{},disabled:{type:Boolean}},setup(n){return(o,a)=>(e.openBlock(),e.createElementBlock("div",ie,[e.createElementVNode("div",{class:e.normalizeClass({"top-forms-optionLabel_title":!0,"top-forms-optionLabel_title-disabled":o.disabled})},[e.renderSlot(o.$slots,"default")],2),o.description?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["top-forms-optionLabel_description",{"top-forms-optionLabel_description-disabled":o.disabled}])},e.toDisplayString(o.description),3)):e.createCommentVNode("",!0)]))}}),[["__cssModules",{$style:{"top-forms-optionLabel":"top-forms-optionLabel","top-forms-optionLabel_title":"top-forms-optionLabel_title","top-forms-optionLabel_title-disabled":"top-forms-optionLabel_title-disabled","top-forms-optionLabel_description":"top-forms-optionLabel_description","top-forms-optionLabel_description-disabled":"top-forms-optionLabel_description-disabled"}}]]),le=["name","value","indeterminate","disabled"],re=h(e.defineComponent({__name:"checkbox",props:e.mergeModels({modelValue:{type:[Boolean,Array,Set]},name:{},value:{},description:{},disabled:{type:Boolean},indeterminate:{type:Boolean},isError:{type:Boolean}},{modelValue:{type:[Boolean,Array,Set]},modelModifiers:{}}),emits:["update:modelValue"],setup(n){const o=e.useModel(n,"modelValue");return(a,s)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass({"top-forms-optionWrapper":!0,"top-checkbox":!0,["top-checkbox_"+a.name]:!!a.name,"top-disabled":a.disabled,"top-error":a.isError&&!a.disabled})},[e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:e.normalizeClass({"top-forms-focusable":!a.disabled,"top-forms-option":!0,"top-checkbox_input":!0,"top-error":a.isError&&!a.disabled}),name:a.name,"onUpdate:modelValue":s[0]||(s[0]=i=>o.value=i),value:a.value,indeterminate:a.indeterminate,disabled:a.disabled},null,10,le),[[e.vModelCheckbox,o.value]]),a.$slots.default?(e.openBlock(),e.createBlock(k,{key:0,description:a.description,disabled:a.disabled},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},8,["description","disabled"])):e.createCommentVNode("",!0)],2))}}),[["__cssModules",{$style:{"top-checkbox":"top-checkbox","top-checkbox_input":"top-checkbox_input","top-error":"top-error"}}]]),de=["title"],F=h(e.defineComponent({__name:"hint",props:{hint:{}},setup(n){return(o,a)=>(e.openBlock(),e.createElementBlock("span",{class:"top-hint","data-top-icon":"",title:o.hint},null,8,de))}}),[["__cssModules",{$style:{"top-hint":"top-hint"}}]]),pe=["data-top-icon","data-top-icon2"],ce=["name","title","placeholder","disabled","readonly"],ue={key:2,class:"top-formsCaption"},V=h(e.defineComponent({inheritAttrs:!1,__name:"input",props:{modelValue:{},name:{},disabled:{type:Boolean},readonly:{type:Boolean},modificator:{},size:{default:"s"},isError:{type:Boolean},isLoading:{type:Boolean},icon:{},icon2:{},addCleaner:{type:Boolean},title:{},captionType:{default:""}},emits:["update:modelValue"],setup(n,{emit:o}){const a=n,s=o,i=e.computed({get(){return a.modelValue},set(r){s("update:modelValue",r)}}),t=e.computed(()=>a.addCleaner&&!a.title||a.captionType!==""?"":a.title),c=r=>{a.modelValue&&r.stopPropagation(),s("update:modelValue","")};return(r,b)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass({"top-input":!0,["top-size_"+r.size]:!0,"top-disabled":r.disabled,["top-input-"+r.modificator]:!!r.modificator,"top-input-withCleaner":r.addCleaner&&i.value&&i.value!=="0000-00-00","top-formsCaptionWrapper":r.captionType!=="","top-formsCaptionWrapper-always":r.captionType==="top"}),"data-top-icon":r.icon,"data-top-icon2":r.icon2},[r.isLoading?(e.openBlock(),e.createBlock(e.unref(A),{key:0})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({type:"text",class:{"top-input_input":!0,["top-input_input-"+r.modificator]:!!r.modificator,"top-forms-focusable":!r.disabled,"top-error":r.isError},autocomplete:"off_always",name:r.name,"onUpdate:modelValue":b[0]||(b[0]=d=>i.value=d),title:r.title,placeholder:t.value,disabled:r.disabled,readonly:r.readonly,onKeydown:b[1]||(b[1]=e.withKeys(d=>(r.addCleaner||!!r.$slots.btn)&&c(d),["esc"]))},r.$attrs),null,16,ce),[[e.vModelText,i.value]]),r.addCleaner&&i.value&&i.value!=="0000-00-00"?(e.openBlock(),e.createElementBlock("span",{key:1,class:"top-input_cleaner","data-top-icon":"",onClick:e.withModifiers(c,["prevent"])})):e.createCommentVNode("",!0),r.captionType!==""?(e.openBlock(),e.createElementBlock("span",ue,e.toDisplayString(r.title),1)):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"default")],10,pe))}}),[["__cssModules",{$style:{"top-input":"top-input","top-input_input":"top-input_input","top-input-withCleaner":"top-input-withCleaner","top-input_cleaner":"top-input_cleaner","top-loadbar":"top-loadbar"}}]]),me=["modelValue"],fe=!!document.documentElement.ontouchstart&&!!document.createElement("input").showPicker;let R=n=>{};const be=h(e.defineComponent({__name:"inputDate",props:{modelValue:{},name:{},disabled:{type:Boolean},readonly:{type:Boolean},modificator:{},size:{},isError:{type:Boolean},isLoading:{type:Boolean},icon:{},icon2:{default:""},addCleaner:{type:Boolean},title:{},captionType:{}},emits:["update:modelValue"],setup(n,{emit:o}){const a=n,s=o;e.onUnmounted(()=>{t&&t.datepicker("destroy")});const i=e.ref();let t;const c=e.computed({get(){return v(a.modelValue,2,"0000-00-00")},set(l){l=M(l,"0000-00-00"),s("update:modelValue",l)}});let r=l=>{R(l)},b=l=>{const m=M(l.target.value),f=v(m);if(!f||f===p.L.Not_date||l.target.value!==f){l.target.value=c.value;return}c.value=l.target.value};async function d(l){const m=await new Promise((f,y)=>O(["./datepicker-B9eprAyk.amd"],f,y));R=m.oninput,t=m.connectDatepicker(l.target,{onSelect:()=>b(l)}),t&&t.datepicker("show")}return(l,m)=>e.unref(fe)?(e.openBlock(),e.createBlock(e.unref(V),e.mergeProps({key:0},l.$props,{modelValue:c.value,readonly:"",onClick:m[1]||(m[1]=f=>i.value.showPicker())}),{default:e.withCtx(()=>[e.createElementVNode("input",{ref_key:"el",ref:i,type:"date",class:"top-input_input-date",modelValue:l.modelValue,onChange:m[0]||(m[0]=f=>c.value=f.target.value),tabindex:"-1"},null,40,me)]),_:1},16,["modelValue"])):(e.openBlock(),e.createBlock(e.unref(V),e.mergeProps({key:1},l.$props,{modelValue:c.value,"onUpdate:modelValue":m[2]||(m[2]=f=>f===""?c.value="":""),onInput:e.unref(r),onFocusOnce:d,onChange:e.unref(b),modificator:"datepicker"}),null,16,["modelValue","onInput","onChange"]))}}),[["__cssModules",{$style:{"top-input-datepicker":"top-input-datepicker","top-input_input-date":"top-input_input-date"}}]]),he={class:"top-inputRange"},ye=e.createElementVNode("span",{class:"top-inputRange_dash"}," — ",-1),ve=h(e.defineComponent({__name:"inputRange",setup(n){return(o,a)=>(e.openBlock(),e.createElementBlock("div",he,[e.renderSlot(o.$slots,"from"),ye,e.renderSlot(o.$slots,"to")]))}}),[["__cssModules",{$style:{"top-inputRange":"top-inputRange","top-inputRange_dash":"top-inputRange_dash","top-input":"top-input"}}]]),ge=["name","value","disabled"],ke=h(e.defineComponent({__name:"radio",props:{modelValue:{},value:{},name:{},description:{},disabled:{type:Boolean},isError:{type:Boolean}},emits:["update:modelValue"],setup(n,{emit:o}){const a=n,s=o,i=e.computed({get(){return a.modelValue},set(t){s("update:modelValue",t)}});return(t,c)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass({"top-forms-optionWrapper":!0,"top-radio":!0,["top-radio_"+t.name]:t.name!=="","top-disabled":t.disabled,"top-error":t.isError&&!t.disabled})},[e.withDirectives(e.createElementVNode("input",{type:"radio",class:e.normalizeClass({"top-forms-focusable":!t.disabled,"top-forms-option":!0,"top-radio_input":!0,"top-error":t.isError&&!t.disabled}),"onUpdate:modelValue":c[0]||(c[0]=r=>i.value=r),name:t.name,value:t.value,disabled:t.disabled},null,10,ge),[[e.vModelRadio,i.value]]),t.$slots.default?(e.openBlock(),e.createBlock(k,{key:0,description:t.description,disabled:t.disabled},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["description","disabled"])):e.createCommentVNode("",!0)],2))}}),[["__cssModules",{$style:{"top-radio":"top-radio","top-radio_input":"top-radio_input","top-error":"top-error"}}]]),we=["name","value","disabled"],$e=h(e.defineComponent({__name:"switcher",props:{modelValue:{type:[Boolean,Array,Set]},name:{},value:{},description:{},disabled:{type:Boolean},isError:{type:Boolean}},emits:["update:modelValue"],setup(n,{emit:o}){const a=n,s=o,i=e.computed({get(){return a.modelValue},set(t){s("update:modelValue",t)}});return(t,c)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass({"top-forms-optionWrapper":!0,"top-checkboxSwitcher":!0,"top-disabled":t.disabled,"top-error":t.isError&&!t.disabled})},[e.withDirectives(e.createElementVNode("input",{type:"checkbox",class:e.normalizeClass({"top-forms-focusable":!t.disabled,"top-forms-option":!0,"top-checkboxSwitcher_input":!0,"top-error":t.isError&&!t.disabled}),"onUpdate:modelValue":c[0]||(c[0]=r=>i.value=r),name:t.name,value:t.value,disabled:t.disabled},null,10,we),[[e.vModelCheckbox,i.value]]),t.$slots.default?(e.openBlock(),e.createBlock(k,{key:0,description:t.description,disabled:t.disabled},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["description","disabled"])):e.createCommentVNode("",!0)],2))}}),[["__cssModules",{$style:{"top-checkboxSwitcher":"top-checkboxSwitcher","top-checkboxSwitcher_input":"top-checkboxSwitcher_input","top-error":"top-error"}}]]),_e=["name","placeholder","disabled","readonly","rows"],Be={key:0,class:"top-textarea_pseudoContent"},Me=h(e.defineComponent({inheritAttrs:!1,__name:"textarea",props:{modelValue:{},name:{},placeholder:{},rows:{default:5},minHeight:{default:120},expandable:{type:Boolean},disabled:{type:Boolean},readonly:{type:Boolean},isError:{type:Boolean},hint:{}},emits:["update:modelValue"],setup(n,{emit:o}){e.useCssVars(t=>({c838a038:t.minHeight+"px"}));const a=n,s=o,i=e.computed({get(){return a.modelValue},set(t){s("update:modelValue",t)}});return(t,c)=>{const r=e.resolveDirective("top-tooltip");return e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass({"top-textarea":!0,["top-textarea-"+t.name]:t.name,"top-disabled":t.disabled})},[e.withDirectives(e.createElementVNode("textarea",e.mergeProps({type:"text",class:{"top-forms-focusable":!t.disabled,"top-textarea_textarea":!0,"top-textarea_textarea-expandable":t.expandable,"top-error":t.isError},autocomplete:"off_always",name:t.name,placeholder:t.placeholder,disabled:t.disabled,readonly:t.readonly,rows:t.expandable?void 0:t.rows},t.$attrs,{"onUpdate:modelValue":c[0]||(c[0]=b=>i.value=b)}),null,16,_e),[[e.vModelText,i.value]]),t.expandable?(e.openBlock(),e.createElementBlock("div",Be,e.toDisplayString(i.value+" "),1)):e.createCommentVNode("",!0),t.hint?e.withDirectives((e.openBlock(),e.createBlock(F,{key:1,class:"top-textarea_hint",hint:t.hint},null,8,["hint"])),[[r]]):e.createCommentVNode("",!0)],2)}}}),[["__cssModules",{$style:{"top-textarea":"top-textarea","top-textarea_textarea":"top-textarea_textarea","top-textarea_textarea-expandable":"top-textarea_textarea-expandable","top-textarea_pseudoContent":"top-textarea_pseudoContent","top-textarea_hint":"top-textarea_hint"}}]]),Ve=["data-value","data-top-icon","data-top-icon2"],Se=["name","disabled"],Ee=["label","disabled"],Ce=["value","selected","disabled"],ze=["value","selected","disabled"],Le={key:1,class:"top-formsCaption"},De=h(e.defineComponent({__name:"select",props:e.mergeModels({modelValue:{},options:{},name:{},disabled:{type:Boolean},icon:{},size:{default:"s"},addChanger:{type:Boolean},title:{},isError:{type:Boolean}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["update:modelValue"],["update:modelValue"]),setup(n,{emit:o}){const a=n,s=e.useModel(n,"modelValue"),i=e.computed(()=>{const d=new Map;return a.options.forEach((l,m)=>{if(typeof l=="string"&&(l=c(m,l)),l.children){const f=new Map;l.children.forEach((y,w)=>{typeof y=="string"&&(y=c(w,y)),f.set(y.value,y)}),l={...l},l.children=f,d.set(l.value,l)}else d.set(l.value,l)}),d}),t=e.computed(()=>{const d=new Map;return i.value.forEach(l=>{if(!l.disabled){if(l.children){l.children.forEach(m=>{m.disabled||d.set(m.value,m)});return}d.set(l.value,l)}}),d}),c=(d,l)=>({value:d,title:l});e.watch([()=>a.modelValue,t],()=>{(s.value===null||s.value===void 0)&&t.value.size&&(console.warn("Пожалуйста, не передавайте в компонент Select значения null и undefined"),s.value=t.value.keys().next().value)},{immediate:!0});const r=e.computed(()=>{var d;return(d=t.value.get(s.value))==null?void 0:d.icon}),b=()=>{const d=[...t.value.keys()],m=(d.indexOf(s.value)+1)%d.length;s.value=d[m]};return(d,l)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass({"top-select":!0,["top-select-"+d.name]:d.name,["top-size_"+d.size]:!0,"top-formsCaptionWrapper":!!d.title,"top-select-error":d.isError,"top-disabled":d.disabled}),"data-value":s.value,"data-top-icon":d.icon,"data-top-icon2":r.value},[e.withDirectives(e.createElementVNode("select",{class:e.normalizeClass({"top-forms-focusable":!d.disabled,"top-select_select":!0,"top-select_arrow":!0,"top-error":d.isError}),name:d.name,disabled:d.disabled,"onUpdate:modelValue":l[0]||(l[0]=m=>s.value=m)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,([m,f])=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[f.children?(e.openBlock(),e.createElementBlock("optgroup",{key:"group_"+m,label:f.title,disabled:f.disabled},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.children,([y,w])=>(e.openBlock(),e.createElementBlock("option",{key:y,value:y,selected:y===s.value,disabled:w.disabled},e.toDisplayString(w.title),9,Ce))),128))],8,Ee)):(e.openBlock(),e.createElementBlock("option",{key:m??void 0,value:m,selected:m===s.value,disabled:f.disabled},e.toDisplayString(f.title),9,ze))],64))),256))],10,Se),[[e.vModelSelect,s.value]]),d.addChanger&&t.value.size&&!d.disabled?(e.openBlock(),e.createElementBlock("span",{key:0,class:"top-changer",onClick:b})):e.createCommentVNode("",!0),d.title?(e.openBlock(),e.createElementBlock("span",Le,e.toDisplayString(d.title),1)):e.createCommentVNode("",!0)],10,Ve))}}),[["__cssModules",{$style:{"top-select":"top-select","top-select-error":"top-select-error","top-select_select":"top-select_select","top-changer":"top-changer"}}]]),Ne={"top-loadbar":"top-loadbar"},Te={},Fe={class:"top-loadbar"};function Re(n,o){return e.openBlock(),e.createElementBlock("div",Fe)}const A=h(Te,[["render",Re],["__cssModules",{$style:Ne}]]);u.Button=se,u.ControlLabel=k,u.Core=p,u.Events=D,u.Hint=F,u.Input=V,u.Loadbar=A,u.Textarea=Me,u._export_sfc=h,u._window=B,u.avatar=ae,u.checkbox=re,u.dateFormat=v,u.dateUnformat=M,u.genDate=T,u.getCommandKeyLabel=I,u.inputDate=be,u.inputRange=ve,u.isApp=C,u.isMacOS=z,u.isMobile=E,u.isRetina=S,u.isSafari=H,u.radio=ke,u.select=De,u.stringToDate=J,u.switcher=$e});
|
|
3
|
-
//# sourceMappingURL=forms-DkNAMd-D.amd.js.map
|