@shtabapp/ui-kit 1.71.0 → 1.72.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/CHANGELOG.md +19 -0
- package/dist/{SColorPicker-BmaA5Xnp.js → SColorPicker-BjtlrGHZ.js} +3 -3
- package/dist/{SColorPicker-D7mTRL7K.cjs → SColorPicker-Ct8FVU0D.cjs} +1 -1
- package/dist/SDropdown-B8Z4oNMk.cjs +1 -0
- package/dist/SDropdown-cNmJ5Lrz.js +400 -0
- package/dist/SSelect-mnobObXO.cjs +1 -0
- package/dist/{SSelect-DUtNtnqM.js → SSelect-rpJCD5PL.js} +22 -19
- package/dist/{STable-CunQFK-x.js → STable-DjJYfejr.js} +692 -674
- package/dist/STable-yU2XUABP.cjs +1 -0
- package/dist/components/SBanner/SBanner.types.d.ts +2 -0
- package/dist/components/SBanner/SBanner.types.d.ts.map +1 -1
- package/dist/components/SBanner/SBanner.vue.d.ts.map +1 -1
- package/dist/components/SDropdown/SDropdown.types.d.ts +4 -4
- package/dist/components/SDropdown/SDropdown.types.d.ts.map +1 -1
- package/dist/components/SDropdown/SDropdown.vue.d.ts +8 -8
- package/dist/components/SDropdown/SDropdown.vue.d.ts.map +1 -1
- package/dist/components/SDropdown/parts/SDropdownSheet.types.d.ts +2 -0
- package/dist/components/SDropdown/parts/SDropdownSheet.types.d.ts.map +1 -1
- package/dist/components/SDropdown/parts/SDropdownSheet.vue.d.ts +3 -1
- package/dist/components/SDropdown/parts/SDropdownSheet.vue.d.ts.map +1 -1
- package/dist/components/SDropdown/utils/context.d.ts +13 -0
- package/dist/components/SDropdown/utils/context.d.ts.map +1 -0
- package/dist/components/SDropdown/utils/useDropdownTree.d.ts +18 -0
- package/dist/components/SDropdown/utils/useDropdownTree.d.ts.map +1 -0
- package/dist/components/SNotification/SNotification.types.d.ts +2 -0
- package/dist/components/SNotification/SNotification.types.d.ts.map +1 -1
- package/dist/components/SNotification/SNotification.vue.d.ts.map +1 -1
- package/dist/components/SSelect/SSelect.vue.d.ts.map +1 -1
- package/dist/components/STable/STable.types.d.ts +12 -0
- package/dist/components/STable/STable.types.d.ts.map +1 -1
- package/dist/components/STable/STable.vue.d.ts.map +1 -1
- package/dist/components/STable/parts/STableHeaderCell.vue.d.ts.map +1 -1
- package/dist/components/STable/utils/useTableRowDnd.d.ts.map +1 -1
- package/dist/components/STable/utils/useTableStickyRows.d.ts +2 -1
- package/dist/components/STable/utils/useTableStickyRows.d.ts.map +1 -1
- package/dist/components/STag/STag.types.d.ts +1 -1
- package/dist/components/STag/STag.types.d.ts.map +1 -1
- package/dist/composables/connectedPosition/computeConnectedPosition.d.ts.map +1 -1
- package/dist/composables/connectedPosition/getOverflow.d.ts +1 -0
- package/dist/composables/connectedPosition/getOverflow.d.ts.map +1 -1
- package/dist/composables/useEscapeDismiss.d.ts +15 -0
- package/dist/composables/useEscapeDismiss.d.ts.map +1 -0
- package/dist/composables/useFloatingOverlay.d.ts +4 -0
- package/dist/composables/useFloatingOverlay.d.ts.map +1 -1
- package/dist/entries/color-picker.cjs +1 -1
- package/dist/entries/color-picker.js +1 -1
- package/dist/entries/composables.cjs +1 -1
- package/dist/entries/composables.js +2 -2
- package/dist/entries/dropdown.cjs +1 -1
- package/dist/entries/dropdown.js +2 -2
- package/dist/entries/select.cjs +1 -1
- package/dist/entries/select.js +1 -1
- package/dist/entries/table.cjs +1 -1
- package/dist/entries/table.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +221 -193
- package/dist/uikit-components.css +1 -1
- package/dist/useFloatingOverlay-CwGCMrig.cjs +1 -0
- package/dist/{useFloatingOverlay-b9_eDGNE.js → useFloatingOverlay-TxzVisMJ.js} +89 -86
- package/package.json +3 -3
- package/dist/SDropdown-BdgpPzfl.cjs +0 -1
- package/dist/SDropdown-xNcC6JDy.js +0 -362
- package/dist/SSelect-Coyrc99Y.cjs +0 -1
- package/dist/STable-Ch7thYCy.cjs +0 -1
- package/dist/useFloatingOverlay-Dp44TxvN.cjs +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { i as e, n as t, r as n, t as r } from "./SButton-LAOBxpd4.js";
|
|
2
2
|
import { n as i } from "./useSelectionGroup-BCAmPf3R.js";
|
|
3
|
-
import { t as a } from "./SDropdown-
|
|
3
|
+
import { t as a } from "./SDropdown-cNmJ5Lrz.js";
|
|
4
4
|
import { t as o } from "./SDropdownMenu-2koPU6IG.js";
|
|
5
5
|
import { n as s, t as c } from "./SInput-D8NftspL.js";
|
|
6
6
|
import { t as l } from "./SListItem-BOSQGRWA.js";
|
|
@@ -362,7 +362,9 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
|
|
|
362
362
|
}
|
|
363
363
|
await lt();
|
|
364
364
|
}
|
|
365
|
-
}, dt = async (
|
|
365
|
+
}, dt = async () => {
|
|
366
|
+
i.disabled || i.readonly || await lt();
|
|
367
|
+
}, ft = async (e) => e.key !== "ArrowDown" && e.key !== "ArrowUp" ? !1 : (e.preventDefault(), e.stopPropagation(), V.value || await Q(), await it(), await z.value?.handleKeyboardNavigation(e), !0), pt = (e) => {
|
|
366
368
|
let t = ze(e);
|
|
367
369
|
if (t) {
|
|
368
370
|
if (Z.value) {
|
|
@@ -371,35 +373,35 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
|
|
|
371
373
|
}
|
|
372
374
|
K.value = e, ot();
|
|
373
375
|
}
|
|
374
|
-
},
|
|
375
|
-
if (!(i.disabled || i.readonly) && !await
|
|
376
|
+
}, mt = async (e) => {
|
|
377
|
+
if (!(i.disabled || i.readonly) && !await ft(e)) {
|
|
376
378
|
if (e.key === "Escape") {
|
|
377
379
|
e.preventDefault(), $();
|
|
378
380
|
return;
|
|
379
381
|
}
|
|
380
382
|
if (e.key === "Enter" || e.key === " ") {
|
|
381
383
|
if (e.preventDefault(), V.value && B.value) {
|
|
382
|
-
|
|
384
|
+
pt(B.value);
|
|
383
385
|
return;
|
|
384
386
|
}
|
|
385
387
|
await lt();
|
|
386
388
|
}
|
|
387
389
|
}
|
|
388
|
-
},
|
|
390
|
+
}, ht = async (e) => {
|
|
389
391
|
if (e.key === "Escape") {
|
|
390
392
|
e.preventDefault(), $();
|
|
391
393
|
return;
|
|
392
394
|
}
|
|
393
|
-
await
|
|
394
|
-
},
|
|
395
|
+
await ft(e);
|
|
396
|
+
}, gt = ht, _t = (e) => {
|
|
395
397
|
i.disabled || (H.value || y("focus", e), H.value = !0);
|
|
396
|
-
},
|
|
398
|
+
}, vt = (e) => {
|
|
397
399
|
if (!(e.currentTarget instanceof HTMLElement)) return;
|
|
398
400
|
let t = e.relatedTarget;
|
|
399
401
|
t instanceof Node && e.currentTarget.contains(t) || (H.value = !1, y("blur", e));
|
|
400
|
-
},
|
|
402
|
+
}, yt = () => {
|
|
401
403
|
Le(), y("clear");
|
|
402
|
-
},
|
|
404
|
+
}, bt = (e) => {
|
|
403
405
|
y("endReached", e);
|
|
404
406
|
};
|
|
405
407
|
return s({
|
|
@@ -450,7 +452,7 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
|
|
|
450
452
|
"selected-on-top": A(Z),
|
|
451
453
|
"can-load-more": i.canLoadMore,
|
|
452
454
|
"end-reached-distance": i.endReachedDistance,
|
|
453
|
-
onEndReached:
|
|
455
|
+
onEndReached: bt
|
|
454
456
|
}, _({ _: 2 }, [A(k).option || A(k)["option-icon"] || i.closableOptions || A(Z) ? {
|
|
455
457
|
name: "item",
|
|
456
458
|
fn: M((a) => [A(k).option ? D(s.$slots, "option", w(S({ key: 0 }, a))) : i.closableOptions ? (T(), m(A(l), w(S({ key: 1 }, Je(a))), _({ _: 2 }, [A(k)["option-icon"] ? {
|
|
@@ -515,7 +517,7 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
|
|
|
515
517
|
clearable: !1,
|
|
516
518
|
"icon-left": "search",
|
|
517
519
|
onClick: u[1] ||= de(() => {}, ["stop"]),
|
|
518
|
-
onKeydown: A(
|
|
520
|
+
onKeydown: A(gt)
|
|
519
521
|
}, null, 8, [
|
|
520
522
|
"modelValue",
|
|
521
523
|
"placeholder",
|
|
@@ -557,9 +559,9 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
|
|
|
557
559
|
customize: i.customize,
|
|
558
560
|
name: i.name,
|
|
559
561
|
id: Xe.value,
|
|
560
|
-
onClear:
|
|
561
|
-
onFocus:
|
|
562
|
-
onBlur:
|
|
562
|
+
onClear: yt,
|
|
563
|
+
onFocus: _t,
|
|
564
|
+
onBlur: vt
|
|
563
565
|
}, _({
|
|
564
566
|
control: M(() => [te("div", {
|
|
565
567
|
id: Xe.value,
|
|
@@ -577,7 +579,7 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
|
|
|
577
579
|
"aria-autocomplete": A(Ie) ? "list" : void 0,
|
|
578
580
|
tabindex: et.value,
|
|
579
581
|
onClick: ut,
|
|
580
|
-
onKeydown:
|
|
582
|
+
onKeydown: mt
|
|
581
583
|
}, [
|
|
582
584
|
A(Z) ? D(s.$slots, "selection", w(S({ key: 0 }, $e.value)), () => [A(Fe) ? (T(), g("span", Se, O(A(Fe)), 1)) : A(q) && !A(J) ? (T(), g("span", Ce, O(i.placeholder), 1)) : h("", !0)]) : A(q) && !A(J) ? (T(), g("span", we, O(i.placeholder), 1)) : A(J) ? h("", !0) : (T(), g("span", Te, O(A(Ne)), 1)),
|
|
583
585
|
A(k)["value-suffix"] && !A(Z) && !A(J) && !A(q) ? (T(), g("div", Ee, [D(s.$slots, "value-suffix", w(b(Ve.value)))])) : h("", !0),
|
|
@@ -595,13 +597,14 @@ var me = ({ listItemScope: e, itemTitle: t, itemSubtitle: n, itemDisabled: r, it
|
|
|
595
597
|
autocomplete: "off",
|
|
596
598
|
onClick: u[6] ||= de(() => {}, ["stop"]),
|
|
597
599
|
onFocus: at,
|
|
598
|
-
onKeydown:
|
|
600
|
+
onKeydown: ht
|
|
599
601
|
}, null, 40, De)), [[ce, f.value]]) : h("", !0)
|
|
600
602
|
], 42, xe)]),
|
|
601
603
|
action: M(() => [v(A(fe), {
|
|
602
604
|
name: "chevronMiniDown",
|
|
603
605
|
size: Oe,
|
|
604
|
-
class: "s-ui-select__chevron"
|
|
606
|
+
class: "s-ui-select__chevron",
|
|
607
|
+
onClick: dt
|
|
605
608
|
})]),
|
|
606
609
|
_: 2
|
|
607
610
|
}, [
|