@fastkit/vui 0.6.33 → 0.6.37
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/tool/index.js +10 -0
- package/dist/tool/vite-plugin.d.ts.map +1 -1
- package/dist/vui.cjs.js +641 -71
- package/dist/vui.cjs.prod.js +641 -71
- package/dist/vui.css +104 -2
- package/dist/vui.d.ts +440 -2
- package/dist/vui.esm-bundler.js +629 -74
- package/dist/vui.min.css +1 -1
- package/dist/vui.min.css.map +1 -1
- package/package.json +13 -9
package/dist/vui.d.ts
CHANGED
|
@@ -1,14 +1,20 @@
|
|
|
1
1
|
import { AllowedComponentProps } from 'vue';
|
|
2
2
|
import { App } from 'vue';
|
|
3
|
+
import { BoldOptions } from '@tiptap/extension-bold';
|
|
4
|
+
import { BulletListOptions } from '@tiptap/extension-bullet-list';
|
|
5
|
+
import { ChainedCommands } from '@tiptap/vue-3';
|
|
3
6
|
import { ColorVariant , ThemeName, PaletteName, ScopeName } from '@fastkit/color-scheme';
|
|
4
7
|
import { ComponentCustomProps } from 'vue';
|
|
5
8
|
import { ComponentOptionsMixin } from 'vue';
|
|
6
9
|
import { ComputedRef } from 'vue';
|
|
7
10
|
import { CSSProperties } from 'vue';
|
|
8
11
|
import { DefineComponent } from 'vue';
|
|
12
|
+
import { Editor } from '@tiptap/vue-3';
|
|
9
13
|
import { EmitsOptions } from 'vue';
|
|
14
|
+
import { Extensions } from '@tiptap/vue-3';
|
|
10
15
|
import { ExtractPropInput } from '@fastkit/vue-utils';
|
|
11
16
|
import { ExtractPropTypes } from 'vue';
|
|
17
|
+
import { FocusPosition } from '@tiptap/vue-3';
|
|
12
18
|
import { FormAction } from '@fastkit/vue-kit';
|
|
13
19
|
import { FormAutoCapitalize } from '@fastkit/vue-kit';
|
|
14
20
|
import { FormControlSlots } from '@fastkit/vue-kit';
|
|
@@ -19,15 +25,19 @@ import { FormSelectorItemControl } from '@fastkit/vue-kit';
|
|
|
19
25
|
import { FormSelectorItemData } from '@fastkit/vue-kit';
|
|
20
26
|
import { FormSelectorItemGroupControl } from '@fastkit/vue-kit';
|
|
21
27
|
import { FormSelectorValue } from '@fastkit/vue-kit';
|
|
28
|
+
import { HistoryOptions } from '@tiptap/extension-history';
|
|
22
29
|
import { ICON_NAMES , IconName } from '@fastkit/icon-font';
|
|
23
30
|
import { IconName } from '@fastkit/icon-font';
|
|
24
31
|
import { IMaskEvent } from '@fastkit/vue-kit';
|
|
25
32
|
import { IMaskTypedValue } from '@fastkit/vue-kit';
|
|
26
33
|
import { InjectionKey } from 'vue';
|
|
34
|
+
import { ItalicOptions } from '@tiptap/extension-italic';
|
|
35
|
+
import { LinkOptions } from '@tiptap/extension-link';
|
|
27
36
|
import { LocationService } from '@fastkit/vue-utils';
|
|
28
37
|
import { NavigationableInheritProps } from '@fastkit/vue-utils';
|
|
29
38
|
import { NavigationFailure } from 'vue-router';
|
|
30
39
|
import { Numberish } from '@fastkit/vue-kit';
|
|
40
|
+
import { OrderedListOptions } from '@tiptap/extension-ordered-list';
|
|
31
41
|
import { Prop } from 'vue';
|
|
32
42
|
import { PropType } from 'vue';
|
|
33
43
|
import { RawTextableFinishingProp } from '@fastkit/vue-kit';
|
|
@@ -50,18 +60,21 @@ import { TextareaAutosizeSettings } from '@fastkit/vue-kit';
|
|
|
50
60
|
import { TextareaControl } from '@fastkit/vue-kit';
|
|
51
61
|
import { TextInputControl } from '@fastkit/vue-kit';
|
|
52
62
|
import { TypedSlot } from '@fastkit/vue-kit';
|
|
63
|
+
import { UnderlineOptions } from '@tiptap/extension-underline';
|
|
53
64
|
import { useLink } from 'vue-router';
|
|
54
65
|
import { ValidateTiming } from '@fastkit/vue-kit';
|
|
55
66
|
import { ValidationResult } from '@fastkit/vue-kit';
|
|
56
67
|
import { VDialog } from '@fastkit/vue-kit';
|
|
68
|
+
import { VDialogProps } from '@fastkit/vue-kit';
|
|
57
69
|
import { VMenu } from '@fastkit/vue-kit';
|
|
58
70
|
import { VNode } from 'vue';
|
|
59
71
|
import { VNodeChild } from 'vue';
|
|
60
72
|
import { VNodeChildOrSlot } from '@fastkit/vue-kit';
|
|
61
73
|
import { VNodeProps } from 'vue';
|
|
62
74
|
import { VSnackbar } from '@fastkit/vue-kit';
|
|
63
|
-
import
|
|
75
|
+
import { VueColorSchemePluginSettings } from '@fastkit/vue-kit';
|
|
64
76
|
import { VueForm } from '@fastkit/vue-kit';
|
|
77
|
+
import { VueStackService } from '@fastkit/vue-kit';
|
|
65
78
|
import { VueStackServiceOptions } from '@fastkit/vue-kit';
|
|
66
79
|
import { WritableComputedRef } from 'vue';
|
|
67
80
|
|
|
@@ -253,6 +266,78 @@ export declare function createPaperProps(): {
|
|
|
253
266
|
elevation: PropType<VuiElevationValue>;
|
|
254
267
|
};
|
|
255
268
|
|
|
269
|
+
declare function createTextFieldProps(): {
|
|
270
|
+
'v-slots': PropType<ResolveRawSlots<FormControlSlots & InputBoxSlots>>;
|
|
271
|
+
size: {
|
|
272
|
+
type: PropType<"sm" | "md" | "lg">;
|
|
273
|
+
validator: (value: any) => boolean;
|
|
274
|
+
};
|
|
275
|
+
variant: {
|
|
276
|
+
type: PropType<"flat" | "outlined" | "filled">;
|
|
277
|
+
validator: (value: any) => boolean;
|
|
278
|
+
};
|
|
279
|
+
startAdornment: PropType<VNodeChildOrSlot<any>>;
|
|
280
|
+
endAdornment: PropType<VNodeChildOrSlot<any>>;
|
|
281
|
+
tabindex: {
|
|
282
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
283
|
+
default: number;
|
|
284
|
+
};
|
|
285
|
+
nodeControl: PropType<FormNodeControl<any, any>>;
|
|
286
|
+
label: PropType<VNodeChildOrSlot<any>>;
|
|
287
|
+
hint: PropType<VNodeChildOrSlot<any>>;
|
|
288
|
+
infoAppends: PropType<VNodeChildOrSlot<any>>;
|
|
289
|
+
validating: BooleanConstructor;
|
|
290
|
+
pending: BooleanConstructor;
|
|
291
|
+
focused: BooleanConstructor;
|
|
292
|
+
dirty: BooleanConstructor;
|
|
293
|
+
pristine: BooleanConstructor;
|
|
294
|
+
errors: {
|
|
295
|
+
type: PropType<FormNodeError[]>;
|
|
296
|
+
default: () => FormNodeError[];
|
|
297
|
+
};
|
|
298
|
+
disabled: BooleanConstructor;
|
|
299
|
+
readonly: BooleanConstructor;
|
|
300
|
+
touched: BooleanConstructor;
|
|
301
|
+
untouched: BooleanConstructor;
|
|
302
|
+
required: BooleanConstructor;
|
|
303
|
+
invalid: BooleanConstructor;
|
|
304
|
+
valid: BooleanConstructor;
|
|
305
|
+
hiddenInfo: BooleanConstructor;
|
|
306
|
+
type: {
|
|
307
|
+
type: PropType<"number" | "search" | "email" | "tel" | "url" | "color" | "date" | "datetime-local" | "month" | "password" | "text" | "time">;
|
|
308
|
+
default: string;
|
|
309
|
+
};
|
|
310
|
+
masked: StringConstructor;
|
|
311
|
+
typed: (StringConstructor | NumberConstructor | DateConstructor)[];
|
|
312
|
+
unmasked: StringConstructor;
|
|
313
|
+
mask: PropType<any>;
|
|
314
|
+
minlength: (StringConstructor | NumberConstructor)[];
|
|
315
|
+
maxlength: (StringConstructor | NumberConstructor)[];
|
|
316
|
+
pattern: (StringConstructor | RegExpConstructor)[];
|
|
317
|
+
placeholder: StringConstructor;
|
|
318
|
+
autocapitalize: PropType<FormAutoCapitalize>;
|
|
319
|
+
finishings: PropType<RawTextableFinishingProp>;
|
|
320
|
+
counter: PropType<string | number | boolean>;
|
|
321
|
+
counterValue: PropType<(value: string) => number>;
|
|
322
|
+
limit: BooleanConstructor;
|
|
323
|
+
autocomplete: PropType<boolean | "name" | "off" | "on" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "url" | "photo">;
|
|
324
|
+
name: StringConstructor;
|
|
325
|
+
modelValue: Prop<string, string>;
|
|
326
|
+
autofocus: BooleanConstructor;
|
|
327
|
+
spellcheck: BooleanConstructor;
|
|
328
|
+
viewonly: BooleanConstructor;
|
|
329
|
+
validateTiming: {
|
|
330
|
+
type: PropType<ValidateTiming>;
|
|
331
|
+
default: ValidateTiming;
|
|
332
|
+
};
|
|
333
|
+
rules: {
|
|
334
|
+
type: PropType<RecursiveArray<Rule<any>>>;
|
|
335
|
+
default: () => never[];
|
|
336
|
+
};
|
|
337
|
+
error: BooleanConstructor;
|
|
338
|
+
errorMessages: PropType<string | string[]>;
|
|
339
|
+
};
|
|
340
|
+
|
|
256
341
|
declare const DATA_TABLE_DEFAULTS: {
|
|
257
342
|
itemKey: string;
|
|
258
343
|
pageQuery: string;
|
|
@@ -623,6 +708,10 @@ export declare type RawVButtonIcon = IconName | VButtonIcon;
|
|
|
623
708
|
|
|
624
709
|
export declare type RawVButtonSpacer = boolean | VButtonSpacer;
|
|
625
710
|
|
|
711
|
+
export declare type RawVuiPromptOptions = string | VuiPromptOptions;
|
|
712
|
+
|
|
713
|
+
declare type RawWysiwygEditorTool = WysiwygEditorTool | WysiwygEditorToolFactory<any>;
|
|
714
|
+
|
|
626
715
|
declare type RecursiveArray<T> = T | RecursiveArray<T>[];
|
|
627
716
|
|
|
628
717
|
export declare function renderNavigationItemInput(input: NavigationItemInput, extraProps?: Record<string, unknown> & VNodeProps): JSX.Element;
|
|
@@ -697,6 +786,8 @@ declare interface RuleValidateOptions {
|
|
|
697
786
|
eachPrefix?: string;
|
|
698
787
|
}
|
|
699
788
|
|
|
789
|
+
export declare type TextFieldInput = ExtractPropInput<ReturnType<typeof createTextFieldProps>>;
|
|
790
|
+
|
|
700
791
|
declare type ToggleableIconHook = (gen: IconGenerator, ctx: boolean) => VNodeChild;
|
|
701
792
|
|
|
702
793
|
export declare function useControl(props: ControlProps, opts?: UseControlProviderOptions): ControlProvider;
|
|
@@ -879,6 +970,38 @@ export declare const VButton: DefineComponent<{
|
|
|
879
970
|
ariaCurrentValue: "page" | "step" | "location" | "date" | "time" | "true" | "false" | undefined;
|
|
880
971
|
}>;
|
|
881
972
|
|
|
973
|
+
export declare const VButtonGroup: DefineComponent<{
|
|
974
|
+
disabled: BooleanConstructor;
|
|
975
|
+
size: {
|
|
976
|
+
type: PropType<"sm" | "md" | "lg">;
|
|
977
|
+
validator: (value: any) => boolean;
|
|
978
|
+
};
|
|
979
|
+
variant: PropType<ColorVariant>;
|
|
980
|
+
theme: PropType<ThemeName>;
|
|
981
|
+
color: PropType<ScopeName>;
|
|
982
|
+
textColor: PropType<PaletteName>;
|
|
983
|
+
borderColor: PropType<PaletteName>;
|
|
984
|
+
}, () => JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
|
|
985
|
+
disabled?: unknown;
|
|
986
|
+
size?: unknown;
|
|
987
|
+
variant?: unknown;
|
|
988
|
+
theme?: unknown;
|
|
989
|
+
color?: unknown;
|
|
990
|
+
textColor?: unknown;
|
|
991
|
+
borderColor?: unknown;
|
|
992
|
+
} & {
|
|
993
|
+
disabled: boolean;
|
|
994
|
+
} & {
|
|
995
|
+
theme?: ThemeName | undefined;
|
|
996
|
+
color?: ScopeName | undefined;
|
|
997
|
+
textColor?: PaletteName | undefined;
|
|
998
|
+
borderColor?: PaletteName | undefined;
|
|
999
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
1000
|
+
variant?: ColorVariant | undefined;
|
|
1001
|
+
}>, {
|
|
1002
|
+
disabled: boolean;
|
|
1003
|
+
}>;
|
|
1004
|
+
|
|
882
1005
|
export declare type VButtonIcon = () => VNodeChild;
|
|
883
1006
|
|
|
884
1007
|
export declare type VButtonProps = ExtractPropInput<typeof vueButtonProps>;
|
|
@@ -1483,6 +1606,7 @@ export declare const VDrawerLayout: DefineComponent<{
|
|
|
1483
1606
|
}>;
|
|
1484
1607
|
|
|
1485
1608
|
export declare const VForm: DefineComponent<{
|
|
1609
|
+
disableAutoScroll: BooleanConstructor;
|
|
1486
1610
|
'v-slots': PropType<ResolveRawSlots<VFormSlots>>;
|
|
1487
1611
|
size: {
|
|
1488
1612
|
type: PropType<"sm" | "md" | "lg">;
|
|
@@ -1568,6 +1692,7 @@ export declare const VForm: DefineComponent<{
|
|
|
1568
1692
|
focus: (ev: FocusEvent) => boolean;
|
|
1569
1693
|
blur: (ev: FocusEvent) => boolean;
|
|
1570
1694
|
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
|
|
1695
|
+
disableAutoScroll?: unknown;
|
|
1571
1696
|
'v-slots'?: unknown;
|
|
1572
1697
|
size?: unknown;
|
|
1573
1698
|
action?: unknown;
|
|
@@ -1599,6 +1724,7 @@ export declare const VForm: DefineComponent<{
|
|
|
1599
1724
|
rules: RecursiveArray<Rule<any>>;
|
|
1600
1725
|
submiting: boolean;
|
|
1601
1726
|
autoValidate: boolean;
|
|
1727
|
+
disableAutoScroll: boolean;
|
|
1602
1728
|
} & {
|
|
1603
1729
|
name?: string | undefined;
|
|
1604
1730
|
modelValue?: unknown;
|
|
@@ -1627,6 +1753,7 @@ export declare const VForm: DefineComponent<{
|
|
|
1627
1753
|
rules: RecursiveArray<Rule<any>>;
|
|
1628
1754
|
submiting: boolean;
|
|
1629
1755
|
autoValidate: boolean;
|
|
1756
|
+
disableAutoScroll: boolean;
|
|
1630
1757
|
}>;
|
|
1631
1758
|
|
|
1632
1759
|
export declare interface VFormSlots {
|
|
@@ -3969,6 +4096,8 @@ export declare const VUI_TEXT_FIELD_SYMBOL = "vui-text-field";
|
|
|
3969
4096
|
|
|
3970
4097
|
export declare const VUI_TEXTAREA_SYMBOL = "vui-textarea";
|
|
3971
4098
|
|
|
4099
|
+
export declare const VUI_WYSIWYG_EDITOR_SYMBOL = "vui-wysiwyg-editor";
|
|
4100
|
+
|
|
3972
4101
|
export declare interface VuiColorProvider {
|
|
3973
4102
|
primary: ComputedRef<ScopeName>;
|
|
3974
4103
|
error: ComputedRef<ScopeName>;
|
|
@@ -3997,6 +4126,12 @@ export declare interface VuiPluginOptions extends VuiServiceOptions {
|
|
|
3997
4126
|
export declare interface VuiPluginStackOptions extends VueStackServiceOptions {
|
|
3998
4127
|
}
|
|
3999
4128
|
|
|
4129
|
+
export declare interface VuiPromptOptions extends Partial<VDialogProps> {
|
|
4130
|
+
input?: Omit<TextFieldInput, 'modelValue'> & {
|
|
4131
|
+
initialValue?: string;
|
|
4132
|
+
};
|
|
4133
|
+
}
|
|
4134
|
+
|
|
4000
4135
|
export declare class VuiService {
|
|
4001
4136
|
readonly options: VuiServiceOptions;
|
|
4002
4137
|
readonly selectionSeparator: VuiVNodeResolver;
|
|
@@ -4005,7 +4140,8 @@ export declare class VuiService {
|
|
|
4005
4140
|
readonly requiredChip?: VuiVNodeResolver;
|
|
4006
4141
|
readonly router: Router;
|
|
4007
4142
|
readonly location: LocationService;
|
|
4008
|
-
|
|
4143
|
+
readonly stack: VueStackService;
|
|
4144
|
+
constructor(options: VuiServiceOptions, stackService: VueStackService);
|
|
4009
4145
|
configure(options?: Partial<VuiServiceOptions>): void;
|
|
4010
4146
|
getRouterLink(): {
|
|
4011
4147
|
new (): {
|
|
@@ -4030,6 +4166,11 @@ export declare class VuiService {
|
|
|
4030
4166
|
icon<K extends keyof VuiServiceIconSettings>(iconType: K): VuiServiceIconSettings[K];
|
|
4031
4167
|
getAutoScrollToElementOffsetTop(): number;
|
|
4032
4168
|
getRequiredChip(): VNodeChild;
|
|
4169
|
+
dialog(...args: Parameters<VueStackService['dialog']>): Promise<any>;
|
|
4170
|
+
alert(...args: Parameters<VueStackService['alert']>): Promise<any>;
|
|
4171
|
+
confirm(...args: Parameters<VueStackService['confirm']>): Promise<any>;
|
|
4172
|
+
snackbar(...args: Parameters<VueStackService['snackbar']>): Promise<any>;
|
|
4173
|
+
prompt(rawOptions?: RawVuiPromptOptions): Promise<any>;
|
|
4033
4174
|
}
|
|
4034
4175
|
|
|
4035
4176
|
export declare interface VuiServiceIconSettings {
|
|
@@ -4038,6 +4179,16 @@ export declare interface VuiServiceIconSettings {
|
|
|
4038
4179
|
prev: RawIconProp;
|
|
4039
4180
|
next: RawIconProp;
|
|
4040
4181
|
sort: RawIconProp;
|
|
4182
|
+
editorTextColor: IconName;
|
|
4183
|
+
editorformatBold: IconName;
|
|
4184
|
+
editorformatUnderline: IconName;
|
|
4185
|
+
editorformatItalic: IconName;
|
|
4186
|
+
editorformatListBulleted: IconName;
|
|
4187
|
+
editorformatListNumbered: IconName;
|
|
4188
|
+
editorLink: IconName;
|
|
4189
|
+
editorLinkOff: IconName;
|
|
4190
|
+
editorUndo: IconName;
|
|
4191
|
+
editorRedo: IconName;
|
|
4041
4192
|
}
|
|
4042
4193
|
|
|
4043
4194
|
export declare interface VuiServiceOptions {
|
|
@@ -4080,6 +4231,293 @@ export declare interface VuiServiceUISettings {
|
|
|
4080
4231
|
|
|
4081
4232
|
export declare type VuiVNodeResolver = () => VNodeChild;
|
|
4082
4233
|
|
|
4234
|
+
export declare const VWysiwygEditor: DefineComponent<{
|
|
4235
|
+
tools: {
|
|
4236
|
+
type: PropType<RawWysiwygEditorTool[]>;
|
|
4237
|
+
default: () => never[];
|
|
4238
|
+
};
|
|
4239
|
+
floatingToolbar: BooleanConstructor;
|
|
4240
|
+
disabledMinHeight: BooleanConstructor;
|
|
4241
|
+
disabledMaxHeight: BooleanConstructor;
|
|
4242
|
+
'v-slots': PropType<ResolveRawSlots<FormControlSlots & InputBoxSlots>>;
|
|
4243
|
+
size: {
|
|
4244
|
+
type: PropType<"sm" | "md" | "lg">;
|
|
4245
|
+
validator: (value: any) => boolean;
|
|
4246
|
+
};
|
|
4247
|
+
variant: {
|
|
4248
|
+
type: PropType<"flat" | "outlined" | "filled">;
|
|
4249
|
+
validator: (value: any) => boolean;
|
|
4250
|
+
};
|
|
4251
|
+
startAdornment: PropType<VNodeChildOrSlot<any>>;
|
|
4252
|
+
endAdornment: PropType<VNodeChildOrSlot<any>>;
|
|
4253
|
+
tabindex: {
|
|
4254
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
4255
|
+
default: number;
|
|
4256
|
+
};
|
|
4257
|
+
nodeControl: PropType<FormNodeControl<any, any>>;
|
|
4258
|
+
label: PropType<VNodeChildOrSlot<any>>;
|
|
4259
|
+
hint: PropType<VNodeChildOrSlot<any>>;
|
|
4260
|
+
infoAppends: PropType<VNodeChildOrSlot<any>>;
|
|
4261
|
+
validating: BooleanConstructor;
|
|
4262
|
+
pending: BooleanConstructor;
|
|
4263
|
+
focused: BooleanConstructor;
|
|
4264
|
+
dirty: BooleanConstructor;
|
|
4265
|
+
pristine: BooleanConstructor;
|
|
4266
|
+
errors: {
|
|
4267
|
+
type: PropType<FormNodeError[]>;
|
|
4268
|
+
default: () => FormNodeError[];
|
|
4269
|
+
};
|
|
4270
|
+
disabled: BooleanConstructor;
|
|
4271
|
+
readonly: BooleanConstructor;
|
|
4272
|
+
touched: BooleanConstructor;
|
|
4273
|
+
untouched: BooleanConstructor;
|
|
4274
|
+
required: BooleanConstructor;
|
|
4275
|
+
invalid: BooleanConstructor;
|
|
4276
|
+
valid: BooleanConstructor;
|
|
4277
|
+
hiddenInfo: BooleanConstructor;
|
|
4278
|
+
minlength: (StringConstructor | NumberConstructor)[];
|
|
4279
|
+
maxlength: (StringConstructor | NumberConstructor)[];
|
|
4280
|
+
pattern: (StringConstructor | RegExpConstructor)[];
|
|
4281
|
+
placeholder: StringConstructor;
|
|
4282
|
+
autocapitalize: PropType<FormAutoCapitalize>;
|
|
4283
|
+
finishings: PropType<RawTextableFinishingProp>;
|
|
4284
|
+
counter: PropType<string | number | boolean>;
|
|
4285
|
+
counterValue: PropType<(value: string) => number>;
|
|
4286
|
+
limit: BooleanConstructor;
|
|
4287
|
+
autocomplete: PropType<boolean | "name" | "off" | "on" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "url" | "photo">;
|
|
4288
|
+
name: StringConstructor;
|
|
4289
|
+
modelValue: Prop<string, string>;
|
|
4290
|
+
autofocus: BooleanConstructor;
|
|
4291
|
+
spellcheck: BooleanConstructor;
|
|
4292
|
+
viewonly: BooleanConstructor;
|
|
4293
|
+
validateTiming: {
|
|
4294
|
+
type: PropType<ValidateTiming>;
|
|
4295
|
+
default: ValidateTiming;
|
|
4296
|
+
};
|
|
4297
|
+
rules: {
|
|
4298
|
+
type: PropType<RecursiveArray<Rule<any>>>;
|
|
4299
|
+
default: () => never[];
|
|
4300
|
+
};
|
|
4301
|
+
error: BooleanConstructor;
|
|
4302
|
+
errorMessages: PropType<string | string[]>;
|
|
4303
|
+
}, {
|
|
4304
|
+
focus: (position?: FocusPosition | undefined, options?: {
|
|
4305
|
+
scrollIntoView?: boolean | undefined;
|
|
4306
|
+
} | undefined) => ChainedCommands;
|
|
4307
|
+
blur: () => ChainedCommands;
|
|
4308
|
+
createTools: (bubbleMenu?: boolean) => JSX.Element;
|
|
4309
|
+
parentControl: ControlProvider | null;
|
|
4310
|
+
size: ComputedRef<"sm" | "md" | "lg">;
|
|
4311
|
+
classes: ComputedRef<any>;
|
|
4312
|
+
computedMinlength: ComputedRef<number | undefined>;
|
|
4313
|
+
computedMaxlength: ComputedRef<number | undefined>;
|
|
4314
|
+
computedPattern: ComputedRef<string | RegExp | undefined>;
|
|
4315
|
+
computedPlaceholder: ComputedRef<string | undefined>;
|
|
4316
|
+
computedAutocapitalize: ComputedRef<FormAutoCapitalize | undefined>;
|
|
4317
|
+
counterSettings: ComputedRef<TextableCounterSettings | undefined>;
|
|
4318
|
+
counterResult: ComputedRef<TextableCounterResult | undefined>;
|
|
4319
|
+
computedAutocomplete: ComputedRef<"name" | "off" | "on" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "url" | "photo" | undefined>;
|
|
4320
|
+
nodeControl: FormNodeControl<any, any>;
|
|
4321
|
+
currentValue: WritableComputedRef<string>;
|
|
4322
|
+
computedTabindex: ComputedRef<number>;
|
|
4323
|
+
validating: Ref<boolean>;
|
|
4324
|
+
autofocus: boolean;
|
|
4325
|
+
pending: ComputedRef<boolean>;
|
|
4326
|
+
focused: ComputedRef<boolean>;
|
|
4327
|
+
initialValue: Ref<string>;
|
|
4328
|
+
dirty: ComputedRef<boolean>;
|
|
4329
|
+
pristine: ComputedRef<boolean>;
|
|
4330
|
+
propRules: ComputedRef<RecursiveArray<Rule<any>>>;
|
|
4331
|
+
isRequired: ComputedRef<boolean>;
|
|
4332
|
+
errors: ComputedRef<FormNodeError[]>;
|
|
4333
|
+
firstError: ComputedRef<FormNodeError | undefined>;
|
|
4334
|
+
hasMyError: ComputedRef<boolean>;
|
|
4335
|
+
hasError: ComputedRef<boolean>;
|
|
4336
|
+
isDisabled: ComputedRef<boolean>;
|
|
4337
|
+
isReadonly: ComputedRef<boolean>;
|
|
4338
|
+
canOperation: ComputedRef<boolean>;
|
|
4339
|
+
touched: ComputedRef<boolean>;
|
|
4340
|
+
untouched: ComputedRef<boolean>;
|
|
4341
|
+
isDestroyed: ComputedRef<boolean>;
|
|
4342
|
+
invalid: ComputedRef<boolean>;
|
|
4343
|
+
valid: ComputedRef<boolean>;
|
|
4344
|
+
shouldValidate: ComputedRef<boolean>;
|
|
4345
|
+
spellcheck: ComputedRef<boolean>;
|
|
4346
|
+
submiting: ComputedRef<boolean>;
|
|
4347
|
+
validateSelf: (force?: boolean | undefined) => Promise<ValidationResult>;
|
|
4348
|
+
validate: () => Promise<boolean>;
|
|
4349
|
+
editor: Ref<Editor>;
|
|
4350
|
+
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
4351
|
+
'update:modelValue': (value: string) => boolean;
|
|
4352
|
+
'update:errors': (errors: FormNodeError[]) => boolean;
|
|
4353
|
+
change: (value: string) => boolean;
|
|
4354
|
+
focus: (ev: FocusEvent) => boolean;
|
|
4355
|
+
blur: (ev: FocusEvent) => boolean;
|
|
4356
|
+
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<{
|
|
4357
|
+
tools?: unknown;
|
|
4358
|
+
floatingToolbar?: unknown;
|
|
4359
|
+
disabledMinHeight?: unknown;
|
|
4360
|
+
disabledMaxHeight?: unknown;
|
|
4361
|
+
'v-slots'?: unknown;
|
|
4362
|
+
size?: unknown;
|
|
4363
|
+
variant?: unknown;
|
|
4364
|
+
startAdornment?: unknown;
|
|
4365
|
+
endAdornment?: unknown;
|
|
4366
|
+
tabindex?: unknown;
|
|
4367
|
+
nodeControl?: unknown;
|
|
4368
|
+
label?: unknown;
|
|
4369
|
+
hint?: unknown;
|
|
4370
|
+
infoAppends?: unknown;
|
|
4371
|
+
validating?: unknown;
|
|
4372
|
+
pending?: unknown;
|
|
4373
|
+
focused?: unknown;
|
|
4374
|
+
dirty?: unknown;
|
|
4375
|
+
pristine?: unknown;
|
|
4376
|
+
errors?: unknown;
|
|
4377
|
+
disabled?: unknown;
|
|
4378
|
+
readonly?: unknown;
|
|
4379
|
+
touched?: unknown;
|
|
4380
|
+
untouched?: unknown;
|
|
4381
|
+
required?: unknown;
|
|
4382
|
+
invalid?: unknown;
|
|
4383
|
+
valid?: unknown;
|
|
4384
|
+
hiddenInfo?: unknown;
|
|
4385
|
+
minlength?: unknown;
|
|
4386
|
+
maxlength?: unknown;
|
|
4387
|
+
pattern?: unknown;
|
|
4388
|
+
placeholder?: unknown;
|
|
4389
|
+
autocapitalize?: unknown;
|
|
4390
|
+
finishings?: unknown;
|
|
4391
|
+
counter?: unknown;
|
|
4392
|
+
counterValue?: unknown;
|
|
4393
|
+
limit?: unknown;
|
|
4394
|
+
autocomplete?: unknown;
|
|
4395
|
+
name?: unknown;
|
|
4396
|
+
modelValue?: unknown;
|
|
4397
|
+
autofocus?: unknown;
|
|
4398
|
+
spellcheck?: unknown;
|
|
4399
|
+
viewonly?: unknown;
|
|
4400
|
+
validateTiming?: unknown;
|
|
4401
|
+
rules?: unknown;
|
|
4402
|
+
error?: unknown;
|
|
4403
|
+
errorMessages?: unknown;
|
|
4404
|
+
} & {
|
|
4405
|
+
autofocus: boolean;
|
|
4406
|
+
disabled: boolean;
|
|
4407
|
+
readonly: boolean;
|
|
4408
|
+
spellcheck: boolean;
|
|
4409
|
+
viewonly: boolean;
|
|
4410
|
+
required: boolean;
|
|
4411
|
+
error: boolean;
|
|
4412
|
+
tabindex: string | number;
|
|
4413
|
+
validateTiming: ValidateTiming;
|
|
4414
|
+
rules: RecursiveArray<Rule<any>>;
|
|
4415
|
+
limit: boolean;
|
|
4416
|
+
validating: boolean;
|
|
4417
|
+
pending: boolean;
|
|
4418
|
+
focused: boolean;
|
|
4419
|
+
dirty: boolean;
|
|
4420
|
+
pristine: boolean;
|
|
4421
|
+
touched: boolean;
|
|
4422
|
+
untouched: boolean;
|
|
4423
|
+
invalid: boolean;
|
|
4424
|
+
valid: boolean;
|
|
4425
|
+
hiddenInfo: boolean;
|
|
4426
|
+
errors: FormNodeError[];
|
|
4427
|
+
tools: RawWysiwygEditorTool[];
|
|
4428
|
+
floatingToolbar: boolean;
|
|
4429
|
+
disabledMinHeight: boolean;
|
|
4430
|
+
disabledMaxHeight: boolean;
|
|
4431
|
+
} & {
|
|
4432
|
+
name?: string | undefined;
|
|
4433
|
+
modelValue?: string | undefined;
|
|
4434
|
+
errorMessages?: string | string[] | undefined;
|
|
4435
|
+
autocomplete?: boolean | "name" | "off" | "on" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "email" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level4" | "address-level3" | "address-level2" | "address-level1" | "country" | "country-name" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "impp" | "url" | "photo" | undefined;
|
|
4436
|
+
placeholder?: string | undefined;
|
|
4437
|
+
minlength?: string | number | undefined;
|
|
4438
|
+
maxlength?: string | number | undefined;
|
|
4439
|
+
pattern?: string | RegExp | undefined;
|
|
4440
|
+
autocapitalize?: FormAutoCapitalize | undefined;
|
|
4441
|
+
finishings?: RawTextableFinishingProp | undefined;
|
|
4442
|
+
counter?: string | number | boolean | undefined;
|
|
4443
|
+
counterValue?: ((value: string) => number) | undefined;
|
|
4444
|
+
nodeControl?: FormNodeControl<any, any> | undefined;
|
|
4445
|
+
label?: VNodeChildOrSlot<any>;
|
|
4446
|
+
hint?: VNodeChildOrSlot<any>;
|
|
4447
|
+
infoAppends?: VNodeChildOrSlot<any>;
|
|
4448
|
+
startAdornment?: VNodeChildOrSlot<any>;
|
|
4449
|
+
endAdornment?: VNodeChildOrSlot<any>;
|
|
4450
|
+
variant?: "flat" | "outlined" | "filled" | undefined;
|
|
4451
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
4452
|
+
"v-slots"?: ResolveRawSlots<FormControlSlots & InputBoxSlots> | undefined;
|
|
4453
|
+
}> & {
|
|
4454
|
+
onBlur?: ((ev: FocusEvent) => any) | undefined;
|
|
4455
|
+
onChange?: ((value: string) => any) | undefined;
|
|
4456
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
4457
|
+
"onUpdate:errors"?: ((errors: FormNodeError[]) => any) | undefined;
|
|
4458
|
+
onFocus?: ((ev: FocusEvent) => any) | undefined;
|
|
4459
|
+
}, {
|
|
4460
|
+
autofocus: boolean;
|
|
4461
|
+
disabled: boolean;
|
|
4462
|
+
readonly: boolean;
|
|
4463
|
+
spellcheck: boolean;
|
|
4464
|
+
viewonly: boolean;
|
|
4465
|
+
required: boolean;
|
|
4466
|
+
error: boolean;
|
|
4467
|
+
tabindex: string | number;
|
|
4468
|
+
validateTiming: ValidateTiming;
|
|
4469
|
+
rules: RecursiveArray<Rule<any>>;
|
|
4470
|
+
limit: boolean;
|
|
4471
|
+
validating: boolean;
|
|
4472
|
+
pending: boolean;
|
|
4473
|
+
focused: boolean;
|
|
4474
|
+
dirty: boolean;
|
|
4475
|
+
pristine: boolean;
|
|
4476
|
+
touched: boolean;
|
|
4477
|
+
untouched: boolean;
|
|
4478
|
+
invalid: boolean;
|
|
4479
|
+
valid: boolean;
|
|
4480
|
+
hiddenInfo: boolean;
|
|
4481
|
+
errors: FormNodeError[];
|
|
4482
|
+
tools: RawWysiwygEditorTool[];
|
|
4483
|
+
floatingToolbar: boolean;
|
|
4484
|
+
disabledMinHeight: boolean;
|
|
4485
|
+
disabledMaxHeight: boolean;
|
|
4486
|
+
}>;
|
|
4487
|
+
|
|
4488
|
+
export declare const WysiwygBulletListTool: WysiwygEditorToolFactory<BulletListOptions>;
|
|
4489
|
+
|
|
4490
|
+
declare interface WysiwygEditorContext {
|
|
4491
|
+
editor: Editor;
|
|
4492
|
+
vui: VuiService;
|
|
4493
|
+
}
|
|
4494
|
+
|
|
4495
|
+
declare interface WysiwygEditorTool {
|
|
4496
|
+
key: string;
|
|
4497
|
+
icon: IconName | ((ctx: WysiwygEditorContext) => IconName);
|
|
4498
|
+
active?: boolean | ((ctx: WysiwygEditorContext) => boolean);
|
|
4499
|
+
disabled?: boolean | ((ctx: WysiwygEditorContext) => boolean);
|
|
4500
|
+
onClick: (ctx: WysiwygEditorContext, ev: MouseEvent) => any;
|
|
4501
|
+
floating?: boolean;
|
|
4502
|
+
extensions?: Extensions;
|
|
4503
|
+
}
|
|
4504
|
+
|
|
4505
|
+
declare type WysiwygEditorToolFactory<Options = void> = (vui: VuiService, options?: Options) => WysiwygEditorTool | WysiwygEditorTool[];
|
|
4506
|
+
|
|
4507
|
+
export declare const WysiwygFormatBoldTool: WysiwygEditorToolFactory<BoldOptions>;
|
|
4508
|
+
|
|
4509
|
+
export declare const WysiwygFormatItalicTool: WysiwygEditorToolFactory<ItalicOptions>;
|
|
4510
|
+
|
|
4511
|
+
export declare const WysiwygFormatUnderlineTool: WysiwygEditorToolFactory<UnderlineOptions>;
|
|
4512
|
+
|
|
4513
|
+
export declare const WysiwygHistoryTool: WysiwygEditorToolFactory<HistoryOptions>;
|
|
4514
|
+
|
|
4515
|
+
export declare const WysiwygLinkTool: WysiwygEditorToolFactory<LinkOptions>;
|
|
4516
|
+
|
|
4517
|
+
export declare const WysiwygOrderedListTool: WysiwygEditorToolFactory<OrderedListOptions>;
|
|
4518
|
+
|
|
4519
|
+
export declare const WysiwygTextColorTool: WysiwygEditorToolFactory;
|
|
4520
|
+
|
|
4083
4521
|
|
|
4084
4522
|
export * from "@fastkit/vue-kit";
|
|
4085
4523
|
export * from "@fastkit/vue-loading";
|