@studio-west/component-sw 0.4.4 → 0.4.6
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/README.md +206 -12
- package/dist/{SwDatePicker-D_-zDJsH.js → SwDatePicker-dlSaDPOP.js} +1 -1
- package/dist/{SwInput-DTpAgsJQ.js → SwInput-B64Xbhmb.js} +1 -1
- package/dist/SwMessage-DQcnzMZB.js +51 -0
- package/dist/SwSection-CQfw3-el.js +37 -0
- package/dist/{SwSelect-0vcmQ8qv.js → SwSelect-C2RKinez.js} +20 -19
- package/dist/SwSkeleton-B7ysp8L9.js +26 -0
- package/dist/component-sw.css +1 -1
- package/dist/{index-CpWmMrQZ.js → index-DNuWic5b.js} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/SwMessage-BB2yKYsR.js +0 -53
- package/dist/SwSection-CaY8OFmf.js +0 -34
- package/dist/SwSkeleton-DWILNFfF.js +0 -28
package/README.md
CHANGED
|
@@ -19,22 +19,22 @@ The `Component SW` library provides a set of ready-to-use UI components on Vue 3
|
|
|
19
19
|
|
|
20
20
|
- [SwButton](#swbutton)
|
|
21
21
|
|
|
22
|
-
- [SwInput](#swinput)
|
|
23
|
-
|
|
24
22
|
- [SwCollapse](#swcollapse)
|
|
25
23
|
|
|
24
|
+
- [SwDatePicker](#swdatepicker)
|
|
25
|
+
|
|
26
26
|
- [SwDropdown](#swdropdown)
|
|
27
27
|
|
|
28
28
|
- [SwDropdownItem](#swdropdownitem)
|
|
29
29
|
|
|
30
|
-
- [
|
|
31
|
-
|
|
32
|
-
- [SwMtssage](#swmessage)
|
|
30
|
+
- [SwInput](#swinput)
|
|
33
31
|
|
|
34
|
-
- [
|
|
32
|
+
- [SwMessage](#swmessage)
|
|
35
33
|
|
|
36
34
|
- [SwSelect](#swselect)
|
|
37
35
|
|
|
36
|
+
- [SwSection](#swsection)
|
|
37
|
+
|
|
38
38
|
- [SwSkeleton](#swskeleton)
|
|
39
39
|
|
|
40
40
|
- [SwSkeletonItem](#swskeletonitem)
|
|
@@ -60,7 +60,8 @@ app.use(Library)
|
|
|
60
60
|
```
|
|
61
61
|
Установка в ручную светлой и темной темы - добавление к тегу `html` классов `dark` или `light` / Installation in a manual light and dark theme - adding to the tag `html` classes` dark` or `light`
|
|
62
62
|
|
|
63
|
-
|
|
63
|
+
### Пример использования / Example Usage
|
|
64
|
+
|
|
64
65
|
```js
|
|
65
66
|
const darkMode = () => {
|
|
66
67
|
if(mode.value === 'dark-theme') {
|
|
@@ -139,7 +140,29 @@ this.$Alert({message: 'Welcome!', type: 'success'});
|
|
|
139
140
|
Нажми меня / Click Me
|
|
140
141
|
</sw-button>
|
|
141
142
|
```
|
|
143
|
+
---
|
|
144
|
+
|
|
145
|
+
## SwCollapse
|
|
146
|
+
|
|
147
|
+
Компонент `SwCollapse` представляет собой аналог тегов <details> + <summary>, но с анимацией.
|
|
148
|
+
|
|
149
|
+
### Свойства / Properties
|
|
142
150
|
|
|
151
|
+
| Имя | Тип | Значения/Описание |
|
|
152
|
+
|----------|-----------|-------------------------------------|
|
|
153
|
+
| `visual` | `Boolean` | Видимость `'true'` - по умолчанию. |
|
|
154
|
+
|
|
155
|
+
### Слоты / Slots
|
|
156
|
+
|
|
157
|
+
Default - Контент для скрытия
|
|
158
|
+
|
|
159
|
+
### Пример использования / Example Usage
|
|
160
|
+
|
|
161
|
+
```html
|
|
162
|
+
<sw-collapse :visual="false">
|
|
163
|
+
<p>Скрытое / Hidden</p>
|
|
164
|
+
</sw-collapse>
|
|
165
|
+
```
|
|
143
166
|
---
|
|
144
167
|
|
|
145
168
|
## SwDatePicker
|
|
@@ -150,7 +173,7 @@ this.$Alert({message: 'Welcome!', type: 'success'});
|
|
|
150
173
|
|
|
151
174
|
| Имя | Тип | Значения/Описание |
|
|
152
175
|
|--------------|------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
|
|
153
|
-
| `data` | `Object` | Начальные данные - диапазон ( при `'solid'` - используется только `'startDate'`) изначальных выбранных дат {endDate: '14-04-2025', startDate:'30-03-2025', holiday: { preholidays: ["2020-03-30"], holidays: ["2020-03-30"], holiday: ["2020-03-30"], nowork: ["2020-03-30"] }},
|
|
176
|
+
| `data` | `Object` | Начальные данные - диапазон ( при `'solid'` - используется только `'startDate'`) изначальных выбранных дат {endDate: '14-04-2025', startDate:'30-03-2025', holiday: { preholidays: ["2020-03-30"], holidays: ["2020-03-30"], holiday: ["2020-03-30"], nowork: ["2020-03-30"] }}, ограничение не более 2х месяцев. |
|
|
154
177
|
| `limitation` | `Boolean, Array` | Массив ограничений дат: [{endDate: '14-04-2025', startDate:'30-03-2025'}], false - по умолчанию. |
|
|
155
178
|
| `range` | `String` | Тип календаря: `'year'`,`'range'`, `'solid'` - по умолчанию. |
|
|
156
179
|
|
|
@@ -168,7 +191,6 @@ input - событие выбора с данными {dateStart: "11.11.2011",
|
|
|
168
191
|
@selectPicker.stop="processing"
|
|
169
192
|
/>
|
|
170
193
|
```
|
|
171
|
-
|
|
172
194
|
---
|
|
173
195
|
|
|
174
196
|
## SwDropdown
|
|
@@ -187,6 +209,9 @@ input - событие выбора с данными {dateStart: "11.11.2011",
|
|
|
187
209
|
| `placement` | `String` | Относительное место всплытия `'bottom-left'` - по умолчанию, `'bottom'`, `'bottom-right'`, `'top-left'`, `'top'`, `'top-right'`, `'left'`, `'right'`. |
|
|
188
210
|
| `maxWidth` | `Number` | Максимальная ширина меню в пикселях. |
|
|
189
211
|
|
|
212
|
+
### Слоты / Slots
|
|
213
|
+
|
|
214
|
+
Default - текст описания или модуль / модули
|
|
190
215
|
|
|
191
216
|
### Пример использования / Example Usage
|
|
192
217
|
|
|
@@ -203,6 +228,39 @@ input - событие выбора с данными {dateStart: "11.11.2011",
|
|
|
203
228
|
```
|
|
204
229
|
---
|
|
205
230
|
|
|
231
|
+
## SwDropdownItem
|
|
232
|
+
|
|
233
|
+
Компонент SwDropdownItem это пункт во всплывающем меню с возможностью добавления в начало иконки.
|
|
234
|
+
|
|
235
|
+
### Свойства / Properties
|
|
236
|
+
|
|
237
|
+
|
|
238
|
+
| Имя | Тип | Значения/Описание |
|
|
239
|
+
|---------------|----------|--------------------------------------------------------------|
|
|
240
|
+
| `class` | `String` | Добавляет пользовательский CSS-класс к компоненту. |
|
|
241
|
+
| `size` | `String` | Размер поля: `'large'`, `'small'`. |
|
|
242
|
+
| `type` | `String` | `'primary'`, `'success'`, `'info'`, `'warning'`, `'danger'`. |
|
|
243
|
+
| `iconBefore` | `String` | Название иконки в коллекции. |
|
|
244
|
+
|
|
245
|
+
### Слоты / Slots
|
|
246
|
+
|
|
247
|
+
Default - текст названия или модуль
|
|
248
|
+
|
|
249
|
+
### Пример использования / Example Usage
|
|
250
|
+
|
|
251
|
+
```html
|
|
252
|
+
<script>let visual = false </script>
|
|
253
|
+
<sw-dropdown
|
|
254
|
+
class="custom-class"
|
|
255
|
+
trigger="none"
|
|
256
|
+
v-model="visual"
|
|
257
|
+
maxWidth="o250"
|
|
258
|
+
>
|
|
259
|
+
<sw-dropdown-item @cick="visual = true" iconBefore="documents">Описание</sw-dropdown-item>
|
|
260
|
+
</sw-dropdown>
|
|
261
|
+
```
|
|
262
|
+
---
|
|
263
|
+
|
|
206
264
|
## SwInput
|
|
207
265
|
|
|
208
266
|
Компонент SwInput представляет собой поле ввода с возможностью настройки внешнего вида и поведения.
|
|
@@ -255,6 +313,136 @@ focusInput - focus на поле ввода
|
|
|
255
313
|
</sw-input>
|
|
256
314
|
```
|
|
257
315
|
---
|
|
316
|
+
|
|
317
|
+
## SwMessage
|
|
318
|
+
|
|
319
|
+
Компонент SwMessage это выплывающее окно, центрируется по центру.
|
|
320
|
+
|
|
321
|
+
### Свойства / Properties
|
|
322
|
+
|
|
323
|
+
|
|
324
|
+
| Имя | Тип | Значения/Описание |
|
|
325
|
+
|-------------|-----------|-----------------------------------------------------------------------------|
|
|
326
|
+
| `name` | `String` | Добавляет текстовый заголовок, при отсутствии реализован слот `"header"`. |
|
|
327
|
+
| `class` | `String` | Добавляет пользовательский CSS-класс к компоненту. |
|
|
328
|
+
| `iconAfter` | `String` | Добавляет иконку из коллекции для кнопки закрытия (при наличии заголовка). |
|
|
329
|
+
|
|
330
|
+
### Слоты / Slots
|
|
331
|
+
|
|
332
|
+
#header - слот для заголовка окна.
|
|
333
|
+
|
|
334
|
+
#footer - слот для подвала.
|
|
335
|
+
|
|
336
|
+
### Пример использования / Example Usage
|
|
337
|
+
|
|
338
|
+
```html
|
|
339
|
+
<sw-message
|
|
340
|
+
v-model="model"
|
|
341
|
+
name="Message"
|
|
342
|
+
class="custom-class"
|
|
343
|
+
>
|
|
344
|
+
<p>Описание / Description</p>
|
|
345
|
+
</sw-message>
|
|
346
|
+
```
|
|
347
|
+
---
|
|
348
|
+
|
|
349
|
+
## SwSection
|
|
350
|
+
|
|
351
|
+
Компонент SwSection это тег section с шаблоном из слотов, по умолчанию в слот #header добавлено заголовок и иконка.
|
|
352
|
+
|
|
353
|
+
### Свойства / Properties
|
|
354
|
+
|
|
355
|
+
|
|
356
|
+
| Имя | Тип | Значения/Описание |
|
|
357
|
+
|-------------|-----------|----------------------------------------------------|
|
|
358
|
+
| `name` | `String` | Добавляет заголовок в секцию. |
|
|
359
|
+
| `class` | `String` | Добавляет пользовательский CSS-класс к компоненту. |
|
|
360
|
+
| `iconAfter` | `String` | Добавляет иконку из коллекции. |
|
|
361
|
+
|
|
362
|
+
### Слоты / Slots
|
|
363
|
+
|
|
364
|
+
#header - слот для заголовка секции.
|
|
365
|
+
|
|
366
|
+
Default - содержимое секции
|
|
367
|
+
|
|
368
|
+
#footer - слот для подвала секции.
|
|
369
|
+
|
|
370
|
+
### События / Events
|
|
371
|
+
|
|
372
|
+
header - клик по всему Header
|
|
373
|
+
|
|
374
|
+
### Пример использования / Example Usage
|
|
375
|
+
|
|
376
|
+
```html
|
|
377
|
+
<sw-section
|
|
378
|
+
name="section"
|
|
379
|
+
class="custom-class"
|
|
380
|
+
iconAfter="cross"
|
|
381
|
+
>
|
|
382
|
+
<p>Содержимое / Content</p>
|
|
383
|
+
<template #footer>
|
|
384
|
+
<p>Footer!</p>
|
|
385
|
+
</template>
|
|
386
|
+
</sw-section>
|
|
387
|
+
```
|
|
388
|
+
---
|
|
389
|
+
|
|
390
|
+
## SwSelect
|
|
391
|
+
|
|
392
|
+
Компонент SwSelect - реализация подсказок для https://dadata.ru/api/suggest/address/.
|
|
393
|
+
|
|
394
|
+
### Свойства / Properties
|
|
395
|
+
|
|
396
|
+
|
|
397
|
+
| Имя | Тип | Значения/Описание |
|
|
398
|
+
|----------------|-----------|-----------------------------------------------|
|
|
399
|
+
| `class` | `String` | Добавляет пользовательский CSS-класс к popup. |
|
|
400
|
+
| `size` | `String` | Размер поля: `'large'`, `'small'`. |
|
|
401
|
+
| `placeholder` | `String` | Добавляет в placeholder описание. |
|
|
402
|
+
| `token` | `String` | API-ключ для DADATA. |
|
|
403
|
+
|
|
404
|
+
|
|
405
|
+
### Пример использования / Example Usage
|
|
406
|
+
|
|
407
|
+
```html
|
|
408
|
+
<sw-select
|
|
409
|
+
v-model="model"
|
|
410
|
+
class="custom-class"
|
|
411
|
+
placeholder="placeholder"
|
|
412
|
+
:token="${API_KEY}"
|
|
413
|
+
/>
|
|
414
|
+
```
|
|
415
|
+
---
|
|
416
|
+
|
|
417
|
+
## SwSkeleton
|
|
418
|
+
|
|
419
|
+
Компонент SwSkeleton используется для анимации загрузки данных, выступая оболочкой компонента SwSkeletonItem или пользовательского компонента при использовании слота #skeleton
|
|
420
|
+
|
|
421
|
+
### Свойства / Properties
|
|
422
|
+
|
|
423
|
+
|
|
424
|
+
| Имя | Тип | Значения/Описание |
|
|
425
|
+
|----------|-----------|----------------------------------------------------|
|
|
426
|
+
| `class` | `String` | Добавляет пользовательский CSS-класс к компоненту. |
|
|
427
|
+
| `visual` | `Boolean` | Тригер на переключение. |
|
|
428
|
+
|
|
429
|
+
### Слоты / Slots
|
|
430
|
+
|
|
431
|
+
Default - Содержимое
|
|
432
|
+
|
|
433
|
+
#skeleton - слот для skeleton
|
|
434
|
+
|
|
435
|
+
### Пример использования / Example Usage
|
|
436
|
+
|
|
437
|
+
```html
|
|
438
|
+
<sw-skeleton
|
|
439
|
+
:visual="visual"
|
|
440
|
+
>
|
|
441
|
+
<p>Содержимое / Content</p>
|
|
442
|
+
</sw-skeleton>
|
|
443
|
+
```
|
|
444
|
+
---
|
|
445
|
+
|
|
258
446
|
## SwSwitch
|
|
259
447
|
|
|
260
448
|
Компонент SwSwitch представляет собой чекбокс с возможностью настройки внешнего вида галочка | переключатель | переключатель с подписью и поведения.
|
|
@@ -272,6 +460,10 @@ focusInput - focus на поле ввода
|
|
|
272
460
|
| `off` | `String` | Текст при false. |
|
|
273
461
|
| `checkbox` | `Boolean` | Визуализирует как обычный чекбокс. |
|
|
274
462
|
|
|
463
|
+
### Слоты / Slots
|
|
464
|
+
|
|
465
|
+
Default - текст описания
|
|
466
|
+
|
|
275
467
|
### Пример использования / Example Usage
|
|
276
468
|
|
|
277
469
|
```html
|
|
@@ -283,15 +475,17 @@ focusInput - focus на поле ввода
|
|
|
283
475
|
on="on"
|
|
284
476
|
off="off"
|
|
285
477
|
>
|
|
286
|
-
<p
|
|
478
|
+
<p>Описание / Description</p>
|
|
287
479
|
</sw-switch>
|
|
288
480
|
```
|
|
289
481
|
---
|
|
290
482
|
|
|
291
483
|
### Лицензия / License
|
|
292
484
|
|
|
293
|
-
Этот проект распространяется под лицензией MIT. Подробности см. в файле LICENSE .
|
|
485
|
+
Этот проект распространяется под лицензией MIT. Подробности см. в файле LICENSE . /
|
|
294
486
|
This project is distributed under the MIT License. For details, see the LICENSE file.
|
|
487
|
+
|
|
295
488
|
---
|
|
296
|
-
|
|
489
|
+
|
|
490
|
+
Если у вас есть вопросы или предложения, пожалуйста, создайте issue на почту info@studiowest.ru. /
|
|
297
491
|
If you have any questions or suggestions, please create an issue to E-mail info@studiowest.ru.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ref as f, computed as te, createElementBlock as v, openBlock as i, createElementVNode as s, createCommentVNode as S, withModifiers as g, toDisplayString as y, unref as M, Fragment as _, renderList as Y, normalizeClass as H } from "vue";
|
|
2
|
-
import { p as x } from "./index-
|
|
2
|
+
import { p as x } from "./index-DNuWic5b.js";
|
|
3
3
|
const ae = { class: "sw-data-picker" }, ne = { class: "month_year" }, le = { class: "text" }, oe = {
|
|
4
4
|
key: 0,
|
|
5
5
|
class: "week"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { mergeModels as y, useModel as V, ref as C, computed as I, watch as M, createElementBlock as d, openBlock as i, normalizeClass as A, createBlock as v, renderSlot as _, createCommentVNode as x, withDirectives as E, createTextVNode as N, toDisplayString as R, createElementVNode as T, vModelDynamic as F } from "vue";
|
|
2
|
-
import { S } from "./index-
|
|
2
|
+
import { S } from "./index-DNuWic5b.js";
|
|
3
3
|
const O = ["for"], U = {
|
|
4
4
|
key: 0,
|
|
5
5
|
title: "Это поле обязательно для заполнения."
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { mergeModels as f, useModel as u, ref as p, resolveComponent as g, createElementBlock as a, createCommentVNode as r, openBlock as m, normalizeClass as y, renderSlot as o, createElementVNode as _, createTextVNode as k, createVNode as i, toDisplayString as v, withCtx as V } from "vue";
|
|
2
|
+
import S from "./SwButton-0uPLNlAn.js";
|
|
3
|
+
const C = { key: 0 }, N = {
|
|
4
|
+
__name: "SwMessage",
|
|
5
|
+
props: /* @__PURE__ */ f({
|
|
6
|
+
name: { type: String, default: "" },
|
|
7
|
+
class: { type: String, default: "" },
|
|
8
|
+
iconAfter: { type: String, default: "" }
|
|
9
|
+
}, {
|
|
10
|
+
modelValue: {},
|
|
11
|
+
modelModifiers: {}
|
|
12
|
+
}),
|
|
13
|
+
emits: ["update:modelValue"],
|
|
14
|
+
setup(s) {
|
|
15
|
+
const l = u(s, "modelValue"), e = s, c = p(null);
|
|
16
|
+
return (t, n) => {
|
|
17
|
+
const d = g("svg-icon");
|
|
18
|
+
return l.value ? (m(), a("div", {
|
|
19
|
+
key: 0,
|
|
20
|
+
class: y(["sw-message", e.class]),
|
|
21
|
+
ref_key: "messageRef",
|
|
22
|
+
ref: c
|
|
23
|
+
}, [
|
|
24
|
+
e.name.length > 0 ? (m(), a("header", C, [
|
|
25
|
+
o(t.$slots, "header", {}, () => [
|
|
26
|
+
k(v(e.name) + " ", 1),
|
|
27
|
+
i(S, {
|
|
28
|
+
link: "",
|
|
29
|
+
type: "primary",
|
|
30
|
+
onClick: n[0] || (n[0] = ($) => l.value = !1)
|
|
31
|
+
}, {
|
|
32
|
+
default: V(() => [
|
|
33
|
+
i(d, {
|
|
34
|
+
"icon-class": e.iconAfter
|
|
35
|
+
}, null, 8, ["icon-class"])
|
|
36
|
+
]),
|
|
37
|
+
_: 1
|
|
38
|
+
})
|
|
39
|
+
])
|
|
40
|
+
])) : r("", !0),
|
|
41
|
+
o(t.$slots, "default"),
|
|
42
|
+
_("footer", null, [
|
|
43
|
+
o(t.$slots, "footer")
|
|
44
|
+
])
|
|
45
|
+
], 2)) : r("", !0);
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
export {
|
|
50
|
+
N as default
|
|
51
|
+
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { resolveComponent as i, createElementBlock as d, openBlock as m, normalizeClass as p, createElementVNode as n, renderSlot as o, createTextVNode as f, createVNode as u, toDisplayString as S } from "vue";
|
|
2
|
+
const _ = {
|
|
3
|
+
__name: "SwSection",
|
|
4
|
+
props: {
|
|
5
|
+
name: { type: String, default: "" },
|
|
6
|
+
class: { type: String, default: "" },
|
|
7
|
+
iconAfter: { type: String, default: "" }
|
|
8
|
+
},
|
|
9
|
+
emits: ["header"],
|
|
10
|
+
setup(s, { emit: r }) {
|
|
11
|
+
const e = s, a = r, c = () => {
|
|
12
|
+
a("header");
|
|
13
|
+
};
|
|
14
|
+
return (t, g) => {
|
|
15
|
+
const l = i("svg-icon");
|
|
16
|
+
return m(), d("section", {
|
|
17
|
+
class: p(e.class)
|
|
18
|
+
}, [
|
|
19
|
+
n("header", { onClick: c }, [
|
|
20
|
+
o(t.$slots, "header", {}, () => [
|
|
21
|
+
f(S(e.name) + " ", 1),
|
|
22
|
+
u(l, {
|
|
23
|
+
"icon-class": e.iconAfter
|
|
24
|
+
}, null, 8, ["icon-class"])
|
|
25
|
+
])
|
|
26
|
+
]),
|
|
27
|
+
o(t.$slots, "default"),
|
|
28
|
+
n("footer", null, [
|
|
29
|
+
o(t.$slots, "footer")
|
|
30
|
+
])
|
|
31
|
+
], 2);
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
export {
|
|
36
|
+
_ as default
|
|
37
|
+
};
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { mergeModels as x, ref as u, useModel as _, watch as
|
|
2
|
-
const
|
|
1
|
+
import { mergeModels as x, ref as u, useModel as _, watch as p, resolveComponent as T, createElementBlock as i, openBlock as c, createVNode as k, withDirectives as y, createElementVNode as v, Fragment as S, renderList as b, toDisplayString as z, vShow as V } from "vue";
|
|
2
|
+
const w = { class: "popup" }, C = { class: "wrapper" }, N = { class: "scrollbar" }, D = ["onClick"], A = {
|
|
3
3
|
__name: "SwSelect",
|
|
4
4
|
props: /* @__PURE__ */ x({
|
|
5
|
-
name: { type: String, default: "" },
|
|
6
5
|
class: { type: String, default: "" },
|
|
6
|
+
size: { type: String, default: "large" },
|
|
7
|
+
// 'large', 'small'
|
|
7
8
|
placeholder: { type: String, default: "" },
|
|
8
9
|
token: { type: String, default: "" }
|
|
9
10
|
}, {
|
|
@@ -12,10 +13,10 @@ const C = { class: "popup" }, N = { class: "wrapper" }, D = { class: "scrollbar"
|
|
|
12
13
|
}),
|
|
13
14
|
emits: ["update:modelValue"],
|
|
14
15
|
setup(s) {
|
|
15
|
-
const l = u({ fullText: "" }), n = u(!1), o = u([]),
|
|
16
|
-
|
|
16
|
+
const l = u({ fullText: "" }), n = u(!1), o = u([]), d = _(s, "modelValue"), r = s;
|
|
17
|
+
p(d.text, (e) => {
|
|
17
18
|
e.length > 3 && (l.value.fullText = e);
|
|
18
|
-
}),
|
|
19
|
+
}), p(l.value.fullText, (e, t) => {
|
|
19
20
|
n.value = e.length > 3 && e.length > t.length, e.length > 3 && f();
|
|
20
21
|
});
|
|
21
22
|
const f = () => {
|
|
@@ -29,38 +30,38 @@ const C = { class: "popup" }, N = { class: "wrapper" }, D = { class: "scrollbar"
|
|
|
29
30
|
headers: {
|
|
30
31
|
"Content-Type": "application/json",
|
|
31
32
|
Accept: "application/json",
|
|
32
|
-
Authorization: "Token " +
|
|
33
|
+
Authorization: "Token " + r.token
|
|
33
34
|
}
|
|
34
35
|
}
|
|
35
36
|
).then((t) => {
|
|
36
|
-
console.log(t.data.suggestions), o.value = t.data.suggestions, o.value.length === 1 &&
|
|
37
|
+
console.log(t.data.suggestions), o.value = t.data.suggestions, o.value.length === 1 && g(o.value[0]);
|
|
37
38
|
}).catch((t) => {
|
|
38
39
|
console.log(t);
|
|
39
40
|
});
|
|
40
|
-
},
|
|
41
|
+
}, g = (e) => {
|
|
41
42
|
l.value.fullText = e.value, n.value = !1;
|
|
42
43
|
const t = {};
|
|
43
|
-
t.text = e.value, t.coords = [Number(e.data.geo_lat), Number(e.data.geo_lon)], t.suggestion = e.data,
|
|
44
|
+
t.text = e.value, t.coords = [Number(e.data.geo_lat), Number(e.data.geo_lon)], t.suggestion = e.data, d.value = t;
|
|
44
45
|
};
|
|
45
46
|
return (e, t) => {
|
|
46
47
|
const h = T("sw-input");
|
|
47
|
-
return
|
|
48
|
+
return c(), i("div", w, [
|
|
48
49
|
k(h, {
|
|
49
|
-
size:
|
|
50
|
+
size: r.size,
|
|
50
51
|
modelValue: l.value.fullText,
|
|
51
52
|
"onUpdate:modelValue": t[0] || (t[0] = (a) => l.value.fullText = a),
|
|
52
53
|
placeholder: s.placeholder
|
|
53
|
-
}, null, 8, ["modelValue", "placeholder"]),
|
|
54
|
-
y(
|
|
55
|
-
|
|
56
|
-
(
|
|
54
|
+
}, null, 8, ["size", "modelValue", "placeholder"]),
|
|
55
|
+
y(v("div", C, [
|
|
56
|
+
v("ul", N, [
|
|
57
|
+
(c(!0), i(S, null, b(o.value, (a, m) => (c(), i("li", {
|
|
57
58
|
tabindex: "1",
|
|
58
59
|
key: m,
|
|
59
|
-
onClick: (
|
|
60
|
-
},
|
|
60
|
+
onClick: (M) => g(a)
|
|
61
|
+
}, z(a.value), 9, D))), 128))
|
|
61
62
|
])
|
|
62
63
|
], 512), [
|
|
63
|
-
[
|
|
64
|
+
[V, n.value]
|
|
64
65
|
])
|
|
65
66
|
]);
|
|
66
67
|
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { renderSlot as l, createElementBlock as a, openBlock as o, normalizeClass as n, createVNode as r } from "vue";
|
|
2
|
+
import c from "./SwSkeletonItem-CU7LvihY.js";
|
|
3
|
+
const f = {
|
|
4
|
+
__name: "SwSkeleton",
|
|
5
|
+
props: {
|
|
6
|
+
class: { type: String, default: "" },
|
|
7
|
+
visual: { type: Boolean, default: !1 }
|
|
8
|
+
},
|
|
9
|
+
setup(t) {
|
|
10
|
+
const e = t;
|
|
11
|
+
return (s, i) => e.visual ? l(s.$slots, "default", { key: 0 }) : (o(), a("div", {
|
|
12
|
+
key: 1,
|
|
13
|
+
class: n(["sw-skeleton", e.class])
|
|
14
|
+
}, [
|
|
15
|
+
l(s.$slots, "skeleton", {}, () => [
|
|
16
|
+
r(c, {
|
|
17
|
+
animate: "",
|
|
18
|
+
size: "small"
|
|
19
|
+
})
|
|
20
|
+
])
|
|
21
|
+
], 2));
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
export {
|
|
25
|
+
f as default
|
|
26
|
+
};
|
package/dist/component-sw.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";:root{--sw-color-default: #DFDFDF;--sw-color-primary: #3EAF4E;--sw-color-success: #8d800d;--sw-color-info: #C0C0C0;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-color-preholiday: #FFE78070;--sw-color-weekend: #ff808070;--sw-color-select: #007bff70;--sw-color-holiday: #ff0000;--sw-color-nowork: #ff0000;--sw-color-active: #007bff;--sw-text-color-primary: #333333;--sw-text-color-secondary: #4C4C4C;--sw-text-color-third: #818181;--sw-text-color-revers: white;--sw-bg-color: #f4f4f4;--sw-bg-color-page: white;--sw-bg-color-second: #FAFAFA;--sw-border-color: #D6D6D6;--sw-border-color-input: #CECECE;--sw-font-size: 1rem;--sw-font-size-small: .875rem;--sw-font-size-large: 1.125rem;--sw-font-size-big: 2.8rem;--sw-border-radius: .625rem;--sw-border-radius-small: .25rem;--sw-border-round: 3.625rem;--sw-component-size-base: 3rem;--sw-component-size-small: 1.625rem;--sw-component-size-large: 3.5rem;--sw-component-size-big: 10.5rem;font-family:Montserrat,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--sw-text-color-primary);background-color:var(--sw-bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.dark{--sw-color-default: #4E4E4E;--sw-color-primary: #38A151;--sw-color-success: #FFE603;--sw-color-info: #808185;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-text-color-primary: white;--sw-text-color-secondary: #FAFAFA;--sw-text-color-third: #FAFAFA;--sw-text-color-revers: white;--sw-bg-color: #182127;--sw-bg-color-page: #323741;--sw-bg-color-second: #232832;--sw-border-color: #4E4E4E;--sw-border-color-input: #5C5E63;--sw-shadow: 0 100px 80px rgba(0, 0, 0, .03), 0 41.7776px 33.4221px rgba(0, 0, 0, .0215656), 0 22.3363px 17.869px rgba(0, 0, 0, .0178832), 0 12.5216px 10.0172px rgba(0, 0, 0, .015), 0 6.6501px 5.32008px rgba(0, 0, 0, .0121168), 0 2.76726px 2.21381px rgba(0, 0, 0, .00843437)}@media (prefers-color-scheme: dark){:root:not(.light){--sw-color-default: #4E4E4E;--sw-color-primary: #38A151;--sw-color-success: #FFE603;--sw-color-info: #808185;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-text-color-primary: white;--sw-text-color-secondary: #FAFAFA;--sw-text-color-third: #FAFAFA;--sw-text-color-revers: white;--sw-bg-color: #182127;--sw-bg-color-page: #323741;--sw-bg-color-second: #232832;--sw-border-color: #4E4E4E;--sw-border-color-input: #5C5E63;--sw-shadow: 0 100px 80px rgba(0, 0, 0, .03), 0 41.7776px 33.4221px rgba(0, 0, 0, .0215656), 0 22.3363px 17.869px rgba(0, 0, 0, .0178832), 0 12.5216px 10.0172px rgba(0, 0, 0, .015), 0 6.6501px 5.32008px rgba(0, 0, 0, .0121168), 0 2.76726px 2.21381px rgba(0, 0, 0, .00843437)}}.sw-alert-wrapper{position:fixed;z-index:1;top:0}.sw-alert-wrapper .sw-alert{padding:.625rem 1rem;margin-top:1rem;border-radius:var(--sw-border-radius);color:var(--sw-text-color-revers)}.sw-alert-wrapper .sw-alert .svg-icon{flex-shrink:0}.sw-alert-wrapper .sw-alert .svg-icon:first-child{margin-right:1rem}.sw-alert-wrapper .sw-alert .fade-enter-active,.sw-alert-wrapper .sw-alert .fade-leave-active{transition:opacity .5s}.sw-alert-wrapper .sw-alert .fade-enter-from,.sw-alert-wrapper .sw-alert .fade-leave-to{opacity:0}.sw-tabs{-webkit-user-select:none;user-select:none}.sw-tabs>header{display:flex;border-bottom:2px solid var(--sw-color-info);color:var(--sw-color-info);-webkit-user-select:none;user-select:none;font-size:var(--sw-font-size-small);font-weight:400;margin-bottom:1.25rem;transition:all .6s ease-out}.sw-tabs>header span{position:relative;top:2px;border-radius:0;padding:5px;cursor:pointer;border:none;background:none;outline:none}.sw-tabs>header span.active{border-bottom:2px solid var(--sw-color-primary);color:var(--sw-color-primary);font-weight:700}.sw-tabs>header span:hover:not(.active){color:var(--sw-border-color)}.sw-input{display:flex;align-items:center;position:relative;gap:0 1.75rem;padding:0 1.2em;border:1px solid var(--sw-border-color-input);border-radius:var(--sw-border-radius)}.sw-input label{text-align:left;transition:all .2s .2s linear;position:absolute;font-size:var(--sw-font-size-large);line-height:1;top:1.1rem;background:var(--sw-bg-color-page)}.sw-input label:hover{top:.8rem}.sw-input label+input::placeholder{opacity:0}.sw-input input{line-height:var(--sw-component-size-base);border:none;width:100%;font-size:var(--sw-font-size-large);background:none;outline:none}.sw-input input::placeholder{color:var(--sw-text-color-secondary);opacity:1;transition:opacity .2s .2s linear}.sw-input input:focus::placeholder{opacity:1}.sw-input .svg-icon{font-size:20px;color:var(--sw-text-color-third)}.sw-input>svg+label{left:4rem}.sw-input.sw-small label{top:.3rem}.sw-input.sw-small label:hover{top:0}.sw-input.sw-small input{line-height:var(--sw-component-size-small)}.sw-input.sw-large label{top:1.22rem}.sw-input.sw-large label:hover{top:1rem}.sw-input.sw-large input{line-height:var(--sw-component-size-large)}.sw-button{border-radius:1rem;border:1px solid var(--sw-color-default);padding:0 1.2em;min-height:var(--sw-component-size-base);font-size:var(--sw-font-size);font-weight:500;cursor:pointer;transition:border-color .25s;background-color:var(--sw-color-default);color:var(--sw-text-color-revers)}.sw-form-item{display:flex;justify-content:space-between;font-size:var(--sw-font-size-small);color:var(--sw-text-color-secondary);gap:1rem}.sw-form-item.sw-start{justify-content:flex-start}.sw-form-item.sw-end{justify-content:flex-end}.sw-form-item.sw-around{justify-content:space-around}.sw-form-item.sw-center{justify-content:center}.sw-dropdown{position:relative;display:inline-block;outline:none}.sw-dropdown-popup{z-index:3;padding:8px;min-width:200px;margin:0;-webkit-user-select:none;user-select:none;background-color:var(--sw-bg-color-second);border:1px solid var(--sw-border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a}.sw-dropdown-item{display:block;outline:none;-webkit-user-select:none;user-select:none}.sw-dropdown-item svg{margin-right:.5rem}.sw-dropdown-item:hover{color:var(--sw-color-primary)}.sw-collapse{transition:all .3s ease-out;overflow:hidden;box-sizing:border-box;margin:0}.sw-switch{display:inline-flex;align-items:center;box-sizing:border-box;-webkit-user-select:none;user-select:none}.sw-switch>input{display:none}.sw-switch>input:checked+label{background-color:var(--sw-color-primary)}.sw-switch>input:checked+label:before{color:var(--sw-text-color-revers);content:attr(data-onlabel);left:.5rem;right:auto}.sw-switch>input:checked+label:after{background:#f7f7f7;left:2.125rem}.sw-switch>label{background-color:var(--sw-color-info);border-radius:1rem;cursor:pointer;flex:0 0 4rem;height:1.75rem;margin:.5rem;position:relative;transition:all .3s;width:4rem}.sw-switch>label:before{color:var(--sw-text-color-revers);content:attr(data-offlabel);display:block;font-size:1rem;position:absolute;right:.5rem;transition:all .3s}.sw-switch>label:after{background:var(--sw-text-color-revers);border:1px solid var(--sw-color-info);border-radius:50%;content:"";height:2rem;left:-.125rem;position:absolute;top:-.125rem;transition:all .3s;width:2rem}.sw-switch.sw-small>label{width:3.125rem;flex:0 0 3.125rem}.sw-switch.sw-small>label:before{content:""}.sw-switch.sw-small>label:after{content:"";left:.15rem;top:.125rem;width:1.375rem;height:1.375rem}.sw-switch.sw-small>input:checked+label:before{content:""}.sw-switch.sw-small>input:checked+label:after{left:1.475rem}.sw-switch.sw-checkbox label{border-radius:var(--sw-border-radius-small);background:var(--sw-bg-color-pag);border:1px solid var(--sw-border-color-input);height:.875rem;flex:0 0 .875rem}.sw-switch.sw-checkbox label:after{content:none}.sw-switch.sw-checkbox>input:checked+label{background:var(--sw-bg-color-page)}.sw-switch.sw-checkbox>input:checked+label:before{content:"✔";color:var(--sw-color-primary);top:-.9rem;left:0;font-size:1.6rem}.sw-skeleton{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-end}.sw-skeleton-item{min-height:var(--sw-component-size-base);width:100%;background:var(--sw-bg-color-second);border-radius:var(--sw-border-radius);border:1px solid var(--sw-bg-color);box-sizing:border-box;overflow:hidden;position:relative}.sw-skeleton-item>div{height:100%;width:10px;background:var(--sw-border-color-input);display:inline-block;animation:sw-skeleton 3s linear infinite normal;position:absolute;transform:skew(-20deg);box-shadow:0 0 20px 20px var(--sw-border-color-input)}.sw-message{position:fixed;z-index:3;background-color:var(--sw-bg-color-page);border:1px solid var(--sw-border-color);border-radius:var(--sw-border-radius);padding:1.875rem;box-sizing:border-box;top:50%;left:50%;transform:translateY(-50%) translate(-50%);min-width:16rem;max-width:95%;max-height:95%}.sw-message>header{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.sw-message>footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.sw-modal-footer{margin-top:1rem;display:flex;gap:.5rem;justify-content:flex-end}.sw-data-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.sw-data-picker .month_year{display:flex;justify-content:space-around;align-items:center}.sw-data-picker .month_year span:not(.text) button{font-size:1.3em}.sw-data-picker button{color:var(--sw-text-color-primary);height:30px;text-align:center;line-height:30px;cursor:pointer;background:none;border:none;border-radius:.2rem;transition:all .3s ease}.sw-data-picker button:hover:not(.disabled):not(.active){color:var(--sw-color-primary)}.sw-data-picker .week{border-bottom:1px solid var(--sw-color-info);margin-bottom:.5rem}.sw-data-picker .month,.sw-data-picker .week{width:250px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:.2rem}.sw-data-picker .month>button,.sw-data-picker .week>button{width:30px}.sw-data-picker .month>button.disabled,.sw-data-picker .week>button.disabled{color:var(--sw-color-info);cursor:not-allowed}.sw-data-picker .month>button.preholiday,.sw-data-picker .week>button.preholiday{background-color:var(--sw-color-preholiday)}.sw-data-picker .month>button.weekend,.sw-data-picker .week>button.weekend{background-color:var(--sw-color-weekend)}.sw-data-picker .month>button.select,.sw-data-picker .week>button.select{background-color:var(--sw-color-select)}.sw-data-picker .month>button.holiday,.sw-data-picker .week>button.holiday{background-color:var(--sw-color-holiday)}.sw-data-picker .month>button.nowork,.sw-data-picker .week>button.nowork{background-color:var(--sw-color-nowork)}.sw-data-picker .month>button.active,.sw-data-picker .week>button.active{background-color:var(--sw-color-active)}.sw-data-picker .year{width:250px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:.2rem;border-top:1px solid var(--sw-color-info)}.sw-data-picker .year>button.disabled{color:var(--sw-color-info);cursor:not-allowed}.sw-round{border-radius:var(--sw-border-round)}.sw-small{min-height:var(--sw-component-size-small)}.sw-large{min-height:var(--sw-component-size-large)}.sw-big{min-height:var(--sw-component-size-big)}.sw-primary{background-color:var(--sw-color-primary);border-color:var(--sw-color-primary)}.sw-success{background-color:var(--sw-color-success);border-color:var(--sw-color-success)}.sw-info{background-color:var(--sw-color-info);border-color:var(--sw-color-info)}.sw-warning{background-color:var(--sw-color-warning);border-color:var(--sw-color-warning)}.sw-danger{background-color:var(--sw-color-danger);border-color:var(--sw-color-danger)}.sw-text{color:var(--sw-color-default);background:none}.sw-text.sw-primary{color:var(--sw-color-primary)}.sw-text.sw-success{color:var(--sw-color-success)}.sw-text.sw-info{color:var(--sw-color-info)}.sw-text.sw-warning{color:var(--sw-color-warning)}.sw-text.sw-danger{color:var(--sw-color-danger)}.sw-link{background:none;border:none;padding:0;color:var(--sw-text-color-secondary);min-height:1em}.sw-link:hover.sw-primary{color:var(--sw-color-primary)}.sw-link:hover.sw-success{color:var(--sw-color-success)}.sw-link:hover.sw-info{color:var(--sw-color-info)}.sw-link:hover.sw-warning{color:var(--sw-color-warning)}.sw-link:hover.sw-danger{color:var(--sw-color-danger)}.sw-wrapper-alert{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@keyframes sw-skeleton{0%{left:-50px}to{left:calc(50px + 100%)}}.popup{position:relative}.popup .wrapper{position:absolute;z-index:1;list-style:none;font-size:.8rem;line-height:1.2;word-break:break-word;padding:0;margin:10px 0 0}.popup .wrapper :before{content:"";border-bottom-color:transparent!important;border-left-color:transparent!important;border:1px solid var(--el-border-color-light);background:var(--el-bg-color-overlay);right:50%;top:-6px;position:absolute;width:10px;height:10px;z-index:1;transform:rotate(-45deg)}.popup .scrollbar{box-shadow:0 0 0 1px var(--el-border-color);border-radius:var(--el-border-radius-base);background:#fff;padding:.5rem 0;margin:0}.popup .scrollbar li{display:flex;align-items:start;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);cursor:pointer;outline:none}.popup .scrollbar li:not(.is-disabled):focus{background:var(--el-dropdown-menuItem-hover-fill);color:var(--el-dropdown-menuItem-hover-color)}
|
|
1
|
+
@charset "UTF-8";:root{--sw-color-default: #DFDFDF;--sw-color-primary: #3EAF4E;--sw-color-success: #0d588d;--sw-color-info: #C0C0C0;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-color-preholiday: #FFE78070;--sw-color-weekend: #ff808070;--sw-color-select: #007bff70;--sw-color-holiday: #ff0000;--sw-color-nowork: #ff0000;--sw-color-active: #007bff;--sw-text-color-primary: #333333;--sw-text-color-secondary: #4C4C4C;--sw-text-color-third: #818181;--sw-text-color-revers: white;--sw-bg-color: #f4f4f4;--sw-bg-color-page: white;--sw-bg-color-second: #FAFAFA;--sw-border-color: #D6D6D6;--sw-border-color-input: #CECECE;--sw-font-size: 1rem;--sw-font-size-small: .875rem;--sw-font-size-large: 1.125rem;--sw-font-size-big: 2.8rem;--sw-border-radius: .625rem;--sw-border-radius-small: .25rem;--sw-border-round: 3.625rem;--sw-component-size-base: 3rem;--sw-component-size-small: 1.625rem;--sw-component-size-large: 3.5rem;--sw-component-size-big: 10.5rem;font-family:Montserrat,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--sw-text-color-primary);background-color:var(--sw-bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.dark{--sw-color-default: #4E4E4E;--sw-color-primary: #38A151;--sw-color-success: #035bff;--sw-color-info: #808185;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-text-color-primary: white;--sw-text-color-secondary: #FAFAFA;--sw-text-color-third: #FAFAFA;--sw-text-color-revers: white;--sw-bg-color: #182127;--sw-bg-color-page: #323741;--sw-bg-color-second: #232832;--sw-border-color: #4E4E4E;--sw-border-color-input: #5C5E63;--sw-shadow: 0 100px 80px rgba(0, 0, 0, .03), 0 41.7776px 33.4221px rgba(0, 0, 0, .0215656), 0 22.3363px 17.869px rgba(0, 0, 0, .0178832), 0 12.5216px 10.0172px rgba(0, 0, 0, .015), 0 6.6501px 5.32008px rgba(0, 0, 0, .0121168), 0 2.76726px 2.21381px rgba(0, 0, 0, .00843437)}@media (prefers-color-scheme: dark){:root:not(.light){--sw-color-default: #4E4E4E;--sw-color-primary: #38A151;--sw-color-success: #035bff;--sw-color-info: #808185;--sw-color-warning: #FF7A00;--sw-color-danger: #CC2D4A;--sw-text-color-primary: white;--sw-text-color-secondary: #FAFAFA;--sw-text-color-third: #FAFAFA;--sw-text-color-revers: white;--sw-bg-color: #182127;--sw-bg-color-page: #323741;--sw-bg-color-second: #232832;--sw-border-color: #4E4E4E;--sw-border-color-input: #5C5E63;--sw-shadow: 0 100px 80px rgba(0, 0, 0, .03), 0 41.7776px 33.4221px rgba(0, 0, 0, .0215656), 0 22.3363px 17.869px rgba(0, 0, 0, .0178832), 0 12.5216px 10.0172px rgba(0, 0, 0, .015), 0 6.6501px 5.32008px rgba(0, 0, 0, .0121168), 0 2.76726px 2.21381px rgba(0, 0, 0, .00843437)}}.sw-alert-wrapper{position:fixed;z-index:1;top:0}.sw-alert-wrapper .sw-alert{padding:.625rem 1rem;margin-top:1rem;border-radius:var(--sw-border-radius);color:var(--sw-text-color-revers)}.sw-alert-wrapper .sw-alert .svg-icon{flex-shrink:0}.sw-alert-wrapper .sw-alert .svg-icon:first-child{margin-right:1rem}.sw-alert-wrapper .sw-alert .fade-enter-active,.sw-alert-wrapper .sw-alert .fade-leave-active{transition:opacity .5s}.sw-alert-wrapper .sw-alert .fade-enter-from,.sw-alert-wrapper .sw-alert .fade-leave-to{opacity:0}.sw-tabs{-webkit-user-select:none;user-select:none}.sw-tabs>header{display:flex;border-bottom:2px solid var(--sw-color-info);color:var(--sw-color-info);-webkit-user-select:none;user-select:none;font-size:var(--sw-font-size-small);font-weight:400;margin-bottom:1.25rem;transition:all .6s ease-out}.sw-tabs>header span{position:relative;top:2px;border-radius:0;padding:5px;cursor:pointer;border:none;background:none;outline:none}.sw-tabs>header span.active{border-bottom:2px solid var(--sw-color-primary);color:var(--sw-color-primary);font-weight:700}.sw-tabs>header span:hover:not(.active){color:var(--sw-border-color)}.sw-input{display:flex;align-items:center;position:relative;gap:0 1.75rem;padding:0 1.2em;border:1px solid var(--sw-border-color-input);border-radius:var(--sw-border-radius)}.sw-input label{text-align:left;transition:all .2s .2s linear;position:absolute;font-size:var(--sw-font-size-large);line-height:1;top:1.1rem;background:var(--sw-bg-color-page)}.sw-input label:hover{top:.8rem}.sw-input label+input::placeholder{opacity:0}.sw-input input{line-height:var(--sw-component-size-base);border:none;width:100%;font-size:var(--sw-font-size-large);background:none;outline:none}.sw-input input::placeholder{color:var(--sw-text-color-secondary);opacity:1;transition:opacity .2s .2s linear}.sw-input input:focus::placeholder{opacity:1}.sw-input .svg-icon{font-size:20px;color:var(--sw-text-color-third)}.sw-input>svg+label{left:4rem}.sw-input.sw-small label{top:.3rem}.sw-input.sw-small label:hover{top:0}.sw-input.sw-small input{line-height:var(--sw-component-size-small)}.sw-input.sw-large label{top:1.22rem}.sw-input.sw-large label:hover{top:1rem}.sw-input.sw-large input{line-height:var(--sw-component-size-large)}.sw-button{border-radius:1rem;border:1px solid var(--sw-color-default);padding:0 1.2em;min-height:var(--sw-component-size-base);font-size:var(--sw-font-size);font-weight:500;cursor:pointer;transition:border-color .25s;background-color:var(--sw-color-default);color:var(--sw-text-color-revers)}.sw-form-item{display:flex;justify-content:space-between;font-size:var(--sw-font-size-small);color:var(--sw-text-color-secondary);gap:1rem}.sw-form-item.sw-start{justify-content:flex-start}.sw-form-item.sw-end{justify-content:flex-end}.sw-form-item.sw-around{justify-content:space-around}.sw-form-item.sw-center{justify-content:center}.sw-dropdown{position:relative;display:inline-block;outline:none}.sw-dropdown-popup{z-index:3;padding:8px;min-width:200px;margin:0;-webkit-user-select:none;user-select:none;background-color:var(--sw-bg-color-second);border:1px solid var(--sw-border-color);border-radius:4px;box-shadow:0 2px 8px #0000001a}.sw-dropdown-item{display:block;outline:none;-webkit-user-select:none;user-select:none}.sw-dropdown-item svg{margin-right:.5rem}.sw-dropdown-item:hover{color:var(--sw-color-primary)}.sw-collapse{transition:all .3s ease-out;overflow:hidden;box-sizing:border-box;margin:0}.sw-switch{display:inline-flex;align-items:center;box-sizing:border-box;-webkit-user-select:none;user-select:none}.sw-switch>input{display:none}.sw-switch>input:checked+label{background-color:var(--sw-color-primary)}.sw-switch>input:checked+label:before{color:var(--sw-text-color-revers);content:attr(data-onlabel);left:.5rem;right:auto}.sw-switch>input:checked+label:after{background:#f7f7f7;left:2.125rem}.sw-switch>label{background-color:var(--sw-color-info);border-radius:1rem;cursor:pointer;flex:0 0 4rem;height:1.75rem;margin:.5rem;position:relative;transition:all .3s;width:4rem}.sw-switch>label:before{color:var(--sw-text-color-revers);content:attr(data-offlabel);display:block;font-size:1rem;position:absolute;right:.5rem;transition:all .3s}.sw-switch>label:after{background:var(--sw-text-color-revers);border:1px solid var(--sw-color-info);border-radius:50%;content:"";height:2rem;left:-.125rem;position:absolute;top:-.125rem;transition:all .3s;width:2rem}.sw-switch.sw-small>label{width:3.125rem;flex:0 0 3.125rem}.sw-switch.sw-small>label:before{content:""}.sw-switch.sw-small>label:after{content:"";left:.15rem;top:.125rem;width:1.375rem;height:1.375rem}.sw-switch.sw-small>input:checked+label:before{content:""}.sw-switch.sw-small>input:checked+label:after{left:1.475rem}.sw-switch.sw-checkbox label{border-radius:var(--sw-border-radius-small);background:var(--sw-bg-color-pag);border:1px solid var(--sw-border-color-input);height:.875rem;flex:0 0 .875rem}.sw-switch.sw-checkbox label:after{content:none}.sw-switch.sw-checkbox>input:checked+label{background:var(--sw-bg-color-page)}.sw-switch.sw-checkbox>input:checked+label:before{content:"✔";color:var(--sw-color-primary);top:-.9rem;left:0;font-size:1.6rem}.sw-skeleton{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-end}.sw-skeleton-item{min-height:var(--sw-component-size-base);width:100%;background:var(--sw-bg-color-second);border-radius:var(--sw-border-radius);border:1px solid var(--sw-bg-color);box-sizing:border-box;overflow:hidden;position:relative}.sw-skeleton-item>div{height:100%;width:10px;background:var(--sw-border-color-input);display:inline-block;animation:sw-skeleton 3s linear infinite normal;position:absolute;transform:skew(-20deg);box-shadow:0 0 20px 20px var(--sw-border-color-input)}.sw-message{position:fixed;z-index:3;background-color:var(--sw-bg-color-page);border:1px solid var(--sw-border-color);border-radius:var(--sw-border-radius);padding:1.875rem;box-sizing:border-box;top:50%;left:50%;transform:translateY(-50%) translate(-50%);min-width:16rem;max-width:95%;max-height:95%}.sw-message>header{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.sw-message>footer{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.sw-modal-footer{margin-top:1rem;display:flex;gap:.5rem;justify-content:flex-end}.sw-data-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.sw-data-picker .month_year{display:flex;justify-content:space-around;align-items:center}.sw-data-picker .month_year span:not(.text) button{font-size:1.3em}.sw-data-picker button{color:var(--sw-text-color-primary);height:30px;text-align:center;line-height:30px;cursor:pointer;background:none;border:none;border-radius:.2rem;transition:all .3s ease}.sw-data-picker button:hover:not(.disabled):not(.active){color:var(--sw-color-primary)}.sw-data-picker .week{border-bottom:1px solid var(--sw-color-info);margin-bottom:.5rem}.sw-data-picker .month,.sw-data-picker .week{width:250px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:.2rem}.sw-data-picker .month>button,.sw-data-picker .week>button{width:30px}.sw-data-picker .month>button.disabled,.sw-data-picker .week>button.disabled{color:var(--sw-color-info);cursor:not-allowed}.sw-data-picker .month>button.preholiday,.sw-data-picker .week>button.preholiday{background-color:var(--sw-color-preholiday)}.sw-data-picker .month>button.weekend,.sw-data-picker .week>button.weekend{background-color:var(--sw-color-weekend)}.sw-data-picker .month>button.select,.sw-data-picker .week>button.select{background-color:var(--sw-color-select)}.sw-data-picker .month>button.holiday,.sw-data-picker .week>button.holiday{background-color:var(--sw-color-holiday)}.sw-data-picker .month>button.nowork,.sw-data-picker .week>button.nowork{background-color:var(--sw-color-nowork)}.sw-data-picker .month>button.active,.sw-data-picker .week>button.active{background-color:var(--sw-color-active)}.sw-data-picker .year{width:250px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:.2rem;border-top:1px solid var(--sw-color-info)}.sw-data-picker .year>button.disabled{color:var(--sw-color-info);cursor:not-allowed}.sw-round{border-radius:var(--sw-border-round)}.sw-small{min-height:var(--sw-component-size-small)}.sw-large{min-height:var(--sw-component-size-large)}.sw-big{min-height:var(--sw-component-size-big)}.sw-primary{background-color:var(--sw-color-primary);border-color:var(--sw-color-primary)}.sw-success{background-color:var(--sw-color-success);border-color:var(--sw-color-success)}.sw-info{background-color:var(--sw-color-info);border-color:var(--sw-color-info)}.sw-warning{background-color:var(--sw-color-warning);border-color:var(--sw-color-warning)}.sw-danger{background-color:var(--sw-color-danger);border-color:var(--sw-color-danger)}.sw-text{color:var(--sw-color-default);background:none}.sw-text.sw-primary{color:var(--sw-color-primary)}.sw-text.sw-success{color:var(--sw-color-success)}.sw-text.sw-info{color:var(--sw-color-info)}.sw-text.sw-warning{color:var(--sw-color-warning)}.sw-text.sw-danger{color:var(--sw-color-danger)}.sw-link{background:none;border:none;padding:0;color:var(--sw-text-color-secondary);min-height:1em}.sw-link:hover.sw-primary{color:var(--sw-color-primary)}.sw-link:hover.sw-success{color:var(--sw-color-success)}.sw-link:hover.sw-info{color:var(--sw-color-info)}.sw-link:hover.sw-warning{color:var(--sw-color-warning)}.sw-link:hover.sw-danger{color:var(--sw-color-danger)}.sw-wrapper-alert{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@keyframes sw-skeleton{0%{left:-50px}to{left:calc(50px + 100%)}}.popup{position:relative}.popup .wrapper{position:absolute;z-index:1;list-style:none;font-size:.8rem;line-height:1.2;word-break:break-word;padding:0;margin:10px 0 0}.popup .wrapper :before{content:"";border-bottom-color:transparent!important;border-left-color:transparent!important;border:1px solid var(--el-border-color-light);background:var(--el-bg-color-overlay);right:50%;top:-6px;position:absolute;width:10px;height:10px;z-index:1;transform:rotate(-45deg)}.popup .scrollbar{box-shadow:0 0 0 1px var(--el-border-color);border-radius:var(--el-border-radius-base);background:#fff;padding:.5rem 0;margin:0}.popup .scrollbar li{display:flex;align-items:start;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);cursor:pointer;outline:none}.popup .scrollbar li:not(.is-disabled):focus{background:var(--el-dropdown-menuItem-hover-fill);color:var(--el-dropdown-menuItem-hover-color)}
|
|
@@ -148,7 +148,7 @@ function w(e = {}) {
|
|
|
148
148
|
}), t = n.mount(document.createElement("div"));
|
|
149
149
|
l.appendChild(t.$el);
|
|
150
150
|
}
|
|
151
|
-
const h = /* @__PURE__ */ Object.assign({ "./components/SwAlert.vue": () => Promise.resolve().then(() => U), "./components/SwButton.vue": () => import("./SwButton-0uPLNlAn.js"), "./components/SwCollapse.vue": () => import("./SwCollapse-DxAVOWF1.js"), "./components/SwDatePicker.vue": () => import("./SwDatePicker-
|
|
151
|
+
const h = /* @__PURE__ */ Object.assign({ "./components/SwAlert.vue": () => Promise.resolve().then(() => U), "./components/SwButton.vue": () => import("./SwButton-0uPLNlAn.js"), "./components/SwCollapse.vue": () => import("./SwCollapse-DxAVOWF1.js"), "./components/SwDatePicker.vue": () => import("./SwDatePicker-dlSaDPOP.js"), "./components/SwDropdown.vue": () => import("./SwDropdown-DT-3bTwS.js"), "./components/SwDropdownItem.vue": () => import("./SwDropdownItem-C3_wJ1DL.js"), "./components/SwFormItem.vue": () => import("./SwFormItem-CfnEis1u.js"), "./components/SwInput.vue": () => import("./SwInput-B64Xbhmb.js"), "./components/SwMessage.vue": () => import("./SwMessage-DQcnzMZB.js"), "./components/SwSection.vue": () => import("./SwSection-CQfw3-el.js"), "./components/SwSelect.vue": () => import("./SwSelect-C2RKinez.js"), "./components/SwSkeleton.vue": () => import("./SwSkeleton-B7ysp8L9.js"), "./components/SwSkeletonItem.vue": () => import("./SwSkeletonItem-CU7LvihY.js"), "./components/SwSwitch.vue": () => import("./SwSwitch-BxSLWRTx.js"), "./components/SwTabs.vue": () => import("./SwTabs-DgvDpw7u.js"), "./components/SwTabsNew.vue": () => import("./SwTabsNew-Dr5Vyz6M.js"), "./components/SwTabsPane.vue": () => import("./SwTabsPane-BUUmFjh7.js"), "./components/SwTabsPaneNew.vue": () => import("./SwTabsPaneNew-DFPu-sRT.js") }), d = {};
|
|
152
152
|
for (const e in h) {
|
|
153
153
|
const n = e.split("/").pop().replace(".vue", "").replace(/-(\w)/g, (t, o) => o.toUpperCase());
|
|
154
154
|
d[n] = O(() => h[e]());
|
package/dist/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(V,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(V=typeof globalThis<"u"?globalThis:V||self,e(V["component-sw"]={},V.vue))})(this,function(V,e){"use strict";function Q(a){return/^(https?:|mailto:|tel:)/.test(a)}function j(a,n){if(arguments.length===0||!a)return null;const t=n||"{Y}-{m}-{d} {G}:{i}:{s}";let l;typeof a=="object"?l=a:(typeof a=="string"&&(/^[0-9]+$/.test(a)?a=parseInt(a):a=a.replace(new RegExp(/-/gm),"/")),typeof a=="number"&&a.toString().length===10&&(a=a*1e3),l=new Date(a));const o="ru-RU",i={Y:l.getFullYear(),m:(l.getMonth()+1).toString().padStart(2,"0"),d:l.getDate(),dd:l.getDate().toString().padStart(2,"0"),G:l.getHours(),H:l.getHours().toString().padStart(2,"0"),i:l.getMinutes().toString().padStart(2,"0"),s:l.getSeconds().toString().padStart(2,"0"),D:new Intl.DateTimeFormat(o,{weekday:"short"}).format(l),F:new Intl.DateTimeFormat(o,{month:"long"}).format(l),M:new Intl.DateTimeFormat(o,{month:"short"}).format(l)};return t.replace(/{(dd|[YmdGHisDFM])+}/g,(h,m)=>i[m])}const Z=(a,n)=>{const t=a.__vccOpts||a;for(const[l,o]of n)t[l]=o;return t},K={name:"SvgIcon",props:{prefix:{type:String,default:"icon"},iconClass:{type:String,required:!0},className:{type:String,default:""}},computed:{isExt(){return Q(this.iconClass)}}},ee=["href"];function te(a,n,t,l,o,i){return i.isExt?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,style:"mask: url("+t.iconClass+") no-repeat 50% 50%;",class:"svg-external-icon svg-icon"},a.$attrs),null,16)):(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:1,class:"svg-icon "+t.className,"aria-hidden":"true"},a.$attrs),[e.createElementVNode("use",{href:"#"+t.prefix+"-"+t.iconClass},null,8,ee)],16))}const F=Z(K,[["render",te]]),q={__name:"SwAlert",props:{message:{type:String,default:"Default message"},before:{type:String,default:""},class:{type:String,default:""},after:{type:String,default:""},size:{type:String,default:""},duration:{type:Number,default:6e3},type:{type:String,default:"info",validator:a=>["success","warning","error","info"].includes(a)}},emits:["closed"],setup(a,{emit:n}){const t=a,l=n,o=e.ref(!1);let i=null;const h=()=>{o.value=!0,E()},m=()=>{o.value=!1,l("closed")},d=()=>{i&&(clearTimeout(i),i=null)},f=()=>{E()},E=()=>{i=setTimeout(m,t.duration)};e.onMounted(()=>{h()}),e.onUnmounted(()=>{i&&clearTimeout(i)});const D=e.computed(()=>{const p=["sw-alert"];return t.size.length>0&&p.push(`sw-${t.size}`),t.type.length>0&&p.push(`sw-${t.type}`),t.class.length>0&&p.push(t.class),p});return(p,_)=>(e.openBlock(),e.createBlock(e.Transition,{name:"fade"},{default:e.withCtx(()=>[o.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(D.value),onMouseenter:d,onMouseleave:f},[t.before.length>0?(e.openBlock(),e.createBlock(F,{key:0,"icon-class":t.before},null,8,["icon-class"])):e.renderSlot(p.$slots,"prefix",{key:1}),e.renderSlot(p.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.message),1)]),t.after.length>0?(e.openBlock(),e.createBlock(F,{key:2,"icon-class":t.after,onClick:m},null,8,["icon-class"])):e.renderSlot(p.$slots,"suffix",{key:3})],34)):e.createCommentVNode("",!0)]),_:3}))}},le=Object.freeze(Object.defineProperty({__proto__:null,default:q},Symbol.toStringTag,{value:"Module"}));let P=document.querySelector("div.sw-alert-wrapper");function A(a={}){P||(P=document.createElement("div"),P.className="sw-alert-wrapper",document.body.appendChild(P));const n=e.createApp({setup(){return()=>e.h(q,{...a,onClose:()=>{P.removeChild(n._container),n.unmount()}})}}),t=n.mount(document.createElement("div"));P.appendChild(t.$el)}const R=Object.assign({"./components/SwAlert.vue":()=>Promise.resolve().then(()=>le),"./components/SwButton.vue":()=>Promise.resolve().then(()=>ne),"./components/SwCollapse.vue":()=>Promise.resolve().then(()=>ae),"./components/SwDatePicker.vue":()=>Promise.resolve().then(()=>be),"./components/SwDropdown.vue":()=>Promise.resolve().then(()=>$e),"./components/SwDropdownItem.vue":()=>Promise.resolve().then(()=>De),"./components/SwFormItem.vue":()=>Promise.resolve().then(()=>Ee),"./components/SwInput.vue":()=>Promise.resolve().then(()=>Ve),"./components/SwMessage.vue":()=>Promise.resolve().then(()=>xe),"./components/SwSection.vue":()=>Promise.resolve().then(()=>ze),"./components/SwSelect.vue":()=>Promise.resolve().then(()=>Fe),"./components/SwSkeleton.vue":()=>Promise.resolve().then(()=>Le),"./components/SwSkeletonItem.vue":()=>Promise.resolve().then(()=>Ae),"./components/SwSwitch.vue":()=>Promise.resolve().then(()=>Re),"./components/SwTabs.vue":()=>Promise.resolve().then(()=>We),"./components/SwTabsNew.vue":()=>Promise.resolve().then(()=>Ge),"./components/SwTabsPane.vue":()=>Promise.resolve().then(()=>Je),"./components/SwTabsPaneNew.vue":()=>Promise.resolve().then(()=>Ze)}),I={};for(const a in R){const n=a.split("/").pop().replace(".vue","").replace(/-(\w)/g,(t,l)=>l.toUpperCase());I[n]=e.defineAsyncComponent(()=>R[a]())}const oe={install(a){Object.keys(I).forEach(n=>{a.component(n,I[n]),console.log(n)}),a.config.globalProperties.$Alert=A,a.provide("Alert",A)}},H={__name:"SwButton",props:{class:{type:String,default:""},size:{type:String,default:""},type:{type:String,default:""},round:{type:Boolean,default:!1},text:{type:Boolean,default:!1},link:{type:Boolean,default:!1},href:{type:String,default:""}},setup(a){const n=a,t=()=>{if(n.href.length>0){const o=document.createElement("a");o.setAttribute("href",n.href),o.setAttribute("target","_blank"),o.click()}},l=e.computed(()=>{let o=["sw-button"];return n.size.length>0&&o.push("sw-"+n.size),n.type.length>0&&o.push("sw-"+n.type),n.round&&o.push("sw-round"),n.text&&o.push("sw-text"),n.link&&o.push("sw-link"),n.class.length>0&&o.push(n.class),o});return(o,i)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(l.value),onClick:t},[e.renderSlot(o.$slots,"default")],2))}},ne=Object.freeze(Object.defineProperty({__proto__:null,default:H},Symbol.toStringTag,{value:"Module"})),ae=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwCollapse",props:{visual:{type:Boolean,default:!0}},setup(a){e.onMounted(()=>{l.value="0px"});const n=e.ref(null),t=a,l=e.computed(()=>{var o;return t.visual?((o=n.value)==null?void 0:o.scrollHeight)+"px":"0px"});return(o,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["sw-collapse",{open:t.visual}]),style:e.normalizeStyle({height:l.value}),ref_key:"collapse",ref:n},[e.renderSlot(o.$slots,"default")],6))}}},Symbol.toStringTag,{value:"Module"})),se={class:"sw-data-picker"},re={class:"month_year"},ce={class:"text"},ie={key:0,class:"week"},de={key:1,class:"year"},pe=["onClick"],me={key:2,class:"month"},fe=["onClick"],ue={key:0},ge={class:"month_year"},he={class:"text"},ye={key:0,class:"week"},_e={key:1,class:"year"},Se=["onClick"],ke={key:2,class:"month"},we=["onClick"],be=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwDatePicker",props:{data:Object,limitation:{type:[Boolean,Array],default:()=>!1},range:{type:String,default:"solid"}},emits:["input"],setup(a,{emit:n}){var U,G,X,J;const t=a,l=n,o=e.ref(3),i=e.ref(new Date),h=e.ref(new Date),m=e.ref(new Date().getFullYear()),d=e.ref(new Date().getMonth()),f=e.ref(new Date().getFullYear()),E=e.ref(new Date().getMonth()),D=e.ref(new Date().getMonth()+1),p=e.ref([]),_=e.ref(0),S=e.ref(-1),g=e.ref(-1),w=e.ref(navigator.languages||"ru"),y=/en|zh|ja|he/.test(w.value)?0:1,N=e.computed(()=>Array.from({length:12},(c,s)=>{const r=new Date(2024,s);return new Intl.DateTimeFormat(w.value,{month:"long"}).format(r)})),B=c=>{let s=c.split(c.match(/\D.*?\D?/));return s[0].length>2?s.join("-")+"T00:00:01":s.reverse().join("-")+"T00:00:01"};(U=t.data)!=null&&U.startDate&&(i.value=new Date(B(t.data.startDate)),m.value=i.value.getFullYear(),d.value=i.value.getMonth()),(G=t.data)!=null&&G.endDate&&t.range==="range"&&(h.value=new Date(B(t.data.endDate)),f.value=h.value.getFullYear(),E.value=h.value.getMonth());const k=()=>{p.value=[],_.value=0;const c=new Date(m.value,d.value,0);for(let r=c.getDate()-c.getDay()+y;r<=c.getDate();r++)c.getDay()!==6+y&&(p.value.push({day:r,month:c.getMonth(),year:c.getFullYear(),class:[]}),_.value++);const s=new Date(m.value,d.value+1,0).getDate();for(let r=1;r<=s;r++)p.value.push({day:r,month:d.value,year:m.value,class:[]}),_.value++;if(t.range==="range"){const r=new Date(m.value,d.value+1,1),u=new Date(m.value,d.value+2,0).getDate();for(let M=1;M<=u;M++)p.value.push({day:M,month:r.getMonth(),year:r.getFullYear(),class:[]})}$()},$=()=>{var s;if(!((s=t.data)!=null&&s.holiday))return;const c=(r,u)=>{r.forEach(M=>{const[b,C,x]=M.split("-").map(Number),O=p.value.findIndex(Y=>Y.year===b&&Y.month+1===C&&Y.day===x);O!==-1&&(p.value[O].class[0]=u)})};c(t.data.holiday.preholidays,"preholiday"),c(t.data.holiday.holidays,"weekend"),c(t.data.holiday.holiday,"holiday"),c(t.data.holiday.nowork,"nowork")},z=()=>{if(!t.limitation||t.limitation.length<2)return!1;const c=[...t.limitation].sort((s,r)=>new Date(B(s.startDate)).getTime()-new Date(B(r.startDate)).getTime());for(let s=1;s<c.length;s++){const r=new Date(B(c[s-1].endDate));if(new Date(B(c[s].startDate))<=r)return console.warn("Warning: Диапазоны пересекаются:",c[s-1],c[s]),!0}return!1},v=(c,s,r)=>{if(!t.limitation||t.limitation.length===0)return!0;const u=new Date(c,s,r).getTime();for(let M of t.limitation){const{startDate:b,endDate:C}=M;if(!b&&C){const x=new Date(B(C)).getTime();if(u<=x)return!1}if(b&&!C){const x=new Date(B(b)).getTime();if(u>=x)return!1}if(b&&C){const x=new Date(B(b)).getTime(),O=new Date(B(C)).getTime();if(x<=O){if(u>=x&&u<=O)return!1}else if(u>=x||u<=O)return!1}}return!0},L=(c,s)=>{const r=j(new Date(c.year,c.month,c.day),"{dd}.{m}.{Y}");t.range==="range"?g.value!==-1?(Ke(),S.value=s,p.value[s].class[1]="active"):S.value!==-1?(g.value=s,et(S.value,g.value,r)):(S.value=s,p.value[s].class[1]="active"):(S.value!==-1&&(p.value[S.value].class[1]=""),S.value=s,p.value[s].class[1]="active",l("input",{dateStart:r,count:1}))},Ke=()=>{p.value.forEach(c=>c.class[1]=""),S.value=-1,g.value=-1},et=(c,s,r)=>{let u=j(new Date(p.value[c].year,p.value[c].month,p.value[c].day),"{dd}.{m}.{Y}"),M=tt(c,s);if(s>=c)for(let b=c+1;b<s;b++)p.value[b].class[1]="select";else for(let b=s+1;b<c;b++)p.value[b].class[1]="select";p.value[s].class[1]="active",l("input",{dateStart:u,dateEnd:r,count:M})},tt=(c,s)=>{var b;let r=Math.abs(c-s)+1,[u,M]=[Math.min(c,s),Math.max(c,s)];for(let C=u;C<=M;C++)((b=p.value[C])==null?void 0:b.class[0])==="holiday"&&r--;return r},T=(c,s)=>{v(c,s)&&(i.value=new Date(c,s,1),m.value=i.value.getFullYear(),d.value=i.value.getMonth(),console.log(o.value),t.range==="year"&&o.value===0?L({year:c,month:s,day:1},8):k())};if(k(),z()&&console.error("Ошибка: Найдены пересекающиеся диапазоны!"),(X=t.data)!=null&&X.startDate&&(S.value=p.value.findIndex(c=>c.day===i.value.getDate()&&c.month===d.value&&c.year===m.value),S.value!==-1&&(p.value[S.value].class[1]="active")),(J=t.data)!=null&&J.endDate&&t.range==="range"&&(g.value=p.value.findIndex(c=>c.day===h.value.getDate()&&c.month===E.value&&c.year===f.value),g.value!==-1)){p.value[g.value].class[1]="active";for(let c=S.value+1;c<g.value;c++)p.value[c].class[1]="select"}return(c,s)=>(e.openBlock(),e.createElementBlock("div",se,[e.createElementVNode("div",null,[e.createElementVNode("p",re,[e.createElementVNode("span",null,[e.createElementVNode("button",{onClick:s[0]||(s[0]=e.withModifiers(r=>T(m.value-1,d.value),["prevent"]))},"«"),e.createElementVNode("button",{onClick:s[1]||(s[1]=e.withModifiers(r=>{o.value=0,T(m.value,d.value-1)},["prevent"]))},"‹")]),e.createElementVNode("span",ce,[e.createElementVNode("button",{onClick:s[2]||(s[2]=e.withModifiers(r=>o.value=1,["prevent"]))},e.toDisplayString(m.value),1),e.createElementVNode("button",{onClick:s[3]||(s[3]=e.withModifiers(r=>o.value=1,["prevent"]))},e.toDisplayString(e.unref(j)(i.value.setMonth(d.value),"{F}")),1)]),e.createElementVNode("span",null,[e.createElementVNode("button",{onClick:s[4]||(s[4]=e.withModifiers(r=>{o.value=0,T(m.value,d.value+1)},["prevent"]))},"›"),e.createElementVNode("button",{onClick:s[5]||(s[5]=e.withModifiers(r=>T(m.value+1,d.value),["prevent"]))},"»")])]),t.range==="year"||o.value===1?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ie,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(7,(r,u)=>e.createElementVNode("button",{key:u,class:"disabled"},e.toDisplayString(e.unref(j)(new Date(1970,1,r+e.unref(y)),"{D}")),1)),64))])),t.range==="year"||o.value===1?(e.openBlock(),e.createElementBlock("div",de,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(r,u)=>(e.openBlock(),e.createElementBlock("button",{key:u,onClick:e.withModifiers(M=>{o.value=0,T(m.value,u)},["prevent"])},e.toDisplayString(r),9,pe))),128))])):(e.openBlock(),e.createElementBlock("div",me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(r,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:u},[u<_.value+(7-new Date(m.value,d.value+1,1).getDay()+e.unref(y))%7?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(r.month===d.value&&v(r.year,r.month,r.day)?r.class:"disabled"),onClick:e.withModifiers(()=>{r.month===d.value&&L(r,u)},["prevent"])},e.toDisplayString(r.day),11,fe)):e.createCommentVNode("",!0)],64))),128))]))]),t.range==="range"?(e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("p",ge,[e.createElementVNode("span",null,[e.createElementVNode("button",{onClick:s[6]||(s[6]=e.withModifiers(r=>T(m.value-1,d.value),["prevent"]))},"«"),e.createElementVNode("button",{onClick:s[7]||(s[7]=e.withModifiers(r=>{o.value=0,T(m.value,d.value-1)},["prevent"]))},"‹")]),e.createElementVNode("span",he,[e.createElementVNode("button",{onClick:s[8]||(s[8]=e.withModifiers(r=>o.value=2,["prevent"]))},e.toDisplayString(new Date(m.value,d.value+1).getFullYear()),1),e.createElementVNode("button",{onClick:s[9]||(s[9]=e.withModifiers(r=>o.value=2,["prevent"]))},e.toDisplayString(e.unref(j)(i.value.setMonth(d.value+1),"{F}")),1)]),e.createElementVNode("span",null,[e.createElementVNode("button",{onClick:s[10]||(s[10]=e.withModifiers(r=>{o.value=0,T(m.value,d.value+1)},["prevent"]))},"›"),e.createElementVNode("button",{onClick:s[11]||(s[11]=e.withModifiers(r=>T(m.value+1,d.value),["prevent"]))},"»")])]),o.value!==2?(e.openBlock(),e.createElementBlock("div",ye,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(7,(r,u)=>e.createElementVNode("button",{key:u,class:"disabled"},e.toDisplayString(e.unref(j)(new Date(1970,1,r+e.unref(y)),"{D}")),1)),64))])):e.createCommentVNode("",!0),o.value===2?(e.openBlock(),e.createElementBlock("div",_e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(r,u)=>(e.openBlock(),e.createElementBlock("button",{key:u,onClick:e.withModifiers(M=>{o.value=0,T(m.value,u-1)},["prevent"])},e.toDisplayString(r),9,Se))),128))])):(e.openBlock(),e.createElementBlock("div",ke,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(r,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:u},[u>=_.value-(7+new Date(m.value,d.value+1,1).getDay()-e.unref(y))%7?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(r.month===D.value&&v(r.year,r.month,r.day)?r.class:"disabled"),onClick:e.withModifiers(()=>{r.month===D.value&&L(r,u)},["prevent"])},e.toDisplayString(r.day),11,we)):e.createCommentVNode("",!0)],64))),128))]))])):e.createCommentVNode("",!0)]))}}},Symbol.toStringTag,{value:"Module"})),Be=["id"],$e=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwDropdown",props:e.mergeModels({class:{type:String,default:""},size:{type:String,default:""},type:{type:String,default:""},trigger:{type:String,default:"click"},placement:{type:String,default:"bottom-left"},maxWidth:{type:Number,default:0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a,{expose:n}){const t=a;e.computed(()=>"dropdown"+Array.from(document.body.children).indexOf(document.querySelector("ul")));const l=e.useModel(a,"modelValue"),o=e.ref(null),i=e.ref(null),h=e.ref({}),m=Math.ceil(Math.random()*1e3),d=e.computed(()=>{let g=["sw-dropdown"];return t.size.length>0&&g.push("sw-"+t.size),t.type.length>0&&g.push("sw-"+t.type),g}),f=async()=>{if(await e.nextTick(),!i.value)return;const g=window.pageYOffset||document.documentElement.scrollTop,w=window.pageXOffset||document.documentElement.scrollLeft;document.body.style.position="fixed",document.body.style.top=`-${g}px`,document.body.style.left=`-${w}px`,document.body.style.position="",document.body.style.top="",document.body.style.left="",document.documentElement.scrollTop=g,document.documentElement.scrollLeft=w;const y=o.value.getBoundingClientRect(),N=i.value.offsetHeight,B=i.value.offsetWidth;console.log("popupHeight",N),console.log("popupWidth",B);let k=y.left+y.width/2+w,$=y.top+y.height/2+g;const[z,v]=t.placement.split("-",2);switch(console.log(t.placement),z){case"bottom":$=$+y.height/2+8;break;case"top":$=$-y.height/2-8-N;break;case"left":k=k-B-y.width/2-8,$=$-N/2;break;case"right":k=k+y.width/2+8,$=$-N/2;break}switch(v){case"left":k=k-y.width/2;break;case"right":k=k-B+y.width/2;break}k<0&&(k=0),$<0&&($=0),h.value={position:"absolute",top:`${$}px`,left:`${k}px`,maxWidth:t.maxWidth===0?"":`${t.maxWidth}px`}};n({positionPopup:f});const E=()=>{t.trigger==="click"&&(l.value=!l.value),l.value&&f()},D=()=>{t.trigger==="hover"&&(l.value=!l.value),l.value&&f()},p=()=>{t.trigger==="context"&&(l.value=!l.value),l.value&&f()},_=()=>{l.value&&f()},S=g=>{!g.target.closest(`[id="${m}"]`)&&o.value&&!o.value.contains(g.target)&&(l.value=!1)};return e.onMounted(()=>{window.addEventListener("resize",_),window.addEventListener("click",S)}),e.onUnmounted(()=>{window.removeEventListener("resize",_),window.removeEventListener("click",S)}),(g,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(d.value),onClick:w[0]||(w[0]=y=>E()),onMouseover:w[1]||(w[1]=e.withModifiers(y=>D(),["stop"])),onMouseleave:w[2]||(w[2]=e.withModifiers(y=>D(),["stop"])),onContextmenu:w[3]||(w[3]=e.withModifiers(y=>p(),["stop"])),ref_key:"dropdownRef",ref:o},[e.renderSlot(g.$slots,"default"),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[l.value?(e.openBlock(),e.createElementBlock("ul",{key:0,ref_key:"popupRef",ref:i,id:e.unref(m),class:e.normalizeClass(["sw-dropdown-popup",t.class]),style:e.normalizeStyle(h.value),tabindex:"-1"},[e.renderSlot(g.$slots,"dropdown")],14,Be)):e.createCommentVNode("",!0)]))],34))}}},Symbol.toStringTag,{value:"Module"})),De=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwDropdownItem",props:{class:{type:String,default:""},size:{type:String,default:""},type:{type:String,default:""},iconBefore:{type:String,default:""}},setup(a){const n=a,t=e.computed(()=>{let l=["sw-dropdown-item"];return n.size.length>0&&l.push("sw-"+n.size),n.type.length>0&&l.push("sw-"+n.type),n.class.length>0&&l.push(n.class),l});return(l,o)=>{const i=e.resolveComponent("svg-icon");return e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(t.value)},[e.createVNode(i,{"icon-class":a.iconBefore},null,8,["icon-class"]),e.renderSlot(l.$slots,"default")],2)}}}},Symbol.toStringTag,{value:"Module"})),Ee=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwFormItem",props:{class:{type:String,default:""},type:{type:String,default:""}},setup(a){const n=a,t=e.computed(()=>{let l=["sw-form-item"];return n.type.length>0&&l.push("sw-"+n.type),n.class.length>0&&l.push(n.class),l});return(l,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.value)},[e.renderSlot(l.$slots,"default")],2))}}},Symbol.toStringTag,{value:"Module"})),Me=["for"],Ce={key:0,title:"Это поле обязательно для заполнения."},Te=["required","placeholder","type","id","name"],Ve=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwInput",props:e.mergeModels({before:{type:String,default:""},after:{type:String,default:""},placeholder:{type:String,default:""},label:{type:String,default:""},name:{type:String,required:!0},class:{type:String,default:""},size:{type:String,default:""},type:{type:String,default:"text"},required:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["suffix","prefix","focusInput"],["update:modelValue"]),setup(a,{emit:n}){var p;const t=e.useModel(a,"modelValue"),l=a,o=e.ref(null),i=n,h=_=>{i("focusInput"),_.target.setSelectionRange(t.value.length,t.value.length),o.value!==null&&(o.value.style.top="-.6em")},m=_=>{var S;((S=t.value)==null?void 0:S.length)===0&&o.value!==null&&o.value.removeAttribute("style")};((p=t.value)==null?void 0:p.length)>0&&o.value!==null&&(o.value.style.top="-.6em");const d=()=>{i("suffix")},f=()=>{i("prefix")},E=e.computed(()=>{let _=["sw-input"];return l.size.length>0&&_.push("sw-"+l.size),l.class.length>0&&_.push(l.class),_});e.watch(t,(_,S)=>{l.type==="phone"&&(t.value=D(_,S))});const D=(_,S)=>{if(/^\+[0-9]\s/.test(S)&&_.length===2||/^\+0\s/.test(_))return"";const g=_;if(typeof g>"u"||g.length===0)return g;const w="+0 (___) ___-__-__";let y=0;const N=w.replace(/\D/g,""),B=g.replace(/\D/g,"");let k=w.replace(/[_\d]/g,z=>y<B.length?B.charAt(y++)||N.charAt(y):z);y=k.indexOf("_"),y!==-1&&(y=y<5?3:y,k=k.slice(0,y));let $=w.slice(0,g.length).replace(/_+/g,z=>`\\d{1,${z.length}}`).replace(/[+()]/g,"\\$&");if($=new RegExp(`^${$}$`),k=k.replace(/[-—]$|(\) )$/g,""),!$.test(g)||g.length<5)return k};return(_,S)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(E.value)},[l.before.length>0?(e.openBlock(),e.createBlock(F,{key:0,"icon-class":l.before,onClick:f},null,8,["icon-class"])):e.renderSlot(_.$slots,"prefix",{key:1}),l.label.length>0?(e.openBlock(),e.createElementBlock("label",{key:2,for:l.name,ref_key:"lab",ref:o},[e.createTextVNode(e.toDisplayString(l.label),1),l.required?(e.openBlock(),e.createElementBlock("span",Ce,"*")):e.createCommentVNode("",!0)],8,Me)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":S[0]||(S[0]=g=>t.value=g),required:l.required,placeholder:l.required&&l.label.length===0?l.placeholder+"*":l.placeholder,type:l.type,id:l.name,name:l.name,size:"60",onFocus:h,onBlur:m,maxlength:"128"},null,40,Te),[[e.vModelDynamic,t.value]]),l.after.length>0?(e.openBlock(),e.createBlock(F,{key:3,"icon-class":l.after,onClick:d},null,8,["icon-class"])):e.renderSlot(_.$slots,"suffix",{key:4})],2))}}},Symbol.toStringTag,{value:"Module"})),Ne={key:0},xe=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwMessage",props:e.mergeModels({name:{type:String,default:""},class:{type:String,default:""},iconAfter:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const n=e.useModel(a,"modelValue"),t=a,l=e.ref(null);return(o,i)=>{const h=e.resolveComponent("svg-icon");return n.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["sw-message",t.class]),ref_key:"messageRef",ref:l},[t.name.length>0?(e.openBlock(),e.createElementBlock("header",Ne,[e.renderSlot(o.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(t.name)+" ",1),e.createVNode(H,{link:"",type:"primary",onClick:i[0]||(i[0]=m=>n.value=!1)},{default:e.withCtx(()=>[e.createVNode(h,{"icon-class":t.iconAfter},null,8,["icon-class"])]),_:1})])])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{},()=>[i[1]||(i[1]=e.createTextVNode("111222"))]),e.createElementVNode("footer",null,[e.renderSlot(o.$slots,"footer")])],2)):e.createCommentVNode("",!0)}}}},Symbol.toStringTag,{value:"Module"})),ze=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwSection",props:{name:{type:String,default:""},class:{type:String,default:""},iconAfter:{type:String,default:""}},setup(a){const n=a;return(t,l)=>{const o=e.resolveComponent("svg-icon");return e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(n.class)},[e.createElementVNode("header",null,[e.renderSlot(t.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(n.name)+" ",1),e.createVNode(o,{"icon-class":n.iconAfter},null,8,["icon-class"])])]),e.renderSlot(t.$slots,"default"),e.createElementVNode("footer",null,[e.renderSlot(t.$slots,"footer")])],2)}}}},Symbol.toStringTag,{value:"Module"})),je={class:"popup"},Pe={class:"wrapper"},Oe={class:"scrollbar"},ve=["onClick"],Fe=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwSelect",props:e.mergeModels({name:{type:String,default:""},class:{type:String,default:""},placeholder:{type:String,default:""},token:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const n=e.ref({fullText:""}),t=e.ref(!1),l=e.ref([]),o=e.useModel(a,"modelValue"),i=a;e.watch(o.text,d=>{d.length>3&&(n.value.fullText=d)}),e.watch(n.value.fullText,(d,f)=>{t.value=d.length>3&&d.length>f.length,d.length>3&&h()});const h=()=>{let d="https://suggestions.dadata.ru/suggestions/api/4_1/rs/suggest/address";console.log(n.value.fullText),axios.post(d,{query:n.value.fullText},{headers:{"Content-Type":"application/json",Accept:"application/json",Authorization:"Token "+i.token}}).then(f=>{console.log(f.data.suggestions),l.value=f.data.suggestions,l.value.length===1&&m(l.value[0])}).catch(f=>{console.log(f)})},m=d=>{n.value.fullText=d.value,t.value=!1;const f={};f.text=d.value,f.coords=[Number(d.data.geo_lat),Number(d.data.geo_lon)],f.suggestion=d.data,o.value=f};return(d,f)=>{const E=e.resolveComponent("sw-input");return e.openBlock(),e.createElementBlock("div",je,[e.createVNode(E,{size:"large",modelValue:n.value.fullText,"onUpdate:modelValue":f[0]||(f[0]=D=>n.value.fullText=D),placeholder:a.placeholder},null,8,["modelValue","placeholder"]),e.withDirectives(e.createElementVNode("div",Pe,[e.createElementVNode("ul",Oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(D,p)=>(e.openBlock(),e.createElementBlock("li",{tabindex:"1",key:p,onClick:_=>m(D)},e.toDisplayString(D.value),9,ve))),128))])],512),[[e.vShow,t.value]])])}}}},Symbol.toStringTag,{value:"Module"})),Ie={key:0},W={__name:"SwSkeletonItem",props:{width:{type:String,default:"100"},class:{type:String,default:""},animate:{type:Boolean,default:!1},size:{type:String,default:""}},setup(a){const n=a,t=e.computed(()=>{let o=["sw-skeleton-item"];return n.size.length>0&&o.push("sw-"+n.size),n.animate&&o.push("sw-animate"),n.class.length>0&&o.push(n.class),o}),l=e.computed(()=>({width:n.width+"%"}));return(o,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.value),style:e.normalizeStyle(l.value)},[n.animate?(e.openBlock(),e.createElementBlock("div",Ie)):e.createCommentVNode("",!0)],6))}},Ae=Object.freeze(Object.defineProperty({__proto__:null,default:W},Symbol.toStringTag,{value:"Module"})),Le=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwSkeleton",props:{class:{type:String,default:""},visual:{type:Boolean,default:!1}},setup(a){const n=a;return(t,l)=>n.visual?e.renderSlot(t.$slots,"default",{key:0},()=>[l[0]||(l[0]=e.createTextVNode("1"))]):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["sw-skeleton",n.class])},[e.renderSlot(t.$slots,"skeleton",{},()=>[e.createVNode(W,{animate:"",size:"small"})])],2))}}},Symbol.toStringTag,{value:"Module"})),Ye=["name","id"],qe=["for","data-onlabel","data-offlabel"],Re=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwSwitch",props:e.mergeModels({id:{type:String,default:"checkbox"},class:{type:String,default:""},name:{type:String,default:""},on:{type:String,default:""},off:{type:String,default:""},size:{type:String,default:""},checkbox:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const n=e.useModel(a,"modelValue"),t=a,l=e.computed(()=>{let o=["sw-switch"];return t.size.length>0&&o.push("sw-"+t.size),t.checkbox&&o.push("sw-checkbox"),t.class.length>0&&o.push(t.class),o});return(o,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(l.value)},[e.withDirectives(e.createElementVNode("input",{type:"checkbox",name:t.name,class:"sw-control",id:t.id,"onUpdate:modelValue":i[0]||(i[0]=h=>n.value=h)},null,8,Ye),[[e.vModelCheckbox,n.value]]),e.createElementVNode("label",{for:t.id,class:"sw-label","data-onlabel":t.on,"data-offlabel":t.off},null,8,qe),e.renderSlot(o.$slots,"default")],2))}}},Symbol.toStringTag,{value:"Module"})),He=["onClick"],We=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwTabs",props:e.mergeModels({name:{type:String},class:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["tab-click"],["update:modelValue"]),setup(a,{emit:n}){e.ref(0);const t=e.ref([]),l=a,o=e.useModel(a,"modelValue"),i=n;return t.value=e.useSlots().default().filter(h=>h.type.__name==="SwTabsPane"),e.provide("activeTab",o),e.provide("tabs",t),(h,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass("sw-tabs "+l.class)},[e.createElementVNode("header",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,(d,f)=>(e.openBlock(),e.createElementBlock("span",{key:f,class:e.normalizeClass([{active:o.value===f}]),onClick:E=>{o.value=f,i("tab-click",f)}},e.toDisplayString(d.props.label||d.props.title),11,He))),128))]),e.renderSlot(h.$slots,"default")],2))}}},Symbol.toStringTag,{value:"Module"})),Ue=["onClick"],Ge=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwTabsNew",props:e.mergeModels({name:{type:String},class:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["tab-click"],["update:modelValue"]),setup(a,{emit:n}){e.ref(0);const t=e.ref([]),l=a,o=e.useModel(a,"modelValue"),i=n;return e.provide("activeTab",o),e.provide("tabs",t),e.provide("registerTab",h=>{t.value.push(h)}),(h,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass("sw-tabs "+l.class)},[e.createElementVNode("header",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,(d,f)=>(e.openBlock(),e.createElementBlock("span",{key:f,class:e.normalizeClass([{active:o.value===f}]),onClick:E=>{o.value=f,i("tab-click",f)}},e.toDisplayString(d.props.label||d.props.title),11,Ue))),128))]),e.renderSlot(h.$slots,"default")],2))}}},Symbol.toStringTag,{value:"Module"})),Xe={key:0,class:"tab-content"},Je=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwTabsPane",props:{title:{type:String,required:!0}},setup(a){const n=a,t=e.inject("activeTab"),l=e.inject("tabs"),o=e.computed(()=>{const i=l.value.findIndex(h=>h.props.title===n.title);return t.value===i});return(i,h)=>o.value?(e.openBlock(),e.createElementBlock("div",Xe,[e.renderSlot(i.$slots,"default")])):e.createCommentVNode("",!0)}}},Symbol.toStringTag,{value:"Module"})),Qe={key:0,class:"tab-content"},Ze=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwTabsPaneNew",props:{label:{type:String,required:!0},title:{type:String}},setup(a){const n=a,t=e.inject("registerTab");if(!t)throw new Error("SwTabsPane must be used inside SwTabs");t({props:n});const l=e.inject("activeTab");if(!e.inject("tabs"))throw new Error("Tabs array is not provided by SwTabs");const i=e.inject("tabs").value.length-1;return(h,m)=>e.unref(l)===i?(e.openBlock(),e.createElementBlock("div",Qe,[e.renderSlot(h.$slots,"default")])):e.createCommentVNode("",!0)}}},Symbol.toStringTag,{value:"Module"}));V.Alert=A,V.Library=oe,V.components=I,Object.defineProperty(V,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
(function(V,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(V=typeof globalThis<"u"?globalThis:V||self,e(V["component-sw"]={},V.vue))})(this,function(V,e){"use strict";function Q(a){return/^(https?:|mailto:|tel:)/.test(a)}function j(a,n){if(arguments.length===0||!a)return null;const t=n||"{Y}-{m}-{d} {G}:{i}:{s}";let o;typeof a=="object"?o=a:(typeof a=="string"&&(/^[0-9]+$/.test(a)?a=parseInt(a):a=a.replace(new RegExp(/-/gm),"/")),typeof a=="number"&&a.toString().length===10&&(a=a*1e3),o=new Date(a));const l="ru-RU",i={Y:o.getFullYear(),m:(o.getMonth()+1).toString().padStart(2,"0"),d:o.getDate(),dd:o.getDate().toString().padStart(2,"0"),G:o.getHours(),H:o.getHours().toString().padStart(2,"0"),i:o.getMinutes().toString().padStart(2,"0"),s:o.getSeconds().toString().padStart(2,"0"),D:new Intl.DateTimeFormat(l,{weekday:"short"}).format(o),F:new Intl.DateTimeFormat(l,{month:"long"}).format(o),M:new Intl.DateTimeFormat(l,{month:"short"}).format(o)};return t.replace(/{(dd|[YmdGHisDFM])+}/g,(g,p)=>i[p])}const Z=(a,n)=>{const t=a.__vccOpts||a;for(const[o,l]of n)t[o]=l;return t},K={name:"SvgIcon",props:{prefix:{type:String,default:"icon"},iconClass:{type:String,required:!0},className:{type:String,default:""}},computed:{isExt(){return Q(this.iconClass)}}},ee=["href"];function te(a,n,t,o,l,i){return i.isExt?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,style:"mask: url("+t.iconClass+") no-repeat 50% 50%;",class:"svg-external-icon svg-icon"},a.$attrs),null,16)):(e.openBlock(),e.createElementBlock("svg",e.mergeProps({key:1,class:"svg-icon "+t.className,"aria-hidden":"true"},a.$attrs),[e.createElementVNode("use",{href:"#"+t.prefix+"-"+t.iconClass},null,8,ee)],16))}const F=Z(K,[["render",te]]),q={__name:"SwAlert",props:{message:{type:String,default:"Default message"},before:{type:String,default:""},class:{type:String,default:""},after:{type:String,default:""},size:{type:String,default:""},duration:{type:Number,default:6e3},type:{type:String,default:"info",validator:a=>["success","warning","error","info"].includes(a)}},emits:["closed"],setup(a,{emit:n}){const t=a,o=n,l=e.ref(!1);let i=null;const g=()=>{l.value=!0,E()},p=()=>{l.value=!1,o("closed")},d=()=>{i&&(clearTimeout(i),i=null)},f=()=>{E()},E=()=>{i=setTimeout(p,t.duration)};e.onMounted(()=>{g()}),e.onUnmounted(()=>{i&&clearTimeout(i)});const D=e.computed(()=>{const m=["sw-alert"];return t.size.length>0&&m.push(`sw-${t.size}`),t.type.length>0&&m.push(`sw-${t.type}`),t.class.length>0&&m.push(t.class),m});return(m,_)=>(e.openBlock(),e.createBlock(e.Transition,{name:"fade"},{default:e.withCtx(()=>[l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(D.value),onMouseenter:d,onMouseleave:f},[t.before.length>0?(e.openBlock(),e.createBlock(F,{key:0,"icon-class":t.before},null,8,["icon-class"])):e.renderSlot(m.$slots,"prefix",{key:1}),e.renderSlot(m.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.message),1)]),t.after.length>0?(e.openBlock(),e.createBlock(F,{key:2,"icon-class":t.after,onClick:p},null,8,["icon-class"])):e.renderSlot(m.$slots,"suffix",{key:3})],34)):e.createCommentVNode("",!0)]),_:3}))}},oe=Object.freeze(Object.defineProperty({__proto__:null,default:q},Symbol.toStringTag,{value:"Module"}));let P=document.querySelector("div.sw-alert-wrapper");function A(a={}){P||(P=document.createElement("div"),P.className="sw-alert-wrapper",document.body.appendChild(P));const n=e.createApp({setup(){return()=>e.h(q,{...a,onClose:()=>{P.removeChild(n._container),n.unmount()}})}}),t=n.mount(document.createElement("div"));P.appendChild(t.$el)}const R=Object.assign({"./components/SwAlert.vue":()=>Promise.resolve().then(()=>oe),"./components/SwButton.vue":()=>Promise.resolve().then(()=>ne),"./components/SwCollapse.vue":()=>Promise.resolve().then(()=>ae),"./components/SwDatePicker.vue":()=>Promise.resolve().then(()=>be),"./components/SwDropdown.vue":()=>Promise.resolve().then(()=>$e),"./components/SwDropdownItem.vue":()=>Promise.resolve().then(()=>De),"./components/SwFormItem.vue":()=>Promise.resolve().then(()=>Ee),"./components/SwInput.vue":()=>Promise.resolve().then(()=>Ve),"./components/SwMessage.vue":()=>Promise.resolve().then(()=>ze),"./components/SwSection.vue":()=>Promise.resolve().then(()=>xe),"./components/SwSelect.vue":()=>Promise.resolve().then(()=>Fe),"./components/SwSkeleton.vue":()=>Promise.resolve().then(()=>Le),"./components/SwSkeletonItem.vue":()=>Promise.resolve().then(()=>Ae),"./components/SwSwitch.vue":()=>Promise.resolve().then(()=>Re),"./components/SwTabs.vue":()=>Promise.resolve().then(()=>We),"./components/SwTabsNew.vue":()=>Promise.resolve().then(()=>Ge),"./components/SwTabsPane.vue":()=>Promise.resolve().then(()=>Je),"./components/SwTabsPaneNew.vue":()=>Promise.resolve().then(()=>Ze)}),I={};for(const a in R){const n=a.split("/").pop().replace(".vue","").replace(/-(\w)/g,(t,o)=>o.toUpperCase());I[n]=e.defineAsyncComponent(()=>R[a]())}const le={install(a){Object.keys(I).forEach(n=>{a.component(n,I[n]),console.log(n)}),a.config.globalProperties.$Alert=A,a.provide("Alert",A)}},H={__name:"SwButton",props:{class:{type:String,default:""},size:{type:String,default:""},type:{type:String,default:""},round:{type:Boolean,default:!1},text:{type:Boolean,default:!1},link:{type:Boolean,default:!1},href:{type:String,default:""}},setup(a){const n=a,t=()=>{if(n.href.length>0){const l=document.createElement("a");l.setAttribute("href",n.href),l.setAttribute("target","_blank"),l.click()}},o=e.computed(()=>{let l=["sw-button"];return n.size.length>0&&l.push("sw-"+n.size),n.type.length>0&&l.push("sw-"+n.type),n.round&&l.push("sw-round"),n.text&&l.push("sw-text"),n.link&&l.push("sw-link"),n.class.length>0&&l.push(n.class),l});return(l,i)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(o.value),onClick:t},[e.renderSlot(l.$slots,"default")],2))}},ne=Object.freeze(Object.defineProperty({__proto__:null,default:H},Symbol.toStringTag,{value:"Module"})),ae=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwCollapse",props:{visual:{type:Boolean,default:!0}},setup(a){e.onMounted(()=>{o.value="0px"});const n=e.ref(null),t=a,o=e.computed(()=>{var l;return t.visual?((l=n.value)==null?void 0:l.scrollHeight)+"px":"0px"});return(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["sw-collapse",{open:t.visual}]),style:e.normalizeStyle({height:o.value}),ref_key:"collapse",ref:n},[e.renderSlot(l.$slots,"default")],6))}}},Symbol.toStringTag,{value:"Module"})),se={class:"sw-data-picker"},re={class:"month_year"},ce={class:"text"},ie={key:0,class:"week"},de={key:1,class:"year"},pe=["onClick"],me={key:2,class:"month"},fe=["onClick"],ue={key:0},ge={class:"month_year"},he={class:"text"},ye={key:0,class:"week"},_e={key:1,class:"year"},Se=["onClick"],ke={key:2,class:"month"},we=["onClick"],be=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwDatePicker",props:{data:Object,limitation:{type:[Boolean,Array],default:()=>!1},range:{type:String,default:"solid"}},emits:["input"],setup(a,{emit:n}){var U,G,X,J;const t=a,o=n,l=e.ref(3),i=e.ref(new Date),g=e.ref(new Date),p=e.ref(new Date().getFullYear()),d=e.ref(new Date().getMonth()),f=e.ref(new Date().getFullYear()),E=e.ref(new Date().getMonth()),D=e.ref(new Date().getMonth()+1),m=e.ref([]),_=e.ref(0),S=e.ref(-1),h=e.ref(-1),w=e.ref(navigator.languages||"ru"),y=/en|zh|ja|he/.test(w.value)?0:1,N=e.computed(()=>Array.from({length:12},(c,s)=>{const r=new Date(2024,s);return new Intl.DateTimeFormat(w.value,{month:"long"}).format(r)})),B=c=>{let s=c.split(c.match(/\D.*?\D?/));return s[0].length>2?s.join("-")+"T00:00:01":s.reverse().join("-")+"T00:00:01"};(U=t.data)!=null&&U.startDate&&(i.value=new Date(B(t.data.startDate)),p.value=i.value.getFullYear(),d.value=i.value.getMonth()),(G=t.data)!=null&&G.endDate&&t.range==="range"&&(g.value=new Date(B(t.data.endDate)),f.value=g.value.getFullYear(),E.value=g.value.getMonth());const k=()=>{m.value=[],_.value=0;const c=new Date(p.value,d.value,0);for(let r=c.getDate()-c.getDay()+y;r<=c.getDate();r++)c.getDay()!==6+y&&(m.value.push({day:r,month:c.getMonth(),year:c.getFullYear(),class:[]}),_.value++);const s=new Date(p.value,d.value+1,0).getDate();for(let r=1;r<=s;r++)m.value.push({day:r,month:d.value,year:p.value,class:[]}),_.value++;if(t.range==="range"){const r=new Date(p.value,d.value+1,1),u=new Date(p.value,d.value+2,0).getDate();for(let M=1;M<=u;M++)m.value.push({day:M,month:r.getMonth(),year:r.getFullYear(),class:[]})}$()},$=()=>{var s;if(!((s=t.data)!=null&&s.holiday))return;const c=(r,u)=>{r.forEach(M=>{const[b,C,z]=M.split("-").map(Number),O=m.value.findIndex(Y=>Y.year===b&&Y.month+1===C&&Y.day===z);O!==-1&&(m.value[O].class[0]=u)})};c(t.data.holiday.preholidays,"preholiday"),c(t.data.holiday.holidays,"weekend"),c(t.data.holiday.holiday,"holiday"),c(t.data.holiday.nowork,"nowork")},x=()=>{if(!t.limitation||t.limitation.length<2)return!1;const c=[...t.limitation].sort((s,r)=>new Date(B(s.startDate)).getTime()-new Date(B(r.startDate)).getTime());for(let s=1;s<c.length;s++){const r=new Date(B(c[s-1].endDate));if(new Date(B(c[s].startDate))<=r)return console.warn("Warning: Диапазоны пересекаются:",c[s-1],c[s]),!0}return!1},v=(c,s,r)=>{if(!t.limitation||t.limitation.length===0)return!0;const u=new Date(c,s,r).getTime();for(let M of t.limitation){const{startDate:b,endDate:C}=M;if(!b&&C){const z=new Date(B(C)).getTime();if(u<=z)return!1}if(b&&!C){const z=new Date(B(b)).getTime();if(u>=z)return!1}if(b&&C){const z=new Date(B(b)).getTime(),O=new Date(B(C)).getTime();if(z<=O){if(u>=z&&u<=O)return!1}else if(u>=z||u<=O)return!1}}return!0},L=(c,s)=>{const r=j(new Date(c.year,c.month,c.day),"{dd}.{m}.{Y}");t.range==="range"?h.value!==-1?(Ke(),S.value=s,m.value[s].class[1]="active"):S.value!==-1?(h.value=s,et(S.value,h.value,r)):(S.value=s,m.value[s].class[1]="active"):(S.value!==-1&&(m.value[S.value].class[1]=""),S.value=s,m.value[s].class[1]="active",o("input",{dateStart:r,count:1}))},Ke=()=>{m.value.forEach(c=>c.class[1]=""),S.value=-1,h.value=-1},et=(c,s,r)=>{let u=j(new Date(m.value[c].year,m.value[c].month,m.value[c].day),"{dd}.{m}.{Y}"),M=tt(c,s);if(s>=c)for(let b=c+1;b<s;b++)m.value[b].class[1]="select";else for(let b=s+1;b<c;b++)m.value[b].class[1]="select";m.value[s].class[1]="active",o("input",{dateStart:u,dateEnd:r,count:M})},tt=(c,s)=>{var b;let r=Math.abs(c-s)+1,[u,M]=[Math.min(c,s),Math.max(c,s)];for(let C=u;C<=M;C++)((b=m.value[C])==null?void 0:b.class[0])==="holiday"&&r--;return r},T=(c,s)=>{v(c,s)&&(i.value=new Date(c,s,1),p.value=i.value.getFullYear(),d.value=i.value.getMonth(),console.log(l.value),t.range==="year"&&l.value===0?L({year:c,month:s,day:1},8):k())};if(k(),x()&&console.error("Ошибка: Найдены пересекающиеся диапазоны!"),(X=t.data)!=null&&X.startDate&&(S.value=m.value.findIndex(c=>c.day===i.value.getDate()&&c.month===d.value&&c.year===p.value),S.value!==-1&&(m.value[S.value].class[1]="active")),(J=t.data)!=null&&J.endDate&&t.range==="range"&&(h.value=m.value.findIndex(c=>c.day===g.value.getDate()&&c.month===E.value&&c.year===f.value),h.value!==-1)){m.value[h.value].class[1]="active";for(let c=S.value+1;c<h.value;c++)m.value[c].class[1]="select"}return(c,s)=>(e.openBlock(),e.createElementBlock("div",se,[e.createElementVNode("div",null,[e.createElementVNode("p",re,[e.createElementVNode("span",null,[e.createElementVNode("button",{onClick:s[0]||(s[0]=e.withModifiers(r=>T(p.value-1,d.value),["prevent"]))},"«"),e.createElementVNode("button",{onClick:s[1]||(s[1]=e.withModifiers(r=>{l.value=0,T(p.value,d.value-1)},["prevent"]))},"‹")]),e.createElementVNode("span",ce,[e.createElementVNode("button",{onClick:s[2]||(s[2]=e.withModifiers(r=>l.value=1,["prevent"]))},e.toDisplayString(p.value),1),e.createElementVNode("button",{onClick:s[3]||(s[3]=e.withModifiers(r=>l.value=1,["prevent"]))},e.toDisplayString(e.unref(j)(i.value.setMonth(d.value),"{F}")),1)]),e.createElementVNode("span",null,[e.createElementVNode("button",{onClick:s[4]||(s[4]=e.withModifiers(r=>{l.value=0,T(p.value,d.value+1)},["prevent"]))},"›"),e.createElementVNode("button",{onClick:s[5]||(s[5]=e.withModifiers(r=>T(p.value+1,d.value),["prevent"]))},"»")])]),t.range==="year"||l.value===1?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ie,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(7,(r,u)=>e.createElementVNode("button",{key:u,class:"disabled"},e.toDisplayString(e.unref(j)(new Date(1970,1,r+e.unref(y)),"{D}")),1)),64))])),t.range==="year"||l.value===1?(e.openBlock(),e.createElementBlock("div",de,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(r,u)=>(e.openBlock(),e.createElementBlock("button",{key:u,onClick:e.withModifiers(M=>{l.value=0,T(p.value,u)},["prevent"])},e.toDisplayString(r),9,pe))),128))])):(e.openBlock(),e.createElementBlock("div",me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(r,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:u},[u<_.value+(7-new Date(p.value,d.value+1,1).getDay()+e.unref(y))%7?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(r.month===d.value&&v(r.year,r.month,r.day)?r.class:"disabled"),onClick:e.withModifiers(()=>{r.month===d.value&&L(r,u)},["prevent"])},e.toDisplayString(r.day),11,fe)):e.createCommentVNode("",!0)],64))),128))]))]),t.range==="range"?(e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("p",ge,[e.createElementVNode("span",null,[e.createElementVNode("button",{onClick:s[6]||(s[6]=e.withModifiers(r=>T(p.value-1,d.value),["prevent"]))},"«"),e.createElementVNode("button",{onClick:s[7]||(s[7]=e.withModifiers(r=>{l.value=0,T(p.value,d.value-1)},["prevent"]))},"‹")]),e.createElementVNode("span",he,[e.createElementVNode("button",{onClick:s[8]||(s[8]=e.withModifiers(r=>l.value=2,["prevent"]))},e.toDisplayString(new Date(p.value,d.value+1).getFullYear()),1),e.createElementVNode("button",{onClick:s[9]||(s[9]=e.withModifiers(r=>l.value=2,["prevent"]))},e.toDisplayString(e.unref(j)(i.value.setMonth(d.value+1),"{F}")),1)]),e.createElementVNode("span",null,[e.createElementVNode("button",{onClick:s[10]||(s[10]=e.withModifiers(r=>{l.value=0,T(p.value,d.value+1)},["prevent"]))},"›"),e.createElementVNode("button",{onClick:s[11]||(s[11]=e.withModifiers(r=>T(p.value+1,d.value),["prevent"]))},"»")])]),l.value!==2?(e.openBlock(),e.createElementBlock("div",ye,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(7,(r,u)=>e.createElementVNode("button",{key:u,class:"disabled"},e.toDisplayString(e.unref(j)(new Date(1970,1,r+e.unref(y)),"{D}")),1)),64))])):e.createCommentVNode("",!0),l.value===2?(e.openBlock(),e.createElementBlock("div",_e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.value,(r,u)=>(e.openBlock(),e.createElementBlock("button",{key:u,onClick:e.withModifiers(M=>{l.value=0,T(p.value,u-1)},["prevent"])},e.toDisplayString(r),9,Se))),128))])):(e.openBlock(),e.createElementBlock("div",ke,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(r,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:u},[u>=_.value-(7+new Date(p.value,d.value+1,1).getDay()-e.unref(y))%7?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(r.month===D.value&&v(r.year,r.month,r.day)?r.class:"disabled"),onClick:e.withModifiers(()=>{r.month===D.value&&L(r,u)},["prevent"])},e.toDisplayString(r.day),11,we)):e.createCommentVNode("",!0)],64))),128))]))])):e.createCommentVNode("",!0)]))}}},Symbol.toStringTag,{value:"Module"})),Be=["id"],$e=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwDropdown",props:e.mergeModels({class:{type:String,default:""},size:{type:String,default:""},type:{type:String,default:""},trigger:{type:String,default:"click"},placement:{type:String,default:"bottom-left"},maxWidth:{type:Number,default:0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a,{expose:n}){const t=a;e.computed(()=>"dropdown"+Array.from(document.body.children).indexOf(document.querySelector("ul")));const o=e.useModel(a,"modelValue"),l=e.ref(null),i=e.ref(null),g=e.ref({}),p=Math.ceil(Math.random()*1e3),d=e.computed(()=>{let h=["sw-dropdown"];return t.size.length>0&&h.push("sw-"+t.size),t.type.length>0&&h.push("sw-"+t.type),h}),f=async()=>{if(await e.nextTick(),!i.value)return;const h=window.pageYOffset||document.documentElement.scrollTop,w=window.pageXOffset||document.documentElement.scrollLeft;document.body.style.position="fixed",document.body.style.top=`-${h}px`,document.body.style.left=`-${w}px`,document.body.style.position="",document.body.style.top="",document.body.style.left="",document.documentElement.scrollTop=h,document.documentElement.scrollLeft=w;const y=l.value.getBoundingClientRect(),N=i.value.offsetHeight,B=i.value.offsetWidth;console.log("popupHeight",N),console.log("popupWidth",B);let k=y.left+y.width/2+w,$=y.top+y.height/2+h;const[x,v]=t.placement.split("-",2);switch(console.log(t.placement),x){case"bottom":$=$+y.height/2+8;break;case"top":$=$-y.height/2-8-N;break;case"left":k=k-B-y.width/2-8,$=$-N/2;break;case"right":k=k+y.width/2+8,$=$-N/2;break}switch(v){case"left":k=k-y.width/2;break;case"right":k=k-B+y.width/2;break}k<0&&(k=0),$<0&&($=0),g.value={position:"absolute",top:`${$}px`,left:`${k}px`,maxWidth:t.maxWidth===0?"":`${t.maxWidth}px`}};n({positionPopup:f});const E=()=>{t.trigger==="click"&&(o.value=!o.value),o.value&&f()},D=()=>{t.trigger==="hover"&&(o.value=!o.value),o.value&&f()},m=()=>{t.trigger==="context"&&(o.value=!o.value),o.value&&f()},_=()=>{o.value&&f()},S=h=>{!h.target.closest(`[id="${p}"]`)&&l.value&&!l.value.contains(h.target)&&(o.value=!1)};return e.onMounted(()=>{window.addEventListener("resize",_),window.addEventListener("click",S)}),e.onUnmounted(()=>{window.removeEventListener("resize",_),window.removeEventListener("click",S)}),(h,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(d.value),onClick:w[0]||(w[0]=y=>E()),onMouseover:w[1]||(w[1]=e.withModifiers(y=>D(),["stop"])),onMouseleave:w[2]||(w[2]=e.withModifiers(y=>D(),["stop"])),onContextmenu:w[3]||(w[3]=e.withModifiers(y=>m(),["stop"])),ref_key:"dropdownRef",ref:l},[e.renderSlot(h.$slots,"default"),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[o.value?(e.openBlock(),e.createElementBlock("ul",{key:0,ref_key:"popupRef",ref:i,id:e.unref(p),class:e.normalizeClass(["sw-dropdown-popup",t.class]),style:e.normalizeStyle(g.value),tabindex:"-1"},[e.renderSlot(h.$slots,"dropdown")],14,Be)):e.createCommentVNode("",!0)]))],34))}}},Symbol.toStringTag,{value:"Module"})),De=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwDropdownItem",props:{class:{type:String,default:""},size:{type:String,default:""},type:{type:String,default:""},iconBefore:{type:String,default:""}},setup(a){const n=a,t=e.computed(()=>{let o=["sw-dropdown-item"];return n.size.length>0&&o.push("sw-"+n.size),n.type.length>0&&o.push("sw-"+n.type),n.class.length>0&&o.push(n.class),o});return(o,l)=>{const i=e.resolveComponent("svg-icon");return e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(t.value)},[e.createVNode(i,{"icon-class":a.iconBefore},null,8,["icon-class"]),e.renderSlot(o.$slots,"default")],2)}}}},Symbol.toStringTag,{value:"Module"})),Ee=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwFormItem",props:{class:{type:String,default:""},type:{type:String,default:""}},setup(a){const n=a,t=e.computed(()=>{let o=["sw-form-item"];return n.type.length>0&&o.push("sw-"+n.type),n.class.length>0&&o.push(n.class),o});return(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.value)},[e.renderSlot(o.$slots,"default")],2))}}},Symbol.toStringTag,{value:"Module"})),Me=["for"],Ce={key:0,title:"Это поле обязательно для заполнения."},Te=["required","placeholder","type","id","name"],Ve=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwInput",props:e.mergeModels({before:{type:String,default:""},after:{type:String,default:""},placeholder:{type:String,default:""},label:{type:String,default:""},name:{type:String,required:!0},class:{type:String,default:""},size:{type:String,default:""},type:{type:String,default:"text"},required:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["suffix","prefix","focusInput"],["update:modelValue"]),setup(a,{emit:n}){var m;const t=e.useModel(a,"modelValue"),o=a,l=e.ref(null),i=n,g=_=>{i("focusInput"),_.target.setSelectionRange(t.value.length,t.value.length),l.value!==null&&(l.value.style.top="-.6em")},p=_=>{var S;((S=t.value)==null?void 0:S.length)===0&&l.value!==null&&l.value.removeAttribute("style")};((m=t.value)==null?void 0:m.length)>0&&l.value!==null&&(l.value.style.top="-.6em");const d=()=>{i("suffix")},f=()=>{i("prefix")},E=e.computed(()=>{let _=["sw-input"];return o.size.length>0&&_.push("sw-"+o.size),o.class.length>0&&_.push(o.class),_});e.watch(t,(_,S)=>{o.type==="phone"&&(t.value=D(_,S))});const D=(_,S)=>{if(/^\+[0-9]\s/.test(S)&&_.length===2||/^\+0\s/.test(_))return"";const h=_;if(typeof h>"u"||h.length===0)return h;const w="+0 (___) ___-__-__";let y=0;const N=w.replace(/\D/g,""),B=h.replace(/\D/g,"");let k=w.replace(/[_\d]/g,x=>y<B.length?B.charAt(y++)||N.charAt(y):x);y=k.indexOf("_"),y!==-1&&(y=y<5?3:y,k=k.slice(0,y));let $=w.slice(0,h.length).replace(/_+/g,x=>`\\d{1,${x.length}}`).replace(/[+()]/g,"\\$&");if($=new RegExp(`^${$}$`),k=k.replace(/[-—]$|(\) )$/g,""),!$.test(h)||h.length<5)return k};return(_,S)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(E.value)},[o.before.length>0?(e.openBlock(),e.createBlock(F,{key:0,"icon-class":o.before,onClick:f},null,8,["icon-class"])):e.renderSlot(_.$slots,"prefix",{key:1}),o.label.length>0?(e.openBlock(),e.createElementBlock("label",{key:2,for:o.name,ref_key:"lab",ref:l},[e.createTextVNode(e.toDisplayString(o.label),1),o.required?(e.openBlock(),e.createElementBlock("span",Ce,"*")):e.createCommentVNode("",!0)],8,Me)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":S[0]||(S[0]=h=>t.value=h),required:o.required,placeholder:o.required&&o.label.length===0?o.placeholder+"*":o.placeholder,type:o.type,id:o.name,name:o.name,size:"60",onFocus:g,onBlur:p,maxlength:"128"},null,40,Te),[[e.vModelDynamic,t.value]]),o.after.length>0?(e.openBlock(),e.createBlock(F,{key:3,"icon-class":o.after,onClick:d},null,8,["icon-class"])):e.renderSlot(_.$slots,"suffix",{key:4})],2))}}},Symbol.toStringTag,{value:"Module"})),Ne={key:0},ze=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwMessage",props:e.mergeModels({name:{type:String,default:""},class:{type:String,default:""},iconAfter:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const n=e.useModel(a,"modelValue"),t=a,o=e.ref(null);return(l,i)=>{const g=e.resolveComponent("svg-icon");return n.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["sw-message",t.class]),ref_key:"messageRef",ref:o},[t.name.length>0?(e.openBlock(),e.createElementBlock("header",Ne,[e.renderSlot(l.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(t.name)+" ",1),e.createVNode(H,{link:"",type:"primary",onClick:i[0]||(i[0]=p=>n.value=!1)},{default:e.withCtx(()=>[e.createVNode(g,{"icon-class":t.iconAfter},null,8,["icon-class"])]),_:1})])])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"default"),e.createElementVNode("footer",null,[e.renderSlot(l.$slots,"footer")])],2)):e.createCommentVNode("",!0)}}}},Symbol.toStringTag,{value:"Module"})),xe=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwSection",props:{name:{type:String,default:""},class:{type:String,default:""},iconAfter:{type:String,default:""}},emits:["header"],setup(a,{emit:n}){const t=a,o=n,l=()=>{o("header")};return(i,g)=>{const p=e.resolveComponent("svg-icon");return e.openBlock(),e.createElementBlock("section",{class:e.normalizeClass(t.class)},[e.createElementVNode("header",{onClick:l},[e.renderSlot(i.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(t.name)+" ",1),e.createVNode(p,{"icon-class":t.iconAfter},null,8,["icon-class"])])]),e.renderSlot(i.$slots,"default"),e.createElementVNode("footer",null,[e.renderSlot(i.$slots,"footer")])],2)}}}},Symbol.toStringTag,{value:"Module"})),je={class:"popup"},Pe={class:"wrapper"},Oe={class:"scrollbar"},ve=["onClick"],Fe=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwSelect",props:e.mergeModels({class:{type:String,default:""},size:{type:String,default:"large"},placeholder:{type:String,default:""},token:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const n=e.ref({fullText:""}),t=e.ref(!1),o=e.ref([]),l=e.useModel(a,"modelValue"),i=a;e.watch(l.text,d=>{d.length>3&&(n.value.fullText=d)}),e.watch(n.value.fullText,(d,f)=>{t.value=d.length>3&&d.length>f.length,d.length>3&&g()});const g=()=>{let d="https://suggestions.dadata.ru/suggestions/api/4_1/rs/suggest/address";console.log(n.value.fullText),axios.post(d,{query:n.value.fullText},{headers:{"Content-Type":"application/json",Accept:"application/json",Authorization:"Token "+i.token}}).then(f=>{console.log(f.data.suggestions),o.value=f.data.suggestions,o.value.length===1&&p(o.value[0])}).catch(f=>{console.log(f)})},p=d=>{n.value.fullText=d.value,t.value=!1;const f={};f.text=d.value,f.coords=[Number(d.data.geo_lat),Number(d.data.geo_lon)],f.suggestion=d.data,l.value=f};return(d,f)=>{const E=e.resolveComponent("sw-input");return e.openBlock(),e.createElementBlock("div",je,[e.createVNode(E,{size:i.size,modelValue:n.value.fullText,"onUpdate:modelValue":f[0]||(f[0]=D=>n.value.fullText=D),placeholder:a.placeholder},null,8,["size","modelValue","placeholder"]),e.withDirectives(e.createElementVNode("div",Pe,[e.createElementVNode("ul",Oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,(D,m)=>(e.openBlock(),e.createElementBlock("li",{tabindex:"1",key:m,onClick:_=>p(D)},e.toDisplayString(D.value),9,ve))),128))])],512),[[e.vShow,t.value]])])}}}},Symbol.toStringTag,{value:"Module"})),Ie={key:0},W={__name:"SwSkeletonItem",props:{width:{type:String,default:"100"},class:{type:String,default:""},animate:{type:Boolean,default:!1},size:{type:String,default:""}},setup(a){const n=a,t=e.computed(()=>{let l=["sw-skeleton-item"];return n.size.length>0&&l.push("sw-"+n.size),n.animate&&l.push("sw-animate"),n.class.length>0&&l.push(n.class),l}),o=e.computed(()=>({width:n.width+"%"}));return(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.value),style:e.normalizeStyle(o.value)},[n.animate?(e.openBlock(),e.createElementBlock("div",Ie)):e.createCommentVNode("",!0)],6))}},Ae=Object.freeze(Object.defineProperty({__proto__:null,default:W},Symbol.toStringTag,{value:"Module"})),Le=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwSkeleton",props:{class:{type:String,default:""},visual:{type:Boolean,default:!1}},setup(a){const n=a;return(t,o)=>n.visual?e.renderSlot(t.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["sw-skeleton",n.class])},[e.renderSlot(t.$slots,"skeleton",{},()=>[e.createVNode(W,{animate:"",size:"small"})])],2))}}},Symbol.toStringTag,{value:"Module"})),Ye=["name","id"],qe=["for","data-onlabel","data-offlabel"],Re=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwSwitch",props:e.mergeModels({id:{type:String,default:"checkbox"},class:{type:String,default:""},name:{type:String,default:""},on:{type:String,default:""},off:{type:String,default:""},size:{type:String,default:""},checkbox:{type:Boolean,default:!1}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(a){const n=e.useModel(a,"modelValue"),t=a,o=e.computed(()=>{let l=["sw-switch"];return t.size.length>0&&l.push("sw-"+t.size),t.checkbox&&l.push("sw-checkbox"),t.class.length>0&&l.push(t.class),l});return(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.value)},[e.withDirectives(e.createElementVNode("input",{type:"checkbox",name:t.name,class:"sw-control",id:t.id,"onUpdate:modelValue":i[0]||(i[0]=g=>n.value=g)},null,8,Ye),[[e.vModelCheckbox,n.value]]),e.createElementVNode("label",{for:t.id,class:"sw-label","data-onlabel":t.on,"data-offlabel":t.off},null,8,qe),e.renderSlot(l.$slots,"default")],2))}}},Symbol.toStringTag,{value:"Module"})),He=["onClick"],We=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwTabs",props:e.mergeModels({name:{type:String},class:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["tab-click"],["update:modelValue"]),setup(a,{emit:n}){e.ref(0);const t=e.ref([]),o=a,l=e.useModel(a,"modelValue"),i=n;return t.value=e.useSlots().default().filter(g=>g.type.__name==="SwTabsPane"),e.provide("activeTab",l),e.provide("tabs",t),(g,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass("sw-tabs "+o.class)},[e.createElementVNode("header",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,(d,f)=>(e.openBlock(),e.createElementBlock("span",{key:f,class:e.normalizeClass([{active:l.value===f}]),onClick:E=>{l.value=f,i("tab-click",f)}},e.toDisplayString(d.props.label||d.props.title),11,He))),128))]),e.renderSlot(g.$slots,"default")],2))}}},Symbol.toStringTag,{value:"Module"})),Ue=["onClick"],Ge=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwTabsNew",props:e.mergeModels({name:{type:String},class:{type:String,default:""}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["tab-click"],["update:modelValue"]),setup(a,{emit:n}){e.ref(0);const t=e.ref([]),o=a,l=e.useModel(a,"modelValue"),i=n;return e.provide("activeTab",l),e.provide("tabs",t),e.provide("registerTab",g=>{t.value.push(g)}),(g,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass("sw-tabs "+o.class)},[e.createElementVNode("header",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,(d,f)=>(e.openBlock(),e.createElementBlock("span",{key:f,class:e.normalizeClass([{active:l.value===f}]),onClick:E=>{l.value=f,i("tab-click",f)}},e.toDisplayString(d.props.label||d.props.title),11,Ue))),128))]),e.renderSlot(g.$slots,"default")],2))}}},Symbol.toStringTag,{value:"Module"})),Xe={key:0,class:"tab-content"},Je=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwTabsPane",props:{title:{type:String,required:!0}},setup(a){const n=a,t=e.inject("activeTab"),o=e.inject("tabs"),l=e.computed(()=>{const i=o.value.findIndex(g=>g.props.title===n.title);return t.value===i});return(i,g)=>l.value?(e.openBlock(),e.createElementBlock("div",Xe,[e.renderSlot(i.$slots,"default")])):e.createCommentVNode("",!0)}}},Symbol.toStringTag,{value:"Module"})),Qe={key:0,class:"tab-content"},Ze=Object.freeze(Object.defineProperty({__proto__:null,default:{__name:"SwTabsPaneNew",props:{label:{type:String,required:!0},title:{type:String}},setup(a){const n=a,t=e.inject("registerTab");if(!t)throw new Error("SwTabsPane must be used inside SwTabs");t({props:n});const o=e.inject("activeTab");if(!e.inject("tabs"))throw new Error("Tabs array is not provided by SwTabs");const i=e.inject("tabs").value.length-1;return(g,p)=>e.unref(o)===i?(e.openBlock(),e.createElementBlock("div",Qe,[e.renderSlot(g.$slots,"default")])):e.createCommentVNode("",!0)}}},Symbol.toStringTag,{value:"Module"}));V.Alert=A,V.Library=le,V.components=I,Object.defineProperty(V,Symbol.toStringTag,{value:"Module"})});
|
package/dist/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import { mergeModels as c, useModel as p, ref as g, resolveComponent as y, createElementBlock as r, createCommentVNode as a, openBlock as m, normalizeClass as k, renderSlot as s, createElementVNode as v, createTextVNode as i, createVNode as d, toDisplayString as V, withCtx as S } from "vue";
|
|
2
|
-
import _ from "./SwButton-0uPLNlAn.js";
|
|
3
|
-
const C = { key: 0 }, w = {
|
|
4
|
-
__name: "SwMessage",
|
|
5
|
-
props: /* @__PURE__ */ c({
|
|
6
|
-
name: { type: String, default: "" },
|
|
7
|
-
class: { type: String, default: "" },
|
|
8
|
-
iconAfter: { type: String, default: "" }
|
|
9
|
-
}, {
|
|
10
|
-
modelValue: {},
|
|
11
|
-
modelModifiers: {}
|
|
12
|
-
}),
|
|
13
|
-
emits: ["update:modelValue"],
|
|
14
|
-
setup(l) {
|
|
15
|
-
const n = p(l, "modelValue"), e = l, f = g(null);
|
|
16
|
-
return (o, t) => {
|
|
17
|
-
const u = y("svg-icon");
|
|
18
|
-
return n.value ? (m(), r("div", {
|
|
19
|
-
key: 0,
|
|
20
|
-
class: k(["sw-message", e.class]),
|
|
21
|
-
ref_key: "messageRef",
|
|
22
|
-
ref: f
|
|
23
|
-
}, [
|
|
24
|
-
e.name.length > 0 ? (m(), r("header", C, [
|
|
25
|
-
s(o.$slots, "header", {}, () => [
|
|
26
|
-
i(V(e.name) + " ", 1),
|
|
27
|
-
d(_, {
|
|
28
|
-
link: "",
|
|
29
|
-
type: "primary",
|
|
30
|
-
onClick: t[0] || (t[0] = ($) => n.value = !1)
|
|
31
|
-
}, {
|
|
32
|
-
default: S(() => [
|
|
33
|
-
d(u, {
|
|
34
|
-
"icon-class": e.iconAfter
|
|
35
|
-
}, null, 8, ["icon-class"])
|
|
36
|
-
]),
|
|
37
|
-
_: 1
|
|
38
|
-
})
|
|
39
|
-
])
|
|
40
|
-
])) : a("", !0),
|
|
41
|
-
s(o.$slots, "default", {}, () => [
|
|
42
|
-
t[1] || (t[1] = i("111222"))
|
|
43
|
-
]),
|
|
44
|
-
v("footer", null, [
|
|
45
|
-
s(o.$slots, "footer")
|
|
46
|
-
])
|
|
47
|
-
], 2)) : a("", !0);
|
|
48
|
-
};
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
export {
|
|
52
|
-
w as default
|
|
53
|
-
};
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { resolveComponent as r, createElementBlock as a, openBlock as c, normalizeClass as i, createElementVNode as n, renderSlot as o, createTextVNode as p, createVNode as d, toDisplayString as f } from "vue";
|
|
2
|
-
const S = {
|
|
3
|
-
__name: "SwSection",
|
|
4
|
-
props: {
|
|
5
|
-
name: { type: String, default: "" },
|
|
6
|
-
class: { type: String, default: "" },
|
|
7
|
-
iconAfter: { type: String, default: "" }
|
|
8
|
-
},
|
|
9
|
-
setup(s) {
|
|
10
|
-
const e = s;
|
|
11
|
-
return (t, m) => {
|
|
12
|
-
const l = r("svg-icon");
|
|
13
|
-
return c(), a("section", {
|
|
14
|
-
class: i(e.class)
|
|
15
|
-
}, [
|
|
16
|
-
n("header", null, [
|
|
17
|
-
o(t.$slots, "header", {}, () => [
|
|
18
|
-
p(f(e.name) + " ", 1),
|
|
19
|
-
d(l, {
|
|
20
|
-
"icon-class": e.iconAfter
|
|
21
|
-
}, null, 8, ["icon-class"])
|
|
22
|
-
])
|
|
23
|
-
]),
|
|
24
|
-
o(t.$slots, "default"),
|
|
25
|
-
n("footer", null, [
|
|
26
|
-
o(t.$slots, "footer")
|
|
27
|
-
])
|
|
28
|
-
], 2);
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
|
-
};
|
|
32
|
-
export {
|
|
33
|
-
S as default
|
|
34
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { renderSlot as l, createElementBlock as a, createTextVNode as r, openBlock as n, normalizeClass as i, createVNode as m } from "vue";
|
|
2
|
-
import p from "./SwSkeletonItem-CU7LvihY.js";
|
|
3
|
-
const u = {
|
|
4
|
-
__name: "SwSkeleton",
|
|
5
|
-
props: {
|
|
6
|
-
class: { type: String, default: "" },
|
|
7
|
-
visual: { type: Boolean, default: !1 }
|
|
8
|
-
},
|
|
9
|
-
setup(o) {
|
|
10
|
-
const e = o;
|
|
11
|
-
return (s, t) => e.visual ? l(s.$slots, "default", { key: 0 }, () => [
|
|
12
|
-
t[0] || (t[0] = r("1"))
|
|
13
|
-
]) : (n(), a("div", {
|
|
14
|
-
key: 1,
|
|
15
|
-
class: i(["sw-skeleton", e.class])
|
|
16
|
-
}, [
|
|
17
|
-
l(s.$slots, "skeleton", {}, () => [
|
|
18
|
-
m(p, {
|
|
19
|
-
animate: "",
|
|
20
|
-
size: "small"
|
|
21
|
-
})
|
|
22
|
-
])
|
|
23
|
-
], 2));
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
export {
|
|
27
|
-
u as default
|
|
28
|
-
};
|