@onereach/ui-components 20.2.0-beta.5208.0 → 20.2.0-beta.5210.0
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/esm/components/{OrAutocompleteV3-508d99c0.js → OrAutocompleteV3-8e55b499.js} +41 -43
- package/dist/esm/components/OrDateTimePickerV3-261e1552.js +1506 -0
- package/dist/esm/components/{OrEditorTabsV3-4047a163.js → OrEditorTabsV3-6acf7c40.js} +1 -1
- package/dist/esm/components/{OrInlineInputV3-46210775.js → OrInlineInputV3-afd8f2df.js} +1 -1
- package/dist/esm/components/index.js +5 -5
- package/dist/esm/components/or-autocomplete-v3/index.js +2 -2
- package/dist/esm/components/or-avatar-v3/index.js +2 -2
- package/dist/esm/components/or-bottom-sheet-v3/index.js +2 -2
- package/dist/esm/components/or-button-group-v3/index.js +2 -2
- package/dist/esm/components/or-button-v3/OrButton.vue.d.ts +0 -1
- package/dist/esm/components/or-button-v3/index.js +14 -68
- package/dist/esm/components/or-button-v3/styles.d.ts +1 -3
- package/dist/esm/components/or-card-collection-v3/index.js +2 -2
- package/dist/esm/components/or-checkbox-group-v3/index.js +2 -2
- package/dist/esm/components/or-checkbox-tree-v3/index.js +2 -2
- package/dist/esm/components/or-checkbox-v3/index.js +2 -2
- package/dist/esm/components/or-code-v3/index.js +2 -2
- package/dist/esm/components/or-confirm-v3/index.js +2 -2
- package/dist/esm/components/or-context-menu-v3/index.js +2 -2
- package/dist/esm/components/or-data-grid-v3/index.js +4 -4
- package/dist/esm/components/or-date-format-v3/index.js +3 -3
- package/dist/esm/components/or-date-picker-v3/index.js +3 -3
- package/dist/esm/components/or-date-range-picker-v3/index.js +3 -3
- package/dist/esm/components/or-date-time-format-v3/index.js +4 -4
- package/dist/esm/components/or-date-time-picker-v3/index.js +19 -1510
- package/dist/esm/components/or-drawer-v3/index.js +2 -2
- package/dist/esm/components/or-drop-area-v3/index.js +2 -2
- package/dist/esm/components/or-editor-tabs-v3/index.js +3 -3
- package/dist/esm/components/or-expansion-panel-v3/index.js +2 -2
- package/dist/esm/components/or-fab-v3/index.js +2 -2
- package/dist/esm/components/or-filter-popover-v3/index.js +2 -2
- package/dist/esm/components/or-filter-trigger-v3/index.js +2 -2
- package/dist/esm/components/or-filter-v3/index.js +2 -2
- package/dist/esm/components/or-icon-button-v3/index.js +2 -2
- package/dist/esm/components/or-inline-input-v3/index.js +2 -2
- package/dist/esm/components/or-inline-textarea-v3/index.js +2 -2
- package/dist/esm/components/or-input-v3/index.js +2 -2
- package/dist/esm/components/or-list-v3/index.js +2 -2
- package/dist/esm/components/or-menu-item-v3/index.js +2 -2
- package/dist/esm/components/or-menu-v3/index.js +2 -2
- package/dist/esm/components/or-modal-v3/index.js +2 -2
- package/dist/esm/components/or-notification-v3/index.js +2 -2
- package/dist/esm/components/or-overlay-v3/index.js +2 -2
- package/dist/esm/components/or-pagination-v3/index.js +2 -2
- package/dist/esm/components/or-popover-v3/index.js +2 -2
- package/dist/esm/components/or-progress-v3/index.js +2 -2
- package/dist/esm/components/or-radio-group-v3/index.js +2 -2
- package/dist/esm/components/or-radio-v3/index.js +2 -2
- package/dist/esm/components/or-range-slider-v3/index.js +2 -2
- package/dist/esm/components/or-rating-v3/index.js +2 -2
- package/dist/esm/components/or-resizeable-panel-v3/index.js +2 -2
- package/dist/esm/components/or-rich-text-editor-v3/index.js +2 -2
- package/dist/esm/components/or-rich-tooltip-v3/index.js +2 -2
- package/dist/esm/components/or-search-v3/index.js +2 -2
- package/dist/esm/components/or-segmented-control-v3/index.js +2 -2
- package/dist/esm/components/or-select-v3/index.js +3 -3
- package/dist/esm/components/or-sidebar-v3/index.js +2 -2
- package/dist/esm/components/or-skeleton-v3/index.js +2 -2
- package/dist/esm/components/or-slider-v3/index.js +2 -2
- package/dist/esm/components/or-sorting-v3/index.js +2 -2
- package/dist/esm/components/or-switch-v3/index.js +2 -2
- package/dist/esm/components/or-tabs-v3/OrTabs.vue.d.ts +10 -1
- package/dist/esm/components/or-tabs-v3/index.js +26 -7
- package/dist/esm/components/or-tabs-v3/props.d.ts +5 -0
- package/dist/esm/components/or-tabs-v3/styles.d.ts +2 -1
- package/dist/esm/components/or-tag-input-v3/index.js +2 -2
- package/dist/esm/components/or-tag-v3/index.js +2 -2
- package/dist/esm/components/or-tags-v3/index.js +2 -2
- package/dist/esm/components/or-textarea-v3/index.js +2 -2
- package/dist/esm/components/or-time-format-v3/index.js +4 -4
- package/dist/esm/components/or-time-picker-v3/index.js +4 -4
- package/dist/esm/components/or-time-range-picker-v3/index.js +4 -4
- package/dist/esm/components/or-toast-v3/index.js +2 -2
- package/dist/esm/components/or-tooltip-v3/index.js +2 -2
- package/dist/esm/components/or-tree-v3/index.js +2 -2
- package/dist/esm/index.js +5 -5
- package/package.json +3 -3
|
@@ -136,27 +136,27 @@ const k$1 = () => {
|
|
|
136
136
|
return r + n.value;
|
|
137
137
|
}
|
|
138
138
|
}, "") : e.value(void 0, t.value)), K$1 = (e, t) => {
|
|
139
|
-
const
|
|
139
|
+
const s = isRef(e) ? e : ref(e), r = isRef(t) ? t : ref();
|
|
140
140
|
function n(a) {
|
|
141
141
|
a.style.zIndex = String(Math.max(0, ...l$1(a)) + 1);
|
|
142
142
|
}
|
|
143
|
-
watch([
|
|
143
|
+
watch([s, r], ([a]) => {
|
|
144
144
|
a && n(a);
|
|
145
145
|
}, { immediate: !0 });
|
|
146
146
|
}, N$1 = () => {
|
|
147
147
|
const e = useAttrs(), t = getCurrentInstance();
|
|
148
148
|
return computed(() => e.id ?? (t == null ? void 0 : t.uid.toString()));
|
|
149
149
|
}, X$1 = (e) => computed(() => e.value ?? inject(U$1, navigator.language)), ee = (e, t = {}) => {
|
|
150
|
-
const { hide:
|
|
151
|
-
function
|
|
150
|
+
const { hide: s = !0, threshold: r = 0 } = t, n = isRef(e) ? e : ref(e), a = ref([]), l = ref([]);
|
|
151
|
+
function o() {
|
|
152
152
|
const i = n.value;
|
|
153
153
|
if (i) {
|
|
154
154
|
const d = [...i.children].reduce(({ innerItems: m, outerItems: y }, T) => {
|
|
155
155
|
const f = T, { x: D, width: I } = f.getBoundingClientRect(), { x: w, width: A } = i.getBoundingClientRect();
|
|
156
|
-
return D + I > w + A + r ? (
|
|
156
|
+
return D + I > w + A + r ? (s && f.style.setProperty("visibility", "hidden"), {
|
|
157
157
|
innerItems: m,
|
|
158
158
|
outerItems: [...y, f]
|
|
159
|
-
}) : (
|
|
159
|
+
}) : (s && f.style.removeProperty("visibility"), {
|
|
160
160
|
innerItems: [...m, f],
|
|
161
161
|
outerItems: y
|
|
162
162
|
});
|
|
@@ -168,20 +168,20 @@ const k$1 = () => {
|
|
|
168
168
|
} else
|
|
169
169
|
a.value = [], l.value = [];
|
|
170
170
|
}
|
|
171
|
-
return watch(n,
|
|
171
|
+
return watch(n, o, {
|
|
172
172
|
immediate: !0
|
|
173
|
-
}), useMutationObserver(n,
|
|
173
|
+
}), useMutationObserver(n, o, {
|
|
174
174
|
childList: !0
|
|
175
|
-
}), useResizeObserver(n, () => b$1(
|
|
175
|
+
}), useResizeObserver(n, () => b$1(o)), {
|
|
176
176
|
innerItems: a,
|
|
177
177
|
outerItems: l
|
|
178
178
|
};
|
|
179
|
-
}, te = (e, t,
|
|
179
|
+
}, te = (e, t, s = {}) => {
|
|
180
180
|
const r = ref(e.value ? "open" : "closed");
|
|
181
181
|
watch(e, (i) => {
|
|
182
182
|
r.value = i ? "open" : "closed";
|
|
183
183
|
});
|
|
184
|
-
const n = refDebounced(r,
|
|
184
|
+
const n = refDebounced(r, s.debounce ?? 0);
|
|
185
185
|
watch(n, (i) => {
|
|
186
186
|
switch (t("update:state", i), i) {
|
|
187
187
|
case "open":
|
|
@@ -198,18 +198,18 @@ const k$1 = () => {
|
|
|
198
198
|
function l() {
|
|
199
199
|
r.value = "closed";
|
|
200
200
|
}
|
|
201
|
-
function
|
|
201
|
+
function o() {
|
|
202
202
|
r.value = r.value === "open" ? "closed" : "open";
|
|
203
203
|
}
|
|
204
204
|
return {
|
|
205
205
|
state: n,
|
|
206
206
|
open: a,
|
|
207
207
|
close: l,
|
|
208
|
-
toggle:
|
|
208
|
+
toggle: o
|
|
209
209
|
};
|
|
210
210
|
};
|
|
211
|
-
function re(e, t,
|
|
212
|
-
const { defaultValue: r } =
|
|
211
|
+
function re(e, t, s = {}) {
|
|
212
|
+
const { defaultValue: r } = s;
|
|
213
213
|
return r ? computed({
|
|
214
214
|
get: () => e.value ?? r.value,
|
|
215
215
|
set: (n) => {
|
|
@@ -223,29 +223,29 @@ function re(e, t, o = {}) {
|
|
|
223
223
|
});
|
|
224
224
|
}
|
|
225
225
|
function ne(e) {
|
|
226
|
-
const t = getCurrentInstance(),
|
|
227
|
-
e ? watch(e, (
|
|
228
|
-
|
|
226
|
+
const t = getCurrentInstance(), s = ref();
|
|
227
|
+
e ? watch(e, (o) => {
|
|
228
|
+
s.value = o;
|
|
229
229
|
}) : onMounted(() => {
|
|
230
230
|
if (t) {
|
|
231
|
-
const
|
|
232
|
-
|
|
231
|
+
const o = t.vnode["el" ];
|
|
232
|
+
o instanceof Element && (s.value = o);
|
|
233
233
|
}
|
|
234
234
|
});
|
|
235
|
-
const r = computed(() => l(
|
|
236
|
-
function l(
|
|
235
|
+
const r = computed(() => l(s.value) || a.value), n = computed(() => !r.value), a = useMediaQuery(`(min-width: ${O.md})`);
|
|
236
|
+
function l(o) {
|
|
237
237
|
var d;
|
|
238
|
-
if (!
|
|
238
|
+
if (!o)
|
|
239
239
|
return !1;
|
|
240
|
-
const i = (d =
|
|
241
|
-
return i != null && i.some((m) => ["md", "lg", "xl"].includes(m)) ? !0 : l(
|
|
240
|
+
const i = (d = o.getAttribute("force-screen")) == null ? void 0 : d.split(/\s+/);
|
|
241
|
+
return i != null && i.some((m) => ["md", "lg", "xl"].includes(m)) ? !0 : l(o.parentElement ?? void 0);
|
|
242
242
|
}
|
|
243
243
|
return {
|
|
244
244
|
isDesktop: r,
|
|
245
245
|
isMobile: n
|
|
246
246
|
};
|
|
247
247
|
}
|
|
248
|
-
const ue = () => L$2.theme,
|
|
248
|
+
const ue = () => L$2.theme, se = (e) => computed(() => e.value ?? inject(q$1, h$1.Auto)), oe = (e, t) => computed(() => typeof e.value != "function" ? new Intl.DateTimeFormat(t.value, {
|
|
249
249
|
timeStyle: "short",
|
|
250
250
|
hourCycle: e.value !== h$1.Auto ? e.value : void 0,
|
|
251
251
|
timeZone: "UTC"
|
|
@@ -263,7 +263,7 @@ const ue = () => L$2.theme, oe = (e) => computed(() => e.value ?? inject(q$1, h$
|
|
|
263
263
|
}, "") : e.value(void 0, t.value));
|
|
264
264
|
function ae(e = !1) {
|
|
265
265
|
const t = ref(e);
|
|
266
|
-
function
|
|
266
|
+
function s() {
|
|
267
267
|
t.value = !0;
|
|
268
268
|
}
|
|
269
269
|
function r() {
|
|
@@ -274,7 +274,7 @@ function ae(e = !1) {
|
|
|
274
274
|
}
|
|
275
275
|
return {
|
|
276
276
|
isActiveToggle: t,
|
|
277
|
-
show:
|
|
277
|
+
show: s,
|
|
278
278
|
hide: r,
|
|
279
279
|
toggle: n
|
|
280
280
|
};
|
|
@@ -655,9 +655,6 @@ var script = defineComponent({
|
|
|
655
655
|
}
|
|
656
656
|
function onBlur(event) {
|
|
657
657
|
activated.value = false;
|
|
658
|
-
if (props.multiple) {
|
|
659
|
-
clear();
|
|
660
|
-
}
|
|
661
658
|
context.emit('blur', event);
|
|
662
659
|
}
|
|
663
660
|
function openMobilePopover() {
|
|
@@ -772,8 +769,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
772
769
|
disabled: _ctx.disabled,
|
|
773
770
|
"enable-clear": _ctx.enableClear,
|
|
774
771
|
onInput: _cache[1] || (_cache[1] = $event => _ctx.onInput($event)),
|
|
775
|
-
onFocus: _cache[2] || (_cache[2] = $event =>
|
|
776
|
-
|
|
772
|
+
onFocus: _cache[2] || (_cache[2] = $event => {
|
|
773
|
+
_ctx.onFocus($event);
|
|
774
|
+
})
|
|
777
775
|
}, {
|
|
778
776
|
tag: withCtx(({
|
|
779
777
|
item
|
|
@@ -802,17 +800,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
802
800
|
required: _ctx.required,
|
|
803
801
|
readonly: _ctx.readonly,
|
|
804
802
|
disabled: _ctx.disabled,
|
|
805
|
-
onInput: _cache[
|
|
803
|
+
onInput: _cache[3] || (_cache[3] = $event => {
|
|
806
804
|
_ctx.$emit('input', $event);
|
|
807
805
|
_ctx.onInput($event);
|
|
808
806
|
_ctx.model = _ctx.searchText;
|
|
809
807
|
}),
|
|
810
|
-
onKeydown: _cache[
|
|
811
|
-
onKeyup: _cache[
|
|
812
|
-
onFocus: _cache[
|
|
808
|
+
onKeydown: _cache[4] || (_cache[4] = $event => _ctx.$emit('keydown', $event)),
|
|
809
|
+
onKeyup: _cache[5] || (_cache[5] = $event => _ctx.$emit('keyup', $event)),
|
|
810
|
+
onFocus: _cache[6] || (_cache[6] = $event => {
|
|
813
811
|
_ctx.onFocus($event);
|
|
814
812
|
}),
|
|
815
|
-
onBlur: _cache[
|
|
813
|
+
onBlur: _cache[7] || (_cache[7] = $event => {
|
|
816
814
|
_ctx.onBlur($event);
|
|
817
815
|
})
|
|
818
816
|
}), null, 16 /* FULL_PROPS */, _hoisted_1), [[_directive_dropdown_open, _ctx.openMobilePopover]])]),
|
|
@@ -823,7 +821,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
823
821
|
key: 0,
|
|
824
822
|
icon: 'close',
|
|
825
823
|
color: 'inherit',
|
|
826
|
-
onClick: _cache[
|
|
824
|
+
onClick: _cache[8] || (_cache[8] = $event => _ctx.reset())
|
|
827
825
|
})) : createCommentVNode("v-if", true)]),
|
|
828
826
|
key: "0"
|
|
829
827
|
} : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "variant", "size", "invalid", "readonly", "disabled"])), createVNode(_component_OrPopover, {
|
|
@@ -843,12 +841,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
843
841
|
key: 0,
|
|
844
842
|
ref: 'mobileMultipleControl',
|
|
845
843
|
modelValue: _ctx.model,
|
|
846
|
-
"onUpdate:modelValue": _cache[
|
|
844
|
+
"onUpdate:modelValue": _cache[9] || (_cache[9] = $event => _ctx.model = $event),
|
|
847
845
|
overflow: 'scroll',
|
|
848
846
|
placeholder: _ctx.placeholder,
|
|
849
847
|
error: !!_ctx.error,
|
|
850
848
|
"enable-clear": false,
|
|
851
|
-
onInput: _cache[
|
|
849
|
+
onInput: _cache[10] || (_cache[10] = $event => _ctx.onInput($event))
|
|
852
850
|
}, {
|
|
853
851
|
tag: withCtx(({
|
|
854
852
|
item
|
|
@@ -866,7 +864,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
866
864
|
ref: "mobileSingleControl",
|
|
867
865
|
"model-value": _ctx.searchText || _ctx.model && _ctx.model.toString(),
|
|
868
866
|
placeholder: _ctx.placeholder,
|
|
869
|
-
onInput: _cache[
|
|
867
|
+
onInput: _cache[11] || (_cache[11] = $event => {
|
|
870
868
|
_ctx.$emit('input', $event);
|
|
871
869
|
_ctx.onInput($event);
|
|
872
870
|
_ctx.model = _ctx.searchText;
|
|
@@ -918,4 +916,4 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
918
916
|
script.render = render;
|
|
919
917
|
script.__file = "src/components/or-autocomplete-v3/OrAutocomplete.vue";
|
|
920
918
|
|
|
921
|
-
export { $s as $, F as A, B, m as C, D, G as E, Fs as F, G$1 as G, H, b as I, J$1 as J, K$1 as K, l as L, x as M, N$1 as N, j as O, K as P, V$1 as Q, r as R, R as S, T, U, V, U$1 as W, X, g$1 as Y, z as Z, _, i as a, C$1 as a$, w as a0, Q as a1, q as a2, Z as a3, Y as a4, k as a5, W as a6, C as a7, J as a8, v as a9, gs as aA, q$1 as aB, S$1 as aC, y$1 as aD, q$2 as aE, ms as aF, Ms as aG, Hs as aH, R$1 as aI, m$1 as aJ, v$1 as aK, c$2 as aL, S as aM, _$1 as aN, l$1 as aO, k$2 as aP, T$1 as aQ, E$1 as aR, Is as aS, P as aT, I as aU, Bs as aV, L as aW, i$2 as aX, c as aY, u as aZ, P$1 as a_, Ns as aa, Ss as ab, ss as ac, is as ad, ps as ae, ns as af, ts as ag, rs as ah, Xs as ai, as as aj, os as ak, N as al, es as am, cs as an, Es as ao, Ps as ap, _s as aq, g as ar, Rs as as, Ts as at, us as au, As as av, Ds as aw, fs as ax, Os as ay, Cs as az, i$1 as b, M as b0, x$1 as b1, w$1 as b2, B$1 as b3, b$1 as b4, A as b5, Ls as b6, h as b7, F$1 as b8, L$1 as b9, z$1 as ba, ae as bb, ie as c, ds as d, e, X$1 as f, c$1 as g,
|
|
919
|
+
export { $s as $, F as A, B, m as C, D, G as E, Fs as F, G$1 as G, H, b as I, J$1 as J, K$1 as K, l as L, x as M, N$1 as N, j as O, K as P, V$1 as Q, r as R, R as S, T, U, V, U$1 as W, X, g$1 as Y, z as Z, _, i as a, C$1 as a$, w as a0, Q as a1, q as a2, Z as a3, Y as a4, k as a5, W as a6, C as a7, J as a8, v as a9, gs as aA, q$1 as aB, S$1 as aC, y$1 as aD, q$2 as aE, ms as aF, Ms as aG, Hs as aH, R$1 as aI, m$1 as aJ, v$1 as aK, c$2 as aL, S as aM, _$1 as aN, l$1 as aO, k$2 as aP, T$1 as aQ, E$1 as aR, Is as aS, P as aT, I as aU, Bs as aV, L as aW, i$2 as aX, c as aY, u as aZ, P$1 as a_, Ns as aa, Ss as ab, ss as ac, is as ad, ps as ae, ns as af, ts as ag, rs as ah, Xs as ai, as as aj, os as ak, N as al, es as am, cs as an, Es as ao, Ps as ap, _s as aq, g as ar, Rs as as, Ts as at, us as au, As as av, Ds as aw, fs as ax, Os as ay, Cs as az, i$1 as b, M as b0, x$1 as b1, w$1 as b2, B$1 as b3, b$1 as b4, A as b5, Ls as b6, h as b7, F$1 as b8, L$1 as b9, z$1 as ba, ae as bb, ie as c, ds as d, e, X$1 as f, c$1 as g, se as h, isVue3 as i, h$1 as j, k$1 as k, isVue2 as l, d as m, ne as n, oe as o, p, hs as q, re as r, s, te as t, ue as u, ee as v, script as w, $ as x, ys as y, y as z };
|