urfu-ui-kit-vanilla 1.0.20 → 1.0.22
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/package.json +6 -3
- package/playground/index.html +73 -1
- package/playground/main.ts +11 -0
- package/src/main.css +495 -41
- package/src/main.less +1 -1
- package/src/styles/components/breadcrumbs.less +54 -0
- package/src/styles/components/checkbox.less +1 -1
- package/src/styles/components/input.less +344 -93
- package/src/styles/special-classes/selectors.less +1 -0
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "UrFU UI-Kit for Vanilla Web",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "1.0.
|
|
6
|
+
"version": "1.0.22",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"repository": {
|
|
9
9
|
"type": "git",
|
|
@@ -16,8 +16,11 @@
|
|
|
16
16
|
},
|
|
17
17
|
"devDependencies": {
|
|
18
18
|
"@types/node": "^18.15.11",
|
|
19
|
+
"less": "^4.1.3",
|
|
19
20
|
"typescript": "^4.9.3",
|
|
20
|
-
"vite": "^4.2.0"
|
|
21
|
-
|
|
21
|
+
"vite": "^4.2.0"
|
|
22
|
+
},
|
|
23
|
+
"dependencies": {
|
|
24
|
+
"air-datepicker": "^3.3.5"
|
|
22
25
|
}
|
|
23
26
|
}
|
package/playground/index.html
CHANGED
|
@@ -8,10 +8,80 @@
|
|
|
8
8
|
</head>
|
|
9
9
|
<body>
|
|
10
10
|
<div id="app">
|
|
11
|
+
|
|
12
|
+
<input type="text" class="u-calendar" id="airdatepicker">
|
|
13
|
+
|
|
11
14
|
<div class="u-bc"><a class="u-bc-link">Главная</a><a class="u-bc-text">Не главная</a><a class="u-bc-last">Последняя</a></div>
|
|
15
|
+
<div class="u-bc-sec"><a class="u-bc-sec-first-link">Главная</a><a class="u-bc-sec-link">Не главная</a><a class="u-bc-sec-text">Последняя</a></div>
|
|
12
16
|
<a class="u-link">Кркурс</a>
|
|
13
17
|
<br>
|
|
14
18
|
<br>
|
|
19
|
+
<div class="u-expand-input-required" contenteditable placeholder="Введите"></div>
|
|
20
|
+
<br>
|
|
21
|
+
<br>
|
|
22
|
+
<br>
|
|
23
|
+
<br>
|
|
24
|
+
<br>
|
|
25
|
+
<br>
|
|
26
|
+
<br>
|
|
27
|
+
<div class="u-multiselectbox">
|
|
28
|
+
<div class="u-multiselectbox-select u-multiselectbox-select-open">
|
|
29
|
+
<div class="u-multiselectbox-select-item-wrapper">
|
|
30
|
+
<div class="u-multiselectbox-select-item-container">
|
|
31
|
+
<span class="u-multiselectbox-select-item">gjfghjh gjf jfg fjdfj jdfdgj dgj dgjgjjg jg dfj jdfdgj dgj dgjgjjg jg dfj jdfdgj dgj dgjgjjg jg dfj jdfdgj dgj dgjgjjg jg dgj djg jdg dj jf djf jdg jdgdj gdgj jd dj f jhujdjj gdjfdjfj</span>
|
|
32
|
+
<div class="u-multiselectbox-select-cross"></div>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
</div>
|
|
36
|
+
<div class="u-multiselectbox-options">
|
|
37
|
+
<div class="u-multiselectbox-option">
|
|
38
|
+
<label class="u-multiselectbox-option-checkbox">
|
|
39
|
+
<input type="checkbox"/>
|
|
40
|
+
<div></div>
|
|
41
|
+
Выбор gjfghjh gjf jfg fjdfj jdfdgj dgj dgjgjjg jg dgj djg jdg dj jf djf jdg jdgdj gdgj jd dj f jhujdjj gdjfdjfjdfjdfjf ddjdfj jdf fg fjdfj jdfdgj dgj dgjgjjfg fjdfj jdfdgj dgj dgjgjjg jg dgj djg jdg dj jf djf jdg jdgdj gdgj jd dj f jhujdjj gdjfdjfjdfjdfjf ddjdfj jdf fg fjdfj jdfdgj dgj dgjgjjfg fjdfj jdfdgj dgj dgjgjjg jg dgj djg jdg dj jf djf jdg jdgdj gdgj jd dj f jhujdjj gdjfdjfjdfjdfjf ddjdfj jdf fg fjdfj jdfdgj dgj dgjgjjfg fjdfj jdfdgj dgj dgjgjjg jg dgj djg jdg dj jf djf jdg jdgdj gdgj jd dj f jhujdjj gdjfdjfjdfjdfjf ddjdfj jdf fg fjdfj jdfdgj dgj dgjgjjfg fjdfj jdfdgj dgj dgjgjjg jg dgj djg jdg dj jf djf jdg jdgdj gdgj jd dj f jhujdjj gdjfdjfjdfjdfjf ddjdfj jdf fg fjdfj jdfdgj dgj dgjgjjg jg dgj djg jdg dj jf djf jdg jdgdj gdgj jd dj f jhujdjj gdjfdjfjdfjdfjf ddjdfj jdf fg fjdfj jdfdgj dgj dgjgjjg jg dgj djg jdg dj jf djf jdg jdgdj gdgj jd dj f jhujdjj gdjfdjfjdfjdfjf ddjdfj jdf j j j fjf jdfjj dfdj dsd <br>
|
|
42
|
+
</label>
|
|
43
|
+
</div>
|
|
44
|
+
<div class="u-multiselectbox-option">
|
|
45
|
+
<label class="u-multiselectbox-option-checkbox">
|
|
46
|
+
<input type="checkbox"/>
|
|
47
|
+
<div></div>
|
|
48
|
+
Выбор <br>dsd <br>
|
|
49
|
+
</label>
|
|
50
|
+
</div>
|
|
51
|
+
<div class="u-multiselectbox-option">
|
|
52
|
+
<label class="u-multiselectbox-option-checkbox">
|
|
53
|
+
<input type="checkbox"/>
|
|
54
|
+
<div></div>
|
|
55
|
+
Выбор <br>dsd <br>
|
|
56
|
+
</label>
|
|
57
|
+
</div>
|
|
58
|
+
<div class="u-multiselectbox-option">
|
|
59
|
+
<label class="u-multiselectbox-option-checkbox">
|
|
60
|
+
<input type="checkbox"/>
|
|
61
|
+
<div></div>
|
|
62
|
+
Выбор <br>dsd <br>
|
|
63
|
+
</label>
|
|
64
|
+
</div>
|
|
65
|
+
<div class="u-multiselectbox-option">
|
|
66
|
+
<label class="u-multiselectbox-option-checkbox">
|
|
67
|
+
<input type="checkbox"/>
|
|
68
|
+
<div></div>
|
|
69
|
+
Выбор
|
|
70
|
+
</label>
|
|
71
|
+
</div>
|
|
72
|
+
<div class="u-multiselectbox-option">
|
|
73
|
+
<label class="u-multiselectbox-option-checkbox">
|
|
74
|
+
<input type="checkbox"/>
|
|
75
|
+
<div></div>
|
|
76
|
+
Выбор
|
|
77
|
+
</label>
|
|
78
|
+
</div>
|
|
79
|
+
</div>
|
|
80
|
+
<i class="u-multiselectbox-select-icon-cross"></i>
|
|
81
|
+
<i class="u-multiselectbox-select-icon-arrow"></i>
|
|
82
|
+
</div>
|
|
83
|
+
<br>
|
|
84
|
+
<br>
|
|
15
85
|
<br>
|
|
16
86
|
<br>
|
|
17
87
|
<br>
|
|
@@ -543,12 +613,14 @@
|
|
|
543
613
|
<input type="number" class="u-input">
|
|
544
614
|
</div>
|
|
545
615
|
<div class="u-selectbox">
|
|
546
|
-
<div class="u-selectbox-select">
|
|
616
|
+
<div class="u-selectbox-select u-selectbox-select-open">
|
|
547
617
|
<span class="u-selectbox-select-title">Выбрать324 23 42342342342342342 34234 2342344 23 42342342342342342 34234 234234234234 23 4234 23 42342342342342342 34234 234234234234 23 4234 23 42342342342342342 34234 234234234234 23 4234 23 42342342342342342 34234 234234234234 23 4234 23 42342342342342342 34234 234234234234 23 423234234 23 4234 24 23424234242342234</span>
|
|
548
618
|
<i class="u-selectbox-select-icon-cross"></i>
|
|
549
619
|
<i class="u-selectbox-select-icon-arrow"></i>
|
|
550
620
|
</div>
|
|
551
621
|
<div class="u-selectbox-options">
|
|
622
|
+
<div class="u-selectbox-option">раз</div>
|
|
623
|
+
<div class="u-selectbox-option">раз <br> frfd</div>
|
|
552
624
|
<div class="u-selectbox-option">раз</div>
|
|
553
625
|
<div class="u-selectbox-option">два</div>
|
|
554
626
|
<div class="u-selectbox-option">три</div>
|
package/playground/main.ts
CHANGED
|
@@ -1 +1,12 @@
|
|
|
1
1
|
import "../src/main.less";
|
|
2
|
+
|
|
3
|
+
import AirDatepicker from 'air-datepicker';
|
|
4
|
+
import 'air-datepicker/air-datepicker.css';
|
|
5
|
+
|
|
6
|
+
new AirDatepicker('#airdatepicker', {
|
|
7
|
+
inline: true,
|
|
8
|
+
toggleSelected: true,
|
|
9
|
+
moveToOtherMonthsOnSelect: false, // нужно ли убирать?
|
|
10
|
+
showOtherMonths: false, // нужно ли убирать?
|
|
11
|
+
selectOtherMonths: false, //нужно ли убирать?
|
|
12
|
+
})
|