@xto/form 1.6.8 → 1.7.0

package/es/Input/index.d.ts

@@ -0,0 +1,29 @@
+import { ComponentSize } from '@xto/core';
+export interface InputProps {
+    /** Input value */
+    modelValue?: string | number;
+    /** Input type */
+    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
+    /** Placeholder text */
+    placeholder?: string;
+    /** Input size */
+    size?: ComponentSize;
+    /** Whether input is disabled */
+    disabled?: boolean;
+    /** Whether input is readonly */
+    readonly?: boolean;
+    /** Maximum input length */
+    maxlength?: number | string;
+    /** Minimum input length */
+    minlength?: number | string;
+    /** Whether to show word count */
+    showWordLimit?: boolean;
+    /** Whether input is clearable */
+    clearable?: boolean;
+    /** Whether to show password toggle */
+    showPassword?: boolean;
+    /** Prefix icon */
+    prefixIcon?: string;
+    /** Suffix icon */
+    suffixIcon?: string;
+}

package/es/Input/index.vue.d.ts

@@ -0,0 +1,70 @@
+import { ComponentSize } from '@xto/core';
+type __VLS_Props = {
+    modelValue?: string | number;
+    value?: string | number;
+    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
+    placeholder?: string;
+    size?: ComponentSize;
+    disabled?: boolean;
+    readonly?: boolean;
+    maxlength?: number | string;
+    minlength?: number | string;
+    showWordLimit?: boolean;
+    clearable?: boolean;
+    showPassword?: boolean;
+    prefixIcon?: string;
+    suffixIcon?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+    refs: {
+        inputRef: HTMLInputElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+    focus: () => void;
+    blur: () => void;
+    inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+    "update:value": (value: string | number) => any;
+    input: (value: string | number) => any;
+    change: (value: string | number) => any;
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+    clear: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    "onUpdate:value"?: ((value: string | number) => any) | undefined;
+    onInput?: ((value: string | number) => any) | undefined;
+    onChange?: ((value: string | number) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onClear?: (() => any) | undefined;
+}>, {
+    modelValue: string | number;
+    value: string | number;
+    type: "text" | "password" | "email" | "number" | "tel" | "url";
+    placeholder: string;
+    size: ComponentSize;
+    disabled: boolean;
+    readonly: boolean;
+    showWordLimit: boolean;
+    clearable: boolean;
+    showPassword: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/Input/types.d.ts

@@ -0,0 +1,97 @@
+import { ComponentSize } from '@xto/core';
+/**
+ * Input 类型
+ */
+export type InputType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
+/**
+ * Input Props
+ */
+export interface InputProps {
+    /**
+     * 绑定值
+     */
+    modelValue?: string | number;
+    /**
+     * 绑定值（别名）
+     */
+    value?: string | number;
+    /**
+     * 输入框类型
+     * @default 'text'
+     */
+    type?: InputType;
+    /**
+     * 占位文本
+     */
+    placeholder?: string;
+    /**
+     * 输入框尺寸
+     * @default 'default'
+     */
+    size?: ComponentSize;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 是否只读
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * 最大输入长度
+     */
+    maxlength?: number | string;
+    /**
+     * 最小输入长度
+     */
+    minlength?: number | string;
+    /**
+     * 是否显示字数统计
+     * @default false
+     */
+    showWordLimit?: boolean;
+    /**
+     * 是否可清空
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * 是否显示密码切换按钮
+     * @default false
+     */
+    showPassword?: boolean;
+    /**
+     * 前缀图标
+     */
+    prefixIcon?: string;
+    /**
+     * 后缀图标
+     */
+    suffixIcon?: string;
+}
+/**
+ * Input Emits
+ */
+export interface InputEmits {
+    (e: 'update:modelValue', value: string | number): void;
+    (e: 'update:value', value: string | number): void;
+    (e: 'input', value: string | number): void;
+    (e: 'change', value: string | number): void;
+    (e: 'focus', event: FocusEvent): void;
+    (e: 'blur', event: FocusEvent): void;
+    (e: 'clear'): void;
+}
+/**
+ * Input Expose
+ */
+export interface InputExpose {
+    focus: () => void;
+    blur: () => void;
+    inputRef: HTMLInputElement | undefined;
+}
+/**
+ * Input 组件实例类型
+ */
+export type InputInstance = InstanceType<typeof import('./index.vue').default>;

package/es/InputNumber/index.vue.d.ts

@@ -0,0 +1,57 @@
+import { ComponentSize } from '@xto/core';
+type __VLS_Props = {
+    modelValue?: number;
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    stepStrictly?: boolean;
+    precision?: number;
+    size?: ComponentSize;
+    disabled?: boolean;
+    controls?: boolean;
+    controlsPosition?: '' | 'right';
+    placeholder?: string;
+    valueOnClear?: number | null;
+};
+declare function increase(): void;
+declare function decrease(): void;
+declare function clear(): void;
+declare function focus(): void;
+declare function blur(): void;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    focus: typeof focus;
+    blur: typeof blur;
+    clear: typeof clear;
+    increase: typeof increase;
+    decrease: typeof decrease;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number | undefined) => any;
+    "update:value": (value: number | undefined) => any;
+    change: (currentValue: number | undefined, oldValue: number | undefined) => any;
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+    "onUpdate:value"?: ((value: number | undefined) => any) | undefined;
+    onChange?: ((currentValue: number | undefined, oldValue: number | undefined) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+}>, {
+    modelValue: number;
+    value: number;
+    placeholder: string;
+    size: ComponentSize;
+    disabled: boolean;
+    min: number;
+    max: number;
+    step: number;
+    stepStrictly: boolean;
+    precision: number;
+    controls: boolean;
+    controlsPosition: "" | "right";
+    valueOnClear: number | null;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

package/es/InputNumber/types.d.ts

@@ -0,0 +1,83 @@
+import { ComponentSize } from '@xto/core';
+/**
+ * InputNumber Props
+ */
+export interface InputNumberProps {
+    /**
+     * 绑定值
+     */
+    modelValue?: number;
+    /**
+     * 最小值
+     */
+    min?: number;
+    /**
+     * 最大值
+     */
+    max?: number;
+    /**
+     * 步长
+     * @default 1
+     */
+    step?: number;
+    /**
+     * 步长精度
+     */
+    precision?: number;
+    /**
+     * 输入框尺寸
+     * @default 'default'
+     */
+    size?: ComponentSize;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 是否只读
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * 是否可清空
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * 是否显示控制按钮
+     * @default true
+     */
+    controls?: boolean;
+    /**
+     * 控制按钮位置
+     * @default 'right'
+     */
+    controlsPosition?: 'left' | 'right';
+    /**
+     * 占位文本
+     */
+    placeholder?: string;
+}
+/**
+ * InputNumber Emits
+ */
+export interface InputNumberEmits {
+    (e: 'update:modelValue', value: number): void;
+    (e: 'change', value: number): void;
+    (e: 'focus', event: FocusEvent): void;
+    (e: 'blur', event: FocusEvent): void;
+}
+/**
+ * InputNumber Expose
+ */
+export interface InputNumberExpose {
+    focus: () => void;
+    blur: () => void;
+    increase: () => void;
+    decrease: () => void;
+}
+/**
+ * InputNumber 组件实例类型
+ */
+export type InputNumberInstance = InstanceType<typeof import('./index.vue').default>;

package/es/Mention/index.d.ts

@@ -0,0 +1,27 @@
+import { default as Mention } from './index.vue';
+export { Mention };
+export default Mention;
+export type MentionOption = {
+    value: string;
+    label?: string;
+    avatar?: string;
+    disabled?: boolean;
+};
+export type MentionProps = {
+    /** 绑定值 */
+    modelValue?: string;
+    /** 提及选项 */
+    options?: MentionOption[];
+    /** 触发字符 */
+    prefix?: string;
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否可清空 */
+    clearable?: boolean;
+    /** 分隔符 */
+    split?: string;
+    /** 尺寸 */
+    size?: 'large' | 'default' | 'small';
+};

package/es/Mention/index.vue.d.ts

@@ -0,0 +1,45 @@
+interface MentionOption {
+    value: string;
+    label?: string;
+    avatar?: string;
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    /** 绑定值 */
+    modelValue?: string;
+    /** 提及选项 */
+    options?: MentionOption[];
+    /** 触发字符 */
+    prefix?: string;
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否可清空 */
+    clearable?: boolean;
+    /** 分隔符 */
+    split?: string;
+    /** 尺寸 */
+    size?: 'large' | 'default' | 'small';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    change: (value: string) => any;
+    select: (option: MentionOption, prefix: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onSelect?: ((option: MentionOption, prefix: string) => any) | undefined;
+}>, {
+    modelValue: string;
+    placeholder: string;
+    size: "large" | "default" | "small";
+    disabled: boolean;
+    clearable: boolean;
+    split: string;
+    prefix: string;
+    options: MentionOption[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, HTMLDivElement>;
+export default _default;

package/es/Radio/button.vue.d.ts

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    value?: string | number | boolean;
+    label?: string | number;
+    disabled?: boolean;
+    name?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLLabelElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | boolean) => any;
+    change: (value: string | number | boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
+    onChange?: ((value: string | number | boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLabelElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/Radio/group.vue.d.ts

@@ -0,0 +1,35 @@
+type __VLS_Props = {
+    modelValue?: string | number | boolean;
+    value?: string | number | boolean;
+    disabled?: boolean;
+    name?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | boolean) => any;
+    "update:value": (value: string | number | boolean) => any;
+    change: (value: string | number | boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
+    "onUpdate:value"?: ((value: string | number | boolean) => any) | undefined;
+    onChange?: ((value: string | number | boolean) => any) | undefined;
+}>, {
+    modelValue: string | number | boolean;
+    value: string | number | boolean;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/Radio/index.d.ts

@@ -0,0 +1,61 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export declare const radioProps: {
+    readonly modelValue: {
+        readonly type: PropType<string | number | boolean>;
+        readonly default: "";
+    };
+    readonly value: {
+        readonly type: PropType<string | number | boolean>;
+        readonly default: undefined;
+    };
+    readonly label: {
+        readonly type: PropType<string | number>;
+        readonly default: undefined;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+};
+export declare const radioGroupProps: {
+    readonly modelValue: {
+        readonly type: PropType<string | number | boolean>;
+        readonly default: "";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+};
+export declare const radioButtonProps: {
+    readonly value: {
+        readonly type: PropType<string | number | boolean>;
+        readonly default: undefined;
+    };
+    readonly label: {
+        readonly type: PropType<string | number>;
+        readonly default: undefined;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly name: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
+};
+export type RadioProps = ExtractPropTypes<typeof radioProps>;
+export type RadioGroupProps = ExtractPropTypes<typeof radioGroupProps>;
+export type RadioButtonProps = ExtractPropTypes<typeof radioButtonProps>;
+export { default as Radio } from './index.vue';
+export { default as RadioGroup } from './group.vue';
+export { default as RadioButton } from './button.vue';

package/es/Radio/index.vue.d.ts

@@ -0,0 +1,30 @@
+type __VLS_Props = {
+    modelValue?: string | number | boolean;
+    value?: string | number | boolean;
+    label?: string | number;
+    disabled?: boolean;
+    name?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLLabelElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | boolean) => any;
+    change: (value: string | number | boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
+    onChange?: ((value: string | number | boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLabelElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/Radio/types.d.ts

@@ -0,0 +1,83 @@
+import { ComponentSize } from '@xto/core';
+/**
+ * Radio Props
+ */
+export interface RadioProps {
+    /**
+     * 绑定值
+     */
+    modelValue?: string | number | boolean;
+    /**
+     * 选项值
+     */
+    value?: string | number | boolean;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 是否显示边框
+     * @default false
+     */
+    border?: boolean;
+    /**
+     * 单选框尺寸
+     * @default 'default'
+     */
+    size?: ComponentSize;
+    /**
+     * 原生 name 属性
+     */
+    name?: string;
+}
+/**
+ * Radio Emits
+ */
+export interface RadioEmits {
+    (e: 'update:modelValue', value: string | number | boolean): void;
+    (e: 'change', value: string | number | boolean): void;
+}
+/**
+ * Radio 组件实例类型
+ */
+export type RadioInstance = InstanceType<typeof import('./index.vue').default>;
+/**
+ * RadioGroup Props
+ */
+export interface RadioGroupProps {
+    /**
+     * 绑定值
+     */
+    modelValue?: string | number | boolean;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 单选框尺寸
+     * @default 'default'
+     */
+    size?: ComponentSize;
+    /**
+     * 是否显示边框
+     * @default false
+     */
+    border?: boolean;
+    /**
+     * 原生 name 属性
+     */
+    name?: string;
+}
+/**
+ * RadioGroup Emits
+ */
+export interface RadioGroupEmits {
+    (e: 'update:modelValue', value: string | number | boolean): void;
+    (e: 'change', value: string | number | boolean): void;
+}
+/**
+ * RadioGroup 组件实例类型
+ */
+export type RadioGroupInstance = InstanceType<typeof import('./group.vue').default>;

package/es/Rate/index.d.ts

@@ -0,0 +1,41 @@
+export interface RateProps {
+    /** 绑定值 */
+    modelValue?: number;
+    /** 最大分值 */
+    max?: number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否只读 */
+    readonly?: boolean;
+    /** 是否允许半选 */
+    allowHalf?: boolean;
+    /** 低分和中等分数的界限值 */
+    lowThreshold?: number;
+    /** 高分和中等分数的界限值 */
+    highThreshold?: number;
+    /** 自定义颜色数组 */
+    colors?: string[];
+    /** 未选中时的颜色 */
+    voidColor?: string;
+    /** 禁用时的颜色 */
+    disabledVoidColor?: string;
+    /** 选中时的图标 */
+    icon?: string;
+    /** 未选中时的图标 */
+    voidIcon?: string;
+    /** 禁用时的图标 */
+    disabledVoidIcon?: string;
+    /** 是否显示辅助文字 */
+    showText?: boolean;
+    /** 是否显示当前分数 */
+    showScore?: boolean;
+    /** 辅助文字颜色 */
+    textColor?: string;
+    /** 辅助文字数组 */
+    texts?: string[];
+    /** 分数显示模板 */
+    scoreTemplate?: string;
+    /** 尺寸 */
+    size?: 'large' | 'default' | 'small';
+}
+export { default as Rate } from './index.vue';