@xto/form 1.6.7 → 1.6.9

package/es/Slider/types.d.ts

@@ -0,0 +1,77 @@
+import { ComponentSize } from '@xto/core';
+/**
+ * Slider Props
+ */
+export interface SliderProps {
+    /**
+     * 绑定值
+     */
+    modelValue?: number | [number, number];
+    /**
+     * 最小值
+     * @default 0
+     */
+    min?: number;
+    /**
+     * 最大值
+     * @default 100
+     */
+    max?: number;
+    /**
+     * 步长
+     * @default 1
+     */
+    step?: number;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 滑块尺寸
+     * @default 'default'
+     */
+    size?: ComponentSize;
+    /**
+     * 是否显示输入框
+     * @default false
+     */
+    showInput?: boolean;
+    /**
+     * 是否显示断点
+     * @default false
+     */
+    showStops?: boolean;
+    /**
+     * 是否显示 Tooltip
+     * @default true
+     */
+    showTooltip?: boolean;
+    /**
+     * 是否范围选择
+     * @default false
+     */
+    range?: boolean;
+    /**
+     * 是否竖向模式
+     * @default false
+     */
+    vertical?: boolean;
+    /**
+     * 滑块高度（竖向模式）
+     * @default '200px'
+     */
+    height?: string;
+}
+/**
+ * Slider Emits
+ */
+export interface SliderEmits {
+    (e: 'update:modelValue', value: number | [number, number]): void;
+    (e: 'change', value: number | [number, number]): void;
+    (e: 'input', value: number | [number, number]): void;
+}
+/**
+ * Slider 组件实例类型
+ */
+export type SliderInstance = InstanceType<typeof import('./index.vue').default>;

package/es/Switch/index.d.ts

@@ -0,0 +1,16 @@
+export interface SwitchProps {
+    /** Switch value */
+    modelValue?: boolean | number | string;
+    /** Whether Switch is disabled */
+    disabled?: boolean;
+    /** Switch width */
+    width?: number | string;
+    /** Active color */
+    activeColor?: string;
+    /** Inactive color */
+    inactiveColor?: string;
+    /** Active value */
+    activeValue?: boolean | number | string;
+    /** Inactive value */
+    inactiveValue?: boolean | number | string;
+}

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

@@ -0,0 +1,44 @@
+type __VLS_Props = {
+    modelValue?: boolean | number | string;
+    checked?: boolean | number | string;
+    disabled?: boolean;
+    width?: number | string;
+    activeColor?: string;
+    inactiveColor?: string;
+    activeValue?: boolean | number | string;
+    inactiveValue?: boolean | number | string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+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;
+    "update:checked": (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;
+    "onUpdate:checked"?: ((value: string | number | boolean) => any) | undefined;
+}>, {
+    modelValue: boolean | number | string;
+    disabled: boolean;
+    checked: boolean | number | string;
+    width: number | string;
+    activeColor: string;
+    inactiveColor: string;
+    activeValue: boolean | number | string;
+    inactiveValue: boolean | number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+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/Switch/types.d.ts

@@ -0,0 +1,69 @@
+import { ComponentSize } from '@xto/core';
+/**
+ * Switch Props
+ */
+export interface SwitchProps {
+    /**
+     * 绑定值
+     */
+    modelValue?: boolean | string | number;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 开关尺寸
+     * @default 'default'
+     */
+    size?: ComponentSize;
+    /**
+     * 打开时的值
+     * @default true
+     */
+    activeValue?: boolean | string | number;
+    /**
+     * 关闭时的值
+     * @default false
+     */
+    inactiveValue?: boolean | string | number;
+    /**
+     * 打开时的文字描述
+     */
+    activeText?: string;
+    /**
+     * 关闭时的文字描述
+     */
+    inactiveText?: string;
+    /**
+     * 打开时的背景色
+     */
+    activeColor?: string;
+    /**
+     * 关闭时的背景色
+     */
+    inactiveColor?: string;
+    /**
+     * 是否显示加载中
+     * @default false
+     */
+    loading?: boolean;
+}
+/**
+ * Switch Emits
+ */
+export interface SwitchEmits {
+    (e: 'update:modelValue', value: boolean | string | number): void;
+    (e: 'change', value: boolean | string | number): void;
+}
+/**
+ * Switch Expose
+ */
+export interface SwitchExpose {
+    focus: () => void;
+    blur: () => void;
+}
+/**
+ * Switch 组件实例类型
+ */
+export type SwitchInstance = InstanceType<typeof import('./index.vue').default>;

package/es/Textarea/index.d.ts

@@ -0,0 +1,48 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export declare const textareaProps: {
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly readonly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly maxlength: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly minlength: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly rows: {
+        readonly type: NumberConstructor;
+        readonly default: 2;
+    };
+    readonly autosize: {
+        readonly type: PropType<boolean | {
+            minRows?: number;
+            maxRows?: number;
+        }>;
+        readonly default: false;
+    };
+    readonly showWordLimit: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly resize: {
+        readonly type: PropType<"none" | "both" | "horizontal" | "vertical">;
+        readonly default: "vertical";
+    };
+};
+export type TextareaProps = ExtractPropTypes<typeof textareaProps>;
+export { default as Textarea } from './index.vue';

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

@@ -0,0 +1,51 @@
+type __VLS_Props = {
+    modelValue?: string;
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    maxlength?: number;
+    minlength?: number;
+    rows?: number;
+    autosize?: boolean | {
+        minRows?: number;
+        maxRows?: number;
+    };
+    showWordLimit?: boolean;
+    resize?: 'none' | 'both' | 'horizontal' | 'vertical';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    focus: () => void;
+    blur: () => void;
+    textareaRef: import('vue').Ref<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    "update:value": (value: string) => any;
+    input: (value: string) => any;
+    change: (value: string) => any;
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+}>, {
+    modelValue: string;
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+    readonly: boolean;
+    showWordLimit: boolean;
+    rows: number;
+    autosize: boolean | {
+        minRows?: number;
+        maxRows?: number;
+    };
+    resize: "none" | "both" | "horizontal" | "vertical";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    textareaRef: HTMLTextAreaElement;
+}, HTMLDivElement>;
+export default _default;

package/es/Textarea/types.d.ts

@@ -0,0 +1,91 @@
+import { ComponentSize } from '@xto/core';
+/**
+ * Textarea Props
+ */
+export interface TextareaProps {
+    /**
+     * 绑定值
+     */
+    modelValue?: string;
+    /**
+     * 占位文本
+     */
+    placeholder?: string;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 是否只读
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * 最大输入长度
+     */
+    maxlength?: number;
+    /**
+     * 最小输入长度
+     */
+    minlength?: number;
+    /**
+     * 是否显示字数统计
+     * @default false
+     */
+    showWordLimit?: boolean;
+    /**
+     * 文本域行数
+     * @default 2
+     */
+    rows?: number;
+    /**
+     * 文本域最小行数
+     */
+    minRows?: number;
+    /**
+     * 文本域最大行数
+     */
+    maxRows?: number;
+    /**
+     * 是否自动调整高度
+     * @default false
+     */
+    autosize?: boolean | {
+        minRows?: number;
+        maxRows?: number;
+    };
+    /**
+     * 是否可清空
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * 输入框尺寸
+     * @default 'default'
+     */
+    size?: ComponentSize;
+}
+/**
+ * Textarea Emits
+ */
+export interface TextareaEmits {
+    (e: 'update:modelValue', value: string): void;
+    (e: 'input', value: string): void;
+    (e: 'change', value: string): void;
+    (e: 'focus', event: FocusEvent): void;
+    (e: 'blur', event: FocusEvent): void;
+    (e: 'clear'): void;
+}
+/**
+ * Textarea Expose
+ */
+export interface TextareaExpose {
+    focus: () => void;
+    blur: () => void;
+    textareaRef: HTMLTextAreaElement | undefined;
+}
+/**
+ * Textarea 组件实例类型
+ */
+export type TextareaInstance = InstanceType<typeof import('./index.vue').default>;

package/es/TimePicker/components/TimePanel.vue.d.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    modelValue?: Date | null;
+    format?: string;
+    disabledHours?: () => number[];
+    disabledMinutes?: (hour: number) => number[];
+    disabledSeconds?: (hour: number, minute: number) => number[];
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: () => any;
+    confirm: (date: Date) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: ((date: Date) => any) | undefined;
+}>, {
+    modelValue: Date | null;
+    format: string;
+    hourStep: number;
+    minuteStep: number;
+    secondStep: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    hourListRef: HTMLDivElement;
+    minuteListRef: HTMLDivElement;
+    secondListRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/es/TimePicker/index.d.ts

@@ -0,0 +1,39 @@
+import { ComponentSize } from '@xto/core';
+export type TimePickerType = 'time' | 'timerange';
+export interface TimePickerProps {
+    /** 绑定值 */
+    modelValue?: Date | string | number | [Date | string | number, Date | string | number] | null;
+    /** 选择类型 */
+    type?: TimePickerType;
+    /** 占位文本 */
+    placeholder?: string;
+    /** 开始时间占位（范围选择） */
+    startPlaceholder?: string;
+    /** 结束时间占位（范围选择） */
+    endPlaceholder?: string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否只读 */
+    readonly?: boolean;
+    /** 是否可清空 */
+    clearable?: boolean;
+    /** 输入框尺寸 */
+    size?: ComponentSize;
+    /** 显示格式 */
+    format?: string;
+    /** 绑定值格式 */
+    valueFormat?: string;
+    /** 禁用小时 */
+    disabledHours?: () => number[];
+    /** 禁用分钟 */
+    disabledMinutes?: (hour: number) => number[];
+    /** 禁用秒 */
+    disabledSeconds?: (hour: number, minute: number) => number[];
+    /** 小时步长 */
+    hourStep?: number;
+    /** 分钟步长 */
+    minuteStep?: number;
+    /** 秒步长 */
+    secondStep?: number;
+}
+export { default as TimePicker } from './index.vue';

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

@@ -0,0 +1,57 @@
+import { ComponentSize } from '@xto/core';
+type TimePickerType = 'time' | 'timerange';
+type __VLS_Props = {
+    modelValue?: Date | string | number | [Date | string | number, Date | string | number] | null;
+    type?: TimePickerType;
+    placeholder?: string;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    clearable?: boolean;
+    size?: ComponentSize;
+    format?: string;
+    valueFormat?: string;
+    disabledHours?: () => number[];
+    disabledMinutes?: (hour: number) => number[];
+    disabledSeconds?: (hour: number, minute: number) => number[];
+    hourStep?: number;
+    minuteStep?: number;
+    secondStep?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | Date | [string | Date, string | Date] | null) => any;
+    change: (value: string | Date | [string | Date, string | 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 | Date | [string | Date, string | Date] | null) => any) | undefined;
+    onChange?: ((value: string | Date | [string | Date, string | 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;
+    type: TimePickerType;
+    placeholder: string;
+    size: ComponentSize;
+    disabled: boolean;
+    readonly: boolean;
+    clearable: boolean;
+    startPlaceholder: string;
+    endPlaceholder: string;
+    format: string;
+    valueFormat: string;
+    hourStep: number;
+    minuteStep: number;
+    secondStep: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    pickerRef: HTMLDivElement;
+    inputRef: HTMLInputElement;
+    popperRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/es/TimePicker/types.d.ts

@@ -0,0 +1,117 @@
+import { ComponentSize } from '@xto/core';
+/**
+ * TimePicker 类型
+ */
+export type TimePickerType = 'time' | 'timerange';
+/**
+ * TimePicker Props
+ */
+export interface TimePickerProps {
+    /**
+     * 绑定值
+     */
+    modelValue?: Date | string | number | [Date | string | number, Date | string | number] | null;
+    /**
+     * 选择器类型
+     * @default 'time'
+     */
+    type?: TimePickerType;
+    /**
+     * 占位符
+     * @default '请选择时间'
+     */
+    placeholder?: string;
+    /**
+     * 开始时间占位符
+     * @default '开始时间'
+     */
+    startPlaceholder?: string;
+    /**
+     * 结束时间占位符
+     * @default '结束时间'
+     */
+    endPlaceholder?: string;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 是否只读
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * 是否可清空
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * 选择器尺寸
+     * @default 'default'
+     */
+    size?: ComponentSize;
+    /**
+     * 显示格式
+     * @default 'HH:mm:ss'
+     */
+    format?: string;
+    /**
+     * 值格式
+     */
+    valueFormat?: string;
+    /**
+     * 禁用小时函数
+     */
+    disabledHours?: () => number[];
+    /**
+     * 禁用分钟函数
+     */
+    disabledMinutes?: (hour: number) => number[];
+    /**
+     * 禁用秒函数
+     */
+    disabledSeconds?: (hour: number, minute: number) => number[];
+    /**
+     * 小时步长
+     * @default 1
+     */
+    hourStep?: number;
+    /**
+     * 分钟步长
+     * @default 1
+     */
+    minuteStep?: number;
+    /**
+     * 秒步长
+     * @default 1
+     */
+    secondStep?: number;
+}
+/**
+ * TimePicker Emits
+ */
+export interface TimePickerEmits {
+    (e: 'update:modelValue', value: Date | string | [Date | string, Date | string] | null): void;
+    (e: 'change', value: Date | string | [Date | string, Date | string] | null): void;
+    (e: 'focus', event: FocusEvent): void;
+    (e: 'blur', event: FocusEvent): void;
+    (e: 'clear'): void;
+}
+/**
+ * TimePicker Expose
+ */
+export interface TimePickerExpose {
+    /**
+     * 获取焦点
+     */
+    focus: () => void;
+    /**
+     * 失去焦点
+     */
+    blur: () => void;
+}
+/**
+ * TimePicker 组件实例类型
+ */
+export type TimePickerInstance = InstanceType<typeof import('./index.vue').default>;

package/es/TimePicker/utils.d.ts

@@ -0,0 +1,10 @@
+export declare function isSameTime(time1: Date, time2: Date): boolean;
+export declare function isTimeInRange(time: Date, startTime: Date | null, endTime: Date | null): boolean;
+export declare function formatTime(date: Date | null | undefined, format?: string): string;
+export declare function parseTime(value: string | Date | number | null | undefined): Date | null;
+export declare function setTime(date: Date, hours: number, minutes: number, seconds?: number): Date;
+export declare function cloneTime(date: Date): Date;
+export declare function generateTimeList(step?: number): number[];
+export declare function generateHourList(use12Hour?: boolean): number[];
+export declare function isTimeDisabled(time: Date, disabledHours?: () => number[], disabledMinutes?: (hour: number) => number[], disabledSeconds?: (hour: number, minute: number) => number[]): boolean;
+export declare function padZero(num: number): string;