@webx-ui/core 0.21.0 → 0.23.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/dist/components/Drawer/Drawer.d.ts +1 -0
- package/dist/components/Drawer/types.d.ts +6 -0
- package/dist/components/FileCard/FileCard.d.ts +2 -0
- package/dist/components/FileCard/types.d.ts +8 -0
- package/dist/components/FormItem/FormItem.d.ts +1 -0
- package/dist/components/FormItem/types.d.ts +9 -0
- package/dist/composables/useHoverPointer.d.ts +2 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +2356 -2310
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +2 -2
|
@@ -87,6 +87,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
87
87
|
resizable: boolean;
|
|
88
88
|
persist: string;
|
|
89
89
|
minSize: number;
|
|
90
|
+
fullScreen: boolean;
|
|
90
91
|
resizeLabel: string;
|
|
91
92
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
92
93
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
@@ -33,6 +33,12 @@ export interface DrawerProps {
|
|
|
33
33
|
resizable?: boolean;
|
|
34
34
|
/** Remember the size under this key, in `localStorage`. */
|
|
35
35
|
persist?: string;
|
|
36
|
+
/**
|
|
37
|
+
* On a narrow screen the panel takes the whole of it. Off keeps the declared size there,
|
|
38
|
+
* so a strip of the page stays visible — which is right for a panel that is navigation
|
|
39
|
+
* rather than work: a menu 260px wide is a menu, and one that covers the phone is a page.
|
|
40
|
+
*/
|
|
41
|
+
fullScreen?: boolean;
|
|
36
42
|
/** Accessible name for the panel when it has no visible heading. */
|
|
37
43
|
ariaLabel?: string;
|
|
38
44
|
/** Label of the resize handle, for screen readers. */
|
|
@@ -180,6 +180,7 @@ declare const __VLS_component: import('vue').DefineComponent<FileCardProps, {},
|
|
|
180
180
|
removable: boolean;
|
|
181
181
|
confirmRemove: boolean;
|
|
182
182
|
copyable: boolean;
|
|
183
|
+
downloadUrl: string;
|
|
183
184
|
actionsMenu: boolean;
|
|
184
185
|
renameLabel: string;
|
|
185
186
|
saveLabel: string;
|
|
@@ -188,6 +189,7 @@ declare const __VLS_component: import('vue').DefineComponent<FileCardProps, {},
|
|
|
188
189
|
removeLabel: string;
|
|
189
190
|
removeConfirmText: string;
|
|
190
191
|
copyLabel: string;
|
|
192
|
+
downloadLabel: string;
|
|
191
193
|
copiedLabel: string;
|
|
192
194
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
193
195
|
field: ({
|
|
@@ -39,6 +39,13 @@ export interface FileCardProps {
|
|
|
39
39
|
confirmRemove?: boolean;
|
|
40
40
|
/** Offers copying `url` to the clipboard. */
|
|
41
41
|
copyable?: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* Offers saving the file, from this address. Separate from `url` on purpose: what a card
|
|
44
|
+
* shows a file with may be a signed address on another host, and a browser ignores the
|
|
45
|
+
* download attribute across origins — it navigates instead. What downloads is whatever the
|
|
46
|
+
* caller can serve from its own.
|
|
47
|
+
*/
|
|
48
|
+
downloadUrl?: string;
|
|
42
49
|
/**
|
|
43
50
|
* The actions are a `···` menu at every width, rather than a row of icons that folds into
|
|
44
51
|
* one when it runs out of room. For a grid inside a panel where every other list puts a
|
|
@@ -54,6 +61,7 @@ export interface FileCardProps {
|
|
|
54
61
|
/** The question `confirmRemove` asks. The file name is worth putting in it. */
|
|
55
62
|
removeConfirmText?: string;
|
|
56
63
|
copyLabel?: string;
|
|
64
|
+
downloadLabel?: string;
|
|
57
65
|
/** Shown on the copy action for a moment after it worked. */
|
|
58
66
|
copiedLabel?: string;
|
|
59
67
|
}
|
|
@@ -23,6 +23,7 @@ declare const __VLS_component: import('vue').DefineComponent<FormItemProps, {
|
|
|
23
23
|
labelWidth: string;
|
|
24
24
|
help: string;
|
|
25
25
|
reserveErrorSpace: boolean;
|
|
26
|
+
wide: boolean;
|
|
26
27
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
27
28
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
28
29
|
export default _default;
|
|
@@ -21,4 +21,13 @@ export interface FormItemProps {
|
|
|
21
21
|
labelWidth?: string;
|
|
22
22
|
/** Renders the error slot area even when empty, so rows do not jump. */
|
|
23
23
|
reserveErrorSpace?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Lets the control take the whole width instead of stopping at the readable one.
|
|
26
|
+
*
|
|
27
|
+
* A field is read and typed into, so it stops at `--wx-field-max-width` however wide the
|
|
28
|
+
* screen is: an input stretched across a 2000px monitor is a line the eye cannot follow
|
|
29
|
+
* back to its label. What is not a field in that sense — an editor, a table, a list of
|
|
30
|
+
* blocks — says so with this.
|
|
31
|
+
*/
|
|
32
|
+
wide?: boolean;
|
|
24
33
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ export type { ControlSize, ControlStatus, ValidationErrors } from './composables
|
|
|
4
4
|
export { useControlAttrs, type ControlAttrs } from './composables/useControlAttrs';
|
|
5
5
|
export { provideLocales, useLocales, useLocalized, localeLabel, localizedValue, localesKey, type LocaleOption, type LocalesContext, type LocalizedValue, type LocalizedFieldProps, } from './composables/useLocalized';
|
|
6
6
|
export { useElementWidth } from './composables/useElementWidth';
|
|
7
|
+
export { useHoverPointer } from './composables/useHoverPointer';
|
|
7
8
|
export { useToast, toast, toastQueue, dismissToast, removeToast, clearToasts, type ToastApi, type ToastHandle, type ToastOptions, type ToastRecord, type ToastType, type ToastAction, } from './composables/useToast';
|
|
8
9
|
export { openModal, createModal, useModal, connectModals, modalKey, type ModalHandle, type ModalOptions, type ModalPromise, } from './composables/useModal';
|
|
9
10
|
export { confirm, type ConfirmOptions } from './composables/confirm';
|