@webitel/ui-sdk 23.12.92 → 23.12.94
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ui-sdk.css +1 -1
- package/dist/ui-sdk.mjs +32 -29
- package/dist/ui-sdk.umd.js +6 -6
- package/package.json +2 -2
- package/src/components/wt-expansion-panel/wt-expansion-panel.vue +10 -7
- package/src/components/wt-input/wt-input.vue +14 -0
- package/src/components/wt-time-input/wt-time-input.vue +14 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webitel/ui-sdk",
|
|
3
|
-
"version": "23.12.
|
|
3
|
+
"version": "23.12.94",
|
|
4
4
|
"private": false,
|
|
5
5
|
"scripts": {
|
|
6
6
|
"dev": "vite",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"prepare": "husky install",
|
|
12
12
|
"publish-lib": "npm run test:unit && npm run build && npm publish --access public",
|
|
13
13
|
"publish-lib:testless": "npm run build && npm publish --access public",
|
|
14
|
-
"docs:dev": "vitepress dev docs",
|
|
14
|
+
"docs:dev": "vitepress dev docs --port 8080",
|
|
15
15
|
"docs:build": "vitepress build docs",
|
|
16
16
|
"docs:preview": "vitepress preview docs"
|
|
17
17
|
},
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div
|
|
3
|
-
:class="[{'wt-expansion-panel--opened':
|
|
3
|
+
:class="[{'wt-expansion-panel--opened':opened },
|
|
4
4
|
`wt-expansion-panel--${props.size}`]"
|
|
5
5
|
class="wt-expansion-panel"
|
|
6
6
|
>
|
|
7
7
|
<div
|
|
8
8
|
class="wt-expansion-panel-header"
|
|
9
9
|
tabindex="0"
|
|
10
|
-
@click="
|
|
11
|
-
@keypress.enter="
|
|
10
|
+
@click="opened = !opened"
|
|
11
|
+
@keypress.enter="opened = !opened"
|
|
12
12
|
>
|
|
13
13
|
<slot name="title" />
|
|
14
14
|
<div class="wt-expansion-panel-actions">
|
|
15
15
|
<slot
|
|
16
16
|
name="actions"
|
|
17
|
-
v-bind="{ open
|
|
17
|
+
v-bind="{ open }"
|
|
18
18
|
/>
|
|
19
19
|
<wt-icon
|
|
20
20
|
icon="arrow-right"
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
</div>
|
|
24
24
|
<wt-expand-transition>
|
|
25
25
|
<div
|
|
26
|
-
v-show="
|
|
26
|
+
v-show="opened"
|
|
27
27
|
class="wt-expansion-panel-body"
|
|
28
28
|
>
|
|
29
29
|
<slot />
|
|
@@ -42,8 +42,11 @@ const props = defineProps({
|
|
|
42
42
|
},
|
|
43
43
|
});
|
|
44
44
|
|
|
45
|
-
const
|
|
46
|
-
|
|
45
|
+
const opened = ref(true);
|
|
46
|
+
|
|
47
|
+
function open() {
|
|
48
|
+
if (!opened.value) opened.value = true;
|
|
49
|
+
}
|
|
47
50
|
</script>
|
|
48
51
|
|
|
49
52
|
<style lang="scss">
|
|
@@ -298,6 +298,20 @@ onMounted(() => {
|
|
|
298
298
|
border-radius: var(--border-radius);
|
|
299
299
|
background: transparent;
|
|
300
300
|
|
|
301
|
+
// disable arrows
|
|
302
|
+
/* Chrome, Safari, Edge, Opera */
|
|
303
|
+
&::-webkit-outer-spin-button,
|
|
304
|
+
&::-webkit-inner-spin-button {
|
|
305
|
+
-webkit-appearance: none;
|
|
306
|
+
margin: 0;
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
// disable arrows
|
|
310
|
+
/* Firefox */
|
|
311
|
+
&[type=number] {
|
|
312
|
+
-moz-appearance: textfield;
|
|
313
|
+
}
|
|
314
|
+
|
|
301
315
|
.wt-input--invalid &,
|
|
302
316
|
.wt-input--invalid:hover & {
|
|
303
317
|
@include wt-placeholder('error');
|
|
@@ -132,6 +132,20 @@ export default {
|
|
|
132
132
|
background: transparent;
|
|
133
133
|
transition: var(--transition);
|
|
134
134
|
|
|
135
|
+
// disable arrows
|
|
136
|
+
/* Chrome, Safari, Edge, Opera */
|
|
137
|
+
&::-webkit-outer-spin-button,
|
|
138
|
+
&::-webkit-inner-spin-button {
|
|
139
|
+
-webkit-appearance: none;
|
|
140
|
+
margin: 0;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
// disable arrows
|
|
144
|
+
/* Firefox */
|
|
145
|
+
&[type=number] {
|
|
146
|
+
-moz-appearance: textfield;
|
|
147
|
+
}
|
|
148
|
+
|
|
135
149
|
.wt-time-input--invalid &,
|
|
136
150
|
.wt-time-input--invalid:hover & {
|
|
137
151
|
@include wt-placeholder('error');
|