vft 0.0.18 → 0.0.20

package/es/components/input/index.d.ts

@@ -0,0 +1,252 @@
+export declare const VftInput: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    id: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    size: {
+        type: import("vue").PropType<"large" | "small" | "default" | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    type: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    resize: {
+        type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical" | undefined>;
+        required: false;
+    };
+    autosize: {
+        type: import("vue").PropType<boolean | {
+            minRows?: number | undefined;
+            maxRows?: number | undefined;
+        } | undefined>;
+        required: false;
+    };
+    autocomplete: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    formatter: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    parser: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    placeholder: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    form: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    showPassword: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    showWordLimit: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    suffixIcon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    prefixIcon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    clearIcon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    containerRole: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    label: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    inputStyle: {
+        type: import("vue").PropType<import("vue").StyleValue | undefined>;
+        required: false;
+    };
+    focusWidth: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+}, {
+    input: import("vue").ShallowRef<HTMLInputElement | undefined>;
+    textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
+    ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+    textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
+    autosize: boolean | {
+        minRows?: number | undefined;
+        maxRows?: number | undefined;
+    };
+    focus: () => Promise<void>;
+    blur: () => void | undefined;
+    select: () => void;
+    clear: () => void;
+    resizeTextarea: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => boolean;
+    input: (value: string) => boolean;
+    change: (value: string) => boolean;
+    suffixclick: (value: any) => boolean;
+    focus: (evt: FocusEvent) => boolean;
+    blur: (evt: FocusEvent) => boolean;
+    clear: () => true;
+    mouseleave: (evt: MouseEvent) => boolean;
+    mouseenter: (evt: MouseEvent) => boolean;
+    keydown: (evt: Event | KeyboardEvent) => boolean;
+    compositionstart: (evt: CompositionEvent) => boolean;
+    compositionupdate: (evt: CompositionEvent) => boolean;
+    compositionend: (evt: CompositionEvent) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    size: {
+        type: import("vue").PropType<"large" | "small" | "default" | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    type: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    resize: {
+        type: import("vue").PropType<"none" | "both" | "horizontal" | "vertical" | undefined>;
+        required: false;
+    };
+    autosize: {
+        type: import("vue").PropType<boolean | {
+            minRows?: number | undefined;
+            maxRows?: number | undefined;
+        } | undefined>;
+        required: false;
+    };
+    autocomplete: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    formatter: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    parser: {
+        type: import("vue").PropType<Function | undefined>;
+        required: false;
+    };
+    placeholder: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    form: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    clearable: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    showPassword: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    showWordLimit: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    suffixIcon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    prefixIcon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    clearIcon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    containerRole: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    label: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: import("vue").PropType<string | number | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    inputStyle: {
+        type: import("vue").PropType<import("vue").StyleValue | undefined>;
+        required: false;
+    };
+    focusWidth: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
+    onSuffixclick?: ((value: any) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
+    onBlur?: ((evt: FocusEvent) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+    onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+    onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+    onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+    onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+    onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+}, {}>> & Record<string, any>;
+export default VftInput;

package/es/components/input/index.mjs

@@ -0,0 +1,11 @@
+import { withInstall as t } from "../../utils/vue/install.mjs";
+import "vue";
+import "@vue/shared";
+import "@vft/utils";
+import o from "./input.vue2.mjs";
+const a = t(o);
+export {
+  a as VftInput,
+  a as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/components/input/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/input/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Input from './input.vue'\n\nexport const VftInput = withInstall(Input)\n\nexport default VftInput\n\n"],"names":["VftInput","withInstall","Input"],"mappings":";;;;;AAIa,MAAAA,IAAWC,EAAYC,CAAK;"}

package/es/components/input/input.vue.d.ts

@@ -0,0 +1,265 @@
+import type { PropType as __PropType } from 'vue';
+import { type IconProps } from 'vft/es/components/icon';
+import type { StyleValue } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    id: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<"large" | "small" | "default" | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    type: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    resize: {
+        type: __PropType<"none" | "both" | "horizontal" | "vertical" | undefined>;
+        required: false;
+    };
+    autosize: {
+        type: __PropType<boolean | {
+            minRows?: number | undefined;
+            maxRows?: number | undefined;
+        } | undefined>;
+        required: false;
+    };
+    autocomplete: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    formatter: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    parser: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    placeholder: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    form: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    readonly: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    clearable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    showPassword: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    showWordLimit: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    suffixIcon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    prefixIcon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    clearIcon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    containerRole: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    label: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    inputStyle: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    focusWidth: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+}, {
+    /** @description HTML input element */
+    input: import("vue").ShallowRef<HTMLInputElement | undefined>;
+    /** @description HTML textarea element */
+    textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
+    /** @description HTML element, input or textarea */
+    ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+    /** @description style of textarea. */
+    textareaStyle: import("vue").ComputedRef<StyleValue>;
+    /** @description from props (used on unit test) */
+    autosize: boolean | {
+        minRows?: number | undefined;
+        maxRows?: number | undefined;
+    };
+    /** @description HTML input element native method */
+    focus: () => Promise<void>;
+    /** @description HTML input element native method */
+    blur: () => void | undefined;
+    /** @description HTML input element native method */
+    select: () => void;
+    /** @description clear input value */
+    clear: () => void;
+    /** @description resize textarea. */
+    resizeTextarea: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => boolean;
+    input: (value: string) => boolean;
+    change: (value: string) => boolean;
+    suffixclick: (value: any) => boolean;
+    focus: (evt: FocusEvent) => boolean;
+    blur: (evt: FocusEvent) => boolean;
+    clear: () => true;
+    mouseleave: (evt: MouseEvent) => boolean;
+    mouseenter: (evt: MouseEvent) => boolean;
+    keydown: (evt: KeyboardEvent | Event) => boolean;
+    compositionstart: (evt: CompositionEvent) => boolean;
+    compositionupdate: (evt: CompositionEvent) => boolean;
+    compositionend: (evt: CompositionEvent) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    size: {
+        type: __PropType<"large" | "small" | "default" | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    modelValue: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    type: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    resize: {
+        type: __PropType<"none" | "both" | "horizontal" | "vertical" | undefined>;
+        required: false;
+    };
+    autosize: {
+        type: __PropType<boolean | {
+            minRows?: number | undefined;
+            maxRows?: number | undefined;
+        } | undefined>;
+        required: false;
+    };
+    autocomplete: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    formatter: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    parser: {
+        type: __PropType<Function | undefined>;
+        required: false;
+    };
+    placeholder: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    form: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    readonly: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    clearable: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    showPassword: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    showWordLimit: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    suffixIcon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    prefixIcon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    clearIcon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    containerRole: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    label: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    tabindex: {
+        type: __PropType<string | number | undefined>;
+        required: false;
+    };
+    validateEvent: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    inputStyle: {
+        type: __PropType<StyleValue | undefined>;
+        required: false;
+    };
+    focusWidth: {
+        type: __PropType<Numberish | undefined>;
+        required: false;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
+    onSuffixclick?: ((value: any) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
+    onBlur?: ((evt: FocusEvent) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+    onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+    onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+    onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+    onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+    onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/es/components/input/input.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./input.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=input.vue.mjs.map

package/es/components/input/input.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}