@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.
@@ -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
  }
@@ -0,0 +1,2 @@
1
+ import { Ref } from 'vue';
2
+ export declare function useHoverPointer(): Ref<boolean>;
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';