@nextcloud/vue 9.11.0 → 9.13.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/CHANGELOG.md +36 -0
- package/dist/assets/NcAppContent.css +20 -20
- package/dist/assets/NcAppNavigation.css +13 -13
- package/dist/assets/NcAppNavigationItem.css +45 -49
- package/dist/assets/NcAppNavigationList.css +2 -26
- package/dist/assets/NcAppNavigationNewItem.css +0 -4
- package/dist/assets/NcAppNavigationSettings.css +6 -6
- package/dist/assets/NcAppSettingsDialog.css +3 -3
- package/dist/assets/NcAppSettingsShortcutsSection.css +1 -1
- package/dist/assets/NcAppSidebar.css +28 -28
- package/dist/assets/NcAssistantButton.css +9 -9
- package/dist/assets/NcAssistantContent.css +3 -3
- package/dist/assets/NcAssistantIcon.css +4 -4
- package/dist/assets/NcAvatar.css +26 -26
- package/dist/assets/NcBlurHash.css +2 -2
- package/dist/assets/NcDateTimePicker.css +234 -234
- package/dist/assets/NcDialog.css +16 -16
- package/dist/assets/NcFilePicker.css +1 -1
- package/dist/assets/NcFormBox.css +11 -11
- package/dist/assets/NcFormBoxButton.css +2 -2
- package/dist/assets/NcFormBoxItem.css +15 -15
- package/dist/assets/NcFormBoxSwitch.css +2 -2
- package/dist/assets/NcFormGroup.css +7 -7
- package/dist/assets/NcHotkey.css +8 -8
- package/dist/assets/NcHotkeyList.css +2 -2
- package/dist/assets/NcIconToggleSwitch.css +4 -4
- package/dist/assets/NcKbd.css +3 -3
- package/dist/assets/NcModal.css +69 -63
- package/dist/assets/NcPopover.css +16 -16
- package/dist/assets/NcProfileHoverCard.css +82 -59
- package/dist/assets/NcRadioGroup.css +2 -2
- package/dist/assets/NcRadioGroupButton.css +14 -14
- package/dist/assets/NcRichContenteditable.css +17 -17
- package/dist/assets/NcRichText.css +2 -2
- package/dist/assets/NcUploadPicker.css +41 -0
- package/dist/assets/autolink.css +3 -3
- package/dist/chunks/NcActionInput.mjs +2 -2
- package/dist/chunks/NcActions.mjs +2 -2
- package/dist/chunks/NcAppContent.mjs +171 -298
- package/dist/chunks/NcAppContent.mjs.map +1 -1
- package/dist/chunks/NcAppContentList.vue_vue_type_script_setup_true_lang.mjs +21 -0
- package/dist/chunks/NcAppContentList.vue_vue_type_script_setup_true_lang.mjs.map +1 -0
- package/dist/chunks/NcAppNavigation.mjs +9 -6
- package/dist/chunks/NcAppNavigation.mjs.map +1 -1
- package/dist/chunks/NcAppNavigationItem.mjs +6 -29
- package/dist/chunks/NcAppNavigationItem.mjs.map +1 -1
- package/dist/chunks/NcAppNavigationList.mjs +8 -138
- package/dist/chunks/NcAppNavigationList.mjs.map +1 -1
- package/dist/chunks/NcAppNavigationNewItem.mjs +1 -1
- package/dist/chunks/NcAppNavigationNewItem.mjs.map +1 -1
- package/dist/chunks/NcAppNavigationSearch.mjs +2 -2
- package/dist/chunks/NcAppNavigationSettings.mjs +8 -8
- package/dist/chunks/NcAppSettingsDialog.mjs +5 -5
- package/dist/chunks/NcAppSettingsShortcutsSection.mjs +3 -3
- package/dist/chunks/NcAppSidebar.mjs +15 -15
- package/dist/chunks/NcAppSidebar.mjs.map +1 -1
- package/dist/chunks/NcAssistantButton.mjs +7 -7
- package/dist/chunks/NcAssistantContent.mjs +3 -3
- package/dist/chunks/NcAssistantIcon.mjs +4 -4
- package/dist/chunks/NcAvatar.mjs +30 -10
- package/dist/chunks/NcAvatar.mjs.map +1 -1
- package/dist/chunks/NcBlurHash.mjs +2 -2
- package/dist/chunks/NcCheckboxRadioSwitch.mjs +1 -1
- package/dist/chunks/NcCollectionList.mjs +3 -3
- package/dist/chunks/NcColorPicker.mjs +2 -2
- package/dist/chunks/NcContent.mjs +2 -2
- package/dist/chunks/NcDashboardWidget.mjs +4 -4
- package/dist/chunks/NcDashboardWidget.mjs.map +1 -1
- package/dist/chunks/NcDateTimePicker.mjs +7 -4
- package/dist/chunks/NcDateTimePicker.mjs.map +1 -1
- package/dist/chunks/NcDateTimePickerNative.mjs +2 -2
- package/dist/chunks/NcDialog.mjs +1 -1
- package/dist/chunks/NcDialog.mjs.map +1 -1
- package/dist/chunks/NcDialogButton.vue_vue_type_script_setup_true_lang.mjs +2 -2
- package/dist/chunks/NcEmojiPicker.mjs +2 -2
- package/dist/chunks/NcFilePicker.mjs +6 -5
- package/dist/chunks/NcFilePicker.mjs.map +1 -1
- package/dist/chunks/NcFormBox.mjs +5 -5
- package/dist/chunks/NcFormBoxButton.mjs +2 -2
- package/dist/chunks/NcFormBoxItem.mjs +8 -8
- package/dist/chunks/NcFormBoxSwitch.mjs +2 -2
- package/dist/chunks/NcFormGroup.mjs +7 -7
- package/dist/chunks/NcHotkey.mjs +4 -4
- package/dist/chunks/NcHotkeyList.mjs +4 -4
- package/dist/chunks/NcIconToggleSwitch.mjs +2 -2
- package/dist/chunks/NcKbd.mjs +4 -4
- package/dist/chunks/NcMentionBubble.vue_vue_type_style_index_0_scoped_3c4a673d_lang.mjs +7 -7
- package/dist/chunks/NcMentionBubble.vue_vue_type_style_index_0_scoped_3c4a673d_lang.mjs.map +1 -1
- package/dist/chunks/NcModal.mjs +18 -11
- package/dist/chunks/NcModal.mjs.map +1 -1
- package/dist/chunks/NcPasswordField.mjs +2 -2
- package/dist/chunks/NcPopover.mjs +2 -2
- package/dist/chunks/NcProfileHoverCard.mjs +205 -157
- package/dist/chunks/NcProfileHoverCard.mjs.map +1 -1
- package/dist/chunks/NcRadioGroup.mjs +2 -2
- package/dist/chunks/NcRadioGroupButton.mjs +6 -6
- package/dist/chunks/NcReferenceWidget.mjs +2 -2
- package/dist/chunks/NcRelatedResourcesPanel.mjs +4 -4
- package/dist/chunks/NcRichContenteditable.mjs +12 -12
- package/dist/chunks/NcRichText.mjs +3 -3
- package/dist/chunks/NcRichText.mjs.map +1 -1
- package/dist/chunks/NcSettingsSection.mjs +2 -2
- package/dist/chunks/NcSettingsSelectGroup.mjs +2 -2
- package/dist/chunks/NcTextField.vue_vue_type_script_setup_true_lang.mjs +2 -2
- package/dist/chunks/NcTimezonePicker.vue_vue_type_script_setup_true_lang.mjs +2 -2
- package/dist/chunks/NcUploadPicker.mjs +269 -0
- package/dist/chunks/NcUploadPicker.mjs.map +1 -0
- package/dist/chunks/NcUserStatusIcon.mjs +2 -2
- package/dist/chunks/_l10n.mjs +91 -89
- package/dist/chunks/_l10n.mjs.map +1 -1
- package/dist/chunks/autolink.mjs +3 -3
- package/dist/chunks/colors.mjs +2 -2
- package/dist/chunks/mdi.mjs +7 -5
- package/dist/chunks/mdi.mjs.map +1 -1
- package/dist/chunks/referencePickerModal.mjs +5 -5
- package/dist/components/NcActionInput/NcActionInput.vue.d.ts +3 -3
- package/dist/components/NcAppContent/NcAppContent.vue.d.ts +77 -149
- package/dist/components/NcAppContent/index.d.ts +5 -0
- package/dist/components/NcAppContentList/NcAppContentList.vue.d.ts +28 -27
- package/dist/components/NcAppContentList/index.d.ts +4 -0
- package/dist/components/NcAppContentList/index.mjs +2 -2
- package/dist/components/NcAppNavigationItem/NcAppNavigationItem.vue.d.ts +0 -4
- package/dist/components/NcAppNavigationList/NcAppNavigationList.vue.d.ts +1 -57
- package/dist/components/NcAvatar/NcAvatar.vue.d.ts +26 -0
- package/dist/components/NcCollectionList/NcCollectionList.vue.d.ts +26 -0
- package/dist/components/NcCollectionList/NcCollectionListItem.vue.d.ts +13 -0
- package/dist/components/NcDashboardWidget/NcDashboardWidget.vue.d.ts +26 -0
- package/dist/components/NcDashboardWidgetItem/NcDashboardWidgetItem.vue.d.ts +13 -0
- package/dist/components/NcDateTimePicker/NcDateTimePicker.vue.d.ts +2 -2
- package/dist/components/NcFilePicker/NcFilePicker.vue.d.ts +7 -0
- package/dist/components/NcListItemIcon/NcListItemIcon.vue.d.ts +14 -1
- package/dist/components/NcModal/NcModal.vue.d.ts +3 -0
- package/dist/components/NcProfileHoverCard/NcProfileHoverCard.vue.d.ts +6 -0
- package/dist/components/NcRichText/NcReferencePicker/NcReferencePickerModal.vue.d.ts +8 -0
- package/dist/components/NcUploadPicker/NcUploadPicker.vue.d.ts +180 -0
- package/dist/components/NcUploadPicker/index.d.ts +6 -0
- package/dist/components/NcUploadPicker/index.mjs +5 -0
- package/dist/components/NcUploadPicker/index.mjs.map +1 -0
- package/dist/components/index.d.ts +3 -2
- package/dist/composables/useFormatDateTime/index.mjs +2 -2
- package/dist/index.mjs +169 -167
- package/dist/index.mjs.map +1 -1
- package/dist/utils/getAvatarUrl.d.ts +4 -0
- package/package.json +26 -12
- package/dist/chunks/NcAppContentList.mjs +0 -33
- package/dist/chunks/NcAppContentList.mjs.map +0 -1
- package/dist/chunks/highlight.mjs +0 -5
- package/dist/chunks/highlight.mjs.map +0 -1
- package/dist/components/NcAppNavigationList/highlight.d.ts +0 -12
|
@@ -7,7 +7,7 @@ import { a as renderCustomPickerElement, d as destroyCustomPickerElement, i as i
|
|
|
7
7
|
import axios from "@nextcloud/axios";
|
|
8
8
|
import { loadState } from "@nextcloud/initial-state";
|
|
9
9
|
import { imagePath, generateOcsUrl } from "@nextcloud/router";
|
|
10
|
-
import { r as register,
|
|
10
|
+
import { r as register, Y as t8, a as t, Z as t48, _ as t43, $ as t27, s as t45, a0 as t34, A as t20, a1 as t13 } from "./_l10n.mjs";
|
|
11
11
|
import { l as logger } from "./logger.mjs";
|
|
12
12
|
import { N as NcEmptyContent } from "./NcEmptyContent.mjs";
|
|
13
13
|
import { _ as _sfc_main$9 } from "./NcHighlight.vue_vue_type_script_lang.mjs";
|
|
@@ -175,7 +175,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
175
175
|
], 16, _hoisted_1$6);
|
|
176
176
|
}
|
|
177
177
|
const LinkVariantIcon = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
|
|
178
|
-
register(
|
|
178
|
+
register(t8);
|
|
179
179
|
const anyLinkProviderId = "any-link";
|
|
180
180
|
const anyLinkProvider = {
|
|
181
181
|
id: anyLinkProviderId,
|
|
@@ -230,7 +230,7 @@ async function touchProvider(providerId) {
|
|
|
230
230
|
await axios.put(url, { timestamp });
|
|
231
231
|
window._vue_richtext_reference_provider_timestamps[providerId] = timestamp;
|
|
232
232
|
}
|
|
233
|
-
register(
|
|
233
|
+
register(t43, t48);
|
|
234
234
|
/*!
|
|
235
235
|
* SPDX-FileCopyrightText: 2023 Nextcloud GmbH and Nextcloud contributors
|
|
236
236
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
@@ -364,7 +364,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
364
364
|
]);
|
|
365
365
|
}
|
|
366
366
|
const NcProviderList = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-c9740c42"]]);
|
|
367
|
-
register(
|
|
367
|
+
register(t27);
|
|
368
368
|
const _sfc_main$4 = {
|
|
369
369
|
name: "NcRawLinkInput",
|
|
370
370
|
components: {
|
|
@@ -554,7 +554,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
554
554
|
]);
|
|
555
555
|
}
|
|
556
556
|
const NcSearchResult = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-059edcfb"]]);
|
|
557
|
-
register(
|
|
557
|
+
register(t34, t43, t45);
|
|
558
558
|
const LIMIT = 5;
|
|
559
559
|
const _sfc_main$2 = {
|
|
560
560
|
name: "NcSearch",
|
|
@@ -735,7 +735,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
735
735
|
placeholder?: string;
|
|
736
736
|
showTimezoneSelect?: boolean;
|
|
737
737
|
showWeekNumber?: boolean;
|
|
738
|
-
type?: "
|
|
738
|
+
type?: "week" | "month" | "year" | "date" | "date-range" | "time" | "time-range" | "datetime" | "datetime-range";
|
|
739
739
|
inline?: boolean;
|
|
740
740
|
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
741
741
|
blur: () => any;
|
|
@@ -758,14 +758,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
758
758
|
placeholder?: string;
|
|
759
759
|
showTimezoneSelect?: boolean;
|
|
760
760
|
showWeekNumber?: boolean;
|
|
761
|
-
type?: "
|
|
761
|
+
type?: "week" | "month" | "year" | "date" | "date-range" | "time" | "time-range" | "datetime" | "datetime-range";
|
|
762
762
|
inline?: boolean;
|
|
763
763
|
}> & Readonly<{
|
|
764
764
|
onBlur?: (() => any) | undefined;
|
|
765
765
|
"onUpdate:modelValue"?: ((args_0: Date | [Date, Date] | null) => any) | undefined;
|
|
766
766
|
"onUpdate:timezoneId"?: ((...args: unknown[]) => any) | undefined;
|
|
767
767
|
}>, {
|
|
768
|
-
type: "
|
|
768
|
+
type: "week" | "month" | "year" | "date" | "date-range" | "time" | "time-range" | "datetime" | "datetime-range";
|
|
769
769
|
inline: boolean;
|
|
770
770
|
ariaLabel: string;
|
|
771
771
|
placeholder: string;
|
|
@@ -1,76 +1,57 @@
|
|
|
1
|
-
|
|
1
|
+
import { Slot } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* Content layout used when a list is provided together with the main content.
|
|
4
|
+
*/
|
|
5
|
+
export type AppContentLayout = 'no-split' | 'vertical-split' | 'horizontal-split';
|
|
6
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
|
|
7
|
+
showDetails?: boolean;
|
|
8
|
+
} & {
|
|
2
9
|
/**
|
|
3
10
|
* Allows to disable the control by swipe of the app navigation open state.
|
|
4
11
|
*/
|
|
5
|
-
disableSwipe
|
|
6
|
-
type: BooleanConstructor;
|
|
7
|
-
default: boolean;
|
|
8
|
-
};
|
|
12
|
+
disableSwipe?: boolean;
|
|
9
13
|
/**
|
|
10
14
|
* Allows you to set the default width of the resizable list in % on vertical-split
|
|
11
15
|
* or respectively the default height on horizontal-split.
|
|
12
16
|
*
|
|
13
17
|
* Must be between `listMinWidth` and `listMaxWidth`.
|
|
18
|
+
*
|
|
19
|
+
* @default 20
|
|
14
20
|
*/
|
|
15
|
-
listSize
|
|
16
|
-
type: NumberConstructor;
|
|
17
|
-
default: number;
|
|
18
|
-
};
|
|
21
|
+
listSize?: number;
|
|
19
22
|
/**
|
|
20
23
|
* Allows you to set the minimum width of the list column in % on vertical-split
|
|
21
24
|
* or respectively the minimum height on horizontal-split.
|
|
25
|
+
*
|
|
26
|
+
* @default 15
|
|
22
27
|
*/
|
|
23
|
-
listMinWidth
|
|
24
|
-
type: NumberConstructor;
|
|
25
|
-
default: number;
|
|
26
|
-
};
|
|
28
|
+
listMinWidth?: number;
|
|
27
29
|
/**
|
|
28
30
|
* Allows you to set the maximum width of the list column in % on vertical-split
|
|
29
31
|
* or respectively the maximum height on horizontal-split.
|
|
32
|
+
*
|
|
33
|
+
* @default 40
|
|
30
34
|
*/
|
|
31
|
-
listMaxWidth
|
|
32
|
-
type: NumberConstructor;
|
|
33
|
-
default: number;
|
|
34
|
-
};
|
|
35
|
+
listMaxWidth?: number;
|
|
35
36
|
/**
|
|
36
37
|
* Specify the config key for the pane config sizes
|
|
37
38
|
* Default is the global var appName if you use the webpack-vue-config
|
|
38
39
|
*/
|
|
39
|
-
paneConfigKey
|
|
40
|
-
type: StringConstructor;
|
|
41
|
-
default: string;
|
|
42
|
-
};
|
|
43
|
-
/**
|
|
44
|
-
* When in mobile view, only the list or the details are shown.
|
|
45
|
-
*
|
|
46
|
-
* If you provide a list, you need to provide a variable
|
|
47
|
-
* that will be set to true by the user when an element of
|
|
48
|
-
* the list gets selected. The details will then show a back
|
|
49
|
-
* arrow to return to the list that will update this prop to false.
|
|
50
|
-
*/
|
|
51
|
-
showDetails: {
|
|
52
|
-
type: BooleanConstructor;
|
|
53
|
-
default: boolean;
|
|
54
|
-
};
|
|
40
|
+
paneConfigKey?: string;
|
|
55
41
|
/**
|
|
56
42
|
* Content layout used when there is a list together with content:
|
|
57
43
|
* - `vertical-split` - a 2-column layout with list and default content separated vertically
|
|
58
44
|
* - `no-split` - a single column layout; List is shown when `showDetails` is `false`, otherwise the default slot content is shown with a back button to return to the list.
|
|
59
45
|
* - 'horizontal-split' - a 2-column layout with list and default content separated horizontally
|
|
60
46
|
* On mobile screen `no-split` layout is forced.
|
|
47
|
+
*
|
|
48
|
+
* @default 'vertical-split'
|
|
61
49
|
*/
|
|
62
|
-
layout
|
|
63
|
-
type: StringConstructor;
|
|
64
|
-
default: string;
|
|
65
|
-
validator(value: unknown): boolean;
|
|
66
|
-
};
|
|
50
|
+
layout?: AppContentLayout;
|
|
67
51
|
/**
|
|
68
52
|
* Specify the `<h1>` page heading
|
|
69
53
|
*/
|
|
70
|
-
pageHeading
|
|
71
|
-
type: StringConstructor;
|
|
72
|
-
default: null;
|
|
73
|
-
};
|
|
54
|
+
pageHeading?: string | null;
|
|
74
55
|
/**
|
|
75
56
|
* Allow setting the page's `<title>`
|
|
76
57
|
*
|
|
@@ -78,122 +59,61 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
78
59
|
* When the page heading and the app name is the same only one is used, e.g. `Files - Files - MyPersonalCloud` is shown as `Files - MyPersonalCloud`.
|
|
79
60
|
* When setting the prop then the following format will be used: `{pageTitle} - {instanceName}`
|
|
80
61
|
*/
|
|
81
|
-
pageTitle
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
}, {
|
|
91
|
-
contentHeight: number;
|
|
92
|
-
swiping: {};
|
|
93
|
-
listPaneSize: any;
|
|
94
|
-
}, {
|
|
95
|
-
paneConfigID(): string;
|
|
96
|
-
detailsPaneSize(): number;
|
|
97
|
-
paneDefaults(): {
|
|
98
|
-
list: {
|
|
99
|
-
size: number;
|
|
100
|
-
min: number;
|
|
101
|
-
max: number;
|
|
102
|
-
};
|
|
103
|
-
details: {
|
|
104
|
-
size: number;
|
|
105
|
-
min: number;
|
|
106
|
-
max: number;
|
|
107
|
-
};
|
|
108
|
-
};
|
|
109
|
-
realPageTitle(): string | null;
|
|
110
|
-
}, {
|
|
111
|
-
/**
|
|
112
|
-
* handle the swipe event
|
|
113
|
-
*
|
|
114
|
-
* @param {TouchEvent} e The touch event
|
|
115
|
-
* @param {import('@vueuse/core').SwipeDirection} direction The swipe direction of the event
|
|
116
|
-
*/
|
|
117
|
-
handleSwipe(e: TouchEvent, direction: import('@vueuse/core').SwipeDirection): void;
|
|
118
|
-
handlePaneResize(event: any): void;
|
|
119
|
-
restorePaneConfig(): number | undefined;
|
|
120
|
-
/**
|
|
121
|
-
* The user clicked the back arrow from the details view
|
|
122
|
-
*/
|
|
123
|
-
hideDetails(): void;
|
|
124
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:showDetails" | "resizeList")[], "update:showDetails" | "resizeList", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
62
|
+
pageTitle?: string | null;
|
|
63
|
+
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
64
|
+
"update:showDetails": (...args: unknown[]) => any;
|
|
65
|
+
resizeList: (payload: {
|
|
66
|
+
size: number;
|
|
67
|
+
}) => any;
|
|
68
|
+
}, string, import('vue').PublicProps, Readonly<{
|
|
69
|
+
showDetails?: boolean;
|
|
70
|
+
} & {
|
|
125
71
|
/**
|
|
126
72
|
* Allows to disable the control by swipe of the app navigation open state.
|
|
127
73
|
*/
|
|
128
|
-
disableSwipe
|
|
129
|
-
type: BooleanConstructor;
|
|
130
|
-
default: boolean;
|
|
131
|
-
};
|
|
74
|
+
disableSwipe?: boolean;
|
|
132
75
|
/**
|
|
133
76
|
* Allows you to set the default width of the resizable list in % on vertical-split
|
|
134
77
|
* or respectively the default height on horizontal-split.
|
|
135
78
|
*
|
|
136
79
|
* Must be between `listMinWidth` and `listMaxWidth`.
|
|
80
|
+
*
|
|
81
|
+
* @default 20
|
|
137
82
|
*/
|
|
138
|
-
listSize
|
|
139
|
-
type: NumberConstructor;
|
|
140
|
-
default: number;
|
|
141
|
-
};
|
|
83
|
+
listSize?: number;
|
|
142
84
|
/**
|
|
143
85
|
* Allows you to set the minimum width of the list column in % on vertical-split
|
|
144
86
|
* or respectively the minimum height on horizontal-split.
|
|
87
|
+
*
|
|
88
|
+
* @default 15
|
|
145
89
|
*/
|
|
146
|
-
listMinWidth
|
|
147
|
-
type: NumberConstructor;
|
|
148
|
-
default: number;
|
|
149
|
-
};
|
|
90
|
+
listMinWidth?: number;
|
|
150
91
|
/**
|
|
151
92
|
* Allows you to set the maximum width of the list column in % on vertical-split
|
|
152
93
|
* or respectively the maximum height on horizontal-split.
|
|
94
|
+
*
|
|
95
|
+
* @default 40
|
|
153
96
|
*/
|
|
154
|
-
listMaxWidth
|
|
155
|
-
type: NumberConstructor;
|
|
156
|
-
default: number;
|
|
157
|
-
};
|
|
97
|
+
listMaxWidth?: number;
|
|
158
98
|
/**
|
|
159
99
|
* Specify the config key for the pane config sizes
|
|
160
100
|
* Default is the global var appName if you use the webpack-vue-config
|
|
161
101
|
*/
|
|
162
|
-
paneConfigKey
|
|
163
|
-
type: StringConstructor;
|
|
164
|
-
default: string;
|
|
165
|
-
};
|
|
166
|
-
/**
|
|
167
|
-
* When in mobile view, only the list or the details are shown.
|
|
168
|
-
*
|
|
169
|
-
* If you provide a list, you need to provide a variable
|
|
170
|
-
* that will be set to true by the user when an element of
|
|
171
|
-
* the list gets selected. The details will then show a back
|
|
172
|
-
* arrow to return to the list that will update this prop to false.
|
|
173
|
-
*/
|
|
174
|
-
showDetails: {
|
|
175
|
-
type: BooleanConstructor;
|
|
176
|
-
default: boolean;
|
|
177
|
-
};
|
|
102
|
+
paneConfigKey?: string;
|
|
178
103
|
/**
|
|
179
104
|
* Content layout used when there is a list together with content:
|
|
180
105
|
* - `vertical-split` - a 2-column layout with list and default content separated vertically
|
|
181
106
|
* - `no-split` - a single column layout; List is shown when `showDetails` is `false`, otherwise the default slot content is shown with a back button to return to the list.
|
|
182
107
|
* - 'horizontal-split' - a 2-column layout with list and default content separated horizontally
|
|
183
108
|
* On mobile screen `no-split` layout is forced.
|
|
109
|
+
*
|
|
110
|
+
* @default 'vertical-split'
|
|
184
111
|
*/
|
|
185
|
-
layout
|
|
186
|
-
type: StringConstructor;
|
|
187
|
-
default: string;
|
|
188
|
-
validator(value: unknown): boolean;
|
|
189
|
-
};
|
|
112
|
+
layout?: AppContentLayout;
|
|
190
113
|
/**
|
|
191
114
|
* Specify the `<h1>` page heading
|
|
192
115
|
*/
|
|
193
|
-
pageHeading
|
|
194
|
-
type: StringConstructor;
|
|
195
|
-
default: null;
|
|
196
|
-
};
|
|
116
|
+
pageHeading?: string | null;
|
|
197
117
|
/**
|
|
198
118
|
* Allow setting the page's `<title>`
|
|
199
119
|
*
|
|
@@ -201,26 +121,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
201
121
|
* When the page heading and the app name is the same only one is used, e.g. `Files - Files - MyPersonalCloud` is shown as `Files - MyPersonalCloud`.
|
|
202
122
|
* When setting the prop then the following format will be used: `{pageTitle} - {instanceName}`
|
|
203
123
|
*/
|
|
204
|
-
pageTitle
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
124
|
+
pageTitle?: string | null;
|
|
125
|
+
}> & Readonly<{
|
|
126
|
+
"onUpdate:showDetails"?: ((...args: unknown[]) => any) | undefined;
|
|
127
|
+
onResizeList?: ((payload: {
|
|
128
|
+
size: number;
|
|
129
|
+
}) => any) | undefined;
|
|
130
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>, Readonly<{
|
|
131
|
+
/**
|
|
132
|
+
* Provide the main content to the app content
|
|
133
|
+
*/
|
|
134
|
+
default?: Slot;
|
|
135
|
+
/**
|
|
136
|
+
* Provide a list to the app content
|
|
137
|
+
*/
|
|
138
|
+
list?: Slot;
|
|
139
|
+
}> & {
|
|
140
|
+
/**
|
|
141
|
+
* Provide the main content to the app content
|
|
142
|
+
*/
|
|
143
|
+
default?: Slot;
|
|
144
|
+
/**
|
|
145
|
+
* Provide a list to the app content
|
|
146
|
+
*/
|
|
147
|
+
list?: Slot;
|
|
148
|
+
}>;
|
|
226
149
|
export default _default;
|
|
150
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
151
|
+
new (): {
|
|
152
|
+
$slots: S;
|
|
153
|
+
};
|
|
154
|
+
};
|
|
@@ -1,35 +1,36 @@
|
|
|
1
|
-
|
|
1
|
+
import { Slot } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
2
3
|
/**
|
|
3
4
|
* Is the list selected
|
|
4
5
|
*/
|
|
5
|
-
selection
|
|
6
|
-
type: BooleanConstructor;
|
|
7
|
-
default: boolean;
|
|
8
|
-
};
|
|
9
|
-
/**
|
|
10
|
-
* Is the details pane shown
|
|
11
|
-
*/
|
|
12
|
-
showDetails: {
|
|
13
|
-
type: BooleanConstructor;
|
|
14
|
-
default: boolean;
|
|
15
|
-
};
|
|
16
|
-
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
17
|
-
/**
|
|
18
|
-
* Is the list selected
|
|
19
|
-
*/
|
|
20
|
-
selection: {
|
|
21
|
-
type: BooleanConstructor;
|
|
22
|
-
default: boolean;
|
|
23
|
-
};
|
|
6
|
+
selection?: boolean;
|
|
24
7
|
/**
|
|
25
8
|
* Is the details pane shown
|
|
26
9
|
*/
|
|
27
|
-
showDetails
|
|
28
|
-
|
|
29
|
-
|
|
10
|
+
showDetails?: boolean;
|
|
11
|
+
};
|
|
12
|
+
declare function __VLS_template(): {
|
|
13
|
+
attrs: Partial<{}>;
|
|
14
|
+
slots: Readonly<{
|
|
15
|
+
/**
|
|
16
|
+
* The content of the list
|
|
17
|
+
*/
|
|
18
|
+
default?: Slot;
|
|
19
|
+
}> & {
|
|
20
|
+
/**
|
|
21
|
+
* The content of the list
|
|
22
|
+
*/
|
|
23
|
+
default?: Slot;
|
|
30
24
|
};
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
25
|
+
refs: {};
|
|
26
|
+
rootEl: HTMLDivElement;
|
|
27
|
+
};
|
|
28
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
29
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
30
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
35
31
|
export default _default;
|
|
32
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
33
|
+
new (): {
|
|
34
|
+
$slots: S;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
@@ -183,10 +183,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
183
183
|
editButtonAriaLabel(): string;
|
|
184
184
|
undoButtonAriaLabel(): string;
|
|
185
185
|
}, {
|
|
186
|
-
/** Ask the parent list to move its highlight onto this entry */
|
|
187
|
-
requestHighlight(): void;
|
|
188
|
-
/** Tell the parent list this entry no longer wants the highlight */
|
|
189
|
-
releaseHighlight(): void;
|
|
190
186
|
onMenuToggle(state: any): void;
|
|
191
187
|
toggleCollapse(): void;
|
|
192
188
|
/**
|
|
@@ -1,58 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare const _default: import('vue').DefineComponent<{}, {}, {
|
|
3
|
-
/** Entry the highlight is on, as reported by that entry itself */
|
|
4
|
-
entry: HTMLElement | null;
|
|
5
|
-
/** Whether the highlight is shown */
|
|
6
|
-
visible: boolean;
|
|
7
|
-
/** Whether position changes should transition (slide) or snap */
|
|
8
|
-
animated: boolean;
|
|
9
|
-
/** Whether the highlight sits on the active entry (turns transparent) */
|
|
10
|
-
overActive: boolean;
|
|
11
|
-
/** Vertical offset of the highlight inside the scrollable content */
|
|
12
|
-
top: number;
|
|
13
|
-
/** Height of the highlight */
|
|
14
|
-
height: number;
|
|
15
|
-
/** Pending animation frame for re-measuring while scrolling */
|
|
16
|
-
scrollFrame: number;
|
|
17
|
-
}, {
|
|
18
|
-
highlightStyle(): Record<string, string>;
|
|
19
|
-
}, {
|
|
20
|
-
/**
|
|
21
|
-
* Move the highlight onto an entry. It slides there if already visible,
|
|
22
|
-
* otherwise it snaps into place so it does not slide in from the entry
|
|
23
|
-
* that was hovered before. Over the active entry it turns transparent so
|
|
24
|
-
* that entry keeps its own static highlight.
|
|
25
|
-
*
|
|
26
|
-
* @param entry the entry element asking for the highlight
|
|
27
|
-
*/
|
|
28
|
-
show(entry: HTMLElement): void;
|
|
29
|
-
/**
|
|
30
|
-
* Hide the highlight if it is on the given entry, e.g. because that entry
|
|
31
|
-
* is being removed. While the pointer only moves between entries the
|
|
32
|
-
* highlight stays visible, so it can slide on to the next one.
|
|
33
|
-
*
|
|
34
|
-
* @param entry the entry element that no longer wants the highlight
|
|
35
|
-
*/
|
|
36
|
-
hide(entry: HTMLElement): void;
|
|
37
|
-
/** Hide the highlight, as the pointer or focus left the list */
|
|
38
|
-
hideNow(): void;
|
|
39
|
-
/**
|
|
40
|
-
* Hide the highlight once focus leaves the list entirely
|
|
41
|
-
*
|
|
42
|
-
* @param event the focusout event
|
|
43
|
-
*/
|
|
44
|
-
onFocusOut(event: FocusEvent): void;
|
|
45
|
-
/** Read the current entry's geometry relative to the list content */
|
|
46
|
-
measure(): void;
|
|
47
|
-
/**
|
|
48
|
-
* Keep the highlight on its entry while scrolling. Needed because a
|
|
49
|
-
* virtual scroller repositions its entries as the list scrolls.
|
|
50
|
-
*/
|
|
51
|
-
onScroll(): void;
|
|
52
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, () => {
|
|
53
|
-
[APP_NAVIGATION_HIGHLIGHT]: {
|
|
54
|
-
show: (entry: HTMLElement) => void;
|
|
55
|
-
hide: (entry: HTMLElement) => void;
|
|
56
|
-
};
|
|
57
|
-
}, true, {}, any>;
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
58
2
|
export default _default;
|
|
@@ -52,6 +52,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
52
52
|
type: BooleanConstructor;
|
|
53
53
|
default: boolean;
|
|
54
54
|
};
|
|
55
|
+
/**
|
|
56
|
+
* The user's avatar version, as returned alongside user lists.
|
|
57
|
+
* Passing it earns the avatar a much longer cache lifetime.
|
|
58
|
+
*/
|
|
59
|
+
version: {
|
|
60
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
61
|
+
default: undefined;
|
|
62
|
+
};
|
|
55
63
|
/**
|
|
56
64
|
* Set a display name that will be rendered as a tooltip
|
|
57
65
|
* either the url, user or displayName property must be defined
|
|
@@ -169,6 +177,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
169
177
|
* @return {Array|null}
|
|
170
178
|
*/
|
|
171
179
|
hoverCardActions(): any[] | null;
|
|
180
|
+
/**
|
|
181
|
+
* Best available display name for the hover card (prop or contacts menu).
|
|
182
|
+
*
|
|
183
|
+
* @return {string|undefined}
|
|
184
|
+
*/
|
|
185
|
+
hoverCardDisplayName(): string | undefined;
|
|
172
186
|
/**
|
|
173
187
|
* Status already known by this avatar so the hover card does not fetch it again.
|
|
174
188
|
* Omitted while status is still the empty default (fetch in progress).
|
|
@@ -280,6 +294,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
280
294
|
type: BooleanConstructor;
|
|
281
295
|
default: boolean;
|
|
282
296
|
};
|
|
297
|
+
/**
|
|
298
|
+
* The user's avatar version, as returned alongside user lists.
|
|
299
|
+
* Passing it earns the avatar a much longer cache lifetime.
|
|
300
|
+
*/
|
|
301
|
+
version: {
|
|
302
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
303
|
+
default: undefined;
|
|
304
|
+
};
|
|
283
305
|
/**
|
|
284
306
|
* Set a display name that will be rendered as a tooltip
|
|
285
307
|
* either the url, user or displayName property must be defined
|
|
@@ -349,6 +371,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
349
371
|
displayName: string;
|
|
350
372
|
url: string;
|
|
351
373
|
user: string;
|
|
374
|
+
version: string | number;
|
|
352
375
|
iconClass: string;
|
|
353
376
|
preloadedUserStatus: Record<string, any>;
|
|
354
377
|
hideStatus: boolean;
|
|
@@ -864,6 +887,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
864
887
|
NcPopover: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
|
|
865
888
|
NcProfileHoverCard: import('vue').DefineComponent<{
|
|
866
889
|
user?: string | null;
|
|
890
|
+
displayName?: string | null;
|
|
867
891
|
profile?: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IProfileData | null;
|
|
868
892
|
preloadedUserStatus?: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IUserStatus | null;
|
|
869
893
|
open?: boolean;
|
|
@@ -871,12 +895,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
871
895
|
actionsLoading?: boolean;
|
|
872
896
|
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
|
|
873
897
|
user?: string | null;
|
|
898
|
+
displayName?: string | null;
|
|
874
899
|
profile?: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IProfileData | null;
|
|
875
900
|
preloadedUserStatus?: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IUserStatus | null;
|
|
876
901
|
open?: boolean;
|
|
877
902
|
actions?: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IProfileHoverCardAction[] | null;
|
|
878
903
|
actionsLoading?: boolean;
|
|
879
904
|
}> & Readonly<{}>, {
|
|
905
|
+
displayName: string | null;
|
|
880
906
|
open: boolean;
|
|
881
907
|
actions: import('../NcProfileHoverCard/NcProfileHoverCard.vue').IProfileHoverCardAction[] | null;
|
|
882
908
|
user: string | null;
|