@xto/form 1.6.8 → 1.7.0

package/es/AutoComplete/index.d.ts

@@ -0,0 +1,29 @@
+import { default as AutoComplete } from './index.vue';
+export { AutoComplete };
+export default AutoComplete;
+export type AutoCompleteSuggestion = {
+    value: string;
+    [key: string]: any;
+};
+export type AutoCompleteProps = {
+    /** 绑定值 */
+    modelValue?: string;
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否可清空 */
+    clearable?: boolean;
+    /** 获取建议的方法 */
+    fetchSuggestions?: (query: string, cb: (suggestions: AutoCompleteSuggestion[]) => void) => void;
+    /** 静态建议列表 */
+    suggestions?: AutoCompleteSuggestion[];
+    /** 建议项显示字段 */
+    valueKey?: string;
+    /** 是否在输入时触发 */
+    triggerOnFocus?: boolean;
+    /** 防抖延迟 */
+    debounce?: number;
+    /** 尺寸 */
+    size?: 'large' | 'default' | 'small';
+};

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

@@ -0,0 +1,70 @@
+interface SuggestionItem {
+    value: string;
+    [key: string]: any;
+}
+type __VLS_Props = {
+    /** 绑定值 */
+    modelValue?: string;
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否可清空 */
+    clearable?: boolean;
+    /** 获取建议的方法 */
+    fetchSuggestions?: (query: string, cb: (suggestions: SuggestionItem[]) => void) => void;
+    /** 静态建议列表 */
+    suggestions?: SuggestionItem[];
+    /** 建议项显示字段 */
+    valueKey?: string;
+    /** 是否在输入时触发 */
+    triggerOnFocus?: boolean;
+    /** 防抖延迟 */
+    debounce?: number;
+    /** 尺寸 */
+    size?: 'large' | 'default' | 'small';
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            item: {
+                [x: string]: any;
+                value: string;
+            };
+        }): any;
+    };
+    refs: {
+        inputRef: HTMLInputElement;
+    };
+    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) => any;
+    clear: () => any;
+    select: (item: SuggestionItem) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onSelect?: ((item: SuggestionItem) => any) | undefined;
+}>, {
+    modelValue: string;
+    placeholder: string;
+    size: "large" | "default" | "small";
+    disabled: boolean;
+    clearable: boolean;
+    valueKey: string;
+    suggestions: SuggestionItem[];
+    triggerOnFocus: boolean;
+    debounce: number;
+}, {}, {}, {}, 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/Cascader/index.d.ts

@@ -0,0 +1,40 @@
+import { default as Cascader } from './index.vue';
+export { Cascader };
+export default Cascader;
+export type CascaderOption = {
+    value: string | number;
+    label: string;
+    children?: CascaderOption[];
+    disabled?: boolean;
+};
+export type CascaderProps = {
+    multiple?: boolean;
+    checkStrictly?: boolean;
+    emitPath?: boolean;
+    label?: string;
+    value?: string;
+    children?: string;
+    disabled?: string;
+};
+export type CascaderComponentProps = {
+    /** 绑定值 */
+    modelValue?: string | number | (string | number)[] | (string | number)[][];
+    /** 选项数据 */
+    options?: CascaderOption[];
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否可清空 */
+    clearable?: boolean;
+    /** 是否显示全部层级 */
+    showAllLevels?: boolean;
+    /** 是否可搜索 */
+    filterable?: boolean;
+    /** 自定义字段配置 */
+    props?: CascaderProps;
+    /** 尺寸 */
+    size?: 'large' | 'default' | 'small';
+    /** 分隔符 */
+    separator?: string;
+};

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

@@ -0,0 +1,58 @@
+interface CascaderOption {
+    value: string | number;
+    label: string;
+    children?: CascaderOption[];
+    disabled?: boolean;
+}
+interface CascaderProps {
+    multiple?: boolean;
+    checkStrictly?: boolean;
+    emitPath?: boolean;
+    label?: string;
+    value?: string;
+    children?: string;
+    disabled?: string;
+}
+type __VLS_Props = {
+    /** 绑定值 */
+    modelValue?: string | number | (string | number)[] | (string | number)[][];
+    /** 选项数据 */
+    options?: CascaderOption[];
+    /** 占位符 */
+    placeholder?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否可清空 */
+    clearable?: boolean;
+    /** 是否显示全部层级 */
+    showAllLevels?: boolean;
+    /** 是否可搜索 */
+    filterable?: boolean;
+    /** 自定义字段配置 */
+    props?: CascaderProps;
+    /** 尺寸 */
+    size?: 'large' | 'default' | 'small';
+    /** 分隔符 */
+    separator?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | (string | number)[] | (string | number)[][]) => any;
+    change: (value: string | number | (string | number)[] | (string | number)[][]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | (string | number)[] | (string | number)[][]) => any) | undefined;
+    onChange?: ((value: string | number | (string | number)[] | (string | number)[][]) => any) | undefined;
+}>, {
+    modelValue: string | number | (string | number)[] | (string | number)[][];
+    placeholder: string;
+    size: "large" | "default" | "small";
+    disabled: boolean;
+    clearable: boolean;
+    props: CascaderProps;
+    separator: string;
+    options: CascaderOption[];
+    filterable: boolean;
+    showAllLevels: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    menuRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,34 @@
+type __VLS_Props = {
+    modelValue?: (string | number)[];
+    disabled?: boolean;
+    min?: number;
+    max?: number;
+};
+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)[]) => any;
+    change: (value: (string | number)[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: (string | number)[]) => any) | undefined;
+    onChange?: ((value: (string | number)[]) => any) | undefined;
+}>, {
+    modelValue: (string | number)[];
+    disabled: boolean;
+    min: number;
+    max: number;
+}, {}, {}, {}, 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/Checkbox/index.d.ts

@@ -0,0 +1,49 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export declare const checkboxProps: {
+    readonly modelValue: {
+        readonly type: PropType<boolean | string | number | boolean[] | string[] | number[]>;
+        readonly default: false;
+    };
+    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;
+    };
+    readonly indeterminate: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export declare const checkboxGroupProps: {
+    readonly modelValue: {
+        readonly type: PropType<(string | number)[]>;
+        readonly default: () => never[];
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+};
+export type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
+export type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;
+export { default as Checkbox } from './index.vue';
+export { default as CheckboxGroup } from './group.vue';

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

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    modelValue?: boolean | string | number | boolean[] | string[] | number[];
+    value?: string | number | boolean;
+    label?: string | number;
+    disabled?: boolean;
+    name?: string;
+    indeterminate?: boolean;
+};
+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 | string[] | number[] | boolean[]) => any;
+    change: (value: string | number | boolean | string[] | number[] | boolean[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | boolean | string[] | number[] | boolean[]) => any) | undefined;
+    onChange?: ((value: string | number | boolean | 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/Checkbox/types.d.ts

@@ -0,0 +1,106 @@
+import { ComponentSize } from '@xto/core';
+/**
+ * Checkbox Props
+ */
+export interface CheckboxProps {
+    /**
+     * 绑定值
+     */
+    modelValue?: boolean | string | number | (string | number)[];
+    /**
+     * 选项值
+     */
+    value?: string | number;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 是否显示边框
+     * @default false
+     */
+    border?: boolean;
+    /**
+     * 复选框尺寸
+     * @default 'default'
+     */
+    size?: ComponentSize;
+    /**
+     * 是否不确定状态
+     * @default false
+     */
+    indeterminate?: boolean;
+    /**
+     * 原生 name 属性
+     */
+    name?: string;
+    /**
+     * 选中时的值
+     * @default true
+     */
+    trueValue?: string | number | boolean;
+    /**
+     * 未选中时的值
+     * @default false
+     */
+    falseValue?: string | number | boolean;
+}
+/**
+ * Checkbox Emits
+ */
+export interface CheckboxEmits {
+    (e: 'update:modelValue', value: boolean | string | number | (string | number)[]): void;
+    (e: 'change', value: boolean | string | number | (string | number)[]): void;
+}
+/**
+ * Checkbox 组件实例类型
+ */
+export type CheckboxInstance = InstanceType<typeof import('./index.vue').default>;
+/**
+ * CheckboxGroup Props
+ */
+export interface CheckboxGroupProps {
+    /**
+     * 绑定值
+     */
+    modelValue?: (string | number)[];
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 复选框尺寸
+     * @default 'default'
+     */
+    size?: ComponentSize;
+    /**
+     * 是否显示边框
+     * @default false
+     */
+    border?: boolean;
+    /**
+     * 可被勾选的最小数量
+     */
+    min?: number;
+    /**
+     * 可被勾选的最大数量
+     */
+    max?: number;
+    /**
+     * 原生 name 属性
+     */
+    name?: string;
+}
+/**
+ * CheckboxGroup Emits
+ */
+export interface CheckboxGroupEmits {
+    (e: 'update:modelValue', value: (string | number)[]): void;
+    (e: 'change', value: (string | number)[]): void;
+}
+/**
+ * CheckboxGroup 组件实例类型
+ */
+export type CheckboxGroupInstance = InstanceType<typeof import('./group.vue').default>;

package/es/ColorPicker/index.d.ts

@@ -0,0 +1,15 @@
+import { default as ColorPicker } from './index.vue';
+export { ColorPicker };
+export default ColorPicker;
+export type ColorPickerProps = {
+    /** 绑定值 (hex 格式) */
+    modelValue?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否显示透明度 */
+    showAlpha?: boolean;
+    /** 预定义颜色 */
+    predefine?: string[];
+    /** 尺寸 */
+    size?: 'large' | 'default' | 'small';
+};

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

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    /** 绑定值 (hex 格式) */
+    modelValue?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否显示透明度 */
+    showAlpha?: boolean;
+    /** 预定义颜色 */
+    predefine?: 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;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+}>, {
+    modelValue: string;
+    size: "large" | "default" | "small";
+    disabled: boolean;
+    showAlpha: boolean;
+    predefine: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    panelRef: HTMLDivElement;
+    sliderRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/es/DatePicker/components/DateTable.vue.d.ts

@@ -0,0 +1,36 @@
+type __VLS_Props = {
+    modelValue?: Date | null;
+    viewedMonth?: Date;
+    minDate?: Date | null;
+    maxDate?: Date | null;
+    disabledDate?: (date: Date) => boolean;
+    rangeState?: {
+        selecting: boolean;
+        startDate: Date | null;
+        endDate: Date | null;
+    };
+    selectionMode?: 'single' | 'range';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    pick: (date: Date) => any;
+    "range-select": (date: Date) => any;
+    "range-move": (date: Date) => any;
+    "update:viewedMonth": (date: Date) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPick?: ((date: Date) => any) | undefined;
+    "onRange-select"?: ((date: Date) => any) | undefined;
+    "onRange-move"?: ((date: Date) => any) | undefined;
+    "onUpdate:viewedMonth"?: ((date: Date) => any) | undefined;
+}>, {
+    modelValue: Date | null;
+    viewedMonth: Date;
+    minDate: Date | null;
+    maxDate: Date | null;
+    rangeState: {
+        selecting: boolean;
+        startDate: Date | null;
+        endDate: Date | null;
+    };
+    selectionMode: "single" | "range";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableElement>;
+export default _default;

package/es/DatePicker/components/MonthTable.vue.d.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    modelValue?: Date | null;
+    viewedYear?: number;
+    disabledDate?: (date: Date) => boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    pick: (month: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPick?: ((month: number) => any) | undefined;
+}>, {
+    modelValue: Date | null;
+    viewedYear: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableElement>;
+export default _default;

package/es/DatePicker/components/YearTable.vue.d.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    modelValue?: Date | null;
+    viewedYear?: number;
+    disabledDate?: (date: Date) => boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    pick: (year: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPick?: ((year: number) => any) | undefined;
+}>, {
+    modelValue: Date | null;
+    viewedYear: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableElement>;
+export default _default;

package/es/DatePicker/index.d.ts

@@ -0,0 +1,35 @@
+import { ComponentSize } from '@xto/core';
+export type DatePickerType = 'date' | 'daterange' | 'month' | 'year';
+export interface DatePickerProps {
+    /** 绑定值 */
+    modelValue?: Date | string | number | [Date | string | number, Date | string | number] | null;
+    /** 选择类型 */
+    type?: DatePickerType;
+    /** 占位文本 */
+    placeholder?: string;
+    /** 开始日期占位（范围选择） */
+    startPlaceholder?: string;
+    /** 结束日期占位（范围选择） */
+    endPlaceholder?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否只读 */
+    readonly?: boolean;
+    /** 是否可清空 */
+    clearable?: boolean;
+    /** 输入框尺寸 */
+    size?: ComponentSize;
+    /** 显示格式 */
+    format?: string;
+    /** 绑定值格式 */
+    valueFormat?: string;
+    /** 禁用日期函数 */
+    disabledDate?: (date: Date) => boolean;
+    /** 最小日期 */
+    minDate?: Date | string | null;
+    /** 最大日期 */
+    maxDate?: Date | string | null;
+    /** 是否显示时间选择 */
+    showTime?: boolean;
+}
+export { default as DatePicker } from './index.vue';

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

@@ -0,0 +1,57 @@
+import { ComponentSize } from '@xto/core';
+type DatePickerType = 'date' | 'daterange' | 'month' | 'year';
+type __VLS_Props = {
+    modelValue?: Date | string | number | [Date | string | number, Date | string | number] | null;
+    value?: Date | string | number | [Date | string | number, Date | string | number] | null;
+    type?: DatePickerType;
+    placeholder?: string;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    clearable?: boolean;
+    size?: ComponentSize;
+    format?: string;
+    valueFormat?: string;
+    disabledDate?: (date: Date) => boolean;
+    minDate?: Date | string | null;
+    maxDate?: Date | string | null;
+    showTime?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | Date | [string | number | Date, string | number | Date] | null) => any;
+    "update:value": (value: string | number | Date | [string | number | Date, string | number | Date] | null) => any;
+    change: (value: string | number | Date | [string | number | Date, string | number | Date] | null) => any;
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+    clear: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | Date | [string | number | Date, string | number | Date] | null) => any) | undefined;
+    "onUpdate:value"?: ((value: string | number | Date | [string | number | Date, string | number | Date] | null) => any) | undefined;
+    onChange?: ((value: string | number | Date | [string | number | Date, string | number | Date] | null) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onClear?: (() => any) | undefined;
+}>, {
+    modelValue: Date | string | number | [Date | string | number, Date | string | number] | null;
+    value: Date | string | number | [Date | string | number, Date | string | number] | null;
+    type: DatePickerType;
+    placeholder: string;
+    size: ComponentSize;
+    disabled: boolean;
+    readonly: boolean;
+    clearable: boolean;
+    startPlaceholder: string;
+    endPlaceholder: string;
+    format: string;
+    valueFormat: string;
+    showTime: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    pickerRef: HTMLDivElement;
+    inputRef: HTMLInputElement;
+    popperRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;