@wssto2/vue-core 0.4.18 → 0.4.20

package/dist/form/MoneyField.vue.d.ts

@@ -7,20 +7,23 @@ import { type FieldProps, type FieldSlots } from "./field";
  *   <MoneyField v-bind="form.bind('price')" currency="EUR" :label="t('price')" />
  */
 type __VLS_Props = FieldProps & {
+    modelValue?: number | null;
     currency: string;
     decimals?: number;
+    blankZero?: boolean;
     negative?: boolean;
     width?: Exclude<ControlWidth, "content">;
 };
 type __VLS_Slots = FieldSlots;
-type __VLS_PublicProps = __VLS_Props & {
-    modelValue?: number | null;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     focus: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
     "update:modelValue": (value: number | null) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
 }>, {
     disabled: boolean;
@@ -30,12 +33,14 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     required: boolean;
     width: Exclude<ControlWidth, "content">;
     presentation: "control" | "value";
+    modelValue: number | null;
     labelHidden: boolean;
     hint: string;
     editable: boolean;
     lockedReason: string;
     decimals: number;
     negative: boolean;
+    blankZero: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/form/NumberField.vue.d.ts

@@ -16,6 +16,8 @@ import { type FieldProps, type FieldSlots } from "./field";
  *
  * Typing "1,5" mid-edit is never rewritten under the cursor: the text is the user's until the field loses focus.
  * `:max-digits="5"` takes at most five digits (a postal code): typing a sixth does nothing, pasting a longer number keeps its first five.
+ * However the field is emptied (typing, a paste of nothing, a cut, a test's `fill("")`) it emits `null`, also when the value it was given was already `null`.
+ * `blankZero` shows a 0 as an empty field (a cost row where nothing entered and 0 mean the same); the value stays 0.
  * Limits (`min`, `max`) are the validator's job; the field only keeps what cannot be a number out.
  */
 type __VLS_Props = FieldProps & {
@@ -29,8 +31,11 @@ type __VLS_Props = FieldProps & {
     grouping?: boolean;
     /** The most digits the field takes, fraction digits included (the sign, separators and decimal mark are not counted): a postal code is `:max-digits="5"`. Further digits are not accepted, as `maxlength` does for text; a pasted longer number keeps its first digits. */
     maxDigits?: number;
+    /** A value of 0 reads as an empty field, editing and reading (a cost that is "not set" until filled in). The value stays 0 and what is emitted is unchanged; a 0 the user types stays visible while the field has focus. */
+    blankZero?: boolean;
     /** The monospaced face of `TextField mono` (coordinates, codes). */
     mono?: boolean;
+    modelValue?: number | null;
     placeholder?: string;
     prefix?: string;
     suffix?: string;
@@ -38,14 +43,15 @@ type __VLS_Props = FieldProps & {
     width?: Exclude<ControlWidth, "content">;
 };
 type __VLS_Slots = FieldSlots;
-type __VLS_PublicProps = __VLS_Props & {
-    modelValue?: number | null;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     focus: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
     "update:modelValue": (value: number | null) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
 }>, {
     disabled: boolean;
@@ -57,6 +63,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     width: Exclude<ControlWidth, "content">;
     prefix: string;
     presentation: "control" | "value";
+    modelValue: number | null;
     labelHidden: boolean;
     hint: string;
     editable: boolean;
@@ -68,6 +75,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     negative: boolean;
     grouping: boolean;
     maxDigits: number;
+    blankZero: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/form/SelectField.vue.d.ts

@@ -1,5 +1,5 @@
 import { type FieldProps, type FieldSlots } from "./field";
-import type { OptionSlotScope, SelectOption } from "./options";
+import type { OptionSlotScope, SelectOption, ValueSlotScope } from "./options";
 import { type AsyncOptions, type OptionsSource } from "./useOptions";
 declare const _default: <Value extends string | number, Clearable extends boolean = false, Meta = undefined, Source extends OptionsSource<Value, Meta> = OptionsSource<Value, Meta>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
@@ -13,12 +13,16 @@ declare const _default: <Value extends string | number, Clearable extends boolea
         modelValue?: Value | null;
         /** Shows the search box from this many options. */
         searchFrom?: number;
+        /** `setting` puts the control at the end of the row; `stacked` stretches it under the label (a select in a narrow column). Without it the row is label column and control. */
+        rowLayout?: "setting" | "stacked";
     }) & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: FieldSlots & {
         /** Replaces what an option row says (an icon, a badge); the row, its check, keys and roles stay. */
         option?: (scope: OptionSlotScope<Value, Meta>) => unknown;
+        /** Replaces the chosen value's text, in the control and in read mode (a swatch before the colour's name). Only rendered while an option is chosen; the placeholder is not this slot's. */
+        value?: (scope: ValueSlotScope<Value, Meta>) => unknown;
     };
     emit: (evt: "update:modelValue", value: Clearable extends true ? Value | null : Source extends AsyncOptions<Value, Meta> ? Value | null : Value) => void;
 }>) => import("vue").VNode & {

package/dist/form/TextField.vue.d.ts

@@ -9,7 +9,8 @@ import { type TextSuggestion } from "./suggestions";
  *   <TextField v-bind="form.bind('vin')" mono suffix="VIN" :label="t('vin')" />
  *
  * `mono` is for codes read character by character (0 and O, 1 and l); `prefix` and `suffix` are plain text
- * (a unit, an @) inside the control; `width` is the filled control's width in a row on wide screens.
+ * (a unit, an @) inside the control; `width` is the filled control's width in a row on wide screens. The `#prefix` slot
+ * puts an icon or image before the value, editing and reading (a flag before a translation).
  *
  * `suggestions` offers texts while typing, from a list or from the server (`api.ts` does the request); the value stays a
  * string whatever is picked. The best match shows grey after the typed text and Tab accepts it; the list marks the matched
@@ -40,19 +41,26 @@ type __VLS_Props = FieldProps & {
     /** The id the last picks are kept under (see `recentChoicesKey`); setting it shows them under "Recent" before typing. */
     recents?: string;
 };
-type __VLS_Slots = FieldSlots;
+type __VLS_Slots = FieldSlots & {
+    /** An icon or image before the value, in the control and in the read-mode row (a country's flag before its translation). Give an image `alt=""` when the label already says what it shows. */
+    prefix?: () => unknown;
+};
 type __VLS_PublicProps = __VLS_Props & {
     modelValue?: string;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {
     focus: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
     "update:modelValue": (value: string) => any;
     picked: (suggestion: {
         text: string;
         detail?: string;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onPicked?: ((suggestion: {
         text: string;

package/dist/form/TextareaField.vue.d.ts

@@ -21,8 +21,12 @@ type __VLS_PublicProps = __VLS_Props & {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {
     focus: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
     "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     disabled: boolean;

package/dist/form/TimeField.vue.d.ts

@@ -22,8 +22,12 @@ type __VLS_PublicProps = __VLS_Props & {
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {
     focus: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
     "update:modelValue": (value: string | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }>, {
     disabled: boolean;

package/dist/form/index.d.ts

@@ -41,7 +41,7 @@ export { default as OptionList } from "./OptionList.vue";
 export { groupOptions, matchOptions } from "./options";
 export { recentChoicesKey } from "./suggestions";
 export type { RecentChoices, SuggestionSource, TextSuggestion } from "./suggestions";
-export type { OptionGroup, SelectOption } from "./options";
+export type { OptionGroup, OptionSlotScope, OptionWithMeta, SelectOption, ValueSlotScope } from "./options";
 export { useOptions } from "./useOptions";
 export type { AsyncOptions, OptionsContext, OptionsSource } from "./useOptions";
 export { default as OtpInput } from "./OtpInput.vue";