@dv.net/ui-kit 7.4.1 → 7.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{SelectSearch.vue_vue_type_script_setup_true_lang.CtZVcSW3.js → SelectSearch.vue_vue_type_script_setup_true_lang.C3yDssCy.js} +1 -1
- package/dist/assets/{UiInput.vue_vue_type_script_setup_true_lang.BH5qdvOZ.js → UiInput.vue_vue_type_script_setup_true_lang.CYBCqSiY.js} +74 -46
- package/dist/assets/{UiLanguages.vue_vue_type_script_setup_true_lang.DtEthdD6.js → UiLanguages.vue_vue_type_script_setup_true_lang.CRO_Wqzn.js} +1 -1
- package/dist/assets/{UiPagination.vue_vue_type_script_setup_true_lang.DguX4iwq.js → UiPagination.vue_vue_type_script_setup_true_lang.DgGKkF9g.js} +1 -1
- package/dist/assets/{UiSelect.vue_vue_type_script_setup_true_lang.CL2T5ktg.js → UiSelect.vue_vue_type_script_setup_true_lang.BSAwTWzc.js} +1 -1
- package/dist/assets/{UiTable.vue_vue_type_script_setup_true_lang.f0rsrVh5.js → UiTable.vue_vue_type_script_setup_true_lang.DHaR-pL7.js} +1 -1
- package/dist/components/UiInput/UiInput.js +1 -1
- package/dist/components/UiInput/types.d.ts +1 -0
- package/dist/components/UiLanguages/UiLanguages.js +1 -1
- package/dist/components/UiLanguages/UiLanguages.vue.d.ts +2 -0
- package/dist/components/UiPagination/UiPagination.js +1 -1
- package/dist/components/UiSelect/UiSelect.js +1 -1
- package/dist/components/UiSelect/components/SelectSearch.js +1 -1
- package/dist/components/UiSelect/components/SelectSearch.vue.d.ts +1 -0
- package/dist/components/UiTable/UiTable.js +1 -1
- package/dist/index.js +5 -5
- package/package.json +1 -1
|
@@ -15,7 +15,7 @@ import "../components/UiDatepicker/composables/useDatePickerPresets.js";
|
|
|
15
15
|
/* empty css */
|
|
16
16
|
/* empty css */
|
|
17
17
|
/* empty css */
|
|
18
|
-
import { _ as f } from "./UiInput.vue_vue_type_script_setup_true_lang.
|
|
18
|
+
import { _ as f } from "./UiInput.vue_vue_type_script_setup_true_lang.CYBCqSiY.js";
|
|
19
19
|
/* empty css */
|
|
20
20
|
/* empty css */
|
|
21
21
|
import "vue-router";
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { _ as
|
|
1
|
+
import { defineComponent as K, mergeModels as h, useModel as T, ref as t, onMounted as U, createElementBlock as y, openBlock as i, normalizeClass as q, createCommentVNode as r, createElementVNode as m, renderSlot as B, withDirectives as v, toDisplayString as F, withKeys as H, vModelDynamic as L, createBlock as k, Transition as V, withCtx as C, createVNode as E, vShow as g, withModifiers as j } from "vue";
|
|
2
|
+
import { _ as A } from "./UiIconButton.vue_vue_type_script_setup_true_lang.O2daaEIF.js";
|
|
3
3
|
import "./style.CD0jFgS4.js";
|
|
4
|
-
const
|
|
4
|
+
const G = {
|
|
5
5
|
class: "ui-input__inner",
|
|
6
6
|
tabindex: "-1"
|
|
7
|
-
},
|
|
7
|
+
}, J = {
|
|
8
8
|
key: 0,
|
|
9
9
|
class: "ui-input__label"
|
|
10
|
-
},
|
|
10
|
+
}, O = ["type", "placeholder", "disabled", "readonly", "autofocus", "tabindex", "autocomplete", "name", "step"], Y = /* @__PURE__ */ K({
|
|
11
11
|
__name: "UiInput",
|
|
12
12
|
props: /* @__PURE__ */ h({
|
|
13
13
|
isDisabled: { type: Boolean },
|
|
@@ -20,6 +20,7 @@ const U = {
|
|
|
20
20
|
inside: { type: Boolean },
|
|
21
21
|
type: { default: "text" },
|
|
22
22
|
readonly: { type: Boolean },
|
|
23
|
+
readonlyInteractive: { type: Boolean },
|
|
23
24
|
autofocus: { type: Boolean },
|
|
24
25
|
clearable: { type: Boolean },
|
|
25
26
|
isEmptyValueNull: { type: Boolean },
|
|
@@ -34,105 +35,132 @@ const U = {
|
|
|
34
35
|
modelModifiers: {}
|
|
35
36
|
}),
|
|
36
37
|
emits: /* @__PURE__ */ h(["change", "clear", "blur", "input"], ["update:modelValue"]),
|
|
37
|
-
setup(b, { expose:
|
|
38
|
-
const
|
|
39
|
-
|
|
40
|
-
|
|
38
|
+
setup(b, { expose: D, emit: I }) {
|
|
39
|
+
const o = b, d = I, n = T(b, "modelValue"), p = t(!1), s = t(!1), a = t(), f = t(), c = t(), $ = [
|
|
40
|
+
"ArrowLeft",
|
|
41
|
+
"ArrowRight",
|
|
42
|
+
"ArrowUp",
|
|
43
|
+
"ArrowDown",
|
|
44
|
+
"Tab",
|
|
45
|
+
"Home",
|
|
46
|
+
"End",
|
|
47
|
+
"Shift",
|
|
48
|
+
"Control",
|
|
49
|
+
"Alt",
|
|
50
|
+
"Meta",
|
|
51
|
+
"Escape"
|
|
52
|
+
];
|
|
53
|
+
function z() {
|
|
54
|
+
p.value = !1, a.value?.blur(), d("blur");
|
|
41
55
|
}
|
|
42
|
-
function
|
|
43
|
-
|
|
56
|
+
function M() {
|
|
57
|
+
n.value = o.isEmptyValueNull ? null : "", d("clear");
|
|
44
58
|
}
|
|
45
|
-
function
|
|
46
|
-
|
|
59
|
+
function R(e) {
|
|
60
|
+
o.isEmptyValueNull && e.target.value === "" && (n.value = null), d("input", e.target.value);
|
|
47
61
|
}
|
|
48
62
|
function w() {
|
|
49
|
-
|
|
63
|
+
o.disabled || o.readonly || (p.value = !0, a.value?.focus());
|
|
64
|
+
}
|
|
65
|
+
function S(e) {
|
|
66
|
+
o.readonlyInteractive && ($.includes(e.key) || e.preventDefault());
|
|
67
|
+
}
|
|
68
|
+
function N(e) {
|
|
69
|
+
o.readonlyInteractive && e.preventDefault();
|
|
70
|
+
}
|
|
71
|
+
function P(e) {
|
|
72
|
+
o.readonlyInteractive && e.preventDefault();
|
|
50
73
|
}
|
|
51
|
-
return
|
|
52
|
-
focus: () =>
|
|
53
|
-
}),
|
|
54
|
-
f.value &&
|
|
55
|
-
}), (e, l) => (
|
|
74
|
+
return D({
|
|
75
|
+
focus: () => a.value?.focus()
|
|
76
|
+
}), U(() => {
|
|
77
|
+
f.value && o.disabled && f.value.querySelectorAll("button").forEach((e) => e.disabled = !0), c.value && o.disabled && c.value.querySelectorAll("button").forEach((e) => e.disabled = !0);
|
|
78
|
+
}), (e, l) => (i(), y("div", {
|
|
56
79
|
class: q(["ui-input", [
|
|
57
80
|
e.size,
|
|
58
81
|
{ "is-focus": p.value },
|
|
59
82
|
{ "is-filled": e.filled },
|
|
60
83
|
{ "is-disabled": e.disabled },
|
|
61
84
|
{ "is-inside": e.inside },
|
|
62
|
-
{ "not-empty": !!
|
|
85
|
+
{ "not-empty": !!n.value }
|
|
63
86
|
]]),
|
|
64
87
|
tabindex: "-1",
|
|
65
88
|
onClick: w
|
|
66
89
|
}, [
|
|
67
|
-
e.$slots.prepend ? (
|
|
90
|
+
e.$slots.prepend ? (i(), y("div", {
|
|
68
91
|
key: 0,
|
|
69
92
|
ref_key: "prependRef",
|
|
70
|
-
ref:
|
|
93
|
+
ref: c,
|
|
71
94
|
class: "ui-input__prepend"
|
|
72
95
|
}, [
|
|
73
96
|
B(e.$slots, "prepend")
|
|
74
|
-
], 512)) :
|
|
75
|
-
|
|
76
|
-
e.inside ? (
|
|
77
|
-
v(
|
|
97
|
+
], 512)) : r("", !0),
|
|
98
|
+
m("div", G, [
|
|
99
|
+
e.inside ? (i(), y("span", J, F(e.placeholder), 1)) : r("", !0),
|
|
100
|
+
v(m("input", {
|
|
78
101
|
ref_key: "inputRef",
|
|
79
|
-
ref:
|
|
80
|
-
"onUpdate:modelValue": l[0] || (l[0] = (u) =>
|
|
102
|
+
ref: a,
|
|
103
|
+
"onUpdate:modelValue": l[0] || (l[0] = (u) => n.value = u),
|
|
81
104
|
class: "ui-input__input",
|
|
82
105
|
type: e.showPassword ? s.value ? "text" : "password" : e.type,
|
|
83
106
|
placeholder: e.inside ? "" : e.placeholder,
|
|
84
107
|
disabled: e.disabled,
|
|
85
|
-
|
|
108
|
+
onKeydown: [
|
|
109
|
+
S,
|
|
110
|
+
l[2] || (l[2] = H((u) => a.value?.blur(), ["esc"]))
|
|
111
|
+
],
|
|
112
|
+
onBeforeinput: N,
|
|
113
|
+
onPaste: P,
|
|
114
|
+
onBlur: z,
|
|
86
115
|
onFocus: w,
|
|
87
116
|
onChange: l[1] || (l[1] = (u) => e.$emit("change")),
|
|
88
|
-
onInput:
|
|
89
|
-
onKeydown: l[2] || (l[2] = F((u) => n.value?.blur(), ["esc"])),
|
|
117
|
+
onInput: R,
|
|
90
118
|
readonly: e.readonly,
|
|
91
119
|
autofocus: e.autofocus,
|
|
92
120
|
tabindex: e.indexTab,
|
|
93
121
|
autocomplete: e.autocomplete,
|
|
94
122
|
name: e.name,
|
|
95
123
|
step: e.step
|
|
96
|
-
}, null, 40,
|
|
124
|
+
}, null, 40, O), [
|
|
97
125
|
[
|
|
98
|
-
|
|
99
|
-
|
|
126
|
+
L,
|
|
127
|
+
n.value,
|
|
100
128
|
void 0,
|
|
101
129
|
{ trim: !0 }
|
|
102
130
|
]
|
|
103
131
|
])
|
|
104
132
|
]),
|
|
105
|
-
|
|
133
|
+
m("div", {
|
|
106
134
|
ref_key: "appendRef",
|
|
107
135
|
ref: f,
|
|
108
136
|
class: "ui-input__append"
|
|
109
137
|
}, [
|
|
110
|
-
e.clearable ? (
|
|
138
|
+
e.clearable ? (i(), k(V, {
|
|
111
139
|
key: 0,
|
|
112
140
|
name: "fade"
|
|
113
141
|
}, {
|
|
114
142
|
default: C(() => [
|
|
115
|
-
v(
|
|
143
|
+
v(E(A, {
|
|
116
144
|
"no-size": "",
|
|
117
145
|
size: "sm",
|
|
118
146
|
"icon-color": "var(--color-icon-tertiary)",
|
|
119
|
-
onClick:
|
|
147
|
+
onClick: M,
|
|
120
148
|
"icon-name": "close",
|
|
121
149
|
"icon-type": "400",
|
|
122
150
|
tabindex: "-1"
|
|
123
151
|
}, null, 512), [
|
|
124
|
-
[g, e.clearable &&
|
|
152
|
+
[g, e.clearable && n.value]
|
|
125
153
|
])
|
|
126
154
|
]),
|
|
127
155
|
_: 1
|
|
128
|
-
})) :
|
|
129
|
-
e.showPassword ? (
|
|
156
|
+
})) : r("", !0),
|
|
157
|
+
e.showPassword ? (i(), k(V, {
|
|
130
158
|
key: 1,
|
|
131
159
|
name: "fade"
|
|
132
160
|
}, {
|
|
133
161
|
default: C(() => [
|
|
134
|
-
v(
|
|
135
|
-
onClick: l[3] || (l[3] =
|
|
162
|
+
v(E(A, {
|
|
163
|
+
onClick: l[3] || (l[3] = j((u) => s.value = !s.value, ["stop"])),
|
|
136
164
|
"icon-name": s.value ? "visibility" : "visibility-off",
|
|
137
165
|
"icon-type": "400",
|
|
138
166
|
"icon-color": "var(--color-icon-secondary)",
|
|
@@ -140,16 +168,16 @@ const U = {
|
|
|
140
168
|
size: "sm",
|
|
141
169
|
tabindex: "-1"
|
|
142
170
|
}, null, 8, ["icon-name"]), [
|
|
143
|
-
[g, e.showPassword &&
|
|
171
|
+
[g, e.showPassword && n.value]
|
|
144
172
|
])
|
|
145
173
|
]),
|
|
146
174
|
_: 1
|
|
147
|
-
})) :
|
|
175
|
+
})) : r("", !0),
|
|
148
176
|
B(e.$slots, "append")
|
|
149
177
|
], 512)
|
|
150
178
|
], 2));
|
|
151
179
|
}
|
|
152
180
|
});
|
|
153
181
|
export {
|
|
154
|
-
|
|
182
|
+
Y as _
|
|
155
183
|
};
|
|
@@ -17,7 +17,7 @@ import { _ as O } from "./UiDrawer.vue_vue_type_script_setup_true_lang.7FvRxX0A.
|
|
|
17
17
|
/* empty css */
|
|
18
18
|
/* empty css */
|
|
19
19
|
/* empty css */
|
|
20
|
-
import { _ as D } from "./UiInput.vue_vue_type_script_setup_true_lang.
|
|
20
|
+
import { _ as D } from "./UiInput.vue_vue_type_script_setup_true_lang.CYBCqSiY.js";
|
|
21
21
|
import { useBreakpoints as Q } from "../composables/useBreakpoints.js";
|
|
22
22
|
/* empty css */
|
|
23
23
|
/* empty css */
|
|
@@ -22,7 +22,7 @@ import "vue-router";
|
|
|
22
22
|
/* empty css */
|
|
23
23
|
/* empty css */
|
|
24
24
|
/* empty css */
|
|
25
|
-
import { _ as U } from "./UiSelect.vue_vue_type_script_setup_true_lang.
|
|
25
|
+
import { _ as U } from "./UiSelect.vue_vue_type_script_setup_true_lang.BSAwTWzc.js";
|
|
26
26
|
/* empty css */
|
|
27
27
|
/* empty css */
|
|
28
28
|
/* empty css */
|
|
@@ -4,7 +4,7 @@ import "./style.CD0jFgS4.js";
|
|
|
4
4
|
import { _ as ue } from "./SelectList.vue_vue_type_script_setup_true_lang.D7rVgcUu.js";
|
|
5
5
|
import { _ as Y } from "./SelectListItem.vue_vue_type_script_setup_true_lang.CqpBkc62.js";
|
|
6
6
|
/* empty css */
|
|
7
|
-
import { _ as pe } from "./SelectSearch.vue_vue_type_script_setup_true_lang.
|
|
7
|
+
import { _ as pe } from "./SelectSearch.vue_vue_type_script_setup_true_lang.C3yDssCy.js";
|
|
8
8
|
import { _ as de } from "./SelectTrigger.vue_vue_type_script_setup_true_lang.Qj7K7MkG.js";
|
|
9
9
|
import { _ as ce } from "./SelectVirtualList.vue_vue_type_script_setup_true_lang.D93PRpP9.js";
|
|
10
10
|
import { useKeyboard as fe } from "../components/UiSelect/composables/useKeyboard.js";
|
|
@@ -27,7 +27,7 @@ import "../components/UiDatepicker/composables/useDatePickerPresets.js";
|
|
|
27
27
|
/* empty css */
|
|
28
28
|
import "vue-router";
|
|
29
29
|
/* empty css */
|
|
30
|
-
import { _ as me } from "./UiPagination.vue_vue_type_script_setup_true_lang.
|
|
30
|
+
import { _ as me } from "./UiPagination.vue_vue_type_script_setup_true_lang.DgGKkF9g.js";
|
|
31
31
|
/* empty css */
|
|
32
32
|
/* empty css */
|
|
33
33
|
/* empty css */
|
|
@@ -28,6 +28,7 @@ declare function __VLS_template(): {
|
|
|
28
28
|
readonly inside?: boolean | undefined;
|
|
29
29
|
readonly type?: string | undefined;
|
|
30
30
|
readonly readonly?: boolean | undefined;
|
|
31
|
+
readonly readonlyInteractive?: boolean | undefined;
|
|
31
32
|
readonly autofocus?: boolean | undefined;
|
|
32
33
|
readonly clearable?: boolean | undefined;
|
|
33
34
|
readonly isEmptyValueNull?: boolean | undefined;
|
|
@@ -156,6 +157,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
156
157
|
readonly inside?: boolean | undefined;
|
|
157
158
|
readonly type?: string | undefined;
|
|
158
159
|
readonly readonly?: boolean | undefined;
|
|
160
|
+
readonly readonlyInteractive?: boolean | undefined;
|
|
159
161
|
readonly autofocus?: boolean | undefined;
|
|
160
162
|
readonly clearable?: boolean | undefined;
|
|
161
163
|
readonly isEmptyValueNull?: boolean | undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as m } from "../../../assets/SelectSearch.vue_vue_type_script_setup_true_lang.
|
|
1
|
+
import { _ as m } from "../../../assets/SelectSearch.vue_vue_type_script_setup_true_lang.C3yDssCy.js";
|
|
2
2
|
import "../../../assets/style.CD0jFgS4.js";
|
|
3
3
|
export {
|
|
4
4
|
m as default
|
|
@@ -24,6 +24,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
|
|
|
24
24
|
readonly inside?: boolean | undefined;
|
|
25
25
|
readonly type?: string | undefined;
|
|
26
26
|
readonly readonly?: boolean | undefined;
|
|
27
|
+
readonly readonlyInteractive?: boolean | undefined;
|
|
27
28
|
readonly autofocus?: boolean | undefined;
|
|
28
29
|
readonly clearable?: boolean | undefined;
|
|
29
30
|
readonly isEmptyValueNull?: boolean | undefined;
|
package/dist/index.js
CHANGED
|
@@ -26,8 +26,8 @@ import { _ as $ } from "./assets/UiGallery.vue_vue_type_script_setup_true_lang.v
|
|
|
26
26
|
import { _ as ro } from "./assets/UiIcon.vue_vue_type_script_setup_true_lang.BjdWpbZ0.js";
|
|
27
27
|
/* empty css */
|
|
28
28
|
import { _ as ao } from "./assets/UiIconButton.vue_vue_type_script_setup_true_lang.O2daaEIF.js";
|
|
29
|
-
import { _ as io } from "./assets/UiInput.vue_vue_type_script_setup_true_lang.
|
|
30
|
-
import { _ as mo } from "./assets/UiLanguages.vue_vue_type_script_setup_true_lang.
|
|
29
|
+
import { _ as io } from "./assets/UiInput.vue_vue_type_script_setup_true_lang.CYBCqSiY.js";
|
|
30
|
+
import { _ as mo } from "./assets/UiLanguages.vue_vue_type_script_setup_true_lang.CRO_Wqzn.js";
|
|
31
31
|
import { _ as so } from "./assets/UiLayout.vue_vue_type_script_setup_true_lang.CELUDfDH.js";
|
|
32
32
|
/* empty css */
|
|
33
33
|
import { default as Uo } from "./components/UiLayoutAuth/UiLayoutAuth.js";
|
|
@@ -40,17 +40,17 @@ import { _ as Lo } from "./assets/UiMobileMenu.vue_vue_type_script_setup_true_la
|
|
|
40
40
|
import { _ as ko } from "./assets/UiModal.vue_vue_type_script_setup_true_lang.CatEtX_V.js";
|
|
41
41
|
import { _ as Mo } from "./assets/UiOverlay.vue_vue_type_script_setup_true_lang.DkZL3VLh.js";
|
|
42
42
|
/* empty css */
|
|
43
|
-
import { _ as ho } from "./assets/UiPagination.vue_vue_type_script_setup_true_lang.
|
|
43
|
+
import { _ as ho } from "./assets/UiPagination.vue_vue_type_script_setup_true_lang.DgGKkF9g.js";
|
|
44
44
|
import { _ as wo } from "./assets/UiProfileMenu.vue_vue_type_script_setup_true_lang.DLKXYSDQ.js";
|
|
45
45
|
import { _ as Fo } from "./assets/UiRadio.vue_vue_type_script_setup_true_lang.Fg_yBWqe.js";
|
|
46
46
|
/* empty css */
|
|
47
47
|
import { _ as Ro } from "./assets/UiRadioGroup.vue_vue_type_script_setup_true_lang.Bp5ikjTU.js";
|
|
48
48
|
/* empty css */
|
|
49
|
-
import { _ as vo } from "./assets/UiSelect.vue_vue_type_script_setup_true_lang.
|
|
49
|
+
import { _ as vo } from "./assets/UiSelect.vue_vue_type_script_setup_true_lang.BSAwTWzc.js";
|
|
50
50
|
import { _ as jo } from "./assets/UiSkeleton.vue_vue_type_script_setup_true_lang.DdPvBHJ7.js";
|
|
51
51
|
/* empty css */
|
|
52
52
|
import { _ as Oo } from "./assets/UiSwitch.vue_vue_type_script_setup_true_lang.DqsPZD1T.js";
|
|
53
|
-
import { _ as zo } from "./assets/UiTable.vue_vue_type_script_setup_true_lang.
|
|
53
|
+
import { _ as zo } from "./assets/UiTable.vue_vue_type_script_setup_true_lang.DHaR-pL7.js";
|
|
54
54
|
import { _ as Ho } from "./assets/UiTabs.vue_vue_type_script_setup_true_lang.Cl2uvELZ.js";
|
|
55
55
|
/* empty css */
|
|
56
56
|
import { _ as Ko } from "./assets/UiTabsItem.vue_vue_type_script_setup_true_lang.XvsBaqkr.js";
|