@soybeanjs/headless 0.15.1 → 0.15.2
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/components/anchor/anchor-root.vue.d.ts +1 -1
- package/dist/components/autocomplete/autocomplete-root.vue.d.ts +1 -1
- package/dist/components/backtop/backtop.vue.d.ts +2 -2
- package/dist/components/checkbox/checkbox-root.vue.d.ts +1 -1
- package/dist/components/color-area/color-area-root.vue.d.ts +1 -1
- package/dist/components/color-field/color-field-root.vue.d.ts +2 -2
- package/dist/components/color-picker/color-picker-root.vue.d.ts +1 -1
- package/dist/components/dialog/dialog-compact.vue.d.ts +6 -6
- package/dist/components/dropdown-menu/dropdown-menu-root.vue.d.ts +1 -1
- package/dist/components/editable/editable-root.vue.d.ts +2 -2
- package/dist/components/input-otp/input-otp-compact.vue.d.ts +6 -6
- package/dist/components/input-otp/input-otp-root.vue.d.ts +6 -6
- package/dist/components/link/link.vue.d.ts +1 -1
- package/dist/components/page-tabs/page-tabs-item.vue.d.ts +2 -2
- package/dist/components/slider/slider-root.vue.d.ts +1 -1
- package/dist/components/splitter/splitter-group.vue.d.ts +1 -1
- package/dist/components/stepper/stepper-root.vue.d.ts +1 -1
- package/dist/components/table/hooks.js +1 -1
- package/dist/components/table/index.d.ts +4 -3
- package/dist/components/table/index.js +1 -1
- package/dist/components/table/shared.js +1 -1
- package/dist/components/table/table-compact-cell.js +1 -1
- package/dist/components/table/table-compact-head.js +1 -1
- package/dist/components/table/table-compact-row.js +1 -1
- package/dist/components/table/table-compact.js +1 -1
- package/dist/components/table/table-scroll.js +1 -0
- package/dist/components/table/table-scroll.vue.d.ts +18 -0
- package/dist/components/table/table-virtual-spacer-row.js +1 -1
- package/dist/components/table/types.d.ts +7 -2
- package/dist/components/tabs/tabs-root.vue.d.ts +1 -1
- package/dist/components/toggle/toggle.vue.d.ts +1 -1
- package/dist/index.d.ts +48 -47
- package/dist/index.js +1 -1
- package/dist/namespaced/index.d.ts +18 -18
- package/dist/namespaced/index.js +1 -1
- package/dist/shared/value.d.ts +1 -1
- package/package.json +1 -1
|
@@ -24,8 +24,8 @@ declare const __VLS_base: _$vue.DefineComponent<AnchorRootProps, {}, {}, {}, {},
|
|
|
24
24
|
}>, {
|
|
25
25
|
orientation: DataOrientation;
|
|
26
26
|
modelValue: string;
|
|
27
|
-
offsetTop: number;
|
|
28
27
|
bounds: number;
|
|
28
|
+
offsetTop: number;
|
|
29
29
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
30
30
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
31
31
|
declare const _default: typeof __VLS_export;
|
|
@@ -17,8 +17,8 @@ declare const __VLS_base: _$vue.DefineComponent<AutocompleteRootProps, {}, {}, {
|
|
|
17
17
|
onHighlight?: ((payload?: AutocompleteHighlightPayload | undefined) => any) | undefined;
|
|
18
18
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
19
19
|
}>, {
|
|
20
|
-
modelValue: string;
|
|
21
20
|
highlightOnHover: boolean;
|
|
21
|
+
modelValue: string;
|
|
22
22
|
defaultOpen: boolean;
|
|
23
23
|
open: boolean;
|
|
24
24
|
openOnFocus: boolean;
|
|
@@ -11,11 +11,11 @@ type __VLS_Slots = {} & {
|
|
|
11
11
|
default?: (props: typeof __VLS_10) => any;
|
|
12
12
|
};
|
|
13
13
|
declare const __VLS_base: _$vue.DefineComponent<BacktopProps, BacktopExposed, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
|
|
14
|
-
click: (event: MouseEvent) => any;
|
|
15
14
|
change: (visible: boolean) => any;
|
|
15
|
+
click: (event: MouseEvent) => any;
|
|
16
16
|
}, string, _$vue.PublicProps, Readonly<BacktopProps> & Readonly<{
|
|
17
|
-
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
18
17
|
onChange?: ((visible: boolean) => any) | undefined;
|
|
18
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
19
19
|
}>, {
|
|
20
20
|
type: ButtonType;
|
|
21
21
|
as: AsTag | _$vue.Component;
|
|
@@ -15,8 +15,8 @@ declare const __VLS_base: _$vue.DefineComponent<CheckboxRootProps, {}, {}, {}, {
|
|
|
15
15
|
}, string, _$vue.PublicProps, Readonly<CheckboxRootProps> & Readonly<{
|
|
16
16
|
"onUpdate:modelValue"?: ((value: CheckedState | null) => any) | undefined;
|
|
17
17
|
}>, {
|
|
18
|
-
modelValue: CheckedState | null;
|
|
19
18
|
value: DefinedValue;
|
|
19
|
+
modelValue: CheckedState | null;
|
|
20
20
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
21
21
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
22
22
|
declare const _default: typeof __VLS_export;
|
|
@@ -21,9 +21,9 @@ declare const __VLS_base: _$vue.DefineComponent<ColorAreaRootProps, {}, {}, {},
|
|
|
21
21
|
}>, {
|
|
22
22
|
disabled: boolean;
|
|
23
23
|
format: ColorFormat;
|
|
24
|
-
as: AsTag | _$vue.Component;
|
|
25
24
|
modelValue: string | ColorValue;
|
|
26
25
|
defaultValue: string | ColorValue;
|
|
26
|
+
as: AsTag | _$vue.Component;
|
|
27
27
|
colorSpace: ColorSpace;
|
|
28
28
|
xChannel: ColorAreaAxisChannel;
|
|
29
29
|
yChannel: ColorAreaAxisChannel;
|
|
@@ -17,12 +17,12 @@ declare const __VLS_base: _$vue.DefineComponent<ColorFieldRootProps, {}, {}, {},
|
|
|
17
17
|
}>, {
|
|
18
18
|
disabled: boolean;
|
|
19
19
|
format: ColorFormat;
|
|
20
|
-
as: AsTag | _$vue.Component;
|
|
21
20
|
step: number;
|
|
22
21
|
modelValue: string | ColorValue;
|
|
23
22
|
defaultValue: string | ColorValue;
|
|
24
|
-
disableWheelChange: boolean;
|
|
25
23
|
readonly: boolean;
|
|
24
|
+
as: AsTag | _$vue.Component;
|
|
25
|
+
disableWheelChange: boolean;
|
|
26
26
|
colorSpace: ColorSpace;
|
|
27
27
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
28
28
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -25,9 +25,9 @@ declare const __VLS_base: _$vue.DefineComponent<ColorPickerRootProps, {}, {}, {}
|
|
|
25
25
|
}>, {
|
|
26
26
|
disabled: boolean;
|
|
27
27
|
format: ColorFormat;
|
|
28
|
-
as: AsTag | _$vue.Component;
|
|
29
28
|
modelValue: string | ColorValue;
|
|
30
29
|
defaultValue: string | ColorValue;
|
|
30
|
+
as: AsTag | _$vue.Component;
|
|
31
31
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
32
32
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
33
33
|
declare const _default: typeof __VLS_export;
|
|
@@ -5,7 +5,6 @@ import * as _$vue from "vue";
|
|
|
5
5
|
//#region src/components/dialog/dialog-compact.vue.d.ts
|
|
6
6
|
type __VLS_Slots = DialogCompactSlots;
|
|
7
7
|
declare const __VLS_base: _$vue.DefineComponent<DialogCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
|
|
8
|
-
close: (event: MouseEvent) => any;
|
|
9
8
|
"update:open": (value: boolean) => any;
|
|
10
9
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
11
10
|
pointerDownOutside: (event: PointerDownOutsideEvent) => any;
|
|
@@ -13,10 +12,10 @@ declare const __VLS_base: _$vue.DefineComponent<DialogCompactProps, {}, {}, {},
|
|
|
13
12
|
interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
|
|
14
13
|
openAutoFocus: (event: Event) => any;
|
|
15
14
|
closeAutoFocus: (event: Event) => any;
|
|
16
|
-
|
|
15
|
+
close: (event: MouseEvent) => any;
|
|
17
16
|
cancel: (event: MouseEvent) => any;
|
|
17
|
+
confirm: (event: MouseEvent) => any;
|
|
18
18
|
}, string, _$vue.PublicProps, Readonly<DialogCompactProps> & Readonly<{
|
|
19
|
-
onClose?: ((event: MouseEvent) => any) | undefined;
|
|
20
19
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
21
20
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
22
21
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
@@ -24,17 +23,18 @@ declare const __VLS_base: _$vue.DefineComponent<DialogCompactProps, {}, {}, {},
|
|
|
24
23
|
onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
|
|
25
24
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
26
25
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
27
|
-
|
|
26
|
+
onClose?: ((event: MouseEvent) => any) | undefined;
|
|
28
27
|
onCancel?: ((event: MouseEvent) => any) | undefined;
|
|
28
|
+
onConfirm?: ((event: MouseEvent) => any) | undefined;
|
|
29
29
|
}>, {
|
|
30
30
|
open: boolean;
|
|
31
|
+
modal: boolean;
|
|
32
|
+
alertType: DialogAlertType;
|
|
31
33
|
showClose: boolean;
|
|
32
34
|
showCancel: "onlyWarning" | boolean;
|
|
33
35
|
cancelText: string;
|
|
34
36
|
showConfirm: boolean;
|
|
35
37
|
confirmText: string;
|
|
36
|
-
modal: boolean;
|
|
37
|
-
alertType: DialogAlertType;
|
|
38
38
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
39
39
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
40
40
|
declare const _default: typeof __VLS_export;
|
|
@@ -15,9 +15,9 @@ declare const __VLS_base: _$vue.DefineComponent<DropdownMenuRootProps, {}, {}, {
|
|
|
15
15
|
}>, {
|
|
16
16
|
open: boolean;
|
|
17
17
|
modal: boolean;
|
|
18
|
+
trigger: DropdownMenuTriggerType;
|
|
18
19
|
delayDuration: number;
|
|
19
20
|
skipDelayDuration: number;
|
|
20
|
-
trigger: DropdownMenuTriggerType;
|
|
21
21
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
22
22
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
23
23
|
declare const _default: typeof __VLS_export;
|
|
@@ -32,12 +32,12 @@ declare const __VLS_base: _$vue.DefineComponent<EditableRootProps, {
|
|
|
32
32
|
"onUpdate:state"?: ((state: EditableEventState) => any) | undefined;
|
|
33
33
|
}>, {
|
|
34
34
|
disabled: boolean;
|
|
35
|
-
as: AsTag | _$vue.Component;
|
|
36
35
|
modelValue: string;
|
|
37
36
|
readonly: boolean;
|
|
37
|
+
as: AsTag | _$vue.Component;
|
|
38
38
|
activationMode: EditableActivationMode;
|
|
39
|
-
selectOnFocus: boolean;
|
|
40
39
|
submitMode: EditableSubmitMode;
|
|
40
|
+
selectOnFocus: boolean;
|
|
41
41
|
startWithEditMode: boolean;
|
|
42
42
|
autoResize: boolean;
|
|
43
43
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
@@ -7,24 +7,24 @@ declare const __VLS_base: _$vue.DefineComponent<InputOtpCompactProps, {}, {}, {}
|
|
|
7
7
|
input: (value: string) => any;
|
|
8
8
|
select: (event: Event) => any;
|
|
9
9
|
"update:modelValue": (value: string) => any;
|
|
10
|
-
|
|
10
|
+
blur: (event: FocusEvent) => any;
|
|
11
11
|
change: (event: Event) => any;
|
|
12
12
|
focus: (event: FocusEvent) => any;
|
|
13
|
-
blur: (event: FocusEvent) => any;
|
|
14
|
-
mouseover: (event: MouseEvent) => any;
|
|
15
13
|
mouseleave: (event: MouseEvent) => any;
|
|
14
|
+
mouseover: (event: MouseEvent) => any;
|
|
16
15
|
paste: (event: ClipboardEvent) => any;
|
|
16
|
+
complete: (value: string) => any;
|
|
17
17
|
}, string, _$vue.PublicProps, Readonly<InputOtpCompactProps> & Readonly<{
|
|
18
18
|
onInput?: ((value: string) => any) | undefined;
|
|
19
19
|
onSelect?: ((event: Event) => any) | undefined;
|
|
20
20
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
21
|
-
|
|
21
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
22
22
|
onChange?: ((event: Event) => any) | undefined;
|
|
23
23
|
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
24
|
-
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
25
|
-
onMouseover?: ((event: MouseEvent) => any) | undefined;
|
|
26
24
|
onMouseleave?: ((event: MouseEvent) => any) | undefined;
|
|
25
|
+
onMouseover?: ((event: MouseEvent) => any) | undefined;
|
|
27
26
|
onPaste?: ((event: ClipboardEvent) => any) | undefined;
|
|
27
|
+
onComplete?: ((value: string) => any) | undefined;
|
|
28
28
|
}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
29
29
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
30
30
|
declare const _default: typeof __VLS_export;
|
|
@@ -19,24 +19,24 @@ declare const __VLS_base: _$vue.DefineComponent<InputOtpRootProps, {
|
|
|
19
19
|
input: (value: string) => any;
|
|
20
20
|
select: (event: Event) => any;
|
|
21
21
|
"update:modelValue": (value: string) => any;
|
|
22
|
-
|
|
22
|
+
blur: (event: FocusEvent) => any;
|
|
23
23
|
change: (event: Event) => any;
|
|
24
24
|
focus: (event: FocusEvent) => any;
|
|
25
|
-
blur: (event: FocusEvent) => any;
|
|
26
|
-
mouseover: (event: MouseEvent) => any;
|
|
27
25
|
mouseleave: (event: MouseEvent) => any;
|
|
26
|
+
mouseover: (event: MouseEvent) => any;
|
|
28
27
|
paste: (event: ClipboardEvent) => any;
|
|
28
|
+
complete: (value: string) => any;
|
|
29
29
|
}, string, _$vue.PublicProps, Readonly<InputOtpRootProps> & Readonly<{
|
|
30
30
|
onInput?: ((value: string) => any) | undefined;
|
|
31
31
|
onSelect?: ((event: Event) => any) | undefined;
|
|
32
32
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
33
|
-
|
|
33
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
34
34
|
onChange?: ((event: Event) => any) | undefined;
|
|
35
35
|
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
36
|
-
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
37
|
-
onMouseover?: ((event: MouseEvent) => any) | undefined;
|
|
38
36
|
onMouseleave?: ((event: MouseEvent) => any) | undefined;
|
|
37
|
+
onMouseover?: ((event: MouseEvent) => any) | undefined;
|
|
39
38
|
onPaste?: ((event: ClipboardEvent) => any) | undefined;
|
|
39
|
+
onComplete?: ((value: string) => any) | undefined;
|
|
40
40
|
}>, {
|
|
41
41
|
autocomplete: string;
|
|
42
42
|
inputmode: InputOtpInputMode;
|
|
@@ -13,8 +13,8 @@ type Slots = {
|
|
|
13
13
|
type __VLS_Slots = Slots;
|
|
14
14
|
declare const __VLS_base: _$vue.DefineComponent<LinkProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<LinkProps> & Readonly<{}>, {
|
|
15
15
|
disabled: boolean;
|
|
16
|
-
as: AsTag | _$vue.Component;
|
|
17
16
|
replace: boolean;
|
|
17
|
+
as: AsTag | _$vue.Component;
|
|
18
18
|
external: boolean;
|
|
19
19
|
viewTransition: boolean;
|
|
20
20
|
rel: "noopener" | "noreferrer" | "nofollow" | "sponsored" | "ugc" | (string & {}) | null;
|
|
@@ -7,12 +7,12 @@ type __VLS_Slots = {} & {
|
|
|
7
7
|
default?: (props: typeof __VLS_1) => any;
|
|
8
8
|
};
|
|
9
9
|
declare const __VLS_base: _$vue.DefineComponent<PageTabsItemProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
|
|
10
|
-
click: () => any;
|
|
11
10
|
close: () => any;
|
|
11
|
+
click: () => any;
|
|
12
12
|
pin: (pinned: boolean) => any;
|
|
13
13
|
}, string, _$vue.PublicProps, Readonly<PageTabsItemProps> & Readonly<{
|
|
14
|
-
onClick?: (() => any) | undefined;
|
|
15
14
|
onClose?: (() => any) | undefined;
|
|
15
|
+
onClick?: (() => any) | undefined;
|
|
16
16
|
onPin?: ((pinned: boolean) => any) | undefined;
|
|
17
17
|
}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
18
18
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -22,10 +22,10 @@ declare const __VLS_base: _$vue.DefineComponent<SliderRootProps, {}, {}, {}, {},
|
|
|
22
22
|
max: number;
|
|
23
23
|
min: number;
|
|
24
24
|
orientation: DataOrientation;
|
|
25
|
-
as: AsTag | _$vue.Component;
|
|
26
25
|
step: number;
|
|
27
26
|
modelValue: number[];
|
|
28
27
|
defaultValue: number[];
|
|
28
|
+
as: AsTag | _$vue.Component;
|
|
29
29
|
inverted: boolean;
|
|
30
30
|
minStepsBetweenThumbs: number;
|
|
31
31
|
thumbAlignment: SliderThumbAlignment;
|
|
@@ -18,8 +18,8 @@ declare const __VLS_base: _$vue.DefineComponent<SplitterGroupProps, {}, {}, {},
|
|
|
18
18
|
dir: Direction;
|
|
19
19
|
direction: DataOrientation;
|
|
20
20
|
as: AsTag | _$vue.Component;
|
|
21
|
-
keyboardResizeBy: number;
|
|
22
21
|
defaultLayout: number[];
|
|
22
|
+
keyboardResizeBy: number;
|
|
23
23
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
24
24
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
25
25
|
declare const _default: typeof __VLS_export;
|
|
@@ -40,9 +40,9 @@ declare const __VLS_base: _$vue.DefineComponent<StepperRootProps, {
|
|
|
40
40
|
"onUpdate:modelValue"?: ((payload: number) => any) | undefined;
|
|
41
41
|
}>, {
|
|
42
42
|
orientation: DataOrientation;
|
|
43
|
-
as: AsTag | _$vue.Component;
|
|
44
43
|
modelValue: number;
|
|
45
44
|
defaultValue: number;
|
|
45
|
+
as: AsTag | _$vue.Component;
|
|
46
46
|
linear: boolean;
|
|
47
47
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
48
48
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{pick as e}from"../../shared/object.js";import{getElFromTemplateRef as t,getMergedRefsValue as n}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useForwardElement as i}from"../../composables/use-forward-element.js";import{useSelection as a}from"../../composables/use-selection.js";import"../../composables/index.js";import{useTableCompactContext as o,useTableUi as s}from"./context.js";import{buildTableTree as c,filterTableColumns as l,flattenTableTree as u,getDefaultTableExpandedKeys as d,getNextTableColumnWidths as f,getNextTableExpandedKeys as p,getNextTableFilterKeywordState as m,getNextTableFilterState as h,getNextTableFilterValuesState as g,getNextTableKeyboardResizeWidth as _,getNextTablePointerResizeWidth as v,getProcessedTableTree as y,getTableAlign as b,getTableAriaSort as x,getTableCellStyle as S,getTableColumnFilterOptions as C,getTableColumnFilterStateValue as w,getTableColumnFilterValue as ee,getTableColumnFilterValues as T,getTableColumnKey as E,getTableColumnLabel as te,getTableColumnResizeMinWidth as D,getTableColumnSortOrder as ne,getTableColumnWidthValue as re,getTableFixedColumnOffsets as O,getTableHeaderFixedState as ie,getTableHeaderRows as k,getTableHeaderSelectionState as A,getTableLeafColumns as ae,getTableLeafFixedState as j,getTableMeasuredColumnWidth as M,getTableMeasuredColumnWidths as N,getTableResizeHandleLabel as oe,getTableResolvedHeight as P,getTableRootStyle as se,getTableRowExpandLabel as F,getTableRowLabel as I,getTableRowValueByDataIndex as L,getTableSelectRowLabel as R,getTableSortButtonLabel as ce,getTableTreeCellStyle as z,getTableTreeColumnKey as B,getTableTreeRows as V,getTableVirtualMeasurements as H,getTableVirtualPaddingEnd as U,getTableVirtualPaddingStart as le,getTableVirtualRange as ue,getTableVisibleExpandedKeys as de,getTableVisibleRows as fe,hasTableTreeChildren as pe,isTableColumnFiltered as me,isTableColumnResizable as he,isTableDataColumn as ge,isTableFilterOptionSelected as _e,isTableFilterableColumn as ve,isTableRowExpanded as W,isTableSortableColumn as ye,isTableTreeColumn as G,shouldRenderTableExpandedRow as be,shouldShowTableInlineTreeToggle as xe,toggleTableFilterOption as Se,toggleTableSortState as Ce}from"./shared.js";import{computed as K,mergeProps as we,nextTick as q,onBeforeUnmount as Te,onMounted as Ee,shallowRef as J,toValue as Y,watch as X}from"vue";import{useEventListener as De,useResizeObserver as Z}from"@vueuse/core";function Oe(e){let{props:t,emit:n,hasExpandedRowSlot:i}=e,o=r(()=>t.expanded,e=>{n(`update:expanded`,e??[])},d(t.data,t.rowKey,{getChildren:t.getChildren,defaultExpandAll:t.defaultExpandAll,defaultExpanded:t.defaultExpanded,includeLeaves:!!Y(i)})),s=r(()=>t.sortState,e=>{n(`update:sortState`,e)},t.defaultSortState),c=r(()=>t.filterState,e=>{n(`update:filterState`,e??{})},t.defaultFilterState??{}),l=r(()=>t.columnWidths,e=>{n(`update:columnWidths`,e??{})},t.defaultColumnWidths??{}),{modelValue:u,onModelValueChange:f,setModelValue:p,resetModelValue:m,isMultiple:h,isValueSelected:g}=a(K(()=>({modelValue:t.selected,defaultValue:t.defaultSelected,multiple:t.multiple})),e=>{n(`update:selected`,e)});return{expanded:o,sortState:s,filterState:c,columnWidths:l,selected:u,multiple:h,onSelectedChange:f,setSelected:p,resetSelected:m,isValueSelected:g}}function ke(e){let{props:t,expanded:n,sortState:r,filterState:i,selected:a,hasExpandedRowSlot:o}=e,s=K(()=>l(t.columns)),d=K(()=>ae(s.value)),f=K(()=>k(s.value)),p=K(()=>new Map(d.value.map(e=>[E(e),e]))),m=K(()=>c(t.data,t.rowKey,t.getChildren)),h=K(()=>pe(m.value)),g=K(()=>V(m.value)),_=K(()=>y(m.value,i.value,p.value,r.value)),v=K(()=>Object.keys(i.value).length>0),b=K(()=>de(h.value,v.value,n.value,_.value)),x=K(()=>u(_.value,b.value)),S=K(()=>x.value.map(e=>e.key));return{visibleColumns:s,leafColumns:d,headerRows:f,sourceTree:m,hasTreeRows:h,sourceRows:g,processedTree:_,isFiltering:v,visibleExpandedKeys:b,displayRows:x,visibleRowKeys:S,treeColumnKey:K(()=>B(d.value)),hasExpandColumn:K(()=>d.value.some(e=>e.type===`expand`)),isHeaderSelectionDisabled:K(()=>x.value.length===0),headerSelection:K(()=>A(a.value,S.value)),hasExpandedRowSlot:o}}function Ae(e){let{leafColumns:t,columnWidths:n}=e,[r,a]=i(),o=J({}),s=J(null),c={};function l(){o.value=N(t.value,{columnWidths:n.value,headCellElements:c,measuredColumnWidths:o.value})}let u=K(()=>O(t.value,e=>M(e,n.value,o.value)));return X([t,n],()=>{q(l)},{deep:!0,flush:`post`}),Z(r,()=>{l()}),Te(()=>{s.value=null}),{setTableContentRef:a,tableContentTarget:r,headCellElements:c,measuredColumnWidths:o,syncMeasuredColumnWidths:l,resizingColumnKey:s,fixedColumnStates:u}}function je(e){let{virtual:t,height:n,virtualizerOptions:r,estimateSize:a,displayRows:o,syncMeasuredColumnWidths:s}=e,c=J(0),l=J(0),u=K(()=>!!(t.value&&n.value!==void 0));function d(){c.value=0,l.value=0}let[f,p]=i(e=>{u.value&&(c.value=e.clientHeight??0,l.value=e.scrollTop??0)}),m=K(()=>se(u.value,n.value)),h=K(()=>u.value?f.value:void 0),g=K(()=>u.value?r.value?.overscan??8:0),_=K(()=>u.value?P(c.value,n.value):0);function v(){if(!u.value){d();return}c.value=f.value?.clientHeight??_.value,l.value=f.value?.scrollTop??0}let y=K(()=>u.value?H(o.value,a.value):[]),b=K(()=>ue({isVirtual:u.value,rowCount:o.value.length,viewportHeight:_.value,scrollTop:l.value,measurements:y.value,overscan:g.value})),x=K(()=>le(u.value,b.value,y.value)),S=K(()=>U(u.value,b.value,y.value)),C=K(()=>fe(o.value,u.value,b.value));return X(o,()=>{u.value&&q(()=>{l.value=f.value?.scrollTop??0})},{deep:!0,flush:`post`}),X(u,e=>{if(!e){d();return}q(v)},{flush:`post`}),Z(h,e=>{c.value=e[0]?.contentRect.height??f.value?.clientHeight??0}),De(h,`scroll`,e=>{let t=e.target;t instanceof HTMLElement&&(l.value=t.scrollTop)}),Ee(()=>{q(()=>{s(),v()})}),{isVirtual:u,setTableRootRef:p,tableRootStyle:m,virtualPaddingStart:x,virtualPaddingEnd:S,visibleRows:C}}function Q(r){let{dir:i,headProps:a,headCellElements:c,columnWidths:l,measuredColumnWidths:u,fixedColumnStates:d,sortState:p,filterState:y,sourceRows:O,selected:k,multiple:A,visibleRowKeys:ae,resizingColumnKey:j,headerSelection:N,isHeaderSelectionDisabled:P}=o(`TableCompactHead`),se=s(),{column:F,colSpan:I,rowSpan:L}=r,R=K(()=>E(F.value)),z=K(()=>ne(F.value,p.value)),B=K(()=>ye(F.value)),V=K(()=>ve(F.value)),H=K(()=>he(F.value)),U=K(()=>te(F.value)),le=K(()=>ce(U.value,z.value)),ue=K(()=>x(z.value)),de=K(()=>V.value?ee(y.value,R.value):``),fe=K(()=>V.value?T(y.value,R.value):[]),pe=K(()=>{if(V.value)return w(y.value,R.value)}),ge=K(()=>ve(F.value)?C(O.value,F.value):[]),W=K(()=>V.value?me(y.value,R.value):!1),G=()=>{B.value&&(p.value=Ce(p.value,R.value))},be=e=>{V.value&&(y.value=m(y.value,R.value,e))},xe=e=>{V.value&&(y.value=g(y.value,R.value,e))},q=e=>{V.value&&(y.value=h(y.value,R.value,e))},Ee=e=>{V.value&&(y.value=Se(y.value,R.value,e))},J=e=>V.value?_e(y.value,R.value,e):!1,Y=()=>{q(void 0)},X=e=>{if(Array.isArray(k.value)){if(e===!0){k.value=[...ae.value];return}k.value=[]}},De=K(()=>{let e=ie(F.value,d.value),t=S({width:re(F.value,l.value),minWidth:F.value.minWidth,textAlign:b(F.value),fixedState:e,zIndex:3});return we({...a.value},{class:e?se.value.fixed:void 0,style:t,colspan:I.value,rowspan:L.value,"aria-sort":ue.value,"data-fixed":e?``:void 0,"data-fixed-side":e?.side})}),Z=K(()=>({...n({column:F,colSpan:I,rowSpan:L,sortable:B,filterable:V,filtered:W,resizable:H,sortOrder:z,multiple:A,checked:N,disabled:P,filterValue:de,filterValues:fe,filterState:pe,filterOptions:ge}),updateChecked:X,toggleSort:G,setFilterValue:be,setFilterValues:xe,setFilterState:q,toggleFilterOption:Ee,isFilterOptionSelected:J,clearFilter:Y})),Oe=K(()=>({column:F.value,multiple:A.value,checked:N.value,disabled:P.value,updateChecked:X})),ke=K(()=>e(Z.value,[`column`,`filterValue`,`filterValues`,`filterState`,`filtered`,`filterOptions`,`toggleFilterOption`,`isFilterOptionSelected`,`setFilterValue`,`setFilterValues`,`setFilterState`,`clearFilter`])),Ae=K(()=>({column:F.value,sortOrder:z.value,ariaLabel:le.value,toggleSort:G})),je=K(()=>({column:F.value,resizing:j.value===R.value,ariaLabel:oe(U.value),onPointerdown:e=>Me(e),onKeydown:e=>Ne(e)})),Q=null,$=()=>{Q?.(),Q=null,j.value=null},Me=e=>{if(!H.value)return;e.preventDefault(),e.stopPropagation();let t=R.value,n=e.clientX,r=c[t]?.getBoundingClientRect().width??M(F.value,l.value,u.value),a=D(F.value.minWidth),o=c[t]?.ownerDocument;if(!o)return;j.value=t;let s=e=>{let o=v(r,n,e.clientX,a,i.value);l.value=f(l.value,t,o)},d=()=>{$()};o.addEventListener(`pointermove`,s),o.addEventListener(`pointerup`,d),o.addEventListener(`pointercancel`,d),Q=()=>{o.removeEventListener(`pointermove`,s),o.removeEventListener(`pointerup`,d),o.removeEventListener(`pointercancel`,d)}},Ne=e=>{if(!H.value||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`)return;e.preventDefault(),e.stopPropagation();let t=R.value,n=_(M(F.value,l.value,u.value),e.key===`ArrowRight`?`increase`:`decrease`,D(F.value.minWidth),i.value);l.value=f(l.value,t,n)};return Te(()=>{$()}),{bindProps:De,setElementRef:e=>{let n=t(e)??null;c[R.value]=n},headerSlotProps:Z,headerSelectionSlotProps:Oe,headerFilterSlotProps:ke,sortSlotProps:Ae,resizeSlotProps:je,columnSlotName:R,sortable:B,filterable:V,resizable:H}}function $(e){let{indent:t,rowKey:n,columnWidths:r,fixedColumnStates:i,visibleExpandedKeys:a,expanded:c,hasTreeRows:l,treeColumnKey:u,hasExpandColumn:d,isValueSelected:f,onSelectedChange:m,multiple:h,cellProps:g}=o(`TableCompactCell`),_=s(),{column:v,row:y,index:x}=e,C=e=>{c.value=p(c.value,e)},w=(e,t,n)=>({index:n,column:e,row:t.row,level:t.level,hasChildren:t.hasChildren,expanded:W(a.value,t.key),toggleExpand:()=>C(t.key)}),ee=K(()=>{let e=j(v.value,i.value),t=S({width:re(v.value,r.value),minWidth:v.value.minWidth,textAlign:b(v.value),fixedState:e,zIndex:2});return we({...g.value},{class:e?_.value.fixed:void 0,style:t,"data-fixed":e?``:void 0,"data-fixed-side":e?.side})}),T=K(()=>ge(v.value)?v.value:void 0),E=K(()=>{if(T.value)return{...w(T.value,y.value,x.value),value:L(y.value.row,T.value.dataIndex)}}),te=K(()=>G(v.value,l.value,u.value)),D=K(()=>xe(v.value,l.value,u.value,d.value)),ne=K(()=>z(l.value,y.value.level,t.value??16)),O=K(()=>({...w(v.value,y.value,x.value),ariaLabel:F(I(y.value.row,n),W(a.value,y.value.key))}));return{bindProps:ee,dataColumn:T,isTreeColumn:te,showInlineTreeToggle:D,treeCellStyle:ne,dataCellSlotProps:E,indexSlotProps:K(()=>({index:x.value,column:v.value,row:y.value.row,level:y.value.level,hasChildren:y.value.hasChildren})),selectionSlotProps:K(()=>({...w(v.value,y.value,x.value),multiple:h.value,checked:f(y.value.key),ariaLabel:R(I(y.value.row,n)),toggleSelect:()=>m(y.value.key)})),expandSlotProps:K(()=>({...w(v.value,y.value,x.value),ariaLabel:F(I(y.value.row,n),W(a.value,y.value.key))})),treeToggleSlotProps:O}}function Me(e){let{hasExpandColumn:t,hasExpandedRowSlot:r,visibleExpandedKeys:i,rowProps:a,cellProps:s}=o(`TableCompactExpandedRow`),{row:c,index:l}=e;return{visible:K(()=>be(c.value,n({hasExpandColumn:t,hasExpandedRowSlot:r,expandedKeys:i}))),expandedRowSlotProps:K(()=>{let{row:e,level:t,hasChildren:n}=c.value;return{index:l.value,row:e,level:t,hasChildren:n}}),rowProps:a,cellProps:s}}export{$ as useTableCompactCell,ke as useTableCompactData,Me as useTableCompactExpandedRow,Q as useTableCompactHead,Ae as useTableCompactResize,Oe as useTableCompactState,je as useTableCompactVirtual};
|
|
1
|
+
import{pick as e}from"../../shared/object.js";import{getElFromTemplateRef as t,getMergedRefsValue as n}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useForwardElement as i}from"../../composables/use-forward-element.js";import{useSelection as a}from"../../composables/use-selection.js";import"../../composables/index.js";import{useTableCompactContext as o,useTableUi as s}from"./context.js";import{buildTableTree as c,filterTableColumns as l,flattenTableTree as u,getDefaultTableExpandedKeys as d,getNextTableColumnWidths as f,getNextTableExpandedKeys as p,getNextTableFilterKeywordState as m,getNextTableFilterState as h,getNextTableFilterValuesState as g,getNextTableKeyboardResizeWidth as _,getNextTablePointerResizeWidth as v,getProcessedTableTree as y,getTableAlign as b,getTableAriaSort as x,getTableCellStyle as S,getTableColumnFilterOptions as C,getTableColumnFilterStateValue as w,getTableColumnFilterValue as ee,getTableColumnFilterValues as T,getTableColumnKey as E,getTableColumnLabel as te,getTableColumnResizeMinWidth as D,getTableColumnSortOrder as ne,getTableColumnWidthValue as re,getTableFixedColumnOffsets as O,getTableHeaderFixedState as ie,getTableHeaderRows as k,getTableHeaderSelectionState as A,getTableLeafColumns as ae,getTableLeafFixedState as j,getTableMeasuredColumnWidth as M,getTableMeasuredColumnWidths as N,getTableResizeHandleLabel as oe,getTableResolvedHeight as P,getTableRowExpandLabel as F,getTableRowLabel as I,getTableRowValueByDataIndex as L,getTableScrollStyle as R,getTableSelectRowLabel as z,getTableSortButtonLabel as se,getTableTreeCellStyle as B,getTableTreeColumnKey as V,getTableTreeRows as H,getTableVirtualMeasurements as U,getTableVirtualPaddingEnd as W,getTableVirtualPaddingStart as ce,getTableVirtualRange as le,getTableVisibleExpandedKeys as ue,getTableVisibleRows as de,hasTableTreeChildren as fe,isTableColumnFiltered as pe,isTableColumnResizable as me,isTableDataColumn as he,isTableFilterOptionSelected as ge,isTableFilterableColumn as _e,isTableRowExpanded as G,isTableSortableColumn as ve,isTableTreeColumn as K,shouldRenderTableExpandedRow as ye,shouldShowTableInlineTreeToggle as be,toggleTableFilterOption as xe,toggleTableSortState as Se}from"./shared.js";import{computed as q,mergeProps as Ce,nextTick as J,onBeforeUnmount as we,onMounted as Te,shallowRef as Y,toValue as Ee,watch as X}from"vue";import{useEventListener as De,useResizeObserver as Z}from"@vueuse/core";function Oe(e){let{props:t,emit:n,hasExpandedRowSlot:i}=e,o=r(()=>t.expanded,e=>{n(`update:expanded`,e??[])},d(t.data,t.rowKey,{getChildren:t.getChildren,defaultExpandAll:t.defaultExpandAll,defaultExpanded:t.defaultExpanded,includeLeaves:!!Ee(i)})),s=r(()=>t.sortState,e=>{n(`update:sortState`,e)},t.defaultSortState),c=r(()=>t.filterState,e=>{n(`update:filterState`,e??{})},t.defaultFilterState??{}),l=r(()=>t.columnWidths,e=>{n(`update:columnWidths`,e??{})},t.defaultColumnWidths??{}),{modelValue:u,onModelValueChange:f,setModelValue:p,resetModelValue:m,isMultiple:h,isValueSelected:g}=a(q(()=>({modelValue:t.selected,defaultValue:t.defaultSelected,multiple:t.multiple})),e=>{n(`update:selected`,e)});return{expanded:o,sortState:s,filterState:c,columnWidths:l,selected:u,multiple:h,onSelectedChange:f,setSelected:p,resetSelected:m,isValueSelected:g}}function ke(e){let{props:t,expanded:n,sortState:r,filterState:i,selected:a,hasExpandedRowSlot:o}=e,s=q(()=>l(t.columns)),d=q(()=>ae(s.value)),f=q(()=>k(s.value)),p=q(()=>new Map(d.value.map(e=>[E(e),e]))),m=q(()=>c(t.data,t.rowKey,t.getChildren)),h=q(()=>fe(m.value)),g=q(()=>H(m.value)),_=q(()=>y(m.value,i.value,p.value,r.value)),v=q(()=>Object.keys(i.value).length>0),b=q(()=>ue(h.value,v.value,n.value,_.value)),x=q(()=>u(_.value,b.value)),S=q(()=>x.value.map(e=>e.key));return{visibleColumns:s,leafColumns:d,headerRows:f,sourceTree:m,hasTreeRows:h,sourceRows:g,processedTree:_,isFiltering:v,visibleExpandedKeys:b,displayRows:x,visibleRowKeys:S,treeColumnKey:q(()=>V(d.value)),hasExpandColumn:q(()=>d.value.some(e=>e.type===`expand`)),isHeaderSelectionDisabled:q(()=>x.value.length===0),headerSelection:q(()=>A(a.value,S.value)),hasExpandedRowSlot:o}}function Ae(e){let{leafColumns:t,columnWidths:n}=e,[r,a]=i(),o=Y({}),s=Y(null),c={};function l(){o.value=N(t.value,{columnWidths:n.value,headCellElements:c,measuredColumnWidths:o.value})}let u=q(()=>O(t.value,e=>M(e,n.value,o.value)));return X([t,n],()=>{J(l)},{deep:!0,flush:`post`}),Z(r,()=>{l()}),we(()=>{s.value=null}),{setTableContentRef:a,tableContentTarget:r,headCellElements:c,measuredColumnWidths:o,syncMeasuredColumnWidths:l,resizingColumnKey:s,fixedColumnStates:u}}function je(e){let{virtual:t,height:n,virtualizerOptions:r,estimateSize:a,displayRows:o,syncMeasuredColumnWidths:s}=e,c=Y(0),l=Y(0),u=q(()=>!!(t.value&&n.value!==void 0));function d(){c.value=0,l.value=0}let[f,p]=i(e=>{u.value&&(c.value=e.clientHeight??0,l.value=e.scrollTop??0)}),m=q(()=>R(u.value,n.value)),h=q(()=>u.value?f.value:void 0),g=q(()=>u.value?r.value?.overscan??8:0),_=q(()=>u.value?P(c.value,n.value):0);function v(){if(!u.value){d();return}c.value=f.value?.clientHeight??_.value,l.value=f.value?.scrollTop??0}let y=q(()=>u.value?U(o.value,a.value):[]),b=q(()=>le({isVirtual:u.value,rowCount:o.value.length,viewportHeight:_.value,scrollTop:l.value,measurements:y.value,overscan:g.value})),x=q(()=>ce(u.value,b.value,y.value)),S=q(()=>W(u.value,b.value,y.value)),C=q(()=>de(o.value,u.value,b.value));return X(o,()=>{u.value&&J(()=>{l.value=f.value?.scrollTop??0})},{deep:!0,flush:`post`}),X(u,e=>{if(!e){d();return}J(v)},{flush:`post`}),Z(h,e=>{c.value=e[0]?.contentRect.height??f.value?.clientHeight??0}),De(h,`scroll`,e=>{let t=e.target;t instanceof HTMLElement&&(l.value=t.scrollTop)}),Te(()=>{J(()=>{s(),v()})}),{isVirtual:u,setTableScrollRef:p,tableScrollStyle:m,virtualPaddingStart:x,virtualPaddingEnd:S,visibleRows:C}}function Q(r){let{dir:i,headProps:a,headCellElements:c,columnWidths:l,measuredColumnWidths:u,fixedColumnStates:d,sortState:p,filterState:y,sourceRows:O,selected:k,multiple:A,visibleRowKeys:ae,resizingColumnKey:j,headerSelection:N,isHeaderSelectionDisabled:P}=o(`TableCompactHead`),F=s(),{column:I,colSpan:L,rowSpan:R}=r,z=q(()=>E(I.value)),B=q(()=>ne(I.value,p.value)),V=q(()=>ve(I.value)),H=q(()=>_e(I.value)),U=q(()=>me(I.value)),W=q(()=>te(I.value)),ce=q(()=>se(W.value,B.value)),le=q(()=>x(B.value)),ue=q(()=>H.value?ee(y.value,z.value):``),de=q(()=>H.value?T(y.value,z.value):[]),fe=q(()=>{if(H.value)return w(y.value,z.value)}),he=q(()=>_e(I.value)?C(O.value,I.value):[]),G=q(()=>H.value?pe(y.value,z.value):!1),K=()=>{V.value&&(p.value=Se(p.value,z.value))},ye=e=>{H.value&&(y.value=m(y.value,z.value,e))},be=e=>{H.value&&(y.value=g(y.value,z.value,e))},J=e=>{H.value&&(y.value=h(y.value,z.value,e))},Te=e=>{H.value&&(y.value=xe(y.value,z.value,e))},Y=e=>H.value?ge(y.value,z.value,e):!1,Ee=()=>{J(void 0)},X=e=>{if(Array.isArray(k.value)){if(e===!0){k.value=[...ae.value];return}k.value=[]}},De=q(()=>{let e=ie(I.value,d.value),t=S({width:re(I.value,l.value),minWidth:I.value.minWidth,textAlign:b(I.value),fixedState:e,zIndex:3});return Ce({...a.value},{class:e?F.value.fixed:void 0,style:t,colspan:L.value,rowspan:R.value,"aria-sort":le.value,"data-fixed":e?``:void 0,"data-fixed-side":e?.side,"data-fixed-last-start":e?.isLastStart?``:void 0,"data-fixed-first-end":e?.isFirstEnd?``:void 0})}),Z=q(()=>({...n({column:I,colSpan:L,rowSpan:R,sortable:V,filterable:H,filtered:G,resizable:U,sortOrder:B,multiple:A,checked:N,disabled:P,filterValue:ue,filterValues:de,filterState:fe,filterOptions:he}),updateChecked:X,toggleSort:K,setFilterValue:ye,setFilterValues:be,setFilterState:J,toggleFilterOption:Te,isFilterOptionSelected:Y,clearFilter:Ee})),Oe=q(()=>({column:I.value,multiple:A.value,checked:N.value,disabled:P.value,updateChecked:X})),ke=q(()=>e(Z.value,[`column`,`filterValue`,`filterValues`,`filterState`,`filtered`,`filterOptions`,`toggleFilterOption`,`isFilterOptionSelected`,`setFilterValue`,`setFilterValues`,`setFilterState`,`clearFilter`])),Ae=q(()=>({column:I.value,sortOrder:B.value,ariaLabel:ce.value,toggleSort:K})),je=q(()=>({column:I.value,resizing:j.value===z.value,ariaLabel:oe(W.value),onPointerdown:e=>Me(e),onKeydown:e=>Ne(e)})),Q=null,$=()=>{Q?.(),Q=null,j.value=null},Me=e=>{if(!U.value)return;e.preventDefault(),e.stopPropagation();let t=z.value,n=e.clientX,r=c[t]?.getBoundingClientRect().width??M(I.value,l.value,u.value),a=D(I.value.minWidth),o=c[t]?.ownerDocument;if(!o)return;j.value=t;let s=e=>{let o=v(r,n,e.clientX,a,i.value);l.value=f(l.value,t,o)},d=()=>{$()};o.addEventListener(`pointermove`,s),o.addEventListener(`pointerup`,d),o.addEventListener(`pointercancel`,d),Q=()=>{o.removeEventListener(`pointermove`,s),o.removeEventListener(`pointerup`,d),o.removeEventListener(`pointercancel`,d)}},Ne=e=>{if(!U.value||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`)return;e.preventDefault(),e.stopPropagation();let t=z.value,n=_(M(I.value,l.value,u.value),e.key===`ArrowRight`?`increase`:`decrease`,D(I.value.minWidth),i.value);l.value=f(l.value,t,n)};return we(()=>{$()}),{bindProps:De,setElementRef:e=>{let n=t(e)??null;c[z.value]=n},headerSlotProps:Z,headerSelectionSlotProps:Oe,headerFilterSlotProps:ke,sortSlotProps:Ae,resizeSlotProps:je,columnSlotName:z,sortable:V,filterable:H,resizable:U}}function $(e){let{indent:t,rowKey:n,columnWidths:r,fixedColumnStates:i,visibleExpandedKeys:a,expanded:c,hasTreeRows:l,treeColumnKey:u,hasExpandColumn:d,isValueSelected:f,onSelectedChange:m,multiple:h,cellProps:g}=o(`TableCompactCell`),_=s(),{column:v,row:y,index:x}=e,C=e=>{c.value=p(c.value,e)},w=(e,t,n)=>({index:n,column:e,row:t.row,level:t.level,hasChildren:t.hasChildren,expanded:G(a.value,t.key),toggleExpand:()=>C(t.key)}),ee=q(()=>{let e=j(v.value,i.value),t=S({width:re(v.value,r.value),minWidth:v.value.minWidth,textAlign:b(v.value),fixedState:e,zIndex:2});return Ce({...g.value},{class:e?_.value.fixed:void 0,style:t,"data-fixed":e?``:void 0,"data-fixed-side":e?.side,"data-fixed-last-start":e?.isLastStart?``:void 0,"data-fixed-first-end":e?.isFirstEnd?``:void 0})}),T=q(()=>he(v.value)?v.value:void 0),E=q(()=>{if(T.value)return{...w(T.value,y.value,x.value),value:L(y.value.row,T.value.dataIndex)}}),te=q(()=>K(v.value,l.value,u.value)),D=q(()=>be(v.value,l.value,u.value,d.value)),ne=q(()=>B(l.value,y.value.level,t.value??16)),O=q(()=>({...w(v.value,y.value,x.value),ariaLabel:F(I(y.value.row,n),G(a.value,y.value.key))}));return{bindProps:ee,dataColumn:T,isTreeColumn:te,showInlineTreeToggle:D,treeCellStyle:ne,dataCellSlotProps:E,indexSlotProps:q(()=>({index:x.value,column:v.value,row:y.value.row,level:y.value.level,hasChildren:y.value.hasChildren})),selectionSlotProps:q(()=>({...w(v.value,y.value,x.value),multiple:h.value,checked:f(y.value.key),ariaLabel:z(I(y.value.row,n)),toggleSelect:()=>m(y.value.key)})),expandSlotProps:q(()=>({...w(v.value,y.value,x.value),ariaLabel:F(I(y.value.row,n),G(a.value,y.value.key))})),treeToggleSlotProps:O}}function Me(e){let{hasExpandColumn:t,hasExpandedRowSlot:r,visibleExpandedKeys:i,rowProps:a,cellProps:s}=o(`TableCompactExpandedRow`),{row:c,index:l}=e;return{visible:q(()=>ye(c.value,n({hasExpandColumn:t,hasExpandedRowSlot:r,expandedKeys:i}))),expandedRowSlotProps:q(()=>{let{row:e,level:t,hasChildren:n}=c.value;return{index:l.value,row:e,level:t,hasChildren:n}}),rowProps:a,cellProps:s}}export{$ as useTableCompactCell,ke as useTableCompactData,Me as useTableCompactExpandedRow,Q as useTableCompactHead,Ae as useTableCompactResize,Oe as useTableCompactState,je as useTableCompactVirtual};
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import { TableAlign, TableBaseData, TableBodyProps, TableCellProps, TableCellSlotProps, TableColumn, TableColumnBase, TableColumnFilter, TableColumnFilterOption, TableColumnFilterValue, TableColumnType, TableColumnWidthState, TableCompactCellProps, TableCompactCellSlots, TableCompactContext, TableCompactEmits, TableCompactExpandedRowProps, TableCompactHeadProps, TableCompactProps, TableCompactRowProps, TableCompactSlots, TableContentProps, TableDataCellSlotProps, TableDataColumn, TableExpandSlotProps, TableExpandedRowSlotProps, TableFilterState, TableFilterValue, TableFixedColumnOffsets, TableFixedState, TableFooterProps, TableGroupColumn, TableHeadProps, TableHeaderCell, TableHeaderFilterSlotProps, TableHeaderProps, TableHeaderResizeSlotProps, TableHeaderSelectionSlotProps, TableHeaderSlotProps, TableHeaderSortSlotProps, TableIndexSlotProps, TableRootProps, TableRowChildrenResolver, TableRowProps, TableRowValue, TableSelectionProps, TableSelectionSlotProps, TableSortOrder, TableSortState, TableTreeNode, TableTreeRow, TableTreeToggleSlotProps, TableTypeColumn, TableUi, TableUiSlot, TableUnifiedKey, TableVirtualMeasurement, TableVirtualRange, TableVisibleRow } from "./types.js";
|
|
1
|
+
import { TableAlign, TableBaseData, TableBodyProps, TableCellProps, TableCellSlotProps, TableColumn, TableColumnBase, TableColumnFilter, TableColumnFilterOption, TableColumnFilterValue, TableColumnType, TableColumnWidthState, TableCompactCellProps, TableCompactCellSlots, TableCompactContext, TableCompactEmits, TableCompactExpandedRowProps, TableCompactHeadProps, TableCompactProps, TableCompactRowProps, TableCompactSlots, TableContentProps, TableDataCellSlotProps, TableDataColumn, TableExpandSlotProps, TableExpandedRowSlotProps, TableFilterState, TableFilterValue, TableFixedColumnOffsets, TableFixedState, TableFooterProps, TableGroupColumn, TableHeadProps, TableHeaderCell, TableHeaderFilterSlotProps, TableHeaderProps, TableHeaderResizeSlotProps, TableHeaderSelectionSlotProps, TableHeaderSlotProps, TableHeaderSortSlotProps, TableIndexSlotProps, TableRootProps, TableRowChildrenResolver, TableRowProps, TableRowValue, TableScrollProps, TableSelectionProps, TableSelectionSlotProps, TableSortOrder, TableSortState, TableTreeNode, TableTreeRow, TableTreeToggleSlotProps, TableTypeColumn, TableUi, TableUiSlot, TableUnifiedKey, TableVirtualMeasurement, TableVirtualRange, TableVisibleRow } from "./types.js";
|
|
2
|
+
import { _default as _default$2 } from "./table-compact.vue.js";
|
|
2
3
|
import { _default as _default$7 } from "./table-root.vue.js";
|
|
4
|
+
import { _default as _default$9 } from "./table-scroll.vue.js";
|
|
3
5
|
import { _default as _default$3 } from "./table-content.vue.js";
|
|
4
6
|
import { _default as _default$6 } from "./table-header.vue.js";
|
|
5
7
|
import { _default } from "./table-body.vue.js";
|
|
@@ -7,7 +9,6 @@ import { _default as _default$4 } from "./table-footer.vue.js";
|
|
|
7
9
|
import { _default as _default$8 } from "./table-row.vue.js";
|
|
8
10
|
import { _default as _default$5 } from "./table-head.vue.js";
|
|
9
11
|
import { _default as _default$1 } from "./table-cell.vue.js";
|
|
10
|
-
import { _default as _default$2 } from "./table-compact.vue.js";
|
|
11
12
|
import { provideTableUi } from "./context.js";
|
|
12
13
|
import { filterTableColumns, getNextTableFilterKeywordState, getNextTableFilterState, getNextTableFilterValuesState, getTableAriaSort, getTableColumnByKey, getTableColumnFilterOptions, getTableColumnFilterStateValue, getTableColumnFilterValue, getTableColumnFilterValues, getTableColumnKey, getTableColumnWidthValue, getTableFilterPlaceholder, getTableHeaderRows, getTableLeafColumns, getTableRowLabel, getTableRowValueByDataIndex, getTableTreeRows, isTableColumnFiltered, isTableDataColumn, isTableFilterOptionSelected, isTableGroupColumn, matchesTableColumnFilter, parseTableColumnWidth, sortTableData, toggleTableFilterOption, toggleTableSortState } from "./shared.js";
|
|
13
|
-
export { TableAlign, TableBaseData, _default as TableBody, TableBodyProps, _default$1 as TableCell, TableCellProps, TableCellSlotProps, TableColumn, TableColumnBase, TableColumnFilter, TableColumnFilterOption, TableColumnFilterValue, TableColumnType, TableColumnWidthState, _default$2 as TableCompact, TableCompactCellProps, TableCompactCellSlots, TableCompactContext, TableCompactEmits, TableCompactExpandedRowProps, TableCompactHeadProps, TableCompactProps, TableCompactRowProps, TableCompactSlots, _default$3 as TableContent, TableContentProps, TableDataCellSlotProps, TableDataColumn, TableExpandSlotProps, TableExpandedRowSlotProps, TableFilterState, TableFilterValue, TableFixedColumnOffsets, TableFixedState, _default$4 as TableFooter, TableFooterProps, TableGroupColumn, _default$5 as TableHead, TableHeadProps, _default$6 as TableHeader, TableHeaderCell, TableHeaderFilterSlotProps, TableHeaderProps, TableHeaderResizeSlotProps, TableHeaderSelectionSlotProps, TableHeaderSlotProps, TableHeaderSortSlotProps, TableIndexSlotProps, _default$7 as TableRoot, TableRootProps, _default$8 as TableRow, TableRowChildrenResolver, TableRowProps, TableRowValue, TableSelectionProps, TableSelectionSlotProps, TableSortOrder, TableSortState, TableTreeNode, TableTreeRow, TableTreeToggleSlotProps, TableTypeColumn, TableUi, TableUiSlot, TableUnifiedKey, TableVirtualMeasurement, TableVirtualRange, TableVisibleRow, filterTableColumns, getNextTableFilterKeywordState, getNextTableFilterState, getNextTableFilterValuesState, getTableAriaSort, getTableColumnByKey, getTableColumnFilterOptions, getTableColumnFilterStateValue, getTableColumnFilterValue, getTableColumnFilterValues, getTableColumnKey, getTableColumnWidthValue, getTableFilterPlaceholder, getTableHeaderRows, getTableLeafColumns, getTableRowLabel, getTableRowValueByDataIndex, getTableTreeRows, isTableColumnFiltered, isTableDataColumn, isTableFilterOptionSelected, isTableGroupColumn, matchesTableColumnFilter, parseTableColumnWidth, provideTableUi, sortTableData, toggleTableFilterOption, toggleTableSortState };
|
|
14
|
+
export { TableAlign, TableBaseData, _default as TableBody, TableBodyProps, _default$1 as TableCell, TableCellProps, TableCellSlotProps, TableColumn, TableColumnBase, TableColumnFilter, TableColumnFilterOption, TableColumnFilterValue, TableColumnType, TableColumnWidthState, _default$2 as TableCompact, TableCompactCellProps, TableCompactCellSlots, TableCompactContext, TableCompactEmits, TableCompactExpandedRowProps, TableCompactHeadProps, TableCompactProps, TableCompactRowProps, TableCompactSlots, _default$3 as TableContent, TableContentProps, TableDataCellSlotProps, TableDataColumn, TableExpandSlotProps, TableExpandedRowSlotProps, TableFilterState, TableFilterValue, TableFixedColumnOffsets, TableFixedState, _default$4 as TableFooter, TableFooterProps, TableGroupColumn, _default$5 as TableHead, TableHeadProps, _default$6 as TableHeader, TableHeaderCell, TableHeaderFilterSlotProps, TableHeaderProps, TableHeaderResizeSlotProps, TableHeaderSelectionSlotProps, TableHeaderSlotProps, TableHeaderSortSlotProps, TableIndexSlotProps, _default$7 as TableRoot, TableRootProps, _default$8 as TableRow, TableRowChildrenResolver, TableRowProps, TableRowValue, _default$9 as TableScroll, TableScrollProps, TableSelectionProps, TableSelectionSlotProps, TableSortOrder, TableSortState, TableTreeNode, TableTreeRow, TableTreeToggleSlotProps, TableTypeColumn, TableUi, TableUiSlot, TableUnifiedKey, TableVirtualMeasurement, TableVirtualRange, TableVisibleRow, filterTableColumns, getNextTableFilterKeywordState, getNextTableFilterState, getNextTableFilterValuesState, getTableAriaSort, getTableColumnByKey, getTableColumnFilterOptions, getTableColumnFilterStateValue, getTableColumnFilterValue, getTableColumnFilterValues, getTableColumnKey, getTableColumnWidthValue, getTableFilterPlaceholder, getTableHeaderRows, getTableLeafColumns, getTableRowLabel, getTableRowValueByDataIndex, getTableTreeRows, isTableColumnFiltered, isTableDataColumn, isTableFilterOptionSelected, isTableGroupColumn, matchesTableColumnFilter, parseTableColumnWidth, provideTableUi, sortTableData, toggleTableFilterOption, toggleTableSortState };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{provideTableUi as e}from"./context.js";import t
|
|
1
|
+
import{provideTableUi as e}from"./context.js";import{filterTableColumns as t,getNextTableFilterKeywordState as n,getNextTableFilterState as r,getNextTableFilterValuesState as i,getTableAriaSort as a,getTableColumnByKey as o,getTableColumnFilterOptions as s,getTableColumnFilterStateValue as c,getTableColumnFilterValue as l,getTableColumnFilterValues as u,getTableColumnKey as d,getTableColumnWidthValue as f,getTableFilterPlaceholder as p,getTableHeaderRows as m,getTableLeafColumns as h,getTableRowLabel as g,getTableRowValueByDataIndex as _,getTableTreeRows as v,isTableColumnFiltered as y,isTableDataColumn as b,isTableFilterOptionSelected as x,isTableGroupColumn as S,matchesTableColumnFilter as C,parseTableColumnWidth as w,sortTableData as T,toggleTableFilterOption as E,toggleTableSortState as D}from"./shared.js";import O from"./table-body.js";import k from"./table-cell.js";import A from"./table-row.js";import j from"./table-head.js";import M from"./table-content.js";import N from"./table-footer.js";import P from"./table-header.js";import F from"./table-root.js";import I from"./table-scroll.js";import L from"./table-compact.js";export{O as TableBody,k as TableCell,L as TableCompact,M as TableContent,N as TableFooter,j as TableHead,P as TableHeader,F as TableRoot,A as TableRow,I as TableScroll,t as filterTableColumns,n as getNextTableFilterKeywordState,r as getNextTableFilterState,i as getNextTableFilterValuesState,a as getTableAriaSort,o as getTableColumnByKey,s as getTableColumnFilterOptions,c as getTableColumnFilterStateValue,l as getTableColumnFilterValue,u as getTableColumnFilterValues,d as getTableColumnKey,f as getTableColumnWidthValue,p as getTableFilterPlaceholder,m as getTableHeaderRows,h as getTableLeafColumns,g as getTableRowLabel,_ as getTableRowValueByDataIndex,v as getTableTreeRows,y as isTableColumnFiltered,b as isTableDataColumn,x as isTableFilterOptionSelected,S as isTableGroupColumn,C as matchesTableColumnFilter,w as parseTableColumnWidth,e as provideTableUi,T as sortTableData,E as toggleTableFilterOption,D as toggleTableSortState};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=new WeakMap;let t=0;function n(e,t){let n=e.name??e.title??e.label;return typeof n==`string`&&n.trim().length>0?n:String(t(e))}function r(e,t){return t?t(e)??[]:Array.isArray(e.children)?e.children:[]}function i(e,t,n,a=1,o){return e.map(e=>{let s=t(e),c=i(r(e,n),t,n,a+1,s);return{key:s,row:e,level:a,parentKey:o,children:c,hasChildren:c.length>0}})}function a(e,t){let n=new Set(t),r=[];function i(e){e.forEach(e=>{r.push({key:e.key,row:e.row,level:e.level,parentKey:e.parentKey,hasChildren:e.hasChildren}),e.hasChildren&&n.has(e.key)&&i(e.children)})}return i(e),r}function o(e,t){return e.reduce((e,n)=>{let r=o(n.children,t);return!t(n.row)&&r.length===0||e.push({...n,children:r,hasChildren:r.length>0}),e},[])}function s(e,t,n){return[...e].sort((e,r)=>{let i=typeof t.sorter==`function`?t.sorter(e.row,r.row):J(d(e.row,t.dataIndex),d(r.row,t.dataIndex));return n?.order===`desc`?i*-1:i}).map(e=>({...e,children:s(e.children,t,n)}))}function c(e,t=!1){return e.flatMap(e=>[...t||e.hasChildren?[e.key]:[],...c(e.children,t)])}function l(e){return e.some(e=>e.hasChildren||l(e.children))}function u(e){return e.flatMap(e=>[e.row,...u(e.children)])}function d(e,t){let n=t.split(`.`),r=e;for(let e of n){if(r==null)return;r=r[e]}return r}function f(n){if(n.key)return n.key;if(n.dataIndex)return n.dataIndex;if(n.type)return`__${n.type}`;let r=e.get(n);if(r)return r;t+=1;let i=`__group-${t}`;return e.set(n,i),i}function p(e){return Array.isArray(e.children)&&e.children.length>0}function m(e){return typeof e.dataIndex==`string`}function h(e){return!p(e)&&!!e.resizable}function g(e){return m(e)&&!!e.sorter}function _(e){return m(e)&&!!e.filter}function v(e){return e.reduce((e,t)=>{if(t.hidden)return e;if(!p(t))return e.push(t),e;let n=v(t.children);return n.length>0&&e.push({...t,children:n}),e},[])}function y(e){return e.flatMap(e=>p(e)?y(e.children):[e])}function b(e){let t=[];return x(e,t,S(e),0),t}function x(e,t,n,r){t[r]??(t[r]=[]),e.forEach(e=>{let i=f(e);if(p(e)){t[r].push({key:i,column:e,colSpan:y(e.children).length,rowSpan:1}),x(e.children,t,n,r+1);return}t[r].push({key:i,column:e,colSpan:1,rowSpan:n-r})})}function S(e){return e.reduce((e,t)=>p(t)?Math.max(e,S(t.children)+1):e,1)}function C(e,t){for(let n of e){if(f(n)===t)return n;if(p(n)){let e=C(n.children,t);if(e)return e}}}function w(e,t){return e?{height:typeof t==`number`?`${t}px`:t}:{}}function ee(e,t,n){return n.defaultExpandAll?c(i(e,t,n.getChildren),n.includeLeaves??!1):n.defaultExpanded??[]}function te(e,t,n,r){let i=o(e,e=>Object.entries(t).every(([t,r])=>{let i=n.get(t);return!i||!m(i)||!i.filter?!0:X(e,i,r)}));if(!r)return i;let a=n.get(r.key);return!a||!m(a)||!a.sorter?i:s(i,a,r)}function ne(e,t,n,r){return!e||!t?n:[...new Set([...n,...c(r)])]}function re(e){let t=e.find(m);return t?f(t):void 0}function ie(e,t){if(e>0)return e;if(typeof t==`number`)return t;let n=Number.parseFloat(t??``);return Number.isFinite(n)?n:0}function ae(e,t,n){return typeof e==`function`?e(t,n):e??40}function oe(e,t){let n=0,r=e.length-1,i=e.length-1;for(;n<=r;){let a=Math.floor((n+r)/2);e[a].end>t?(i=a,r=a-1):n=a+1}return i}function se(e,t){let n=0;return e.map((e,r)=>{let i=ae(t,r,e.row),a={index:r,start:n,end:n+i};return n+=i,a})}function ce(e){if(!e.isVirtual)return{startIndex:0,endIndex:e.rowCount-1};if(e.measurements.length===0)return{startIndex:0,endIndex:-1};let t=oe(e.measurements,e.scrollTop),n=t;for(;n<e.measurements.length&&e.measurements[n].start<e.scrollTop+e.viewportHeight;)n+=1;return t=Math.max(0,t-e.overscan),n=Math.min(e.measurements.length-1,n+e.overscan),{startIndex:t,endIndex:n}}function le(e,t,n){return!e||t.startIndex<0?0:n[t.startIndex]?.start??0}function T(e,t,n){if(!e||t.endIndex<0)return 0;let r=n.at(-1)?.end??0,i=n[t.endIndex]?.end??0;return Math.max(r-i,0)}function E(e,t,n){return t?n.endIndex<n.startIndex?[]:e.slice(n.startIndex,n.endIndex+1).map((e,t)=>({index:n.startIndex+t,item:e})):e.map((e,t)=>({index:t,item:e}))}function D(e,t){return e.includes(t)?e.filter(e=>e!==t):[...e,t]}function O(e,t){return e.includes(t)}function k(e,t){if(!Array.isArray(e)||t.length===0)return!1;let n=new Set(e),r=t.filter(e=>n.has(e)).length;return r===0?!1:r===t.length?!0:`indeterminate`}function A(e,t,n){return m(e)&&t&&f(e)===n}function j(e,t,n,r){return A(e,t,n)&&!r}function M(e,t,n){if(e)return{paddingInlineStart:`${Math.max(t-1,0)*n}px`}}function N(e,t){return t.hasExpandColumn&&t.hasExpandedRowSlot&&!e.hasChildren&&O(t.expandedKeys,e.key)}function P(e,t){let n={},r={},i=0,a=0;return e.forEach(e=>{if(e.fixed!==`start`)return;let r=f(e);n[r]=i,i+=t(e)}),[...e].reverse().forEach(e=>{if(e.fixed!==`end`)return;let n=f(e);r[n]=a,a+=t(e)}),{startOffsets:n,endOffsets:r}}function F(e,t){let n=f(e);if(e.fixed===`start`)return{side:`start`,offset:t.startOffsets[n]??0};if(e.fixed===`end`)return{side:`end`,offset:t.endOffsets[n]??0}}function I(e,t){if(!p(e))return F(e,t);let n=y([e]),r=[...new Set(n.map(e=>e.fixed).filter(e=>!!e))];if(r.length!==1)return;let i=r[0]===`start`?n[0]:n.at(-1);if(i)return F(i,t)}function L(e){return{width:e.width,minWidth:e.minWidth,textAlign:e.textAlign,position:e.fixedState?`sticky`:void 0,insetInlineStart:e.fixedState?.side===`start`?`${e.fixedState.offset}px`:void 0,insetInlineEnd:e.fixedState?.side===`end`?`${e.fixedState.offset}px`:void 0,zIndex:e.fixedState?e.zIndex:void 0}}function R(e){return{height:`${e}px`,padding:0,border:0}}function z(e,t,n){return{...e,[t]:`${Math.round(n)}px`}}function B(e){return Q(e)??80}function V(e,t,n,r=160){let i=f(e),a=Q($(e,t)),o=n[i];return(o>0?o:void 0)??a??r}function H(e,t){return e.reduce((e,n)=>{let r=f(n),i=Q($(n,t.columnWidths)),a=t.headCellElements[r]?.getBoundingClientRect().width;return e[r]=(a&&a>0?a:void 0)??i??V(n,t.columnWidths,t.measuredColumnWidths),e},{})}function U(e,t){if(!g(e))return;let n=f(e);return t?.key===n?t.order:void 0}function W(e){return e.title??f(e)}function ue(e,t){return t===`asc`?`Sort by ${e}, currently ascending`:t===`desc`?`Sort by ${e}, currently descending`:`Sort by ${e}`}function de(e){return`Resize ${e} column`}function fe(e,t){return t?`Collapse row ${e}`:`Expand row ${e}`}function pe(e){return`Select row ${e}`}function me(e,t,n,r,i=`ltr`){let a=n-t,o=i===`rtl`?-a:a;return Math.max(r,e+o)}function he(e,t,n,r=`ltr`,i=16){let a=(r===`rtl`?t===`increase`?`decrease`:`increase`:t)===`increase`?i:-i;return Math.max(n,e+a)}function ge(e,t){return Z(e[t]).keyword??``}function G(e,t){return Z(e[t]).values}function _e(e,t){return e[t]}function ve(e,t){let n=Z(e[t]);return n.keyword.length>0||n.values.length>0}function ye(e,t){if(!e||e.key!==t)return{key:t,order:`asc`};if(e.order===`asc`)return{key:t,order:`desc`}}function K(e,t,n){let r={...e},i=Z(n);return i.keyword.length===0&&i.values.length===0?(delete r[t],r):(r[t]=Te(i),r)}function be(e,t,n){return K(e,t,{...Z(e[t]),keyword:n})}function q(e,t,n){return K(e,t,{...Z(e[t]),values:n})}function xe(e,t,n){let r=G(e,t);return q(e,t,r.includes(n)?r.filter(e=>e!==n):[...r,n])}function Se(e,t,n){return G(e,t).includes(n)}function J(e,t){return e==null&&t==null?0:e==null?1:t==null?-1:typeof e==`number`&&typeof t==`number`?e-t:String(e).localeCompare(String(t),void 0,{numeric:!0,sensitivity:`base`})}function Ce(e,t,n){return n?[...e].sort((e,r)=>{let i=typeof t.sorter==`function`?t.sorter(e,r):J(d(e,t.dataIndex),d(r,t.dataIndex));return n.order===`desc`?i*-1:i}):e}function we(e){if(typeof e.filter==`object`)return e.filter.placeholder}function Y(e,t){if(typeof t.filter==`object`&&t.filter.options)return typeof t.filter.options==`function`?t.filter.options({rows:e,column:t}):t.filter.options;let n=new Set;return e.reduce((e,r)=>{let i=String(d(r,t.dataIndex)??``);return!i||n.has(i)?e:(n.add(i),e.push({label:i,value:i}),e)},[])}function X(e,t,n){let r=d(e,t.dataIndex),i=Z(n);if(typeof t.filter==`object`&&t.filter.match)return t.filter.match({filterValue:i,keyword:i.keyword,values:i.values,row:e,value:r,column:t});let a=String(r??``),o=i.keyword.length===0||a.toLowerCase().includes(i.keyword.toLowerCase()),s=i.values.length===0||i.values.includes(a);return o&&s}function Z(e){return typeof e==`string`?{keyword:e,values:[]}:{keyword:e?.keyword??``,values:Array.isArray(e?.values)?[...new Set(e.values.filter(Boolean))]:[]}}function Te(e){return e.values.length===0?e.keyword:{keyword:e.keyword||void 0,values:e.values}}function Ee(e){return e===`asc`?`ascending`:e===`desc`?`descending`:`none`}function Q(e){if(!e)return;let t=e.trim();if(!t)return;if(t.endsWith(`px`)){let e=Number.parseFloat(t.slice(0,-2));return Number.isFinite(e)?e:void 0}let n=Number.parseFloat(t);return Number.isFinite(n)?n:void 0}function $(e,t){let n=f(e);return t?.[n]??e.width}function De(e){return e.align?e.align:e.type?`center`:`start`}export{i as buildTableTree,v as filterTableColumns,a as flattenTableTree,ee as getDefaultTableExpandedKeys,z as getNextTableColumnWidths,D as getNextTableExpandedKeys,be as getNextTableFilterKeywordState,K as getNextTableFilterState,q as getNextTableFilterValuesState,he as getNextTableKeyboardResizeWidth,me as getNextTablePointerResizeWidth,te as getProcessedTableTree,De as getTableAlign,Ee as getTableAriaSort,L as getTableCellStyle,C as getTableColumnByKey,Y as getTableColumnFilterOptions,_e as getTableColumnFilterStateValue,ge as getTableColumnFilterValue,G as getTableColumnFilterValues,f as getTableColumnKey,W as getTableColumnLabel,B as getTableColumnResizeMinWidth,U as getTableColumnSortOrder,$ as getTableColumnWidthValue,we as getTableFilterPlaceholder,P as getTableFixedColumnOffsets,I as getTableHeaderFixedState,b as getTableHeaderRows,k as getTableHeaderSelectionState,y as getTableLeafColumns,F as getTableLeafFixedState,V as getTableMeasuredColumnWidth,H as getTableMeasuredColumnWidths,de as getTableResizeHandleLabel,ie as getTableResolvedHeight,w as getTableRootStyle,fe as getTableRowExpandLabel,n as getTableRowLabel,d as getTableRowValueByDataIndex,pe as getTableSelectRowLabel,ue as getTableSortButtonLabel,R as getTableSpacerCellStyle,M as getTableTreeCellStyle,re as getTableTreeColumnKey,u as getTableTreeRows,se as getTableVirtualMeasurements,T as getTableVirtualPaddingEnd,le as getTableVirtualPaddingStart,ce as getTableVirtualRange,ne as getTableVisibleExpandedKeys,E as getTableVisibleRows,l as hasTableTreeChildren,ve as isTableColumnFiltered,h as isTableColumnResizable,m as isTableDataColumn,Se as isTableFilterOptionSelected,_ as isTableFilterableColumn,p as isTableGroupColumn,O as isTableRowExpanded,g as isTableSortableColumn,A as isTableTreeColumn,X as matchesTableColumnFilter,Q as parseTableColumnWidth,N as shouldRenderTableExpandedRow,j as shouldShowTableInlineTreeToggle,Ce as sortTableData,xe as toggleTableFilterOption,ye as toggleTableSortState};
|
|
1
|
+
const e=new WeakMap;let t=0;function n(e,t){let n=e.name??e.title??e.label;return typeof n==`string`&&n.trim().length>0?n:String(t(e))}function r(e,t){return t?t(e)??[]:Array.isArray(e.children)?e.children:[]}function i(e,t,n,a=1,o){return e.map(e=>{let s=t(e),c=i(r(e,n),t,n,a+1,s);return{key:s,row:e,level:a,parentKey:o,children:c,hasChildren:c.length>0}})}function a(e,t){let n=new Set(t),r=[];function i(e){e.forEach(e=>{r.push({key:e.key,row:e.row,level:e.level,parentKey:e.parentKey,hasChildren:e.hasChildren}),e.hasChildren&&n.has(e.key)&&i(e.children)})}return i(e),r}function o(e,t){return e.reduce((e,n)=>{let r=o(n.children,t);return!t(n.row)&&r.length===0||e.push({...n,children:r,hasChildren:r.length>0}),e},[])}function s(e,t,n){return[...e].sort((e,r)=>{let i=typeof t.sorter==`function`?t.sorter(e.row,r.row):J(d(e.row,t.dataIndex),d(r.row,t.dataIndex));return n?.order===`desc`?i*-1:i}).map(e=>({...e,children:s(e.children,t,n)}))}function c(e,t=!1){return e.flatMap(e=>[...t||e.hasChildren?[e.key]:[],...c(e.children,t)])}function l(e){return e.some(e=>e.hasChildren||l(e.children))}function u(e){return e.flatMap(e=>[e.row,...u(e.children)])}function d(e,t){let n=t.split(`.`),r=e;for(let e of n){if(r==null)return;r=r[e]}return r}function f(n){if(n.key)return n.key;if(n.dataIndex)return n.dataIndex;if(n.type)return`__${n.type}`;let r=e.get(n);if(r)return r;t+=1;let i=`__group-${t}`;return e.set(n,i),i}function p(e){return Array.isArray(e.children)&&e.children.length>0}function m(e){return typeof e.dataIndex==`string`}function h(e){return!p(e)&&!!e.resizable}function g(e){return m(e)&&!!e.sorter}function _(e){return m(e)&&!!e.filter}function v(e){return e.reduce((e,t)=>{if(t.hidden)return e;if(!p(t))return e.push(t),e;let n=v(t.children);return n.length>0&&e.push({...t,children:n}),e},[])}function y(e){return e.flatMap(e=>p(e)?y(e.children):[e])}function b(e){let t=[];return x(e,t,S(e),0),t}function x(e,t,n,r){t[r]??(t[r]=[]),e.forEach(e=>{let i=f(e);if(p(e)){t[r].push({key:i,column:e,colSpan:y(e.children).length,rowSpan:1}),x(e.children,t,n,r+1);return}t[r].push({key:i,column:e,colSpan:1,rowSpan:n-r})})}function S(e){return e.reduce((e,t)=>p(t)?Math.max(e,S(t.children)+1):e,1)}function C(e,t){for(let n of e){if(f(n)===t)return n;if(p(n)){let e=C(n.children,t);if(e)return e}}}function w(e,t){return e?{height:typeof t==`number`?`${t}px`:t}:{}}function ee(e,t,n){return n.defaultExpandAll?c(i(e,t,n.getChildren),n.includeLeaves??!1):n.defaultExpanded??[]}function te(e,t,n,r){let i=o(e,e=>Object.entries(t).every(([t,r])=>{let i=n.get(t);return!i||!m(i)||!i.filter?!0:X(e,i,r)}));if(!r)return i;let a=n.get(r.key);return!a||!m(a)||!a.sorter?i:s(i,a,r)}function ne(e,t,n,r){return!e||!t?n:[...new Set([...n,...c(r)])]}function re(e){let t=e.find(m);return t?f(t):void 0}function ie(e,t){if(e>0)return e;if(typeof t==`number`)return t;let n=Number.parseFloat(t??``);return Number.isFinite(n)?n:0}function ae(e,t,n){return typeof e==`function`?e(t,n):e??40}function oe(e,t){let n=0,r=e.length-1,i=e.length-1;for(;n<=r;){let a=Math.floor((n+r)/2);e[a].end>t?(i=a,r=a-1):n=a+1}return i}function se(e,t){let n=0;return e.map((e,r)=>{let i=ae(t,r,e.row),a={index:r,start:n,end:n+i};return n+=i,a})}function ce(e){if(!e.isVirtual)return{startIndex:0,endIndex:e.rowCount-1};if(e.measurements.length===0)return{startIndex:0,endIndex:-1};let t=oe(e.measurements,e.scrollTop),n=t;for(;n<e.measurements.length&&e.measurements[n].start<e.scrollTop+e.viewportHeight;)n+=1;return t=Math.max(0,t-e.overscan),n=Math.min(e.measurements.length-1,n+e.overscan),{startIndex:t,endIndex:n}}function le(e,t,n){return!e||t.startIndex<0?0:n[t.startIndex]?.start??0}function T(e,t,n){if(!e||t.endIndex<0)return 0;let r=n.at(-1)?.end??0,i=n[t.endIndex]?.end??0;return Math.max(r-i,0)}function E(e,t,n){return t?n.endIndex<n.startIndex?[]:e.slice(n.startIndex,n.endIndex+1).map((e,t)=>({index:n.startIndex+t,item:e})):e.map((e,t)=>({index:t,item:e}))}function D(e,t){return e.includes(t)?e.filter(e=>e!==t):[...e,t]}function O(e,t){return e.includes(t)}function k(e,t){if(!Array.isArray(e)||t.length===0)return!1;let n=new Set(e),r=t.filter(e=>n.has(e)).length;return r===0?!1:r===t.length?!0:`indeterminate`}function A(e,t,n){return m(e)&&t&&f(e)===n}function j(e,t,n,r){return A(e,t,n)&&!r}function M(e,t,n){if(e)return{paddingInlineStart:`${Math.max(t-1,0)*n}px`}}function N(e,t){return t.hasExpandColumn&&t.hasExpandedRowSlot&&!e.hasChildren&&O(t.expandedKeys,e.key)}function P(e,t){let n=e.filter(e=>e.fixed===`start`),r=e.filter(e=>e.fixed===`end`),i={},a={},o=0,s=0;return n.forEach(e=>{let n=f(e);i[n]=o,o+=t(e)}),[...r].reverse().forEach(e=>{let n=f(e);a[n]=s,s+=t(e)}),{startOffsets:i,endOffsets:a,lastStartKey:n.at(-1)?f(n.at(-1)):void 0,firstEndKey:r[0]?f(r[0]):void 0}}function F(e,t){let n=f(e);if(e.fixed===`start`)return{side:`start`,offset:t.startOffsets[n]??0,isLastStart:t.lastStartKey===n,isFirstEnd:!1};if(e.fixed===`end`)return{side:`end`,offset:t.endOffsets[n]??0,isLastStart:!1,isFirstEnd:t.firstEndKey===n}}function I(e,t){if(!p(e))return F(e,t);let n=y([e]),r=[...new Set(n.map(e=>e.fixed).filter(e=>!!e))];if(r.length!==1)return;let i=r[0]===`start`?n[0]:n.at(-1);if(!i)return;let a=F(i,t);if(a)return{...a,isLastStart:n.some(e=>f(e)===t.lastStartKey),isFirstEnd:n.some(e=>f(e)===t.firstEndKey)}}function L(e){return{width:e.width,minWidth:e.minWidth,textAlign:e.textAlign,position:e.fixedState?`sticky`:void 0,insetInlineStart:e.fixedState?.side===`start`?`${e.fixedState.offset}px`:void 0,insetInlineEnd:e.fixedState?.side===`end`?`${e.fixedState.offset}px`:void 0,zIndex:e.fixedState?e.zIndex:void 0}}function R(e){return{height:`${e}px`,padding:0,border:0}}function z(e,t,n){return{...e,[t]:`${Math.round(n)}px`}}function B(e){return Q(e)??80}function V(e,t,n,r=160){let i=f(e),a=Q($(e,t)),o=n[i];return(o>0?o:void 0)??a??r}function H(e,t){return e.reduce((e,n)=>{let r=f(n),i=Q($(n,t.columnWidths)),a=t.headCellElements[r]?.getBoundingClientRect().width;return e[r]=(a&&a>0?a:void 0)??i??V(n,t.columnWidths,t.measuredColumnWidths),e},{})}function U(e,t){if(!g(e))return;let n=f(e);return t?.key===n?t.order:void 0}function W(e){return e.title??f(e)}function ue(e,t){return t===`asc`?`Sort by ${e}, currently ascending`:t===`desc`?`Sort by ${e}, currently descending`:`Sort by ${e}`}function de(e){return`Resize ${e} column`}function fe(e,t){return t?`Collapse row ${e}`:`Expand row ${e}`}function pe(e){return`Select row ${e}`}function me(e,t,n,r,i=`ltr`){let a=n-t,o=i===`rtl`?-a:a;return Math.max(r,e+o)}function he(e,t,n,r=`ltr`,i=16){let a=(r===`rtl`?t===`increase`?`decrease`:`increase`:t)===`increase`?i:-i;return Math.max(n,e+a)}function ge(e,t){return Z(e[t]).keyword??``}function G(e,t){return Z(e[t]).values}function _e(e,t){return e[t]}function ve(e,t){let n=Z(e[t]);return n.keyword.length>0||n.values.length>0}function ye(e,t){if(!e||e.key!==t)return{key:t,order:`asc`};if(e.order===`asc`)return{key:t,order:`desc`}}function K(e,t,n){let r={...e},i=Z(n);return i.keyword.length===0&&i.values.length===0?(delete r[t],r):(r[t]=Te(i),r)}function be(e,t,n){return K(e,t,{...Z(e[t]),keyword:n})}function q(e,t,n){return K(e,t,{...Z(e[t]),values:n})}function xe(e,t,n){let r=G(e,t);return q(e,t,r.includes(n)?r.filter(e=>e!==n):[...r,n])}function Se(e,t,n){return G(e,t).includes(n)}function J(e,t){return e==null&&t==null?0:e==null?1:t==null?-1:typeof e==`number`&&typeof t==`number`?e-t:String(e).localeCompare(String(t),void 0,{numeric:!0,sensitivity:`base`})}function Ce(e,t,n){return n?[...e].sort((e,r)=>{let i=typeof t.sorter==`function`?t.sorter(e,r):J(d(e,t.dataIndex),d(r,t.dataIndex));return n.order===`desc`?i*-1:i}):e}function we(e){if(typeof e.filter==`object`)return e.filter.placeholder}function Y(e,t){if(typeof t.filter==`object`&&t.filter.options)return typeof t.filter.options==`function`?t.filter.options({rows:e,column:t}):t.filter.options;let n=new Set;return e.reduce((e,r)=>{let i=String(d(r,t.dataIndex)??``);return!i||n.has(i)?e:(n.add(i),e.push({label:i,value:i}),e)},[])}function X(e,t,n){let r=d(e,t.dataIndex),i=Z(n);if(typeof t.filter==`object`&&t.filter.match)return t.filter.match({filterValue:i,keyword:i.keyword,values:i.values,row:e,value:r,column:t});let a=String(r??``),o=i.keyword.length===0||a.toLowerCase().includes(i.keyword.toLowerCase()),s=i.values.length===0||i.values.includes(a);return o&&s}function Z(e){return typeof e==`string`?{keyword:e,values:[]}:{keyword:e?.keyword??``,values:Array.isArray(e?.values)?[...new Set(e.values.filter(Boolean))]:[]}}function Te(e){return e.values.length===0?e.keyword:{keyword:e.keyword||void 0,values:e.values}}function Ee(e){return e===`asc`?`ascending`:e===`desc`?`descending`:`none`}function Q(e){if(!e)return;let t=e.trim();if(!t)return;if(t.endsWith(`px`)){let e=Number.parseFloat(t.slice(0,-2));return Number.isFinite(e)?e:void 0}let n=Number.parseFloat(t);return Number.isFinite(n)?n:void 0}function $(e,t){let n=f(e);return t?.[n]??e.width}function De(e){return e.align?e.align:e.type?`center`:`start`}export{i as buildTableTree,v as filterTableColumns,a as flattenTableTree,ee as getDefaultTableExpandedKeys,z as getNextTableColumnWidths,D as getNextTableExpandedKeys,be as getNextTableFilterKeywordState,K as getNextTableFilterState,q as getNextTableFilterValuesState,he as getNextTableKeyboardResizeWidth,me as getNextTablePointerResizeWidth,te as getProcessedTableTree,De as getTableAlign,Ee as getTableAriaSort,L as getTableCellStyle,C as getTableColumnByKey,Y as getTableColumnFilterOptions,_e as getTableColumnFilterStateValue,ge as getTableColumnFilterValue,G as getTableColumnFilterValues,f as getTableColumnKey,W as getTableColumnLabel,B as getTableColumnResizeMinWidth,U as getTableColumnSortOrder,$ as getTableColumnWidthValue,we as getTableFilterPlaceholder,P as getTableFixedColumnOffsets,I as getTableHeaderFixedState,b as getTableHeaderRows,k as getTableHeaderSelectionState,y as getTableLeafColumns,F as getTableLeafFixedState,V as getTableMeasuredColumnWidth,H as getTableMeasuredColumnWidths,de as getTableResizeHandleLabel,ie as getTableResolvedHeight,fe as getTableRowExpandLabel,n as getTableRowLabel,d as getTableRowValueByDataIndex,w as getTableScrollStyle,pe as getTableSelectRowLabel,ue as getTableSortButtonLabel,R as getTableSpacerCellStyle,M as getTableTreeCellStyle,re as getTableTreeColumnKey,u as getTableTreeRows,se as getTableVirtualMeasurements,T as getTableVirtualPaddingEnd,le as getTableVirtualPaddingStart,ce as getTableVirtualRange,ne as getTableVisibleExpandedKeys,E as getTableVisibleRows,l as hasTableTreeChildren,ve as isTableColumnFiltered,h as isTableColumnResizable,m as isTableDataColumn,Se as isTableFilterOptionSelected,_ as isTableFilterableColumn,p as isTableGroupColumn,O as isTableRowExpanded,g as isTableSortableColumn,A as isTableTreeColumn,X as matchesTableColumnFilter,Q as parseTableColumnWidth,N as shouldRenderTableExpandedRow,j as shouldShowTableInlineTreeToggle,Ce as sortTableData,xe as toggleTableFilterOption,ye as toggleTableSortState};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useTableUi as t}from"./context.js";import n
|
|
1
|
+
import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useTableUi as t}from"./context.js";import{useTableCompactCell as n}from"./hooks.js";import r from"./table-cell.js";import{Fragment as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeClass as p,normalizeProps as m,normalizeStyle as h,openBlock as g,renderSlot as _,toDisplayString as v,unref as y,withCtx as b}from"vue";const x=u({name:`TableCompactCell`,__name:`table-compact-cell`,props:{column:{},row:{},index:{}},setup(u){let x=u,S=t(),{bindProps:C,dataColumn:w,dataCellSlotProps:T,isTreeColumn:E,showInlineTreeToggle:D,treeCellStyle:O,treeToggleSlotProps:k,indexSlotProps:A,selectionSlotProps:j,expandSlotProps:M}=n(e(x));return(e,t)=>(g(),a(r,m(d(y(C))),{default:b(()=>[y(w)&&y(T)?_(e.$slots,y(w).dataIndex,m(f({key:0},y(T))),()=>[y(E)?(g(),s(`div`,{key:0,class:p(y(S).treeCell),style:h(y(O))},[y(D)&&u.row.hasChildren?_(e.$slots,`tree-toggle`,m(f({key:0},y(k)))):y(D)?(g(),s(`span`,{key:1,class:p(y(S).treeTogglePlaceholder),"aria-hidden":`true`},null,2)):o(`v-if`,!0),c(`span`,null,v(y(T).value),1)],6)):(g(),s(i,{key:1},[l(v(y(T).value),1)],64))]):u.column.type===`index`?_(e.$slots,`index`,m(f({key:1},y(A))),()=>[l(v(y(A).index+1),1)]):u.column.type===`selection`?_(e.$slots,`selection`,m(f({key:2},y(j)))):u.column.type===`expand`?_(e.$slots,`expand`,m(f({key:3},y(M)))):o(`v-if`,!0)]),_:3},16))}});export{x as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import t
|
|
1
|
+
import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useTableCompactHead as t}from"./hooks.js";import n from"./table-head.js";import{Fragment as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderSlot as m,toDisplayString as h,unref as g,withCtx as _}from"vue";const v=l({name:`TableCompactHead`,__name:`table-compact-head`,props:{column:{},colSpan:{},rowSpan:{}},setup(l){let{bindProps:v,setElementRef:y,headerSlotProps:b,headerSelectionSlotProps:x,headerFilterSlotProps:S,sortSlotProps:C,resizeSlotProps:w,columnSlotName:T,sortable:E,filterable:D,resizable:O}=t(e(l));return(e,t)=>(p(),i(n,d({ref:g(y)},g(v)),{default:_(()=>[m(e.$slots,`header`,f(u(g(b))),()=>[m(e.$slots,`header-${g(T)}`,f(u(g(b))),()=>[l.column.type===`index`?(p(),o(r,{key:0},[c(h(l.column.title??`#`),1)],64)):l.column.type===`selection`?m(e.$slots,`header-selection`,f(d({key:1},g(x)))):l.column.type===`expand`?(p(),o(r,{key:2},[c(h(l.column.title),1)],64)):(p(),o(r,{key:3},[s(`span`,null,h(l.column.title),1),g(E)?m(e.$slots,`header-sort`,f(d({key:0},g(C)))):a(`v-if`,!0),g(D)?m(e.$slots,`header-filter`,f(d({key:1},g(S)))):a(`v-if`,!0),g(O)?m(e.$slots,`header-resize`,f(d({key:2},g(w)))):a(`v-if`,!0)],64))])])]),_:3},16))}});export{v as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import t
|
|
1
|
+
import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{getTableColumnKey as t}from"./shared.js";import{useTableCompactExpandedRow as n}from"./hooks.js";import r from"./table-cell.js";import i from"./table-compact-cell.js";import a from"./table-row.js";import{Fragment as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createSlots as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,openBlock as _,renderList as v,renderSlot as y,unref as b,useSlots as x,withCtx as S}from"vue";const C=p({name:`TableCompactRow`,inheritAttrs:!1,__name:`table-compact-row`,props:{row:{},index:{},leafColumns:{}},setup(p){let C=p,w=x(),{visible:T,expandedRowSlotProps:E,rowProps:D,cellProps:O}=n(e(C,[`row`,`index`])),k=s(()=>Object.keys(w));return(e,n)=>(_(),u(o,null,[f(a,h(b(D),{"data-row":``,"data-level":p.row.level}),{default:S(()=>[(_(!0),u(o,null,v(p.leafColumns,n=>(_(),c(i,{key:b(t)(n),column:n,row:p.row,index:p.index},d({_:2},[v(k.value,t=>({name:t,fn:S(n=>[y(e.$slots,t,h({ref_for:!0},n))])}))]),1032,[`column`,`row`,`index`]))),128))]),_:3},16,[`data-level`]),b(T)?(_(),c(a,h({key:0},b(D),{"data-expanded-row":``,"data-level":p.row.level}),{default:S(()=>[f(r,h(b(O),{colspan:p.leafColumns.length}),{default:S(()=>[y(e.$slots,`expanded-row`,g(m(b(E))))]),_:3},16,[`colspan`])]),_:3},16,[`data-level`])):l(`v-if`,!0)],64))}});export{C as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useDirection as t}from"../config-provider/context.js";import{provideTableCompactContext as n}from"./context.js";import
|
|
1
|
+
import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useDirection as t}from"../config-provider/context.js";import{provideTableCompactContext as n}from"./context.js";import{useTableCompactData as r,useTableCompactResize as i,useTableCompactState as a,useTableCompactVirtual as o}from"./hooks.js";import s from"./table-body.js";import c from"./table-row.js";import l from"./table-compact-row.js";import u from"./table-compact-head.js";import d from"./table-content.js";import f from"./table-footer.js";import p from"./table-header.js";import m from"./table-root.js";import ee from"./table-scroll.js";import h from"./table-virtual-spacer-row.js";import{Fragment as g,computed as _,createBlock as v,createCommentVNode as y,createElementBlock as b,createSlots as x,createVNode as S,defineComponent as C,guardReactiveProps as w,mergeProps as T,normalizeProps as E,normalizeStyle as D,openBlock as O,renderList as k,renderSlot as A,unref as j,useSlots as M,withCtx as N}from"vue";const P=C({name:`TableCompact`,__name:`table-compact`,props:{columns:{},data:{},rowKey:{},defaultSortState:{},sortState:{default:void 0},defaultFilterState:{},filterState:{default:void 0},defaultColumnWidths:{},columnWidths:{default:void 0},getChildren:{},indent:{default:16},virtual:{type:Boolean},height:{},estimateSize:{},virtualizerOptions:{},defaultExpanded:{},expanded:{default:void 0},defaultExpandAll:{type:Boolean},contentProps:{},headerProps:{},bodyProps:{},footerProps:{},headProps:{},rowProps:{},cellProps:{},dir:{},defaultSelected:{},selected:{default:void 0},multiple:{default:!0}},emits:[`update:sortState`,`update:filterState`,`update:columnWidths`,`update:expanded`,`update:selected`],setup(C,{emit:P}){let F=C,I=P,L=M(),R=_(()=>Object.keys(L)),z=_(()=>!!L[`expanded-row`]),B=F,V=t(()=>F.dir),{expanded:H,sortState:U,filterState:W,columnWidths:G,selected:K,multiple:q,onSelectedChange:J,setSelected:Y,resetSelected:X,isValueSelected:te}=a({props:B,emit:I,hasExpandedRowSlot:z}),{leafColumns:Z,headerRows:Q,sourceRows:ne,hasTreeRows:re,visibleExpandedKeys:ie,visibleRowKeys:ae,treeColumnKey:oe,hasExpandColumn:se,isHeaderSelectionDisabled:ce,headerSelection:le,displayRows:ue}=r({props:B,expanded:H,sortState:U,filterState:W,selected:K,hasExpandedRowSlot:z}),{setTableContentRef:de,headCellElements:fe,measuredColumnWidths:pe,syncMeasuredColumnWidths:$,resizingColumnKey:me,fixedColumnStates:he}=i({leafColumns:Z,columnWidths:G}),{isVirtual:ge,setTableScrollRef:_e,tableScrollStyle:ve,virtualPaddingStart:ye,virtualPaddingEnd:be,visibleRows:xe}=o({...e(B,[`height`,`virtual`,`virtualizerOptions`,`estimateSize`]),displayRows:ue,syncMeasuredColumnWidths:$});return n({...e(F,[`indent`,`headProps`,`cellProps`,`rowProps`]),dir:V,rowKey:F.rowKey,expanded:H,sortState:U,filterState:W,columnWidths:G,selected:K,multiple:q,onSelectedChange:J,setSelected:Y,resetSelected:X,isValueSelected:te,leafColumns:Z,sourceRows:ne,hasTreeRows:re,treeColumnKey:oe,hasExpandColumn:se,hasExpandedRowSlot:z,visibleExpandedKeys:ie,visibleRowKeys:ae,isHeaderSelectionDisabled:ce,headerSelection:le,fixedColumnStates:he,resizingColumnKey:me,measuredColumnWidths:pe,headCellElements:fe}),(e,t)=>(O(),v(m,{dir:j(V)},{default:N(()=>[S(ee,{ref:j(_e),style:D(j(ve))},{default:N(()=>[S(d,T({ref:j(de)},C.contentProps),{default:N(()=>[S(p,E(w(C.headerProps)),{default:N(()=>[(O(!0),b(g,null,k(j(Q),(t,n)=>(O(),v(c,T({key:n},{ref_for:!0},C.rowProps),{default:N(()=>[(O(!0),b(g,null,k(t,t=>(O(),v(u,{key:t.key,column:t.column,"col-span":t.colSpan,"row-span":t.rowSpan},x({_:2},[k(R.value,t=>({name:t,fn:N(n=>[A(e.$slots,t,T({ref_for:!0},n))])}))]),1032,[`column`,`col-span`,`row-span`]))),128))]),_:2},1040))),128))]),_:3},16),S(s,E(w(C.bodyProps)),{default:N(()=>[S(h,{"is-virtual":j(ge),colspan:Math.max(j(Z).length,1),"padding-start":j(ye),"padding-end":j(be)},{default:N(()=>[(O(!0),b(g,null,k(j(xe),({item:t,index:n})=>(O(),v(l,{key:t.key,row:t,index:n,"leaf-columns":j(Z)},x({_:2},[k(R.value,t=>({name:t,fn:N(n=>[A(e.$slots,t,T({ref_for:!0},n))])}))]),1032,[`row`,`index`,`leaf-columns`]))),128))]),_:3},8,[`is-virtual`,`colspan`,`padding-start`,`padding-end`])]),_:3},16),e.$slots.footer?(O(),v(f,E(T({key:0},C.footerProps)),{default:N(()=>[A(e.$slots,`footer`,{columnSize:j(Z).length})]),_:3},16)):y(`v-if`,!0)]),_:3},16)]),_:3},8,[`style`]),A(e.$slots,`bottom`)]),_:3},8,[`dir`]))}});export{P as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useTableUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`TableScroll`,__name:`table-scroll`,setup(n){let s=e(`scroll`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { TableScrollProps } from "./types.js";
|
|
2
|
+
import * as _$vue from "vue";
|
|
3
|
+
|
|
4
|
+
//#region src/components/table/table-scroll.vue.d.ts
|
|
5
|
+
declare var __VLS_1: {};
|
|
6
|
+
type __VLS_Slots = {} & {
|
|
7
|
+
default?: (props: typeof __VLS_1) => any;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_base: _$vue.DefineComponent<TableScrollProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TableScrollProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
10
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
11
|
+
declare const _default: typeof __VLS_export;
|
|
12
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
13
|
+
new (): {
|
|
14
|
+
$slots: S;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
//#endregion
|
|
18
|
+
export { _default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e
|
|
1
|
+
import{getTableSpacerCellStyle as e}from"./shared.js";import t from"./table-row.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,defineComponent as c,normalizeStyle as l,openBlock as u,renderSlot as d,withCtx as f}from"vue";const p=[`colspan`],m=[`colspan`],h=c({name:`TableVirtualSpacerRow`,inheritAttrs:!1,__name:`table-virtual-spacer-row`,props:{isVirtual:{type:Boolean},colspan:{},paddingStart:{},paddingEnd:{}},setup(c){let h=c,g=r(()=>e(h.paddingStart)),_=r(()=>e(h.paddingEnd));return(e,r)=>(u(),o(n,null,[c.isVirtual&&c.paddingStart>0?(u(),i(t,{key:0,"aria-hidden":`true`},{default:f(()=>[s(`td`,{colspan:c.colspan,style:l(g.value)},null,12,p)]),_:1})):a(`v-if`,!0),d(e.$slots,`default`),c.isVirtual&&c.paddingEnd>0?(u(),i(t,{key:1,"aria-hidden":`true`},{default:f(()=>[s(`td`,{colspan:c.colspan,style:l(_.value)},null,12,m)]),_:1})):a(`v-if`,!0)],64))}});export{h as default};
|
|
@@ -8,6 +8,7 @@ import { ComputedRef, HTMLAttributes, ShallowRef, TableHTMLAttributes, TdHTMLAtt
|
|
|
8
8
|
interface TableRootProps extends /** @vue-ignore */HTMLAttributes {
|
|
9
9
|
dir?: Direction;
|
|
10
10
|
}
|
|
11
|
+
interface TableScrollProps extends /** @vue-ignore */HTMLAttributes {}
|
|
11
12
|
interface TableContentProps extends /** @vue-ignore */TableHTMLAttributes {}
|
|
12
13
|
interface TableHeaderProps extends /** @vue-ignore */HTMLAttributes {}
|
|
13
14
|
interface TableBodyProps extends /** @vue-ignore */HTMLAttributes {}
|
|
@@ -15,7 +16,7 @@ interface TableFooterProps extends /** @vue-ignore */HTMLAttributes {}
|
|
|
15
16
|
interface TableRowProps extends /** @vue-ignore */HTMLAttributes {}
|
|
16
17
|
interface TableHeadProps extends /** @vue-ignore */ThHTMLAttributes {}
|
|
17
18
|
interface TableCellProps extends /** @vue-ignore */TdHTMLAttributes {}
|
|
18
|
-
type TableUiSlot = 'root' | 'content' | 'header' | 'body' | 'footer' | 'row' | 'head' | 'cell' | 'fixed' | 'sortTrigger' | 'filterInput' | 'resizeHandle' | 'treeCell' | 'treeToggle' | 'treeTogglePlaceholder';
|
|
19
|
+
type TableUiSlot = 'root' | 'scroll' | 'content' | 'header' | 'body' | 'footer' | 'row' | 'head' | 'cell' | 'fixed' | 'sortTrigger' | 'filterInput' | 'resizeHandle' | 'treeCell' | 'treeToggle' | 'treeTogglePlaceholder';
|
|
19
20
|
type TableUi = UiClass<TableUiSlot>;
|
|
20
21
|
type TableBaseData = Record<string, any>;
|
|
21
22
|
type TableRowValue<T extends TableBaseData = TableBaseData> = Omit<T, 'children'>;
|
|
@@ -125,10 +126,14 @@ interface TableHeaderCell<T extends TableBaseData = TableBaseData> {
|
|
|
125
126
|
interface TableFixedState {
|
|
126
127
|
side: 'start' | 'end';
|
|
127
128
|
offset: number;
|
|
129
|
+
isLastStart: boolean;
|
|
130
|
+
isFirstEnd: boolean;
|
|
128
131
|
}
|
|
129
132
|
interface TableFixedColumnOffsets {
|
|
130
133
|
startOffsets: Record<string, number>;
|
|
131
134
|
endOffsets: Record<string, number>;
|
|
135
|
+
lastStartKey?: string;
|
|
136
|
+
firstEndKey?: string;
|
|
132
137
|
}
|
|
133
138
|
interface TableSelectionProps<R extends TableUnifiedKey = TableUnifiedKey, M extends boolean = false> {
|
|
134
139
|
defaultSelected?: M extends true ? R[] : R;
|
|
@@ -323,4 +328,4 @@ interface TableCompactContext extends PropsToContext<TableCompactProps, 'indent'
|
|
|
323
328
|
headCellElements: Record<string, HTMLElement | null>;
|
|
324
329
|
}
|
|
325
330
|
//#endregion
|
|
326
|
-
export { TableAlign, TableBaseData, TableBodyProps, TableCellProps, TableCellSlotProps, TableColumn, TableColumnBase, TableColumnFilter, TableColumnFilterOption, TableColumnFilterValue, TableColumnType, TableColumnWidthState, TableCompactCellProps, TableCompactCellSlots, TableCompactContext, TableCompactEmits, TableCompactExpandedRowProps, TableCompactHeadProps, TableCompactProps, TableCompactRowProps, TableCompactSlots, TableContentProps, TableDataCellSlotProps, TableDataColumn, TableExpandSlotProps, TableExpandedRowSlotProps, TableFilterState, TableFilterValue, TableFixedColumnOffsets, TableFixedState, TableFooterProps, TableGroupColumn, TableHeadProps, TableHeaderCell, TableHeaderFilterSlotProps, TableHeaderProps, TableHeaderResizeSlotProps, TableHeaderSelectionSlotProps, TableHeaderSlotProps, TableHeaderSortSlotProps, TableIndexSlotProps, TableRootProps, TableRowChildrenResolver, TableRowProps, TableRowValue, TableSelectionProps, TableSelectionSlotProps, TableSortOrder, TableSortState, TableTreeNode, TableTreeRow, TableTreeToggleSlotProps, TableTypeColumn, TableUi, TableUiSlot, TableUnifiedKey, TableVirtualMeasurement, TableVirtualRange, TableVisibleRow };
|
|
331
|
+
export { TableAlign, TableBaseData, TableBodyProps, TableCellProps, TableCellSlotProps, TableColumn, TableColumnBase, TableColumnFilter, TableColumnFilterOption, TableColumnFilterValue, TableColumnType, TableColumnWidthState, TableCompactCellProps, TableCompactCellSlots, TableCompactContext, TableCompactEmits, TableCompactExpandedRowProps, TableCompactHeadProps, TableCompactProps, TableCompactRowProps, TableCompactSlots, TableContentProps, TableDataCellSlotProps, TableDataColumn, TableExpandSlotProps, TableExpandedRowSlotProps, TableFilterState, TableFilterValue, TableFixedColumnOffsets, TableFixedState, TableFooterProps, TableGroupColumn, TableHeadProps, TableHeaderCell, TableHeaderFilterSlotProps, TableHeaderProps, TableHeaderResizeSlotProps, TableHeaderSelectionSlotProps, TableHeaderSlotProps, TableHeaderSortSlotProps, TableIndexSlotProps, TableRootProps, TableRowChildrenResolver, TableRowProps, TableRowValue, TableScrollProps, TableSelectionProps, TableSelectionSlotProps, TableSortOrder, TableSortState, TableTreeNode, TableTreeRow, TableTreeToggleSlotProps, TableTypeColumn, TableUi, TableUiSlot, TableUnifiedKey, TableVirtualMeasurement, TableVirtualRange, TableVisibleRow };
|
|
@@ -17,8 +17,8 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_Props, {}, {}, {}, {}, _$v
|
|
|
17
17
|
}>, {
|
|
18
18
|
orientation: DataOrientation;
|
|
19
19
|
modelValue: DefinedValue | null;
|
|
20
|
-
activationMode: TabsActivationMode;
|
|
21
20
|
loop: boolean;
|
|
21
|
+
activationMode: TabsActivationMode;
|
|
22
22
|
unmountOnHide: boolean;
|
|
23
23
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
24
24
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|