@bridge-ui/vue 0.2.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ai/skills/bridge-ui-components/SKILL.md +3 -1
- package/dist/Components/Autocomplete/Autocomplete.vue_vue_type_script_setup_true_lang.js +40 -45
- package/dist/Components/Autocomplete/composables/useAutocomplete.d.ts +2 -1
- package/dist/Components/ColorField/ColorField.vue_vue_type_script_setup_true_lang.js +39 -44
- package/dist/Components/ColorField/composables/useColorField.d.ts +3 -1
- package/dist/Components/DataTable/DataTable.js +5 -0
- package/dist/Components/DataTable/DataTable.vue.d.ts +43 -0
- package/dist/Components/DataTable/DataTable.vue_vue_type_script_setup_true_lang.js +396 -0
- package/dist/Components/DataTable/DataTableCellContent.js +5 -0
- package/dist/Components/DataTable/DataTableCellContent.vue.d.ts +23 -0
- package/dist/Components/DataTable/DataTableCellContent.vue_vue_type_script_setup_true_lang.js +38 -0
- package/dist/Components/DataTable/DataTableColumnsMenu.js +5 -0
- package/dist/Components/DataTable/DataTableColumnsMenu.vue.d.ts +17 -0
- package/dist/Components/DataTable/DataTableColumnsMenu.vue_vue_type_script_setup_true_lang.js +92 -0
- package/dist/Components/DataTable/DataTableFilterMenu.js +5 -0
- package/dist/Components/DataTable/DataTableFilterMenu.vue.d.ts +20 -0
- package/dist/Components/DataTable/DataTableFilterMenu.vue_vue_type_script_setup_true_lang.js +151 -0
- package/dist/Components/DataTable/DataTableFilterOptions.js +5 -0
- package/dist/Components/DataTable/DataTableFilterOptions.vue.d.ts +17 -0
- package/dist/Components/DataTable/DataTableFilterOptions.vue_vue_type_script_setup_true_lang.js +81 -0
- package/dist/Components/DataTable/DataTableSearch.js +5 -0
- package/dist/Components/DataTable/DataTableSearch.vue.d.ts +12 -0
- package/dist/Components/DataTable/DataTableSearch.vue_vue_type_script_setup_true_lang.js +39 -0
- package/dist/Components/DataTable/DataTableSelection.js +5 -0
- package/dist/Components/DataTable/DataTableSelection.vue.d.ts +20 -0
- package/dist/Components/DataTable/DataTableSelection.vue_vue_type_script_setup_true_lang.js +56 -0
- package/dist/Components/DataTable/DataTableSortButton.js +5 -0
- package/dist/Components/DataTable/DataTableSortButton.vue.d.ts +17 -0
- package/dist/Components/DataTable/DataTableSortButton.vue_vue_type_script_setup_true_lang.js +43 -0
- package/dist/Components/DataTable/DataTableToolbarButton.js +5 -0
- package/dist/Components/DataTable/DataTableToolbarButton.vue.d.ts +14 -0
- package/dist/Components/DataTable/DataTableToolbarButton.vue_vue_type_script_setup_true_lang.js +31 -0
- package/dist/Components/DataTable/composables/useDataTable.d.ts +565 -0
- package/dist/Components/DataTable/composables/useDataTable.js +511 -0
- package/dist/Components/DataTable/composables/useDataTableColumnsMenu.d.ts +27 -0
- package/dist/Components/DataTable/composables/useDataTableColumnsMenu.js +54 -0
- package/dist/Components/DataTable/dataTable.types.d.ts +497 -0
- package/dist/Components/DataTable/index.d.ts +3 -0
- package/dist/Components/DataTable/index.js +3 -0
- package/dist/Components/DateField/DateField.vue_vue_type_script_setup_true_lang.js +52 -57
- package/dist/Components/DateField/composables/useDateField.d.ts +3 -1
- package/dist/Components/DateRangeField/DateRangeField.vue_vue_type_script_setup_true_lang.js +50 -55
- package/dist/Components/DateRangeField/composables/useDateRangeField.d.ts +3 -1
- package/dist/Components/DateTimeField/DateTimeField.vue_vue_type_script_setup_true_lang.js +56 -61
- package/dist/Components/DateTimeField/composables/useDateTimeField.d.ts +3 -1
- package/dist/Components/DateTimeRangeField/DateTimeRangeField.vue_vue_type_script_setup_true_lang.js +56 -61
- package/dist/Components/DateTimeRangeField/composables/useDateTimeRangeField.d.ts +3 -1
- package/dist/Components/FormField/composables/useFormField.d.ts +2 -1
- package/dist/Components/FormField/composables/useFormField.js +80 -75
- package/dist/Components/Menu/Menu.vue_vue_type_script_setup_true_lang.js +1 -0
- package/dist/Components/Menu/composables/useMenu.d.ts +1 -1
- package/dist/Components/Menu/composables/useMenu.js +7 -3
- package/dist/Components/Menu/menu.types.d.ts +6 -0
- package/dist/Components/NumberField/NumberField.vue_vue_type_script_setup_true_lang.js +53 -43
- package/dist/Components/NumberField/composables/useNumberField.d.ts +9 -2
- package/dist/Components/NumberField/composables/useNumberField.js +49 -36
- package/dist/Components/NumberField/index.d.ts +1 -1
- package/dist/Components/NumberField/numberField.types.d.ts +13 -1
- package/dist/Components/PasswordField/PasswordField.vue_vue_type_script_setup_true_lang.js +28 -33
- package/dist/Components/PasswordField/composables/usePasswordField.d.ts +2 -1
- package/dist/Components/Radio/Radio.vue_vue_type_script_setup_true_lang.js +9 -9
- package/dist/Components/Radio/composables/useRadio.js +57 -54
- package/dist/Components/Select/Select.vue_vue_type_script_setup_true_lang.js +42 -47
- package/dist/Components/Select/composables/useSelect.d.ts +2 -1
- package/dist/Components/Slider/Slider.vue_vue_type_script_setup_true_lang.js +43 -48
- package/dist/Components/Slider/composables/useSlider.d.ts +3 -3
- package/dist/Components/Snackbar/composables/useSnackbar.d.ts +1 -1
- package/dist/Components/Table/Table.js +5 -0
- package/dist/Components/Table/Table.vue.d.ts +16 -0
- package/dist/Components/Table/Table.vue_vue_type_script_setup_true_lang.js +44 -0
- package/dist/Components/Table/TableBody.js +5 -0
- package/dist/Components/Table/TableBody.vue.d.ts +11 -0
- package/dist/Components/Table/TableBody.vue_vue_type_script_setup_true_lang.js +17 -0
- package/dist/Components/Table/TableCaption.js +5 -0
- package/dist/Components/Table/TableCaption.vue.d.ts +11 -0
- package/dist/Components/Table/TableCaption.vue_vue_type_script_setup_true_lang.js +17 -0
- package/dist/Components/Table/TableCell.js +5 -0
- package/dist/Components/Table/TableCell.vue.d.ts +11 -0
- package/dist/Components/Table/TableCell.vue_vue_type_script_setup_true_lang.js +19 -0
- package/dist/Components/Table/TableFooter.js +5 -0
- package/dist/Components/Table/TableFooter.vue.d.ts +11 -0
- package/dist/Components/Table/TableFooter.vue_vue_type_script_setup_true_lang.js +17 -0
- package/dist/Components/Table/TableHead.js +5 -0
- package/dist/Components/Table/TableHead.vue.d.ts +11 -0
- package/dist/Components/Table/TableHead.vue_vue_type_script_setup_true_lang.js +19 -0
- package/dist/Components/Table/TableHeader.js +5 -0
- package/dist/Components/Table/TableHeader.vue.d.ts +11 -0
- package/dist/Components/Table/TableHeader.vue_vue_type_script_setup_true_lang.js +17 -0
- package/dist/Components/Table/TableRow.js +5 -0
- package/dist/Components/Table/TableRow.vue.d.ts +11 -0
- package/dist/Components/Table/TableRow.vue_vue_type_script_setup_true_lang.js +17 -0
- package/dist/Components/Table/composables/useTable.d.ts +19 -0
- package/dist/Components/Table/composables/useTable.js +89 -0
- package/dist/Components/Table/composables/useTableCell.d.ts +12 -0
- package/dist/Components/Table/composables/useTableCell.js +40 -0
- package/dist/Components/Table/composables/useTablePart.d.ts +12 -0
- package/dist/Components/Table/composables/useTablePart.js +32 -0
- package/dist/Components/Table/composables/useTableRow.d.ts +6 -0
- package/dist/Components/Table/composables/useTableRow.js +29 -0
- package/dist/Components/Table/index.d.ts +14 -0
- package/dist/Components/Table/index.js +14 -0
- package/dist/Components/Table/table.types.d.ts +417 -0
- package/dist/Components/Table/tableInjectionKey.d.ts +114 -0
- package/dist/Components/Table/tableInjectionKey.js +4 -0
- package/dist/Components/TextField/TextField.vue_vue_type_script_setup_true_lang.js +11 -16
- package/dist/Components/TextField/composables/useTextField.d.ts +2 -1
- package/dist/Components/Textarea/Textarea.vue_vue_type_script_setup_true_lang.js +15 -20
- package/dist/Components/Textarea/composables/useTextarea.d.ts +2 -1
- package/dist/Components/TimeField/TimeField.vue_vue_type_script_setup_true_lang.js +45 -50
- package/dist/Components/TimeField/composables/useTimeField.d.ts +3 -1
- package/dist/Components/TimeRangeField/TimeRangeField.vue_vue_type_script_setup_true_lang.js +45 -50
- package/dist/Components/TimeRangeField/composables/useTimeRangeField.d.ts +3 -1
- package/dist/Utils/index.d.ts +1 -0
- package/dist/Utils/index.js +28 -27
- package/dist/Utils/useOptionalModel.d.ts +6 -0
- package/dist/Utils/useOptionalModel.js +13 -0
- package/dist/augments.d.ts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/theme.css +46 -42
- package/docs/README.md +2 -0
- package/docs/components/CalendarDate.md +1 -1
- package/docs/components/DataTable.md +371 -0
- package/docs/components/DateField.md +2 -2
- package/docs/components/DatePicker.md +3 -3
- package/docs/components/DateRangePicker.md +1 -1
- package/docs/components/NumberField.md +17 -6
- package/docs/components/Pagination.md +2 -2
- package/docs/components/Table.md +122 -0
- package/docs/examples/i18n-dictionary.ts +10 -0
- package/docs/examples/icon-fontawesome.ts +12 -0
- package/docs/examples/icon-heroicons.ts +12 -0
- package/docs/examples/icon-lucide.ts +12 -0
- package/docs/examples/icon-phosphor.ts +12 -0
- package/docs/examples/icon-tabler.ts +12 -0
- package/package.json +9 -2
|
@@ -218,7 +218,7 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
|
|
|
218
218
|
dir?: string | undefined | undefined;
|
|
219
219
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
220
220
|
enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
221
|
-
enterKeyHint?: "
|
|
221
|
+
enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
|
|
222
222
|
hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
|
|
223
223
|
inert?: (boolean | "true" | "false") | undefined;
|
|
224
224
|
placeholder?: string | undefined | undefined;
|
|
@@ -425,7 +425,7 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
|
|
|
425
425
|
dir?: string | undefined | undefined;
|
|
426
426
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
427
427
|
enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
428
|
-
enterKeyHint?: "
|
|
428
|
+
enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
|
|
429
429
|
hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
|
|
430
430
|
inert?: (boolean | "true" | "false") | undefined;
|
|
431
431
|
placeholder?: string | undefined | undefined;
|
|
@@ -479,7 +479,7 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
|
|
|
479
479
|
getThumbKnobBind: (thumbIndex: 0 | 1) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
|
|
480
480
|
"aria-hidden": boolean;
|
|
481
481
|
}>;
|
|
482
|
-
tooltipProps: import('vue').ComputedRef<Partial<Omit<import('../../Tooltip').TooltipOwnProps, "slots" | "
|
|
482
|
+
tooltipProps: import('vue').ComputedRef<Partial<Omit<import('../../Tooltip').TooltipOwnProps, "slots" | "modelValue" | "anchorEl" | "content">> | undefined>;
|
|
483
483
|
readThumbValue: (thumbIndex: 0 | 1) => number;
|
|
484
484
|
};
|
|
485
485
|
export type UseSliderReturn = ReturnType<typeof useSlider>;
|
|
@@ -192,7 +192,7 @@ export declare function useSnackbar(props: SnackbarProps, libDefaults: SnackbarL
|
|
|
192
192
|
dir?: string | undefined | undefined;
|
|
193
193
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
194
194
|
enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
195
|
-
enterKeyHint?: "
|
|
195
|
+
enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
|
|
196
196
|
hidden?: "" | "until-found" | "hidden" | (boolean | "true" | "false") | undefined;
|
|
197
197
|
inert?: (boolean | "true" | "false") | undefined;
|
|
198
198
|
placeholder?: string | undefined | undefined;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { TableOwnProps, TableSlots } from './table.types';
|
|
2
|
+
type __VLS_Slots = TableSlots;
|
|
3
|
+
declare const __VLS_base: import('vue').DefineComponent<TableOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableOwnProps> & Readonly<{}>, {
|
|
4
|
+
full: boolean;
|
|
5
|
+
hoverable: boolean;
|
|
6
|
+
stickyHeader: boolean;
|
|
7
|
+
striped: boolean;
|
|
8
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
9
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
10
|
+
declare const _default: typeof __VLS_export;
|
|
11
|
+
export default _default;
|
|
12
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
13
|
+
new (): {
|
|
14
|
+
$slots: S;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { useTable as e } from "./composables/useTable.js";
|
|
2
|
+
import { createElementBlock as t, createElementVNode as n, defineComponent as r, guardReactiveProps as i, normalizeProps as a, openBlock as o, renderSlot as s, unref as c } from "vue";
|
|
3
|
+
//#region src/Components/Table/Table.vue?vue&type=script&setup=true&lang.ts
|
|
4
|
+
var l = /*@__PURE__*/ r({
|
|
5
|
+
inheritAttrs: !1,
|
|
6
|
+
__name: "Table",
|
|
7
|
+
props: {
|
|
8
|
+
classes: {},
|
|
9
|
+
customProps: {},
|
|
10
|
+
full: {
|
|
11
|
+
type: Boolean,
|
|
12
|
+
default: !0
|
|
13
|
+
},
|
|
14
|
+
hoverable: {
|
|
15
|
+
type: Boolean,
|
|
16
|
+
default: !1
|
|
17
|
+
},
|
|
18
|
+
rounded: {},
|
|
19
|
+
size: {},
|
|
20
|
+
stickyHeader: {
|
|
21
|
+
type: Boolean,
|
|
22
|
+
default: !1
|
|
23
|
+
},
|
|
24
|
+
striped: {
|
|
25
|
+
type: Boolean,
|
|
26
|
+
default: !1
|
|
27
|
+
},
|
|
28
|
+
variant: {}
|
|
29
|
+
},
|
|
30
|
+
setup(r) {
|
|
31
|
+
let { wrapBind: l, rootBind: u, tableBind: d } = e(r, {
|
|
32
|
+
size: "md",
|
|
33
|
+
full: !0,
|
|
34
|
+
rounded: "lg",
|
|
35
|
+
striped: !1,
|
|
36
|
+
variant: "plain",
|
|
37
|
+
hoverable: !1,
|
|
38
|
+
stickyHeader: !1
|
|
39
|
+
});
|
|
40
|
+
return (e, r) => (o(), t("div", a(i(c(l))), [n("div", a(i(c(u))), [n("table", a(i(c(d))), [s(e.$slots, "default")], 16)], 16)], 16));
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
//#endregion
|
|
44
|
+
export { l as default };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { TableBodyOwnProps, TableBodySlots } from './table.types';
|
|
2
|
+
type __VLS_Slots = TableBodySlots;
|
|
3
|
+
declare const __VLS_base: import('vue').DefineComponent<TableBodyOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableBodyOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
4
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
5
|
+
declare const _default: typeof __VLS_export;
|
|
6
|
+
export default _default;
|
|
7
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
8
|
+
new (): {
|
|
9
|
+
$slots: S;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { useTablePart as e } from "./composables/useTablePart.js";
|
|
2
|
+
import { createElementBlock as t, defineComponent as n, guardReactiveProps as r, normalizeProps as i, openBlock as a, renderSlot as o, unref as s } from "vue";
|
|
3
|
+
//#region src/Components/Table/TableBody.vue?vue&type=script&setup=true&lang.ts
|
|
4
|
+
var c = /*@__PURE__*/ n({
|
|
5
|
+
inheritAttrs: !1,
|
|
6
|
+
__name: "TableBody",
|
|
7
|
+
props: {
|
|
8
|
+
classes: {},
|
|
9
|
+
customProps: {}
|
|
10
|
+
},
|
|
11
|
+
setup(n) {
|
|
12
|
+
let { rootBind: c } = e(n, "body");
|
|
13
|
+
return (e, n) => (a(), t("tbody", i(r(s(c))), [o(e.$slots, "default")], 16));
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
//#endregion
|
|
17
|
+
export { c as default };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { TableCaptionOwnProps, TableCaptionSlots } from './table.types';
|
|
2
|
+
type __VLS_Slots = TableCaptionSlots;
|
|
3
|
+
declare const __VLS_base: import('vue').DefineComponent<TableCaptionOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableCaptionOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
4
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
5
|
+
declare const _default: typeof __VLS_export;
|
|
6
|
+
export default _default;
|
|
7
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
8
|
+
new (): {
|
|
9
|
+
$slots: S;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { useTablePart as e } from "./composables/useTablePart.js";
|
|
2
|
+
import { createElementBlock as t, defineComponent as n, guardReactiveProps as r, normalizeProps as i, openBlock as a, renderSlot as o, unref as s } from "vue";
|
|
3
|
+
//#region src/Components/Table/TableCaption.vue?vue&type=script&setup=true&lang.ts
|
|
4
|
+
var c = /*@__PURE__*/ n({
|
|
5
|
+
inheritAttrs: !1,
|
|
6
|
+
__name: "TableCaption",
|
|
7
|
+
props: {
|
|
8
|
+
classes: {},
|
|
9
|
+
customProps: {}
|
|
10
|
+
},
|
|
11
|
+
setup(n) {
|
|
12
|
+
let { rootBind: c } = e(n, "caption");
|
|
13
|
+
return (e, n) => (a(), t("caption", i(r(s(c))), [o(e.$slots, "default")], 16));
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
//#endregion
|
|
17
|
+
export { c as default };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { TableCellOwnProps, TableCellSlots } from './table.types';
|
|
2
|
+
type __VLS_Slots = TableCellSlots;
|
|
3
|
+
declare const __VLS_base: import('vue').DefineComponent<TableCellOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableCellOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
4
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
5
|
+
declare const _default: typeof __VLS_export;
|
|
6
|
+
export default _default;
|
|
7
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
8
|
+
new (): {
|
|
9
|
+
$slots: S;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { useTableCell as e } from "./composables/useTableCell.js";
|
|
2
|
+
import { createElementBlock as t, defineComponent as n, guardReactiveProps as r, normalizeProps as i, openBlock as a, renderSlot as o, unref as s } from "vue";
|
|
3
|
+
//#region src/Components/Table/TableCell.vue?vue&type=script&setup=true&lang.ts
|
|
4
|
+
var c = /*@__PURE__*/ n({
|
|
5
|
+
inheritAttrs: !1,
|
|
6
|
+
__name: "TableCell",
|
|
7
|
+
props: {
|
|
8
|
+
align: {},
|
|
9
|
+
classes: {},
|
|
10
|
+
customProps: {},
|
|
11
|
+
numeric: { type: Boolean }
|
|
12
|
+
},
|
|
13
|
+
setup(n) {
|
|
14
|
+
let { rootBind: c } = e(n, "cell");
|
|
15
|
+
return (e, n) => (a(), t("td", i(r(s(c))), [o(e.$slots, "default")], 16));
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
//#endregion
|
|
19
|
+
export { c as default };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { TableFooterOwnProps, TableFooterSlots } from './table.types';
|
|
2
|
+
type __VLS_Slots = TableFooterSlots;
|
|
3
|
+
declare const __VLS_base: import('vue').DefineComponent<TableFooterOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableFooterOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
4
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
5
|
+
declare const _default: typeof __VLS_export;
|
|
6
|
+
export default _default;
|
|
7
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
8
|
+
new (): {
|
|
9
|
+
$slots: S;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { useTablePart as e } from "./composables/useTablePart.js";
|
|
2
|
+
import { createElementBlock as t, defineComponent as n, guardReactiveProps as r, normalizeProps as i, openBlock as a, renderSlot as o, unref as s } from "vue";
|
|
3
|
+
//#region src/Components/Table/TableFooter.vue?vue&type=script&setup=true&lang.ts
|
|
4
|
+
var c = /*@__PURE__*/ n({
|
|
5
|
+
inheritAttrs: !1,
|
|
6
|
+
__name: "TableFooter",
|
|
7
|
+
props: {
|
|
8
|
+
classes: {},
|
|
9
|
+
customProps: {}
|
|
10
|
+
},
|
|
11
|
+
setup(n) {
|
|
12
|
+
let { rootBind: c } = e(n, "footer");
|
|
13
|
+
return (e, n) => (a(), t("tfoot", i(r(s(c))), [o(e.$slots, "default")], 16));
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
//#endregion
|
|
17
|
+
export { c as default };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { TableHeadOwnProps, TableHeadSlots } from './table.types';
|
|
2
|
+
type __VLS_Slots = TableHeadSlots;
|
|
3
|
+
declare const __VLS_base: import('vue').DefineComponent<TableHeadOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableHeadOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
4
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
5
|
+
declare const _default: typeof __VLS_export;
|
|
6
|
+
export default _default;
|
|
7
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
8
|
+
new (): {
|
|
9
|
+
$slots: S;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { useTableCell as e } from "./composables/useTableCell.js";
|
|
2
|
+
import { createElementBlock as t, defineComponent as n, guardReactiveProps as r, normalizeProps as i, openBlock as a, renderSlot as o, unref as s } from "vue";
|
|
3
|
+
//#region src/Components/Table/TableHead.vue?vue&type=script&setup=true&lang.ts
|
|
4
|
+
var c = /*@__PURE__*/ n({
|
|
5
|
+
inheritAttrs: !1,
|
|
6
|
+
__name: "TableHead",
|
|
7
|
+
props: {
|
|
8
|
+
align: {},
|
|
9
|
+
classes: {},
|
|
10
|
+
customProps: {},
|
|
11
|
+
numeric: { type: Boolean }
|
|
12
|
+
},
|
|
13
|
+
setup(n) {
|
|
14
|
+
let { rootBind: c } = e(n, "head");
|
|
15
|
+
return (e, n) => (a(), t("th", i(r(s(c))), [o(e.$slots, "default")], 16));
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
//#endregion
|
|
19
|
+
export { c as default };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { TableHeaderOwnProps, TableHeaderSlots } from './table.types';
|
|
2
|
+
type __VLS_Slots = TableHeaderSlots;
|
|
3
|
+
declare const __VLS_base: import('vue').DefineComponent<TableHeaderOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableHeaderOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
4
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
5
|
+
declare const _default: typeof __VLS_export;
|
|
6
|
+
export default _default;
|
|
7
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
8
|
+
new (): {
|
|
9
|
+
$slots: S;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { useTablePart as e } from "./composables/useTablePart.js";
|
|
2
|
+
import { createElementBlock as t, defineComponent as n, guardReactiveProps as r, normalizeProps as i, openBlock as a, renderSlot as o, unref as s } from "vue";
|
|
3
|
+
//#region src/Components/Table/TableHeader.vue?vue&type=script&setup=true&lang.ts
|
|
4
|
+
var c = /*@__PURE__*/ n({
|
|
5
|
+
inheritAttrs: !1,
|
|
6
|
+
__name: "TableHeader",
|
|
7
|
+
props: {
|
|
8
|
+
classes: {},
|
|
9
|
+
customProps: {}
|
|
10
|
+
},
|
|
11
|
+
setup(n) {
|
|
12
|
+
let { rootBind: c } = e(n, "header");
|
|
13
|
+
return (e, n) => (a(), t("thead", i(r(s(c))), [o(e.$slots, "default")], 16));
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
//#endregion
|
|
17
|
+
export { c as default };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { TableRowOwnProps, TableRowSlots } from './table.types';
|
|
2
|
+
type __VLS_Slots = TableRowSlots;
|
|
3
|
+
declare const __VLS_base: import('vue').DefineComponent<TableRowOwnProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TableRowOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
4
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
5
|
+
declare const _default: typeof __VLS_export;
|
|
6
|
+
export default _default;
|
|
7
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
8
|
+
new (): {
|
|
9
|
+
$slots: S;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { useTableRow as e } from "./composables/useTableRow.js";
|
|
2
|
+
import { createElementBlock as t, defineComponent as n, guardReactiveProps as r, normalizeProps as i, openBlock as a, renderSlot as o, unref as s } from "vue";
|
|
3
|
+
//#region src/Components/Table/TableRow.vue?vue&type=script&setup=true&lang.ts
|
|
4
|
+
var c = /*@__PURE__*/ n({
|
|
5
|
+
inheritAttrs: !1,
|
|
6
|
+
__name: "TableRow",
|
|
7
|
+
props: {
|
|
8
|
+
classes: {},
|
|
9
|
+
customProps: {}
|
|
10
|
+
},
|
|
11
|
+
setup(n) {
|
|
12
|
+
let { rootBind: c } = e(n);
|
|
13
|
+
return (e, n) => (a(), t("tr", i(r(s(c))), [o(e.$slots, "default")], 16));
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
//#endregion
|
|
17
|
+
export { c as default };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
|
|
2
|
+
import { TableOwnProps, TableProps } from '../table.types';
|
|
3
|
+
import { TableContextValue } from '../tableInjectionKey';
|
|
4
|
+
type TableLibDefaults = LibDefaultsShape<TableOwnProps, "full" | "size" | "rounded" | "striped" | "variant" | "hoverable" | "stickyHeader">;
|
|
5
|
+
type TableMerged = MergeLibDefaults<TableOwnProps, TableLibDefaults>;
|
|
6
|
+
export declare function useTable(props: TableOwnProps, libDefaults: TableLibDefaults): {
|
|
7
|
+
merged: import('vue').ComputedRef<TableMerged>;
|
|
8
|
+
wrapBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
|
|
9
|
+
class: string;
|
|
10
|
+
}, "class", {}, {}>>;
|
|
11
|
+
rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
|
|
12
|
+
class: string;
|
|
13
|
+
}, "class", import('vue').HTMLAttributes | undefined, Omit<TableProps, "size" | "classes" | "customProps" | "full" | "rounded" | "variant" | "hoverable" | "stickyHeader" | "striped">>>;
|
|
14
|
+
tableBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
|
|
15
|
+
class: string;
|
|
16
|
+
}, "class", import('vue').HTMLAttributes | undefined, {}>>;
|
|
17
|
+
contextValue: import('vue').ComputedRef<TableContextValue>;
|
|
18
|
+
};
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import { mergePartBind as e, useBridgeUIComponent as t, useBridgeUIMergedRegistryClasses as n } from "../../../Utils/index.js";
|
|
2
|
+
import { TABLE_INJECTION_KEY as r } from "../tableInjectionKey.js";
|
|
3
|
+
import { computed as i, provide as a, useAttrs as o } from "vue";
|
|
4
|
+
import { get as s } from "es-toolkit/compat";
|
|
5
|
+
import { tableAlignProps as c, tableRoundedProps as l, tableSizeProps as u, tableVariantProps as d } from "@bridge-ui/core/Tokens";
|
|
6
|
+
import { cn as f, mergeBridgeUILayeredClasses as p, splitComponentProps as m } from "@bridge-ui/core/Utils";
|
|
7
|
+
//#region src/Components/Table/composables/useTable.ts
|
|
8
|
+
var h = [
|
|
9
|
+
"full",
|
|
10
|
+
"size",
|
|
11
|
+
"classes",
|
|
12
|
+
"rounded",
|
|
13
|
+
"striped",
|
|
14
|
+
"variant",
|
|
15
|
+
"hoverable",
|
|
16
|
+
"customProps",
|
|
17
|
+
"stickyHeader"
|
|
18
|
+
];
|
|
19
|
+
function g(g, _) {
|
|
20
|
+
let v = o(), y = i(() => m({
|
|
21
|
+
bridgeKeys: h,
|
|
22
|
+
props: {
|
|
23
|
+
...v,
|
|
24
|
+
...g
|
|
25
|
+
}
|
|
26
|
+
})), { merged: b, entry: x } = t({
|
|
27
|
+
libDefaults: _,
|
|
28
|
+
componentName: "Table",
|
|
29
|
+
props: () => y.value.componentProps
|
|
30
|
+
}), S = n({
|
|
31
|
+
entry: x,
|
|
32
|
+
props: () => y.value.componentProps
|
|
33
|
+
}), C = i(() => p(u, x.value?.tokens?.size)), w = i(() => p(d, x.value?.tokens?.variant)), T = i(() => p(c, x.value?.tokens?.align)), E = i(() => p(l, x.value?.tokens?.rounded)), D = i(() => s(C.value, b.value.size)), O = i(() => s(w.value, b.value.variant)), k = i(() => s(E.value, b.value.rounded)), A = i(() => ({
|
|
34
|
+
full: b.value.full === !0,
|
|
35
|
+
striped: b.value.striped === !0,
|
|
36
|
+
hoverable: b.value.hoverable === !0,
|
|
37
|
+
stickyHeader: b.value.stickyHeader === !0,
|
|
38
|
+
mergedClasses: {
|
|
39
|
+
row: s(S.value, "row"),
|
|
40
|
+
body: s(S.value, "body"),
|
|
41
|
+
cell: s(S.value, "cell"),
|
|
42
|
+
head: s(S.value, "head"),
|
|
43
|
+
footer: s(S.value, "footer"),
|
|
44
|
+
header: s(S.value, "header"),
|
|
45
|
+
caption: s(S.value, "caption")
|
|
46
|
+
},
|
|
47
|
+
tokenClasses: {
|
|
48
|
+
sizeHead: s(D.value, "head"),
|
|
49
|
+
sizeCell: s(D.value, "cell"),
|
|
50
|
+
align: T.value,
|
|
51
|
+
variantRow: s(O.value, "row"),
|
|
52
|
+
sizeCaption: s(D.value, "caption"),
|
|
53
|
+
variantBody: s(O.value, "body"),
|
|
54
|
+
variantHead: s(O.value, "head"),
|
|
55
|
+
variantCell: s(O.value, "cell"),
|
|
56
|
+
variantFooter: s(O.value, "footer"),
|
|
57
|
+
variantHeader: s(O.value, "header"),
|
|
58
|
+
roundedFooter: s(k.value, "footer"),
|
|
59
|
+
roundedHeader: s(k.value, "header"),
|
|
60
|
+
variantCaption: s(O.value, "caption"),
|
|
61
|
+
variantRowHover: s(O.value, "rowHover"),
|
|
62
|
+
variantRowStriped: s(O.value, "rowStriped"),
|
|
63
|
+
variantHeadSticky: s(O.value, "headSticky")
|
|
64
|
+
}
|
|
65
|
+
}));
|
|
66
|
+
return a(r, A), {
|
|
67
|
+
merged: b,
|
|
68
|
+
wrapBind: i(() => e({}, {}, { class: f({ "w-fit min-w-0 max-w-full": b.value.full === !1 }) })),
|
|
69
|
+
rootBind: i(() => e(b.value.customProps?.root, y.value.inheritedAttrs, { class: f({
|
|
70
|
+
"overflow-x-auto": b.value.stickyHeader !== !0,
|
|
71
|
+
[s(D.value, "root") ?? ""]: !0,
|
|
72
|
+
[s(O.value, "root") ?? ""]: !0,
|
|
73
|
+
[s(k.value, "root") ?? ""]: !0,
|
|
74
|
+
[s(S.value, "root") ?? ""]: !0
|
|
75
|
+
}) })),
|
|
76
|
+
tableBind: i(() => {
|
|
77
|
+
let t = b.value.stickyHeader === !0 ? s(O.value, "tableSticky") : s(O.value, "table");
|
|
78
|
+
return e(b.value.customProps?.table, {}, { class: f({
|
|
79
|
+
"min-w-full": b.value.full === !0,
|
|
80
|
+
[s(D.value, "table") ?? ""]: !0,
|
|
81
|
+
[t ?? ""]: !0,
|
|
82
|
+
[s(S.value, "table") ?? ""]: !0
|
|
83
|
+
}) });
|
|
84
|
+
}),
|
|
85
|
+
contextValue: A
|
|
86
|
+
};
|
|
87
|
+
}
|
|
88
|
+
//#endregion
|
|
89
|
+
export { g as useTable };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { TableCellOwnProps, TableCellProps, TableHeadOwnProps, TableHeadProps } from '../table.types';
|
|
2
|
+
type TableCellKind = "cell" | "head";
|
|
3
|
+
/**
|
|
4
|
+
* Bind for `TableCell` (`td`) and `TableHead` (`th`).
|
|
5
|
+
*/
|
|
6
|
+
export declare function useTableCell(props: TableCellOwnProps | TableHeadOwnProps, part: TableCellKind): {
|
|
7
|
+
rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
|
|
8
|
+
scope: string | undefined;
|
|
9
|
+
class: string;
|
|
10
|
+
}, "class", import('vue').TdHTMLAttributes | import('vue').ThHTMLAttributes | undefined, Omit<TableCellProps | TableHeadProps, "classes" | "customProps" | "numeric" | "align">>>;
|
|
11
|
+
};
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { mergePartBind as e } from "../../../Utils/index.js";
|
|
2
|
+
import { TABLE_INJECTION_KEY as t, TABLE_SECTION_INJECTION_KEY as n } from "../tableInjectionKey.js";
|
|
3
|
+
import { computed as r, inject as i, useAttrs as a } from "vue";
|
|
4
|
+
import { get as o } from "es-toolkit/compat";
|
|
5
|
+
import { cn as s, splitComponentProps as c } from "@bridge-ui/core/Utils";
|
|
6
|
+
//#region src/Components/Table/composables/useTableCell.ts
|
|
7
|
+
var l = [
|
|
8
|
+
"align",
|
|
9
|
+
"classes",
|
|
10
|
+
"numeric",
|
|
11
|
+
"customProps"
|
|
12
|
+
];
|
|
13
|
+
function u(u, d) {
|
|
14
|
+
let f = a(), p = i(t, null), m = i(n, null);
|
|
15
|
+
if (!p) throw Error("Table parts must be used within a Table provider");
|
|
16
|
+
let h = r(() => c({
|
|
17
|
+
props: {
|
|
18
|
+
...f,
|
|
19
|
+
...u
|
|
20
|
+
},
|
|
21
|
+
bridgeKeys: l
|
|
22
|
+
}));
|
|
23
|
+
return { rootBind: r(() => {
|
|
24
|
+
let t = p.value, n = h.value.componentProps.numeric === !0, r = h.value.componentProps.align ?? (n ? "end" : "start"), i = o(t.tokenClasses.align, r), a = d === "head" ? t.tokenClasses.sizeHead : t.tokenClasses.sizeCell, c = d === "head" ? t.tokenClasses.variantHead : t.tokenClasses.variantCell, l = d === "head" ? o(i, "head") : o(i, "cell"), u = d === "head" ? t.mergedClasses.head : t.mergedClasses.cell, f = d === "head" && t.stickyHeader && m?.value === "header";
|
|
25
|
+
return e(h.value.componentProps.customProps?.root, h.value.inheritedAttrs, {
|
|
26
|
+
scope: d === "head" ? "col" : void 0,
|
|
27
|
+
class: s({
|
|
28
|
+
"tabular-nums": n,
|
|
29
|
+
[a ?? ""]: !0,
|
|
30
|
+
[l ?? ""]: !0,
|
|
31
|
+
[c ?? ""]: !0,
|
|
32
|
+
[u ?? ""]: !0,
|
|
33
|
+
[h.value.componentProps.classes?.root ?? ""]: !0,
|
|
34
|
+
[t.tokenClasses.variantHeadSticky ?? ""]: f
|
|
35
|
+
})
|
|
36
|
+
});
|
|
37
|
+
}) };
|
|
38
|
+
}
|
|
39
|
+
//#endregion
|
|
40
|
+
export { u as useTableCell };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { TableBodyProps, TableCaptionProps, TableFooterProps, TableHeaderProps } from '../table.types';
|
|
2
|
+
type TablePartKind = "body" | "footer" | "header" | "caption";
|
|
3
|
+
type TablePartProps = TableBodyProps | TableFooterProps | TableHeaderProps | TableCaptionProps;
|
|
4
|
+
/**
|
|
5
|
+
* Bind for `TableHeader` / `TableBody` / `TableFooter` / `TableCaption`.
|
|
6
|
+
*/
|
|
7
|
+
export declare function useTablePart(props: TablePartProps, part: TablePartKind): {
|
|
8
|
+
rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
|
|
9
|
+
class: string;
|
|
10
|
+
}, "class", import('vue').HTMLAttributes | undefined, Omit<TablePartProps, "classes" | "customProps">>>;
|
|
11
|
+
};
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { mergePartBind as e } from "../../../Utils/index.js";
|
|
2
|
+
import { TABLE_INJECTION_KEY as t, TABLE_SECTION_INJECTION_KEY as n } from "../tableInjectionKey.js";
|
|
3
|
+
import { computed as r, inject as i, provide as a, useAttrs as o } from "vue";
|
|
4
|
+
import { cn as s, splitComponentProps as c } from "@bridge-ui/core/Utils";
|
|
5
|
+
//#region src/Components/Table/composables/useTablePart.ts
|
|
6
|
+
var l = ["classes", "customProps"];
|
|
7
|
+
function u(u, d) {
|
|
8
|
+
let f = o(), p = i(t, null);
|
|
9
|
+
if (!p) throw Error("Table parts must be used within a Table provider");
|
|
10
|
+
d !== "caption" && a(n, r(() => d));
|
|
11
|
+
let m = r(() => c({
|
|
12
|
+
props: {
|
|
13
|
+
...f,
|
|
14
|
+
...u
|
|
15
|
+
},
|
|
16
|
+
bridgeKeys: l
|
|
17
|
+
}));
|
|
18
|
+
return { rootBind: r(() => {
|
|
19
|
+
let t = p.value, n = d === "header" ? t.tokenClasses.variantHeader : d === "body" ? t.tokenClasses.variantBody : d === "footer" ? t.tokenClasses.variantFooter : t.tokenClasses.variantCaption, r = d === "caption" ? t.tokenClasses.sizeCaption : void 0;
|
|
20
|
+
return e(m.value.componentProps.customProps?.root, m.value.inheritedAttrs, { class: s({
|
|
21
|
+
"sticky top-0 z-20": d === "header" && t.stickyHeader,
|
|
22
|
+
[r ?? ""]: !0,
|
|
23
|
+
[n ?? ""]: !0,
|
|
24
|
+
[t.tokenClasses.roundedHeader ?? ""]: d === "header",
|
|
25
|
+
[t.tokenClasses.roundedFooter ?? ""]: d === "footer",
|
|
26
|
+
[t.mergedClasses[d] ?? ""]: !0,
|
|
27
|
+
[m.value.componentProps.classes?.root ?? ""]: !0
|
|
28
|
+
}) });
|
|
29
|
+
}) };
|
|
30
|
+
}
|
|
31
|
+
//#endregion
|
|
32
|
+
export { u as useTablePart };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { TableRowOwnProps, TableRowProps } from '../table.types';
|
|
2
|
+
export declare function useTableRow(props: TableRowOwnProps): {
|
|
3
|
+
rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<{
|
|
4
|
+
class: string;
|
|
5
|
+
}, "class", import('vue').HTMLAttributes | undefined, Omit<TableRowProps, "classes" | "customProps">>>;
|
|
6
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { mergePartBind as e } from "../../../Utils/index.js";
|
|
2
|
+
import { TABLE_INJECTION_KEY as t, TABLE_SECTION_INJECTION_KEY as n } from "../tableInjectionKey.js";
|
|
3
|
+
import { computed as r, inject as i, useAttrs as a } from "vue";
|
|
4
|
+
import { cn as o, splitComponentProps as s } from "@bridge-ui/core/Utils";
|
|
5
|
+
//#region src/Components/Table/composables/useTableRow.ts
|
|
6
|
+
var c = ["classes", "customProps"];
|
|
7
|
+
function l(l) {
|
|
8
|
+
let u = a(), d = i(t, null), f = i(n, null);
|
|
9
|
+
if (!d) throw Error("Table parts must be used within a Table provider");
|
|
10
|
+
let p = r(() => s({
|
|
11
|
+
props: {
|
|
12
|
+
...u,
|
|
13
|
+
...l
|
|
14
|
+
},
|
|
15
|
+
bridgeKeys: c
|
|
16
|
+
}));
|
|
17
|
+
return { rootBind: r(() => {
|
|
18
|
+
let t = d.value, n = f?.value === "body";
|
|
19
|
+
return e(p.value.componentProps.customProps?.root, p.value.inheritedAttrs, { class: o({
|
|
20
|
+
[t.tokenClasses.variantRow ?? ""]: !0,
|
|
21
|
+
[t.mergedClasses.row ?? ""]: !0,
|
|
22
|
+
[p.value.componentProps.classes?.root ?? ""]: !0,
|
|
23
|
+
[t.tokenClasses.variantRowHover ?? ""]: n && t.hoverable,
|
|
24
|
+
[t.tokenClasses.variantRowStriped ?? ""]: n && t.striped
|
|
25
|
+
}) });
|
|
26
|
+
}) };
|
|
27
|
+
}
|
|
28
|
+
//#endregion
|
|
29
|
+
export { l as useTableRow };
|