@webitel/ui-sdk 26.8.94 → 26.8.96
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/{clients-Pw9u3exJ.js → clients-9rILOBrM.js} +60 -56
- package/dist/{components-DuzJmfos.js → components-Dost4BNg.js} +557 -601
- package/dist/ui-sdk.css +1 -1
- package/dist/ui-sdk.js +2 -2
- package/dist/ui-sdk.umd.cjs +660 -657
- package/dist/wt-badge-tosjsmJU.js +53 -0
- package/dist/{wt-button-BwPz__rU.js → wt-button-CNQAK85M.js} +1 -1
- package/dist/{wt-chat-emoji-Cbxrn6eQ.js → wt-chat-emoji-DXC4OU5L.js} +3 -3
- package/dist/wt-checkbox-BBdi-1oS.js +87 -0
- package/dist/{wt-display-chip-items-9OseXL04.js → wt-display-chip-items-C1EJ62xe.js} +1 -1
- package/dist/{wt-icon-iRDqWkjp.js → wt-icon-ClDNfV5I.js} +1 -0
- package/dist/wt-icon-btn-DDElLZil.js +30 -0
- package/dist/{wt-notifications-bar-ZIMKBDqL.js → wt-notifications-bar-DZidZ2VZ.js} +1 -1
- package/dist/{wt-player-CqjIR3Q-.js → wt-player-CxMTs3eF.js} +2 -2
- package/dist/{wt-send-message-popup-Dr8dIFb4.js → wt-send-message-popup-BSLk9osS.js} +2 -2
- package/dist/wt-table-DHpnLu_f.js +438 -0
- package/dist/{wt-toast-BcgNZFCD.js → wt-toast-DKjRJFE2.js} +1 -1
- package/dist/{wt-tree-table-D4nCNUq_.js → wt-tree-table-DDH6vMh7.js} +2 -1
- package/dist/{wt-type-extension-value-input-CnKUoOuC.js → wt-type-extension-value-input-ZqfUFvcs.js} +2 -2
- package/dist/{wt-vidstack-player-BBRsZ-GL.js → wt-vidstack-player-BtSrpzDY.js} +3 -3
- package/package.json +1 -1
- package/src/assets/icons/sprite/index.ts +2 -0
- package/src/assets/icons/sprite/table-filter.svg +3 -0
- package/src/components/wt-table/_internals/wt-table-column-filter.vue +76 -0
- package/src/components/wt-table/types/WtTable.ts +20 -0
- package/src/components/wt-table/wt-table.vue +75 -7
- package/types/.tsbuildinfo +1 -1
- package/types/components/wt-table/_internals/wt-table-column-filter.vue.d.ts +29 -0
- package/types/components/wt-table/types/WtTable.d.ts +17 -0
- package/types/components/wt-table/wt-table.vue.d.ts +25 -12
- package/dist/wt-icon-btn-BzraLc-w.js +0 -110
- package/dist/wt-table-C-DMIrud.js +0 -377
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Column header filter icon: popover content from the default slot (scope `hide`); while
|
|
3
|
+
* `active`, hovering shows the `preview` slot in a second popover instead.
|
|
4
|
+
* `data-pc-section="columnfilterbutton"` stops PrimeVue sorting on click here while still
|
|
5
|
+
* bubbling to `document` (closes other popovers); `@mousedown.stop` blocks column drag.
|
|
6
|
+
*
|
|
7
|
+
* [WTEL-7727](https://webitel.atlassian.net/browse/WTEL-7727)
|
|
8
|
+
*/
|
|
9
|
+
type __VLS_Props = {
|
|
10
|
+
/** Shows the badge on the icon (a filter is applied to this column) */
|
|
11
|
+
active?: boolean;
|
|
12
|
+
};
|
|
13
|
+
declare var __VLS_31: {}, __VLS_34: {
|
|
14
|
+
hide: (event?: Event) => void;
|
|
15
|
+
};
|
|
16
|
+
type __VLS_Slots = {} & {
|
|
17
|
+
preview?: (props: typeof __VLS_31) => any;
|
|
18
|
+
} & {
|
|
19
|
+
default?: (props: typeof __VLS_34) => any;
|
|
20
|
+
};
|
|
21
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
22
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
23
|
+
declare const _default: typeof __VLS_export;
|
|
24
|
+
export default _default;
|
|
25
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
26
|
+
new (): {
|
|
27
|
+
$slots: S;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import type { SortSymbols } from '../../../scripts/sortQueryAdapters';
|
|
2
2
|
/** derived so adding a symbol to `SortSymbols` widens this automatically */
|
|
3
3
|
export type WtTableSortOrder = (typeof SortSymbols)[keyof typeof SortSymbols];
|
|
4
|
+
export type WtTableHeaderFilter = string | {
|
|
5
|
+
name: string;
|
|
6
|
+
};
|
|
4
7
|
export type WtTableHeader = {
|
|
5
8
|
value: string;
|
|
6
9
|
/**
|
|
@@ -17,6 +20,20 @@ export type WtTableHeader = {
|
|
|
17
20
|
show?: boolean;
|
|
18
21
|
/** `false` excludes the column from drag-to-reorder and pins it to the start */
|
|
19
22
|
reorderable?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Filter shown in the column header popover (`column-filter` slot).
|
|
25
|
+
* Set only on columns that have a header filter.
|
|
26
|
+
*
|
|
27
|
+
* [WTEL-7727](https://webitel.atlassian.net/browse/WTEL-7727)
|
|
28
|
+
*/
|
|
29
|
+
filter?: WtTableHeaderFilter;
|
|
30
|
+
/**
|
|
31
|
+
* Shows the badge on the filter icon. Set by whoever owns `headers` (mirrors `sort`: read
|
|
32
|
+
* here, written by the caller), not derived from a separate table-wide prop.
|
|
33
|
+
*
|
|
34
|
+
* [WTEL-7727](https://webitel.atlassian.net/browse/WTEL-7727)
|
|
35
|
+
*/
|
|
36
|
+
filtered?: boolean;
|
|
20
37
|
};
|
|
21
38
|
/** TODO(types): every cell is read through a header-driven runtime `field` key. */
|
|
22
39
|
export type WtTableRow = any;
|
|
@@ -66,32 +66,45 @@ interface Props extends DataTableProps {
|
|
|
66
66
|
loading?: boolean;
|
|
67
67
|
itemSize?: number | undefined;
|
|
68
68
|
}
|
|
69
|
-
declare var
|
|
69
|
+
declare var __VLS_1: {}, __VLS_73: `header-${string}`, __VLS_74: {
|
|
70
70
|
index: number;
|
|
71
71
|
header: WtTableHeader;
|
|
72
|
-
},
|
|
72
|
+
}, __VLS_93: {
|
|
73
|
+
header: WtTableHeader;
|
|
74
|
+
hide: (event?: Event) => void;
|
|
75
|
+
formView: boolean;
|
|
76
|
+
}, __VLS_96: {
|
|
77
|
+
header: WtTableHeader;
|
|
78
|
+
formView: boolean;
|
|
79
|
+
}, __VLS_100: string, __VLS_101: {
|
|
73
80
|
index: any;
|
|
74
81
|
item: any;
|
|
75
|
-
},
|
|
82
|
+
}, __VLS_106: `${string}-footer`, __VLS_107: {}, __VLS_116: {}, __VLS_119: {
|
|
76
83
|
index: any;
|
|
77
84
|
item: any;
|
|
78
|
-
},
|
|
85
|
+
}, __VLS_122: {
|
|
79
86
|
item: any;
|
|
80
|
-
},
|
|
87
|
+
}, __VLS_125: {};
|
|
81
88
|
type __VLS_Slots = {} & {
|
|
82
|
-
[K in NonNullable<typeof
|
|
89
|
+
[K in NonNullable<typeof __VLS_73>]?: (props: typeof __VLS_74) => any;
|
|
90
|
+
} & {
|
|
91
|
+
[K in NonNullable<typeof __VLS_100>]?: (props: typeof __VLS_101) => any;
|
|
92
|
+
} & {
|
|
93
|
+
[K in NonNullable<typeof __VLS_106>]?: (props: typeof __VLS_107) => any;
|
|
94
|
+
} & {
|
|
95
|
+
empty?: (props: typeof __VLS_1) => any;
|
|
83
96
|
} & {
|
|
84
|
-
|
|
97
|
+
'column-filter'?: (props: typeof __VLS_93) => any;
|
|
85
98
|
} & {
|
|
86
|
-
|
|
99
|
+
'column-filter'?: (props: typeof __VLS_96) => any;
|
|
87
100
|
} & {
|
|
88
|
-
'actions-header'?: (props: typeof
|
|
101
|
+
'actions-header'?: (props: typeof __VLS_116) => any;
|
|
89
102
|
} & {
|
|
90
|
-
actions?: (props: typeof
|
|
103
|
+
actions?: (props: typeof __VLS_119) => any;
|
|
91
104
|
} & {
|
|
92
|
-
expansion?: (props: typeof
|
|
105
|
+
expansion?: (props: typeof __VLS_122) => any;
|
|
93
106
|
} & {
|
|
94
|
-
footer?: (props: typeof
|
|
107
|
+
footer?: (props: typeof __VLS_125) => any;
|
|
95
108
|
};
|
|
96
109
|
declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
97
110
|
sort: (...args: any[]) => void;
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
import { t as e } from "./wt-icon-iRDqWkjp.js";
|
|
2
|
-
import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
|
|
3
|
-
import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeModels as u, mergeProps as d, normalizeClass as f, normalizeProps as p, openBlock as m, renderSlot as h, resolveComponent as g, toDisplayString as _, useModel as v, useSlots as y, withCtx as b } from "vue";
|
|
4
|
-
//#region src/components/wt-checkbox/wt-checkbox.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
-
var x = { class: "wt-checkbox" }, S = { class: "wt-checkbox__checkmark" }, C = {
|
|
6
|
-
key: 0,
|
|
7
|
-
class: "wt-checkbox__label"
|
|
8
|
-
}, w = /*#__PURE__*/ t(/* @__PURE__ */ c({
|
|
9
|
-
__name: "wt-checkbox",
|
|
10
|
-
props: /*@__PURE__*/ u({
|
|
11
|
-
value: {
|
|
12
|
-
type: [String, Boolean],
|
|
13
|
-
default: ""
|
|
14
|
-
},
|
|
15
|
-
label: { default: "" },
|
|
16
|
-
disabled: {
|
|
17
|
-
type: Boolean,
|
|
18
|
-
default: !1
|
|
19
|
-
},
|
|
20
|
-
modelValue: {},
|
|
21
|
-
defaultValue: {},
|
|
22
|
-
name: {},
|
|
23
|
-
binary: { type: Boolean },
|
|
24
|
-
indeterminate: { type: Boolean },
|
|
25
|
-
size: {},
|
|
26
|
-
invalid: { type: Boolean },
|
|
27
|
-
variant: {},
|
|
28
|
-
readonly: { type: Boolean },
|
|
29
|
-
required: { type: Boolean },
|
|
30
|
-
tabindex: {},
|
|
31
|
-
trueValue: {},
|
|
32
|
-
falseValue: {},
|
|
33
|
-
inputId: {},
|
|
34
|
-
inputClass: {},
|
|
35
|
-
inputStyle: {},
|
|
36
|
-
ariaLabelledby: {},
|
|
37
|
-
ariaLabel: {},
|
|
38
|
-
formControl: {},
|
|
39
|
-
dt: {},
|
|
40
|
-
pt: {},
|
|
41
|
-
ptOptions: {},
|
|
42
|
-
unstyled: { type: Boolean }
|
|
43
|
-
}, {
|
|
44
|
-
selected: {
|
|
45
|
-
type: [Boolean, Array],
|
|
46
|
-
required: !0
|
|
47
|
-
},
|
|
48
|
-
selectedModifiers: {}
|
|
49
|
-
}),
|
|
50
|
-
emits: ["update:selected"],
|
|
51
|
-
setup(e) {
|
|
52
|
-
let t = e, c = v(e, "selected"), u = `checkbox-${Math.random().toString(36).slice(2, 11)}`, d = y(), f = n(() => t.label || d.label), w = n(() => !Array.isArray(c.value)), T = n(() => w.value ? c.value : Array.isArray(c.value) ? c.value.includes(String(t.value)) : !1), E = n(() => T.value ? "checkbox-tick" : ""), D = n(() => t.disabled ? "disabled" : T.value ? "active" : null);
|
|
53
|
-
return (t, n) => {
|
|
54
|
-
let d = g("wt-icon"), v = g("p-checkbox"), y = g("wt-label");
|
|
55
|
-
return m(), a("div", x, [s(v, {
|
|
56
|
-
modelValue: c.value,
|
|
57
|
-
"onUpdate:modelValue": n[0] ||= (e) => c.value = e,
|
|
58
|
-
binary: w.value,
|
|
59
|
-
disabled: e.disabled,
|
|
60
|
-
"input-id": u,
|
|
61
|
-
value: e.value
|
|
62
|
-
}, {
|
|
63
|
-
icon: b(() => [o("span", S, [s(d, {
|
|
64
|
-
color: D.value,
|
|
65
|
-
icon: E.value
|
|
66
|
-
}, null, 8, ["color", "icon"])])]),
|
|
67
|
-
_: 1
|
|
68
|
-
}, 8, [
|
|
69
|
-
"modelValue",
|
|
70
|
-
"binary",
|
|
71
|
-
"disabled",
|
|
72
|
-
"value"
|
|
73
|
-
]), f.value ? (m(), r(y, {
|
|
74
|
-
key: 0,
|
|
75
|
-
disabled: e.disabled
|
|
76
|
-
}, {
|
|
77
|
-
default: b(() => [h(t.$slots, "label", p(l({
|
|
78
|
-
label: e.label,
|
|
79
|
-
isChecked: T.value,
|
|
80
|
-
disabled: e.disabled
|
|
81
|
-
})), () => [e.label ? (m(), a("div", C, _(e.label), 1)) : i("", !0)], !0)], void 0, !0),
|
|
82
|
-
_: 3
|
|
83
|
-
}, 8, ["disabled"])) : i("", !0)]);
|
|
84
|
-
};
|
|
85
|
-
}
|
|
86
|
-
}), [["__scopeId", "data-v-b8e46222"]]), T = /*#__PURE__*/ t(/* @__PURE__ */ c({
|
|
87
|
-
__name: "wt-icon-btn",
|
|
88
|
-
props: { disabled: {
|
|
89
|
-
type: Boolean,
|
|
90
|
-
default: !1
|
|
91
|
-
} },
|
|
92
|
-
emits: ["click", "mousedown"],
|
|
93
|
-
setup(t, { emit: n }) {
|
|
94
|
-
let r = n;
|
|
95
|
-
return (n, i) => (m(), a("button", {
|
|
96
|
-
class: f([{ "wt-icon-btn--disabled": t.disabled }, "wt-icon-btn"]),
|
|
97
|
-
type: "button",
|
|
98
|
-
onClick: i[0] ||= (e) => r("click", e),
|
|
99
|
-
onMousedown: i[1] ||= (e) => r("mousedown", e)
|
|
100
|
-
}, [s(e, d({
|
|
101
|
-
...n.$attrs,
|
|
102
|
-
class: ""
|
|
103
|
-
}, {
|
|
104
|
-
icon: String(n.$attrs.icon ?? ""),
|
|
105
|
-
disabled: t.disabled
|
|
106
|
-
}), null, 16, ["icon", "disabled"])], 34));
|
|
107
|
-
}
|
|
108
|
-
}), [["__scopeId", "data-v-933e78e4"]]);
|
|
109
|
-
//#endregion
|
|
110
|
-
export { w as n, T as t };
|
|
@@ -1,377 +0,0 @@
|
|
|
1
|
-
import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
|
|
2
|
-
import { t } from "./vue-i18n-B88GcHzn.js";
|
|
3
|
-
import { n, t as r } from "./sortQueryAdapters-CyYXvnDN.js";
|
|
4
|
-
import { t as i } from "./composables-OP5kSvlh.js";
|
|
5
|
-
import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createTextVNode as f, createVNode as p, defineComponent as m, nextTick as h, normalizeStyle as g, onMounted as _, onUnmounted as v, openBlock as y, ref as b, renderList as ee, renderSlot as x, resolveComponent as S, resolveDirective as C, toDisplayString as w, useSlots as T, useTemplateRef as E, withCtx as D, withDirectives as O, withModifiers as k } from "vue";
|
|
6
|
-
//#region src/components/wt-table/wt-table.vue?vue&type=script&setup=true&lang.ts
|
|
7
|
-
var A = { class: "wt-table__th__content typo-body-1-bold" }, j = { class: "wt-table__td__actions" }, M = /*#__PURE__*/ e(/* @__PURE__ */ m({
|
|
8
|
-
__name: "wt-table",
|
|
9
|
-
props: {
|
|
10
|
-
headers: { default: () => [] },
|
|
11
|
-
data: { default: () => [] },
|
|
12
|
-
sortable: {
|
|
13
|
-
type: Boolean,
|
|
14
|
-
default: !1
|
|
15
|
-
},
|
|
16
|
-
selectable: {
|
|
17
|
-
type: Boolean,
|
|
18
|
-
default: !0
|
|
19
|
-
},
|
|
20
|
-
selected: {},
|
|
21
|
-
gridActions: {
|
|
22
|
-
type: Boolean,
|
|
23
|
-
default: !0
|
|
24
|
-
},
|
|
25
|
-
fixedActions: {
|
|
26
|
-
type: Boolean,
|
|
27
|
-
default: !1
|
|
28
|
-
},
|
|
29
|
-
headless: {
|
|
30
|
-
type: Boolean,
|
|
31
|
-
default: !1
|
|
32
|
-
},
|
|
33
|
-
stripedRows: {
|
|
34
|
-
type: Boolean,
|
|
35
|
-
default: !1
|
|
36
|
-
},
|
|
37
|
-
rowReorder: {
|
|
38
|
-
type: Boolean,
|
|
39
|
-
default: !1
|
|
40
|
-
},
|
|
41
|
-
dataKey: { default: "" },
|
|
42
|
-
isRowReorderDisabled: {
|
|
43
|
-
type: Function,
|
|
44
|
-
default: () => !1
|
|
45
|
-
},
|
|
46
|
-
rowExpansion: {
|
|
47
|
-
type: Boolean,
|
|
48
|
-
default: !1
|
|
49
|
-
},
|
|
50
|
-
rowClass: {
|
|
51
|
-
type: Function,
|
|
52
|
-
default: () => ""
|
|
53
|
-
},
|
|
54
|
-
rowStyle: {
|
|
55
|
-
type: Function,
|
|
56
|
-
default: () => ({})
|
|
57
|
-
},
|
|
58
|
-
resizableColumns: {
|
|
59
|
-
type: Boolean,
|
|
60
|
-
default: !1
|
|
61
|
-
},
|
|
62
|
-
reorderableColumns: {
|
|
63
|
-
type: Boolean,
|
|
64
|
-
default: !1
|
|
65
|
-
},
|
|
66
|
-
rowExpansionDisabled: {
|
|
67
|
-
type: Function,
|
|
68
|
-
default: () => !1
|
|
69
|
-
},
|
|
70
|
-
lazy: {
|
|
71
|
-
type: Boolean,
|
|
72
|
-
default: !1
|
|
73
|
-
},
|
|
74
|
-
onLoading: {},
|
|
75
|
-
loading: { type: Boolean },
|
|
76
|
-
itemSize: { default: 40 },
|
|
77
|
-
value: {},
|
|
78
|
-
rows: {},
|
|
79
|
-
first: {},
|
|
80
|
-
totalRecords: {},
|
|
81
|
-
paginator: { type: Boolean },
|
|
82
|
-
paginatorPosition: {},
|
|
83
|
-
alwaysShowPaginator: { type: Boolean },
|
|
84
|
-
paginatorTemplate: {},
|
|
85
|
-
pageLinkSize: {},
|
|
86
|
-
rowsPerPageOptions: {},
|
|
87
|
-
currentPageReportTemplate: {},
|
|
88
|
-
loadingIcon: {},
|
|
89
|
-
sortField: {},
|
|
90
|
-
sortOrder: {},
|
|
91
|
-
nullSortOrder: {},
|
|
92
|
-
defaultSortOrder: {},
|
|
93
|
-
multiSortMeta: {},
|
|
94
|
-
sortMode: {},
|
|
95
|
-
removableSort: { type: Boolean },
|
|
96
|
-
filters: {},
|
|
97
|
-
filterDisplay: {},
|
|
98
|
-
globalFilterFields: {},
|
|
99
|
-
filterLocale: {},
|
|
100
|
-
selection: {},
|
|
101
|
-
selectionMode: {},
|
|
102
|
-
compareSelectionBy: {},
|
|
103
|
-
metaKeySelection: { type: Boolean },
|
|
104
|
-
contextMenu: { type: Boolean },
|
|
105
|
-
contextMenuSelection: {},
|
|
106
|
-
selectAll: {},
|
|
107
|
-
rowHover: { type: Boolean },
|
|
108
|
-
csvSeparator: {},
|
|
109
|
-
exportFilename: {},
|
|
110
|
-
exportFunction: {},
|
|
111
|
-
columnResizeMode: {},
|
|
112
|
-
expandedRows: {},
|
|
113
|
-
expandedRowIcon: {},
|
|
114
|
-
collapsedRowIcon: {},
|
|
115
|
-
rowGroupMode: {},
|
|
116
|
-
groupRowsBy: {},
|
|
117
|
-
expandableRowGroups: { type: Boolean },
|
|
118
|
-
expandedRowGroups: {},
|
|
119
|
-
stateStorage: {},
|
|
120
|
-
stateKey: {},
|
|
121
|
-
editMode: {},
|
|
122
|
-
editingRows: {},
|
|
123
|
-
scrollable: { type: Boolean },
|
|
124
|
-
scrollHeight: {},
|
|
125
|
-
virtualScrollerOptions: {},
|
|
126
|
-
frozenValue: {},
|
|
127
|
-
breakpoint: {},
|
|
128
|
-
showHeaders: { type: Boolean },
|
|
129
|
-
showGridlines: { type: Boolean },
|
|
130
|
-
highlightOnSelect: { type: Boolean },
|
|
131
|
-
size: {},
|
|
132
|
-
tableStyle: {},
|
|
133
|
-
tableClass: {},
|
|
134
|
-
tableProps: {},
|
|
135
|
-
filterInputProps: {},
|
|
136
|
-
filterButtonProps: {},
|
|
137
|
-
editButtonProps: {},
|
|
138
|
-
dt: {},
|
|
139
|
-
pt: {},
|
|
140
|
-
ptOptions: {},
|
|
141
|
-
unstyled: { type: Boolean }
|
|
142
|
-
},
|
|
143
|
-
emits: [
|
|
144
|
-
"sort",
|
|
145
|
-
"update:selected",
|
|
146
|
-
"reorder:row",
|
|
147
|
-
"column-resize",
|
|
148
|
-
"column-reorder"
|
|
149
|
-
],
|
|
150
|
-
setup(e, { emit: m }) {
|
|
151
|
-
let M = e, { t: N } = t(), P = T(), F = m, I = ({ dragIndex: e, dropIndex: t }) => F("reorder:row", {
|
|
152
|
-
oldIndex: e,
|
|
153
|
-
newIndex: t
|
|
154
|
-
}), L = E("table"), R = b(0), z = b([]), { addTableDragListener: B, removeTableDragListener: V } = i(L, M.reorderableColumns), H = o(() => M.selectable ? M.selected || M.data.filter((e) => e._isSelected) : []), U = o(() => {
|
|
155
|
-
let e = M.headers.map((e) => !e.text && e.locale ? {
|
|
156
|
-
...e,
|
|
157
|
-
text: typeof e.locale == "string" ? N(e.locale) : N(...e.locale)
|
|
158
|
-
} : e), t = e.filter((e) => e.reorderable === !1), n = e.filter((e) => e.reorderable !== !1);
|
|
159
|
-
return [...t, ...n];
|
|
160
|
-
}), W = [
|
|
161
|
-
"row-select",
|
|
162
|
-
"row-reorder",
|
|
163
|
-
"row-actions",
|
|
164
|
-
"row-expander"
|
|
165
|
-
], G = o(() => [...U.value.filter((e) => e.reorderable === !1).map((e) => e.field || e.value), ...W]), K = (e) => e.show === !1, q = (e) => ({ minWidth: e.width || "140px" }), J = o(() => Object.keys(P).some((e) => e.includes("-footer"))), Y = o(() => Object.keys(P).some((e) => e === "footer")), X = o(() => H.value.length === M.data.length && M.data.length > 0), Z = o(() => M.headers.find((e) => e.sort === r.ASC || e.sort === r.DESC)?.field ?? null), Q = ({ sortField: e }) => {
|
|
166
|
-
let t = U.value.find((t) => t.field === e);
|
|
167
|
-
if (!t || !$(t)) return;
|
|
168
|
-
let r = n(t.sort);
|
|
169
|
-
F("sort", t, r);
|
|
170
|
-
}, $ = ({ sort: e }) => M.sortable && e !== void 0, te = () => {
|
|
171
|
-
M.selected ? X.value ? F("update:selected", []) : F("update:selected", [...M.data]) : X.value ? M.data.forEach((e) => {
|
|
172
|
-
e._isSelected = !1;
|
|
173
|
-
}) : M.data.forEach((e) => {
|
|
174
|
-
e._isSelected = !0;
|
|
175
|
-
});
|
|
176
|
-
}, ne = (e, t) => {
|
|
177
|
-
M.selected ? t ? F("update:selected", [...H.value, e]) : F("update:selected", H.value.filter((t) => t !== e)) : e._isSelected = !e._isSelected;
|
|
178
|
-
}, re = ({ element: e }) => {
|
|
179
|
-
let t = e.getAttribute("data-column-field"), n = getComputedStyle(e), r = Number.parseFloat(n.paddingLeft), i = Number.parseFloat(n.paddingRight), a = e.offsetWidth - r - i;
|
|
180
|
-
F("column-resize", {
|
|
181
|
-
columnName: t,
|
|
182
|
-
columnWidth: `${a}px`
|
|
183
|
-
});
|
|
184
|
-
}, ie = () => {
|
|
185
|
-
let e = L.value?.$el?.querySelector(".p-datatable-table-container")?.scrollLeft, t = L.value?.d_columnOrder.filter((e) => !G.value.includes(e));
|
|
186
|
-
R.value += 1, F("column-reorder", t), h(() => {
|
|
187
|
-
B();
|
|
188
|
-
let t = L.value?.$el?.querySelector(".p-datatable-table-container");
|
|
189
|
-
t && (t.scrollLeft = e);
|
|
190
|
-
});
|
|
191
|
-
}, ae = (e) => z.value.some((t) => t?.id === e?.id), oe = (e) => {
|
|
192
|
-
let t = z.value.findIndex((t) => t.id === e.id);
|
|
193
|
-
t === -1 ? z.value.push(e) : z.value.splice(t, 1);
|
|
194
|
-
}, se = o(() => {
|
|
195
|
-
if (M.lazy) return {
|
|
196
|
-
lazy: M.lazy,
|
|
197
|
-
onLazyLoad: M.onLoading,
|
|
198
|
-
itemSize: M.itemSize,
|
|
199
|
-
numToleratedItems: M.data.length,
|
|
200
|
-
totalRecords: M.data.length,
|
|
201
|
-
autoSize: !0
|
|
202
|
-
};
|
|
203
|
-
});
|
|
204
|
-
return _(() => {
|
|
205
|
-
B();
|
|
206
|
-
}), v(() => {
|
|
207
|
-
V();
|
|
208
|
-
}), (t, n) => {
|
|
209
|
-
let r = S("wt-icon-btn"), i = S("p-column"), o = S("wt-icon"), m = S("wt-checkbox"), h = S("p-table"), _ = C("tooltip");
|
|
210
|
-
return y(), s(h, {
|
|
211
|
-
key: R.value,
|
|
212
|
-
ref_key: "table",
|
|
213
|
-
ref: L,
|
|
214
|
-
"expanded-rows": z.value,
|
|
215
|
-
"reorderable-columns": e.reorderableColumns,
|
|
216
|
-
"resizable-columns": e.resizableColumns,
|
|
217
|
-
"row-class": e.rowClass,
|
|
218
|
-
"row-style": e.rowStyle,
|
|
219
|
-
"show-headers": !e.headless,
|
|
220
|
-
"striped-rows": e.stripedRows,
|
|
221
|
-
value: e.data,
|
|
222
|
-
"sort-field": Z.value,
|
|
223
|
-
"data-key": M.dataKey,
|
|
224
|
-
class: "wt-table",
|
|
225
|
-
"column-resize-mode": "expand",
|
|
226
|
-
lazy: "",
|
|
227
|
-
"scroll-height": "flex",
|
|
228
|
-
scrollable: "",
|
|
229
|
-
"virtual-scroller-options": se.value,
|
|
230
|
-
pt: { tableContainer: "wt-scrollbar" },
|
|
231
|
-
onSort: Q,
|
|
232
|
-
"onUpdate:expandedRows": n[0] ||= (e) => z.value = e,
|
|
233
|
-
onColumnResizeEnd: re,
|
|
234
|
-
onColumnReorder: ie,
|
|
235
|
-
onRowReorder: I
|
|
236
|
-
}, d({
|
|
237
|
-
expansion: D(({ data: e }) => [u("div", null, [x(t.$slots, "expansion", { item: e }, void 0, !0)])]),
|
|
238
|
-
default: D(() => [
|
|
239
|
-
e.rowExpansion ? (y(), s(i, {
|
|
240
|
-
key: 0,
|
|
241
|
-
pt: { columnresizer: { class: { hidden: !0 } } },
|
|
242
|
-
"reorderable-column": !1,
|
|
243
|
-
"body-style": "width: 1%;",
|
|
244
|
-
"column-key": "row-expander",
|
|
245
|
-
"header-style": "width: 1%;"
|
|
246
|
-
}, {
|
|
247
|
-
body: D(({ data: e }) => [p(r, {
|
|
248
|
-
disabled: M.rowExpansionDisabled(e),
|
|
249
|
-
icon: ae(e) ? "arrow-down" : "arrow-right",
|
|
250
|
-
onClick: k((t) => oe(e), ["stop"])
|
|
251
|
-
}, null, 8, [
|
|
252
|
-
"disabled",
|
|
253
|
-
"icon",
|
|
254
|
-
"onClick"
|
|
255
|
-
])]),
|
|
256
|
-
_: 1
|
|
257
|
-
})) : c("", !0),
|
|
258
|
-
e.rowReorder ? (y(), s(i, {
|
|
259
|
-
key: 1,
|
|
260
|
-
pt: { columnresizer: { class: { hidden: !0 } } },
|
|
261
|
-
"reorderable-column": !1,
|
|
262
|
-
"body-style": "width: 1%;",
|
|
263
|
-
"column-key": "row-reorder",
|
|
264
|
-
"header-style": "width: 1%;",
|
|
265
|
-
"row-reorder": ""
|
|
266
|
-
}, {
|
|
267
|
-
body: D(({ data: t }) => [e.isRowReorderDisabled(t) ? c("", !0) : (y(), s(o, {
|
|
268
|
-
key: 0,
|
|
269
|
-
"data-pc-section": "reorderablerowhandle",
|
|
270
|
-
icon: "move"
|
|
271
|
-
}))]),
|
|
272
|
-
_: 1
|
|
273
|
-
})) : c("", !0),
|
|
274
|
-
e.selectable ? (y(), s(i, {
|
|
275
|
-
key: 2,
|
|
276
|
-
pt: { columnresizer: { class: { hidden: !0 } } },
|
|
277
|
-
"reorderable-column": !1,
|
|
278
|
-
"body-style": "width: 1%;",
|
|
279
|
-
"column-key": "row-select",
|
|
280
|
-
"header-style": "width: 1%;"
|
|
281
|
-
}, {
|
|
282
|
-
header: D(() => [p(m, {
|
|
283
|
-
selected: X.value,
|
|
284
|
-
"onUpdate:selected": te
|
|
285
|
-
}, null, 8, ["selected"])]),
|
|
286
|
-
body: D(({ data: e }) => [e ? (y(), s(m, {
|
|
287
|
-
key: 0,
|
|
288
|
-
selected: H.value.includes(e),
|
|
289
|
-
"onUpdate:selected": (t) => ne(e, t)
|
|
290
|
-
}, null, 8, ["selected", "onUpdate:selected"])) : c("", !0)]),
|
|
291
|
-
_: 1
|
|
292
|
-
})) : c("", !0),
|
|
293
|
-
(y(!0), l(a, null, ee(U.value, (e, n) => (y(), s(i, {
|
|
294
|
-
key: e.value,
|
|
295
|
-
"column-key": e.field || e.value,
|
|
296
|
-
field: e.field,
|
|
297
|
-
"reorderable-column": e.reorderable !== !1,
|
|
298
|
-
hidden: K(e),
|
|
299
|
-
pt: { root: { "data-column-field": e.field } },
|
|
300
|
-
sortable: $(e)
|
|
301
|
-
}, d({
|
|
302
|
-
header: D(() => [x(t.$slots, `header-${e.value}`, {
|
|
303
|
-
index: n,
|
|
304
|
-
header: e
|
|
305
|
-
}, () => [u("div", A, [O((y(), l("span", null, [f(w(e.text), 1)])), [[_, e.text]]), e.sort === "asc" ? (y(), s(o, {
|
|
306
|
-
key: 0,
|
|
307
|
-
class: "wt-table__th__sort-arrow wt-table__th__sort-arrow--asc",
|
|
308
|
-
icon: "sort-arrow-up",
|
|
309
|
-
size: "sm"
|
|
310
|
-
})) : e.sort === "desc" ? (y(), s(o, {
|
|
311
|
-
key: 1,
|
|
312
|
-
class: "wt-table__th__sort-arrow wt-table__th__sort-arrow--desc",
|
|
313
|
-
icon: "sort-arrow-down",
|
|
314
|
-
size: "sm"
|
|
315
|
-
})) : c("", !0)])], !0)]),
|
|
316
|
-
body: D(({ data: n, index: r }) => [u("div", {
|
|
317
|
-
style: g(q(e)),
|
|
318
|
-
class: "wt-table__td__content typo-body-1"
|
|
319
|
-
}, [n ? x(t.$slots, e.value, {
|
|
320
|
-
key: 0,
|
|
321
|
-
index: r,
|
|
322
|
-
item: n
|
|
323
|
-
}, () => [f(w(n[e.value]), 1)], !0) : c("", !0)], 4)]),
|
|
324
|
-
sorticon: D(() => []),
|
|
325
|
-
_: 2
|
|
326
|
-
}, [J.value ? {
|
|
327
|
-
name: "footer",
|
|
328
|
-
fn: D(() => [x(t.$slots, `${e.value}-footer`, {}, void 0, !0)]),
|
|
329
|
-
key: "0"
|
|
330
|
-
} : void 0]), 1032, [
|
|
331
|
-
"column-key",
|
|
332
|
-
"field",
|
|
333
|
-
"reorderable-column",
|
|
334
|
-
"hidden",
|
|
335
|
-
"pt",
|
|
336
|
-
"sortable"
|
|
337
|
-
]))), 128)),
|
|
338
|
-
e.gridActions ? (y(), s(i, {
|
|
339
|
-
key: 3,
|
|
340
|
-
frozen: e.fixedActions,
|
|
341
|
-
"reorderable-column": !1,
|
|
342
|
-
"align-frozen": "right",
|
|
343
|
-
"column-key": "row-actions",
|
|
344
|
-
style: { width: "112px" }
|
|
345
|
-
}, {
|
|
346
|
-
header: D(() => [x(t.$slots, "actions-header", {}, void 0, !0)]),
|
|
347
|
-
body: D(({ data: e, index: n }) => [u("div", j, [e ? x(t.$slots, "actions", {
|
|
348
|
-
key: 0,
|
|
349
|
-
index: n,
|
|
350
|
-
item: e
|
|
351
|
-
}, void 0, !0) : c("", !0)])]),
|
|
352
|
-
_: 3
|
|
353
|
-
}, 8, ["frozen"])) : c("", !0)
|
|
354
|
-
], void 0, !0),
|
|
355
|
-
_: 2
|
|
356
|
-
}, [Y.value ? {
|
|
357
|
-
name: "footer",
|
|
358
|
-
fn: D(() => [x(t.$slots, "footer", {}, void 0, !0)]),
|
|
359
|
-
key: "0"
|
|
360
|
-
} : void 0]), 1032, [
|
|
361
|
-
"expanded-rows",
|
|
362
|
-
"reorderable-columns",
|
|
363
|
-
"resizable-columns",
|
|
364
|
-
"row-class",
|
|
365
|
-
"row-style",
|
|
366
|
-
"show-headers",
|
|
367
|
-
"striped-rows",
|
|
368
|
-
"value",
|
|
369
|
-
"sort-field",
|
|
370
|
-
"data-key",
|
|
371
|
-
"virtual-scroller-options"
|
|
372
|
-
]);
|
|
373
|
-
};
|
|
374
|
-
}
|
|
375
|
-
}), [["__scopeId", "data-v-474acbb2"]]);
|
|
376
|
-
//#endregion
|
|
377
|
-
export { M as default };
|