@webitel/ui-sdk 25.12.29 → 25.12.31
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/{install-BlgO8vvA.js → install-CkCE4wb4.js} +1726 -1682
- package/dist/{plyr-DJyswX07.js → plyr-D5AzYFbZ.js} +1 -1
- package/dist/ui-sdk.css +1 -1
- package/dist/ui-sdk.js +1 -1
- package/dist/ui-sdk.umd.cjs +2 -2
- package/dist/{vidstack-Bq6c3Bam-DjwO73JH.js → vidstack-Bq6c3Bam-DLm0nk14.js} +2 -2
- package/dist/{vidstack-D2pY00kU-9GfP8TVc.js → vidstack-D2pY00kU-B9Y7vnNb.js} +2 -2
- package/dist/{vidstack-DDXt6fpN-DS4AECfL.js → vidstack-DDXt6fpN-VFB83UcC.js} +1 -1
- package/dist/{vidstack-D_-9AA6_-bomzWQ4f.js → vidstack-D_-9AA6_-bbRtBltZ.js} +1 -1
- package/dist/{vidstack-DqAw8m9J-CDpaNq7k.js → vidstack-DqAw8m9J-BgNg5ph2.js} +1 -1
- package/dist/{vidstack-audio-kqV18cx_.js → vidstack-audio-DQBbzw_h.js} +2 -2
- package/dist/{vidstack-dash-CQ4hwM3M.js → vidstack-dash-D19AviQy.js} +3 -3
- package/dist/{vidstack-google-cast-DTdO4f40.js → vidstack-google-cast-B4rh-Zyl.js} +3 -3
- package/dist/{vidstack-hls-f3oAxxux.js → vidstack-hls-BBl9mEna.js} +3 -3
- package/dist/{vidstack-video-D0EY01uq.js → vidstack-video-NZRlgWyK.js} +2 -2
- package/dist/{vidstack-vimeo-X0J_rLd3.js → vidstack-vimeo-e6HlIR5k.js} +3 -3
- package/dist/{vidstack-youtube-Crx9X7UA.js → vidstack-youtube-Cg2euP6_.js} +2 -2
- package/dist/{vuex.esm-bundler-hTIuzsPk.js → vuex.esm-bundler-Bx9LEGao.js} +1 -1
- package/package.json +1 -1
- package/src/components/wt-tree/wt-tree.vue +11 -1
- package/src/components/wt-tree-line/wt-tree-line.vue +21 -1
- package/src/composables/useTableColumnDrag/useTableColumnDrag.ts +81 -2
- package/types/components/wt-tree/wt-tree.vue.d.ts +11 -1
- package/types/components/wt-tree-line/wt-tree-line.vue.d.ts +21 -1
|
@@ -5,8 +5,8 @@ var ot = (n) => {
|
|
|
5
5
|
var Xt = (n, t, s) => t in n ? Qt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[t] = s;
|
|
6
6
|
var N = (n, t, s) => Xt(n, typeof t != "symbol" ? t + "" : t, s), X = (n, t, s) => t.has(n) || ot("Cannot " + s);
|
|
7
7
|
var i = (n, t, s) => (X(n, t, "read from private field"), s ? s.call(n) : t.get(n)), d = (n, t, s) => t.has(n) ? ot("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, s), c = (n, t, s, r) => (X(n, t, "write to private field"), r ? r.call(n, s) : t.set(n, s), s), a = (n, t, s) => (X(n, t, "access private method"), s);
|
|
8
|
-
import { A as Yt, z as ut, B as j, C as Zt, b as ti, E as nt, e as lt, F as _, G as ii, H as ei, f as si, J as ai, l as rt, K as dt, D as ni, L as Y, M as Z } from "./install-
|
|
9
|
-
import { R as ri } from "./vidstack-DqAw8m9J-
|
|
8
|
+
import { A as Yt, z as ut, B as j, C as Zt, b as ti, E as nt, e as lt, F as _, G as ii, H as ei, f as si, J as ai, l as rt, K as dt, D as ni, L as Y, M as Z } from "./install-CkCE4wb4.js";
|
|
9
|
+
import { R as ri } from "./vidstack-DqAw8m9J-BgNg5ph2.js";
|
|
10
10
|
let q = null, K = [], z = [];
|
|
11
11
|
function ht() {
|
|
12
12
|
return q ?? (q = new AudioContext());
|
|
@@ -5,7 +5,7 @@ var w = (t) => {
|
|
|
5
5
|
var P = (t, e, a) => e in t ? _(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
|
|
6
6
|
var u = (t, e, a) => P(t, typeof e != "symbol" ? e + "" : e, a), C = (t, e, a) => e.has(t) || w("Cannot " + a);
|
|
7
7
|
var c = (t, e, a) => (C(t, e, "read from private field"), a ? a.call(t) : e.get(t)), m = (t, e, a) => e.has(t) ? w("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, a), y = (t, e, a, o) => (C(t, e, "write to private field"), o ? o.call(t, a) : e.set(t, a), a), s = (t, e, a) => (C(t, e, "access private method"), a);
|
|
8
|
-
import { l as b, k as A, V as O, G as D, f as R, o as G } from "./install-
|
|
8
|
+
import { l as b, k as A, V as O, G as D, f as R, o as G } from "./install-CkCE4wb4.js";
|
|
9
9
|
function M() {
|
|
10
10
|
return "https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1";
|
|
11
11
|
}
|
|
@@ -94,7 +94,7 @@ class F {
|
|
|
94
94
|
async load(e) {
|
|
95
95
|
if (!c(this, n))
|
|
96
96
|
throw Error("[vidstack] google cast player was not initialized");
|
|
97
|
-
return new (await import("./vidstack-google-cast-
|
|
97
|
+
return new (await import("./vidstack-google-cast-B4rh-Zyl.js")).GoogleCastProvider(c(this, n), e);
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
n = new WeakMap(), r = new WeakSet(), S = async function(e) {
|
|
@@ -5,7 +5,7 @@ var g = (s) => {
|
|
|
5
5
|
var M = (s, t, i) => t in s ? y(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i;
|
|
6
6
|
var c = (s, t, i) => M(s, typeof t != "symbol" ? t + "" : t, i), h = (s, t, i) => t.has(s) || g("Cannot " + i);
|
|
7
7
|
var e = (s, t, i) => (h(s, t, "read from private field"), i ? i.call(s) : t.get(s)), l = (s, t, i) => t.has(s) ? g("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(s) : t.set(s, i), p = (s, t, i, a) => (h(s, t, "write to private field"), a ? a.call(s, i) : t.set(s, i), i), u = (s, t, i) => (h(s, t, "access private method"), i);
|
|
8
|
-
import { M as w, l as f, e as A, f as P, U as O, b as S } from "./install-
|
|
8
|
+
import { M as w, l as f, e as A, f as P, U as O, b as S } from "./install-CkCE4wb4.js";
|
|
9
9
|
var r, o, b, m;
|
|
10
10
|
class J {
|
|
11
11
|
constructor(t) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c as d, a as i, I as l, e as m } from "./install-
|
|
1
|
+
import { c as d, a as i, I as l, e as m } from "./install-CkCE4wb4.js";
|
|
2
2
|
const p = /* @__PURE__ */ i(
|
|
3
3
|
'<svg viewBox="0 0 32 32" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"></svg>'
|
|
4
4
|
);
|
|
@@ -3,7 +3,7 @@ var l = (i) => {
|
|
|
3
3
|
};
|
|
4
4
|
var m = (i, t, s) => t.has(i) || l("Cannot " + s);
|
|
5
5
|
var r = (i, t, s) => (m(i, t, "read from private field"), s ? s.call(i) : t.get(i)), e = (i, t, s) => t.has(i) ? l("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, s), h = (i, t, s, f) => (m(i, t, "write to private field"), f ? f.call(i, s) : t.set(i, s), s), c = (i, t, s) => (m(i, t, "access private method"), s);
|
|
6
|
-
import { m as p, v as u } from "./install-
|
|
6
|
+
import { m as p, v as u } from "./install-CkCE4wb4.js";
|
|
7
7
|
var o, a, n, d;
|
|
8
8
|
class F {
|
|
9
9
|
constructor(t) {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
var a = Object.defineProperty;
|
|
2
2
|
var o = (i, e, t) => e in i ? a(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
|
|
3
3
|
var r = (i, e, t) => o(i, typeof e != "symbol" ? e + "" : e, t);
|
|
4
|
-
import { s as p } from "./install-
|
|
5
|
-
import { H as d, a as u } from "./vidstack-Bq6c3Bam-
|
|
4
|
+
import { s as p } from "./install-CkCE4wb4.js";
|
|
5
|
+
import { H as d, a as u } from "./vidstack-Bq6c3Bam-DLm0nk14.js";
|
|
6
6
|
class n extends d {
|
|
7
7
|
constructor(t, s) {
|
|
8
8
|
super(t, s);
|
|
@@ -5,9 +5,9 @@ var Y = (n) => {
|
|
|
5
5
|
var wt = (n, t, e) => t in n ? vt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
|
|
6
6
|
var I = (n, t, e) => wt(n, typeof t != "symbol" ? t + "" : t, e), b = (n, t, e) => t.has(n) || Y("Cannot " + e);
|
|
7
7
|
var i = (n, t, e) => (b(n, t, "read from private field"), e ? e.call(n) : t.get(n)), f = (n, t, e) => t.has(n) ? Y("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, e), p = (n, t, e, r) => (b(n, t, "write to private field"), r ? r.call(n, e) : t.set(n, e), e), h = (n, t, e) => (b(n, t, "access private method"), e);
|
|
8
|
-
import { r as Et, b as _, d as Lt, f as At, Q as z, l as J, e as Dt, D as N, h as xt, j as O, T as Mt, L as q, t as Ct, u as Nt, v as Rt, k as Ft, m as Z, n as Pt, o as qt, q as _t } from "./install-
|
|
9
|
-
import { VideoProvider as $t } from "./vidstack-video-
|
|
10
|
-
import { R as jt } from "./vidstack-DqAw8m9J-
|
|
8
|
+
import { r as Et, b as _, d as Lt, f as At, Q as z, l as J, e as Dt, D as N, h as xt, j as O, T as Mt, L as q, t as Ct, u as Nt, v as Rt, k as Ft, m as Z, n as Pt, o as qt, q as _t } from "./install-CkCE4wb4.js";
|
|
9
|
+
import { VideoProvider as $t } from "./vidstack-video-NZRlgWyK.js";
|
|
10
|
+
import { R as jt } from "./vidstack-DqAw8m9J-BgNg5ph2.js";
|
|
11
11
|
function W(n) {
|
|
12
12
|
try {
|
|
13
13
|
return new Intl.DisplayNames(navigator.languages, { type: "language" }).of(n) ?? null;
|
|
@@ -5,9 +5,9 @@ var Q = (d) => {
|
|
|
5
5
|
var vt = (d, t, s) => t in d ? Lt(d, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : d[t] = s;
|
|
6
6
|
var G = (d, t, s) => vt(d, typeof t != "symbol" ? t + "" : t, s), O = (d, t, s) => t.has(d) || Q("Cannot " + s);
|
|
7
7
|
var e = (d, t, s) => (O(d, t, "read from private field"), s ? s.call(d) : t.get(d)), T = (d, t, s) => t.has(d) ? Q("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(d) : t.set(d, s), l = (d, t, s, i) => (O(d, t, "write to private field"), i ? i.call(d, s) : t.set(d, s), s), r = (d, t, s) => (O(d, t, "access private method"), s);
|
|
8
|
-
import { A as St, N as L, W as Z, z as At, D as tt, f as V, l as et, e as It, X as bt, L as Rt } from "./install-
|
|
9
|
-
import { R as wt } from "./vidstack-DqAw8m9J-
|
|
10
|
-
import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-
|
|
8
|
+
import { A as St, N as L, W as Z, z as At, D as tt, f as V, l as et, e as It, X as bt, L as Rt } from "./install-CkCE4wb4.js";
|
|
9
|
+
import { R as wt } from "./vidstack-DqAw8m9J-BgNg5ph2.js";
|
|
10
|
+
import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-B9Y7vnNb.js";
|
|
11
11
|
var g, _, at;
|
|
12
12
|
class _t {
|
|
13
13
|
constructor(t) {
|
|
@@ -5,9 +5,9 @@ var q = (n) => {
|
|
|
5
5
|
var ot = (n, t, i) => t in n ? rt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[t] = i;
|
|
6
6
|
var _ = (n, t, i) => ot(n, typeof t != "symbol" ? t + "" : t, i), R = (n, t, i) => t.has(n) || q("Cannot " + i);
|
|
7
7
|
var e = (n, t, i) => (R(n, t, "read from private field"), i ? i.call(n) : t.get(n)), f = (n, t, i) => t.has(n) ? q("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, i), p = (n, t, i, s) => (R(n, t, "write to private field"), s ? s.call(n, i) : t.set(n, i), i), a = (n, t, i) => (R(n, t, "access private method"), i);
|
|
8
|
-
import { i as ht, b as C, d as at, f as O, Q as N, l as V, e as dt, D as x, h as ut, T as ct, j, L as $, k as lt, m as k, n as ft, o as pt, q as vt } from "./install-
|
|
9
|
-
import { VideoProvider as yt } from "./vidstack-video-
|
|
10
|
-
import { R as gt } from "./vidstack-DqAw8m9J-
|
|
8
|
+
import { i as ht, b as C, d as at, f as O, Q as N, l as V, e as dt, D as x, h as ut, T as ct, j, L as $, k as lt, m as k, n as ft, o as pt, q as vt } from "./install-CkCE4wb4.js";
|
|
9
|
+
import { VideoProvider as yt } from "./vidstack-video-NZRlgWyK.js";
|
|
10
|
+
import { R as gt } from "./vidstack-DqAw8m9J-BgNg5ph2.js";
|
|
11
11
|
const Lt = (n) => ut(n);
|
|
12
12
|
var T, h, o, D, b, r, E, M, U, F, Q, K, W, B, J, X, Y, z, G, Z, tt;
|
|
13
13
|
class St {
|
|
@@ -5,8 +5,8 @@ var b = (i) => {
|
|
|
5
5
|
var N = (i, t, e) => t in i ? $(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
|
|
6
6
|
var y = (i, t, e) => N(i, typeof t != "symbol" ? t + "" : t, e), E = (i, t, e) => t.has(i) || b("Cannot " + e);
|
|
7
7
|
var s = (i, t, e) => (E(i, t, "read from private field"), e ? e.call(i) : t.get(i)), r = (i, t, e) => t.has(i) ? b("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, e), c = (i, t, e, n) => (E(i, t, "write to private field"), n ? n.call(i, e) : t.set(i, e), e), p = (i, t, e) => (E(i, t, "access private method"), e);
|
|
8
|
-
import { s as U, w as V, x as A, y as j, z as C, l as q, D as z, E as F, T as Y, j as v } from "./install-
|
|
9
|
-
import { H as _, a as B } from "./vidstack-Bq6c3Bam-
|
|
8
|
+
import { s as U, w as V, x as A, y as j, z as C, l as q, D as z, E as F, T as Y, j as v } from "./install-CkCE4wb4.js";
|
|
9
|
+
import { H as _, a as B } from "./vidstack-Bq6c3Bam-DLm0nk14.js";
|
|
10
10
|
var P, f, k, D, H;
|
|
11
11
|
class G {
|
|
12
12
|
constructor(t, e) {
|
|
@@ -5,9 +5,9 @@ var N = (r) => {
|
|
|
5
5
|
var de = (r, c, e) => c in r ? ue(r, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[c] = e;
|
|
6
6
|
var b = (r, c, e) => de(r, typeof c != "symbol" ? c + "" : c, e), S = (r, c, e) => c.has(r) || N("Cannot " + e);
|
|
7
7
|
var t = (r, c, e) => (S(r, c, "read from private field"), e ? e.call(r) : c.get(r)), f = (r, c, e) => c.has(r) ? N("Cannot add the same private member more than once") : c instanceof WeakSet ? c.add(r) : c.set(r, e), u = (r, c, e, i) => (S(r, c, "write to private field"), i ? i.call(r, e) : c.set(r, e), e), o = (r, c, e) => (S(r, c, "access private method"), e);
|
|
8
|
-
import { A as fe, M as U, N as C, d as pe, e as q, f as Q, b as ye, O as _, L as R, l as be, P as ke, T as ve, Q as W } from "./install-
|
|
9
|
-
import { R as me } from "./vidstack-DqAw8m9J-
|
|
10
|
-
import { E as we } from "./vidstack-DDXt6fpN-
|
|
8
|
+
import { A as fe, M as U, N as C, d as pe, e as q, f as Q, b as ye, O as _, L as R, l as be, P as ke, T as ve, Q as W } from "./install-CkCE4wb4.js";
|
|
9
|
+
import { R as me } from "./vidstack-DqAw8m9J-BgNg5ph2.js";
|
|
10
|
+
import { E as we } from "./vidstack-DDXt6fpN-VFB83UcC.js";
|
|
11
11
|
import { resolveVimeoVideoId as Pe, getVimeoVideoInfo as Te } from "./vidstack-krOAtKMi-B4IZWKdc.js";
|
|
12
12
|
const Ce = [
|
|
13
13
|
"bufferend",
|
|
@@ -5,8 +5,8 @@ var B = (r) => {
|
|
|
5
5
|
var q = (r, n, e) => n in r ? A(r, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[n] = e;
|
|
6
6
|
var T = (r, n, e) => q(r, typeof n != "symbol" ? n + "" : n, e), M = (r, n, e) => n.has(r) || B("Cannot " + e);
|
|
7
7
|
var s = (r, n, e) => (M(r, n, "read from private field"), e ? e.call(r) : n.get(r)), p = (r, n, e) => n.has(r) ? B("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(r) : n.set(r, e), l = (r, n, e, t) => (M(r, n, "write to private field"), t ? t.call(r, e) : n.set(r, e), e), o = (r, n, e) => (M(r, n, "access private method"), e);
|
|
8
|
-
import { A as z, M as G, d as H, e as J, b as K, O as Q, N as C, R as W, v as $, S as X } from "./install-
|
|
9
|
-
import { E as Z } from "./vidstack-DDXt6fpN-
|
|
8
|
+
import { A as z, M as G, d as H, e as J, b as K, O as Q, N as C, R as W, v as $, S as X } from "./install-CkCE4wb4.js";
|
|
9
|
+
import { E as Z } from "./vidstack-DDXt6fpN-VFB83UcC.js";
|
|
10
10
|
import { resolveYouTubeVideoId as ee } from "./vidstack-Dm1xEU9Q-qSXq3AI-.js";
|
|
11
11
|
const b = {
|
|
12
12
|
Ended: 0,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webitel/ui-sdk",
|
|
3
|
-
"version": "25.12.
|
|
3
|
+
"version": "25.12.31",
|
|
4
4
|
"private": false,
|
|
5
5
|
"scripts": {
|
|
6
6
|
"make-all": "npm version patch --git-tag-version false && npm run build && (npm run build:types || true) && (npm run lint:fix || true) && npm run publish-lib",
|
|
@@ -15,7 +15,17 @@
|
|
|
15
15
|
:multiple="multiple"
|
|
16
16
|
:allow-parent="allowParent"
|
|
17
17
|
@update:model-value="emit('update:modelValue', $event)"
|
|
18
|
-
|
|
18
|
+
>
|
|
19
|
+
<template
|
|
20
|
+
v-if="$slots['item-prefix']"
|
|
21
|
+
#item-prefix="slotProps"
|
|
22
|
+
>
|
|
23
|
+
<slot
|
|
24
|
+
name="item-prefix"
|
|
25
|
+
v-bind="slotProps"
|
|
26
|
+
/>
|
|
27
|
+
</template>
|
|
28
|
+
</wt-tree-line>
|
|
19
29
|
</div>
|
|
20
30
|
<div
|
|
21
31
|
v-if="mode === WtTreeMode.List"
|
|
@@ -18,6 +18,16 @@
|
|
|
18
18
|
@click="collapsed = !collapsed"
|
|
19
19
|
/>
|
|
20
20
|
</div>
|
|
21
|
+
<slot
|
|
22
|
+
name="item-prefix"
|
|
23
|
+
class="mr-1"
|
|
24
|
+
:data="data"
|
|
25
|
+
:root-data="rootData || data"
|
|
26
|
+
:nested-level="nestedLevel"
|
|
27
|
+
:active="displayActiveState"
|
|
28
|
+
:has-children="!!(data[childrenProp] && data[childrenProp].length)"
|
|
29
|
+
:selected-parent="selectedParent"
|
|
30
|
+
/>
|
|
21
31
|
<div
|
|
22
32
|
:class="{
|
|
23
33
|
active: displayActiveState,
|
|
@@ -55,7 +65,17 @@
|
|
|
55
65
|
:root-data="rootData || data"
|
|
56
66
|
@open-parent="onOpenParent"
|
|
57
67
|
@update:model-value="emit('update:modelValue', $event)"
|
|
58
|
-
|
|
68
|
+
>
|
|
69
|
+
<template
|
|
70
|
+
v-if="$slots['item-prefix']"
|
|
71
|
+
#item-prefix="slotProps"
|
|
72
|
+
>
|
|
73
|
+
<slot
|
|
74
|
+
name="item-prefix"
|
|
75
|
+
v-bind="slotProps"
|
|
76
|
+
/>
|
|
77
|
+
</template>
|
|
78
|
+
</wt-tree-line>
|
|
59
79
|
</div>
|
|
60
80
|
</wt-expand-transition>
|
|
61
81
|
</template>
|
|
@@ -1,4 +1,50 @@
|
|
|
1
1
|
export const useTableColumnDrag = (table, reorderableColumns) => {
|
|
2
|
+
let animationFrameId = null;
|
|
3
|
+
let containerEl = null;
|
|
4
|
+
let currentMouseX = null;
|
|
5
|
+
let isDragging = false;
|
|
6
|
+
|
|
7
|
+
const autoScroll = () => {
|
|
8
|
+
if (!containerEl || !isDragging || currentMouseX === null) return;
|
|
9
|
+
|
|
10
|
+
const rect = containerEl.getBoundingClientRect();
|
|
11
|
+
const scrollZone = 150; // pixels from edge to trigger scroll
|
|
12
|
+
const minScrollSpeed = 1; // minimum scroll speed
|
|
13
|
+
const maxScrollSpeed = 25; // maximum scroll speed
|
|
14
|
+
|
|
15
|
+
const distanceFromLeft = currentMouseX - rect.left;
|
|
16
|
+
const distanceFromRight = rect.right - currentMouseX;
|
|
17
|
+
|
|
18
|
+
// Easing function for smooth acceleration (ease-in-out cubic)
|
|
19
|
+
const easeInOutCubic = (t) => {
|
|
20
|
+
return t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2;
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
// Determine scroll direction and distance
|
|
24
|
+
let scrollDirection = 0; // -1 for left, 1 for right, 0 for no scroll
|
|
25
|
+
let distance = 0;
|
|
26
|
+
|
|
27
|
+
if (distanceFromLeft < scrollZone && containerEl.scrollLeft > 0) {
|
|
28
|
+
scrollDirection = -1;
|
|
29
|
+
distance = distanceFromLeft;
|
|
30
|
+
} else if (distanceFromRight < scrollZone) {
|
|
31
|
+
scrollDirection = 1;
|
|
32
|
+
distance = distanceFromRight;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
// Apply scroll if needed
|
|
36
|
+
if (scrollDirection !== 0) {
|
|
37
|
+
const proximity = 1 - (distance / scrollZone); // 0 to 1, where 1 is at the edge
|
|
38
|
+
const easedProximity = easeInOutCubic(proximity);
|
|
39
|
+
const scrollSpeed = minScrollSpeed + (maxScrollSpeed - minScrollSpeed) * easedProximity;
|
|
40
|
+
containerEl.scrollLeft += scrollSpeed * scrollDirection;
|
|
41
|
+
|
|
42
|
+
animationFrameId = requestAnimationFrame(autoScroll);
|
|
43
|
+
} else {
|
|
44
|
+
animationFrameId = null;
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
|
|
2
48
|
const tableDragHandler = (event) => {
|
|
3
49
|
event.dataTransfer.effectAllowed = 'move'
|
|
4
50
|
const copyEl = event.target.cloneNode(true);
|
|
@@ -12,16 +58,49 @@ export const useTableColumnDrag = (table, reorderableColumns) => {
|
|
|
12
58
|
setTimeout(() => {
|
|
13
59
|
document.body.removeChild(copyEl);
|
|
14
60
|
}, 0);
|
|
61
|
+
|
|
62
|
+
// Initialize dragging state
|
|
63
|
+
isDragging = true;
|
|
64
|
+
if (!containerEl) {
|
|
65
|
+
containerEl = table.value?.$el?.querySelector('.p-datatable-table-container');
|
|
66
|
+
}
|
|
15
67
|
}
|
|
68
|
+
|
|
69
|
+
const tableDragOverHandler = (event) => {
|
|
70
|
+
// Update mouse position
|
|
71
|
+
currentMouseX = event.clientX;
|
|
72
|
+
|
|
73
|
+
// Start animation loop if not already running
|
|
74
|
+
if (!animationFrameId && isDragging) {
|
|
75
|
+
animationFrameId = requestAnimationFrame(autoScroll);
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
const tableDragEndHandler = () => {
|
|
80
|
+
// Stop animation loop
|
|
81
|
+
if (animationFrameId) {
|
|
82
|
+
cancelAnimationFrame(animationFrameId);
|
|
83
|
+
animationFrameId = null;
|
|
84
|
+
}
|
|
85
|
+
isDragging = false;
|
|
86
|
+
currentMouseX = null;
|
|
87
|
+
containerEl = null;
|
|
88
|
+
};
|
|
16
89
|
|
|
17
90
|
const addTableDragListener = () => {
|
|
18
91
|
if (!reorderableColumns) return;
|
|
19
|
-
table.value?.$el
|
|
92
|
+
const el = table.value?.$el;
|
|
93
|
+
el?.addEventListener('dragstart', tableDragHandler);
|
|
94
|
+
el?.addEventListener('dragover', tableDragOverHandler);
|
|
95
|
+
el?.addEventListener('dragend', tableDragEndHandler);
|
|
20
96
|
}
|
|
21
97
|
|
|
22
98
|
const removeTableDragListener = () => {
|
|
23
99
|
if (!reorderableColumns) return;
|
|
24
|
-
table.value?.$el
|
|
100
|
+
const el = table.value?.$el;
|
|
101
|
+
el?.removeEventListener('dragstart', tableDragHandler);
|
|
102
|
+
el?.removeEventListener('dragover', tableDragOverHandler);
|
|
103
|
+
el?.removeEventListener('dragend', tableDragEndHandler);
|
|
25
104
|
}
|
|
26
105
|
|
|
27
106
|
return {
|
|
@@ -27,7 +27,11 @@ type __VLS_Props = {
|
|
|
27
27
|
multiple?: boolean;
|
|
28
28
|
allowParent?: boolean;
|
|
29
29
|
};
|
|
30
|
-
declare
|
|
30
|
+
declare var __VLS_8: any;
|
|
31
|
+
type __VLS_Slots = {} & {
|
|
32
|
+
'item-prefix'?: (props: typeof __VLS_8) => any;
|
|
33
|
+
};
|
|
34
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
31
35
|
select: (data: any) => any;
|
|
32
36
|
"update:modelValue": (value: any) => any;
|
|
33
37
|
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
@@ -38,4 +42,10 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
|
|
|
38
42
|
childrenProp: string;
|
|
39
43
|
allowParent: boolean;
|
|
40
44
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
45
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
41
46
|
export default _default;
|
|
47
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
48
|
+
new (): {
|
|
49
|
+
$slots: S;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
@@ -18,7 +18,21 @@ type __VLS_Props = {
|
|
|
18
18
|
searchedProp?: string;
|
|
19
19
|
rootData?: unknown;
|
|
20
20
|
};
|
|
21
|
-
declare
|
|
21
|
+
declare var __VLS_17: {
|
|
22
|
+
data: unknown;
|
|
23
|
+
rootData: unknown;
|
|
24
|
+
nestedLevel: number;
|
|
25
|
+
active: any;
|
|
26
|
+
hasChildren: boolean;
|
|
27
|
+
selectedParent: boolean;
|
|
28
|
+
class: string;
|
|
29
|
+
}, __VLS_35: any;
|
|
30
|
+
type __VLS_Slots = {} & {
|
|
31
|
+
'item-prefix'?: (props: typeof __VLS_17) => any;
|
|
32
|
+
} & {
|
|
33
|
+
'item-prefix'?: (props: typeof __VLS_35) => any;
|
|
34
|
+
};
|
|
35
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
22
36
|
"update:modelValue": (value: any) => any;
|
|
23
37
|
openParent: () => any;
|
|
24
38
|
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
@@ -34,4 +48,10 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
|
|
|
34
48
|
allowParent: boolean;
|
|
35
49
|
searchedProp: string;
|
|
36
50
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
51
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
37
52
|
export default _default;
|
|
53
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
54
|
+
new (): {
|
|
55
|
+
$slots: S;
|
|
56
|
+
};
|
|
57
|
+
};
|