ideaz-element
Version:
<p align="center"> <a href="" target="_blank" rel="noopener noreferrer"> <img src="./docs/public/logo.svg" alt="Ideaz Element" width="180" style="width: 180px;" /> </a> </p>
78 lines (77 loc) • 4.76 kB
JavaScript
import "../../../../utils/index.mjs";
import "../utils/index.mjs";
import { ref as v, computed as W } from "vue";
import { getIsReturnToolBar as w } from "../utils/getIsReturnToolBar.mjs";
import { isObject as A, isArray as q } from "../../../../utils/is.mjs";
import { getCheckData as z } from "../utils/getCheckedData.mjs";
function B(u, s, c, d = "__uid") {
const n = s[d], m = u.findIndex((x) => x[d] === n);
return m !== -1 && c.splice(m, 0, s), c;
}
function f(u, s, c = "__uid") {
return u.filter((d) => d[c] !== s);
}
function h(u, s) {
return u.filter((c) => c !== s);
}
function P(u, s, c) {
const d = v(u.originFormatTableCols.filter((e) => e.fixed === "left")), n = v(u.originFormatTableCols.filter((e) => e.fixed === "right")), m = v(u.originFormatTableCols.filter((e) => e.fixed === "left")), x = v(u.originFormatTableCols.filter((e) => e.fixed === "right")), o = v(d.value.map((e) => e.__uid)), _ = v(n.value.map((e) => e.__uid)), L = W(() => u.originFormatTableCols.filter((e) => w(e, u.toolBar))), O = (e, l) => {
let i = [], a = [];
const t = { ...e, fixed: l };
if (i = f(u.middleTableCols, e.__uid), a = f(u.sortTableCols, e.__uid), c.value.includes(e.__uid)) {
l === "left" && o.value.push(e.__uid), l === "right" && _.value.push(e.__uid);
const r = c.value.findIndex((T) => e.__uid === T);
r > -1 && c.value.splice(r, 1);
}
l === "left" && d.value.push(t), l === "right" && n.value.push(t), s("columns-change", i.filter((r) => !r.fixed).concat(g(l))), s("table-cols-change", a);
}, S = (e, l) => {
const i = [...u.middleTableCols], a = { ...e, fixed: l };
l === "left" ? (d.value.push(a), _.value.includes(e.__uid) && o.value.push(e.__uid), n.value = f(n.value, e.__uid), _.value = h(_.value, e.__uid)) : (n.value.push(a), o.value.includes(e.__uid) && _.value.push(e.__uid), d.value = f(d.value, e.__uid), o.value = h(o.value, e.__uid)), f(i, e.__uid), s("columns-change", i.filter((t) => !t.fixed).concat(g(l)));
}, U = (e) => {
let l = [];
const i = [...u.sortTableCols], a = { ...e, fixed: !1 };
(o.value.includes(e.__uid) || _.value.includes(e.__uid)) && c.value.push(e.__uid), o.value = h(o.value, e.__uid), _.value = h(_.value, e.__uid), d.value = f(d.value, e.__uid), n.value = f(n.value, e.__uid), l = f(u.middleTableCols, e.__uid), B(R(a), a, l), B(j(e), a, i), s("columns-change", l.filter((t) => !t.fixed).concat(g(!1))), s("table-cols-change", i);
}, V = () => {
const e = u.originFormatTableCols.filter((l) => A(u.toolBar) && q(u.toolBar.exclude) ? !u.toolBar.exclude.includes(l.label) : !0);
d.value = u.originFormatTableCols.filter((l) => l.fixed === "left"), n.value = u.originFormatTableCols.filter((l) => l.fixed === "right"), o.value = e.filter((l) => l.fixed === "left").map((l) => l.__uid), _.value = e.filter((l) => l.fixed === "right").map((l) => l.__uid);
}, k = (e, l) => {
const i = g(e, l);
s("columns-change", u.middleTableCols.filter((a) => !a.fixed).concat(i));
}, y = (e) => {
e === "left" ? m.value = [...d.value] : x.value = [...n.value];
}, D = (e, l) => {
const { oldIndex: i, newIndex: a } = e, t = l === "left" ? m.value : x.value, r = { ...t[i] }, T = { ...t[a] }, C = u.middleTableCols.findIndex((b) => b.__uid === r.__uid), I = u.middleTableCols.findIndex((b) => b.__uid === T.__uid), F = [...u.middleTableCols];
C > -1 && I > -1 && (F.splice(C, 1), F.splice(I, 0, r), s("columns-change", F));
};
function g(e, l) {
let i = [];
const a = l || (e === "left" ? o.value : _.value);
return e === "left" ? i = i.concat(d.value.filter((t) => a.includes(t.__uid)), n.value.filter((t) => _.value.includes(t.__uid))) : i = i.concat(n.value.filter((t) => a.includes(t.__uid)), d.value.filter((t) => o.value.includes(t.__uid))), i;
}
function R(e) {
const l = o.value.concat(_.value).filter((i) => i !== e.__uid);
return z(u.toolBar, u.originFormatTableCols).filter((i) => !l.includes(i.__uid) && (c.value.includes(i.__uid) || o.value.includes(i.__uid) || _.value.includes(i.__uid)));
}
function j(e) {
const l = d.value.concat(n.value).filter((i) => i.__uid !== e.__uid).map((i) => i.__uid);
return u.originFormatTableCols.filter((i) => !l.includes(i.__uid));
}
return {
handleTableColFixedFromCenter: O,
leftFixedTableCols: d,
rightFixedTableCols: n,
originSortTableCols: L,
handleResetFixedTableCols: V,
handleSortTableCols: D,
leftCheckedTableColsUids: o,
rightCheckedTableColsUids: _,
handleSideFixedDragChange: y,
handleUnfixedTableCol: U,
handleFixedTableColFromSide: S,
handleFixedCheckedTableColsChange: k
};
}
export {
P as useFixedTableCols
};
//# sourceMappingURL=useFixedTableCols.mjs.map