@webx-ui/core 0.44.0 → 0.45.0

package/dist/components/RichText/index.d.ts

@@ -6,6 +6,7 @@ export declare const WxRichText: {
         "onUpdate:modelValue"?: ((value: import('./types').RichTextModelValue) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
+        onExpand?: ((expanded: boolean) => any) | undefined;
         onUploadError?: ((error: unknown, file: File) => any) | undefined;
     }>, {
         editor: import('vue').ShallowRef<import('@tiptap/vue-3').Editor | undefined, import('@tiptap/vue-3').Editor | undefined>;
@@ -16,6 +17,7 @@ export declare const WxRichText: {
         "update:modelValue": (value: import('./types').RichTextModelValue) => any;
         blur: () => any;
         focus: () => any;
+        expand: (expanded: boolean) => any;
         uploadError: (error: unknown, file: File) => any;
     }, import('vue').PublicProps, {
         size: import('../..').ControlSize;
@@ -23,8 +25,8 @@ export declare const WxRichText: {
         placeholder: string;
         upload: import('./types').RichTextUpload;
         ariaLabel: string;
-        status: import('../..').ControlStatus;
         id: string;
+        status: import('../..').ControlStatus;
         inline: boolean;
         readonly: boolean;
         minHeight: string;
@@ -36,6 +38,7 @@ export declare const WxRichText: {
         pickImage: import('./types').RichTextImagePicker;
         accept: string[];
         labels: import('./types').RichTextLabels;
+        expandable: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         rootRef: HTMLDivElement;
         fileInput: HTMLInputElement;
@@ -53,6 +56,7 @@ export declare const WxRichText: {
         "onUpdate:modelValue"?: ((value: import('./types').RichTextModelValue) => any) | undefined;
         onBlur?: (() => any) | undefined;
         onFocus?: (() => any) | undefined;
+        onExpand?: ((expanded: boolean) => any) | undefined;
         onUploadError?: ((error: unknown, file: File) => any) | undefined;
     }>, {
         editor: import('vue').ShallowRef<import('@tiptap/vue-3').Editor | undefined, import('@tiptap/vue-3').Editor | undefined>;
@@ -64,8 +68,8 @@ export declare const WxRichText: {
         placeholder: string;
         upload: import('./types').RichTextUpload;
         ariaLabel: string;
-        status: import('../..').ControlStatus;
         id: string;
+        status: import('../..').ControlStatus;
         inline: boolean;
         readonly: boolean;
         minHeight: string;
@@ -77,6 +81,7 @@ export declare const WxRichText: {
         pickImage: import('./types').RichTextImagePicker;
         accept: string[];
         labels: import('./types').RichTextLabels;
+        expandable: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -88,6 +93,7 @@ export declare const WxRichText: {
     "onUpdate:modelValue"?: ((value: import('./types').RichTextModelValue) => any) | undefined;
     onBlur?: (() => any) | undefined;
     onFocus?: (() => any) | undefined;
+    onExpand?: ((expanded: boolean) => any) | undefined;
     onUploadError?: ((error: unknown, file: File) => any) | undefined;
 }>, {
     editor: import('vue').ShallowRef<import('@tiptap/vue-3').Editor | undefined, import('@tiptap/vue-3').Editor | undefined>;
@@ -98,6 +104,7 @@ export declare const WxRichText: {
     "update:modelValue": (value: import('./types').RichTextModelValue) => any;
     blur: () => any;
     focus: () => any;
+    expand: (expanded: boolean) => any;
     uploadError: (error: unknown, file: File) => any;
 }, string, {
     size: import('../..').ControlSize;
@@ -105,8 +112,8 @@ export declare const WxRichText: {
     placeholder: string;
     upload: import('./types').RichTextUpload;
     ariaLabel: string;
-    status: import('../..').ControlStatus;
     id: string;
+    status: import('../..').ControlStatus;
     inline: boolean;
     readonly: boolean;
     minHeight: string;
@@ -118,6 +125,7 @@ export declare const WxRichText: {
     pickImage: import('./types').RichTextImagePicker;
     accept: string[];
     labels: import('./types').RichTextLabels;
+    expandable: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
     name: string;
 };

package/dist/components/RichText/types.d.ts

@@ -18,7 +18,9 @@ export type RichTextLabelKey = Exclude<RichTextTool, 'divider'> | RichTextTableT
 /** The accessible name of the toolbar itself. */
  | 'toolbar' | 'linkAddress' | 'youtubeAddress' | 'apply' | 'cancel' | 'uploading'
 /** The warning before the editor drops markup typed in the source, and its two answers. */
- | 'sourceLoss' | 'sourceDrop' | 'sourceKeep';
+ | 'sourceLoss' | 'sourceDrop' | 'sourceKeep'
+/** The button that opens the editor over the whole window, and the same button once it is. */
+ | 'expand' | 'collapse';
 /**
  * What the editor calls its own buttons. It knows nothing about the panel it is opened in, so
  * whoever opens it translates it; a key left out stays English.
@@ -79,6 +81,11 @@ export interface RichTextProps extends LocalizedFieldProps, TokenFieldProps {
     accept?: string[];
     /** What the buttons and the link bar are called, for a panel that is not in English. */
     labels?: RichTextLabels;
+    /**
+     * Whether the toolbar offers to open the editor over the whole window. On by default for a
+     * document; an inline field is a line and never offers it.
+     */
+    expandable?: boolean;
 }
 export interface RichTextEmits {
     change: [html: string];
@@ -86,4 +93,6 @@ export interface RichTextEmits {
     blur: [];
     /** An upload rejected. The editor stays untouched. */
     uploadError: [error: unknown, file: File];
+    /** Opened over the whole window, or given back to the form (the button or Esc). */
+    expand: [expanded: boolean];
 }

package/dist/components/Segmented/Segmented.d.ts

@@ -32,8 +32,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     size: import('../..').ControlSize;
     disabled: boolean;
     ariaLabel: string;
-    options: SegmentedOption[];
     block: boolean;
+    options: SegmentedOption[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Select/Select.d.ts

@@ -90,11 +90,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     placeholder: string;
     teleport: boolean;
     ariaLabel: string;
+    id: string;
     options: import('./types').SelectOption[];
     emptyText: string;
     clearable: boolean;
     status: import('../..').ControlStatus;
-    id: string;
     filterable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     filterRef: ({

package/dist/components/TagsInput/TagsInput.d.ts

@@ -19,9 +19,9 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     disabled: boolean;
     placeholder: string;
     ariaLabel: string;
+    id: string;
     emptyText: string;
     status: import('../..').ControlStatus;
-    id: string;
     max: number;
     suggestions: string[];
     duplicates: boolean;

package/dist/components/Textarea/Textarea.d.ts

@@ -26,8 +26,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     disabled: boolean;
     placeholder: string;
     ariaLabel: string;
-    status: import('../..').ControlStatus;
     id: string;
+    status: import('../..').ControlStatus;
     resize: "none" | "vertical" | "both";
     readonly: boolean;
     localized: boolean;

package/dist/components/TimePicker/TimePicker.d.ts

@@ -28,9 +28,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     placeholder: string;
     teleport: boolean | string;
     ariaLabel: string;
+    id: string;
     clearable: boolean;
     status: import('../..').ControlStatus;
-    id: string;
     locale: string | import('../..').DateFnsLocale;
     format: string;
     readonly: boolean;