x-next 1.4.0 → 1.6.0

package/dist/components/color-picker/panel.d.ts

@@ -0,0 +1,721 @@
+import { PropType } from 'vue';
+import { ColorFormat, HSV, RGBA } from '../../_utils/color';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: {
+        type: PropType<RGBA>;
+        required: true;
+    };
+    modes: {
+        type: PropType<ColorFormat[]>;
+        default: () => string[];
+    };
+    showAlpha: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    swatches: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 已本地化的文案，由外层 ColorPicker 注入，避免面板层再做一次 locale 注入 */
+    texts: {
+        type: PropType<{
+            clear: string;
+            confirm: string;
+            hue: string;
+            alpha: string;
+            saturation: string;
+        }>;
+        default: () => {
+            clear: string;
+            confirm: string;
+            hue: string;
+            alpha: string;
+            saturation: string;
+        };
+    };
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+    activeMode: import('vue').Ref<ColorFormat, ColorFormat>;
+    hsv: import('vue').Ref<{
+        h: number;
+        s: number;
+        v: number;
+    }, HSV | {
+        h: number;
+        s: number;
+        v: number;
+    }>;
+    alpha: import('vue').Ref<number, number>;
+    rgba: import('vue').ComputedRef<RGBA>;
+    hexValue: import('vue').ComputedRef<string>;
+    rgbChannels: import('vue').ComputedRef<number[]>;
+    hslChannels: import('vue').ComputedRef<number[]>;
+    activeSwatch: import('vue').ComputedRef<string>;
+    alphaBackground: import('vue').ComputedRef<string>;
+    handleHsvChange: (next: HSV) => void;
+    handleHueChange: (percent: number) => void;
+    handleAlphaChange: (percent: number) => void;
+    handleHexInput: (next: string) => void;
+    handleChannelChange: (mode: ColorFormat, index: number, value: number | undefined) => void;
+    handleSwatchClick: (swatch: string, ev: MouseEvent) => void;
+    confirm: () => void;
+    clear: () => void;
+    close: () => void;
+    formatAlphaPercent: (a: number) => number;
+    HUE_GRADIENT: string;
+    Input: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        modelValue: StringConstructor;
+        defaultValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: {
+            type: PropType<import('../../_utils/constant').Size>;
+        };
+        allowClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        error: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        placeholder: StringConstructor;
+        maxLength: {
+            type: PropType<number | {
+                length: number;
+                errorOnly?: boolean;
+            }>;
+            default: number;
+        };
+        showWordLimit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        wordLength: {
+            type: PropType<(value: string) => number>;
+        };
+        wordSlice: {
+            type: PropType<(value: string, maxLength: number) => string>;
+        };
+        inputAttrs: {
+            type: ObjectConstructor;
+        };
+        type: {
+            type: PropType<"text" | "password">;
+            default: string;
+        };
+    }>, {
+        inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+        render: () => VNode;
+    }, {}, {}, {
+        focus(): void;
+        blur(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'update:modelValue': (value: string) => true;
+        input: (value: string, ev: Event) => true;
+        change: (value: string, ev: Event) => true;
+        pressEnter: (ev: KeyboardEvent) => true;
+        clear: (ev: MouseEvent) => true;
+        focus: (ev: FocusEvent) => true;
+        blur: (ev: FocusEvent) => true;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: StringConstructor;
+        defaultValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: {
+            type: PropType<import('../../_utils/constant').Size>;
+        };
+        allowClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        error: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        placeholder: StringConstructor;
+        maxLength: {
+            type: PropType<number | {
+                length: number;
+                errorOnly?: boolean;
+            }>;
+            default: number;
+        };
+        showWordLimit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        wordLength: {
+            type: PropType<(value: string) => number>;
+        };
+        wordSlice: {
+            type: PropType<(value: string, maxLength: number) => string>;
+        };
+        inputAttrs: {
+            type: ObjectConstructor;
+        };
+        type: {
+            type: PropType<"text" | "password">;
+            default: string;
+        };
+    }>> & Readonly<{
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
+        onInput?: ((value: string, ev: Event) => any) | undefined;
+        onClear?: ((ev: MouseEvent) => any) | undefined;
+        onBlur?: ((ev: FocusEvent) => any) | undefined;
+        onChange?: ((value: string, ev: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onPressEnter?: ((ev: KeyboardEvent) => any) | undefined;
+    }>, {
+        error: boolean;
+        readonly: boolean;
+        type: "text" | "password";
+        disabled: boolean;
+        defaultValue: string;
+        allowClear: boolean;
+        maxLength: number | {
+            length: number;
+            errorOnly?: boolean;
+        };
+        showWordLimit: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    InputNumber: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        modelValue: NumberConstructor;
+        defaultValue: NumberConstructor;
+        mode: {
+            type: PropType<"embed" | "button">;
+            default: string;
+        };
+        precision: NumberConstructor;
+        step: {
+            type: NumberConstructor;
+            default: number;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        error: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        max: {
+            type: NumberConstructor;
+            default: number;
+        };
+        min: {
+            type: NumberConstructor;
+            default: number;
+        };
+        formatter: {
+            type: FunctionConstructor;
+        };
+        parser: {
+            type: FunctionConstructor;
+        };
+        placeholder: StringConstructor;
+        hideButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: PropType<import('../../_utils/constant').Size>;
+        };
+        allowClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        modelEvent: {
+            type: PropType<"change" | "input">;
+            default: string;
+        };
+        readOnly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        inputAttrs: {
+            type: ObjectConstructor;
+        };
+    }>, {
+        inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+        render: () => VNode;
+    }, {}, {}, {
+        focus(): void;
+        blur(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        'update:modelValue': (value: number | undefined) => true;
+        change: (value: number | undefined, ev: Event) => true;
+        focus: (ev: FocusEvent) => true;
+        blur: (ev: FocusEvent) => true;
+        clear: (ev: Event) => true;
+        input: (value: number | undefined, inputValue: string, ev: Event) => true;
+        keydown: (ev: KeyboardEvent) => true;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: NumberConstructor;
+        defaultValue: NumberConstructor;
+        mode: {
+            type: PropType<"embed" | "button">;
+            default: string;
+        };
+        precision: NumberConstructor;
+        step: {
+            type: NumberConstructor;
+            default: number;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        error: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        max: {
+            type: NumberConstructor;
+            default: number;
+        };
+        min: {
+            type: NumberConstructor;
+            default: number;
+        };
+        formatter: {
+            type: FunctionConstructor;
+        };
+        parser: {
+            type: FunctionConstructor;
+        };
+        placeholder: StringConstructor;
+        hideButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: PropType<import('../../_utils/constant').Size>;
+        };
+        allowClear: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        modelEvent: {
+            type: PropType<"change" | "input">;
+            default: string;
+        };
+        readOnly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        inputAttrs: {
+            type: ObjectConstructor;
+        };
+    }>> & Readonly<{
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
+        onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
+        onInput?: ((value: number | undefined, inputValue: string, ev: Event) => any) | undefined;
+        onClear?: ((ev: Event) => any) | undefined;
+        onBlur?: ((ev: FocusEvent) => any) | undefined;
+        onChange?: ((value: number | undefined, ev: Event) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
+    }>, {
+        error: boolean;
+        disabled: boolean;
+        mode: "button" | "embed";
+        max: number;
+        allowClear: boolean;
+        step: number;
+        min: number;
+        hideButton: boolean;
+        modelEvent: "input" | "change";
+        readOnly: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    Button: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        block: BooleanConstructor;
+        loading: BooleanConstructor;
+        loadingFill: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        debounce: {
+            type: NumberConstructor;
+            default: number;
+        };
+        shape: {
+            type: PropType<import('..').ButtonShape>;
+            default: undefined;
+        };
+        link: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        type: {
+            type: PropType<import('..').ButtonTypes>;
+            default: string;
+        };
+        htmlType: {
+            type: PropType<import('..').ButtonHtmlType>;
+            default: string;
+        };
+        status: {
+            type: PropType<import('..').ButtonStatus>;
+            default: string;
+        };
+        plain: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: PropType<import('..').ButtonSize>;
+            default: undefined;
+        };
+        border: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        narrow: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        block: BooleanConstructor;
+        loading: BooleanConstructor;
+        loadingFill: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        debounce: {
+            type: NumberConstructor;
+            default: number;
+        };
+        shape: {
+            type: PropType<import('..').ButtonShape>;
+            default: undefined;
+        };
+        link: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        type: {
+            type: PropType<import('..').ButtonTypes>;
+            default: string;
+        };
+        htmlType: {
+            type: PropType<import('..').ButtonHtmlType>;
+            default: string;
+        };
+        status: {
+            type: PropType<import('..').ButtonStatus>;
+            default: string;
+        };
+        plain: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: PropType<import('..').ButtonSize>;
+            default: undefined;
+        };
+        border: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        narrow: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {
+        type: import('..').ButtonTypes;
+        size: import('..').ButtonSize;
+        disabled: boolean;
+        link: boolean;
+        loading: boolean;
+        block: boolean;
+        loadingFill: boolean;
+        debounce: number;
+        shape: import('..').ButtonShape;
+        htmlType: import('..').ButtonHtmlType;
+        status: import('..').ButtonStatus;
+        plain: boolean;
+        border: boolean;
+        narrow: boolean;
+    }, import('vue').SlotsType<{
+        default: () => any;
+        prefix: () => any;
+        suffix: () => any;
+        icon: any;
+    }>, {}, {
+        wave: import('vue').Directive<import('../../directives/wave').ElWithWave>;
+    }, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    IconCheck: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+        name: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        title: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        strokeWidth: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        fillColor: {
+            type: ArrayConstructor;
+            default: undefined;
+        };
+        name: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        rotate: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        spin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        title: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        strokeWidth: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        name: string;
+        title: string;
+        size: string | number;
+        rotate: number;
+        spin: boolean;
+        color: string;
+        ariaLabel: string;
+        strokeWidth: string | number;
+        fillColor: unknown[];
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    SvPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        value: {
+            type: PropType<HSV>;
+            required: true;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+        };
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        change: (_value: HSV) => true;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        value: {
+            type: PropType<HSV>;
+            required: true;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+        };
+    }>> & Readonly<{
+        onChange?: ((_value: HSV) => any) | undefined;
+    }>, {
+        disabled: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    GradientSlider: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        value: {
+            type: NumberConstructor;
+            required: true;
+        };
+        background: {
+            type: StringConstructor;
+            required: true;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+        };
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        change: (_value: number) => true;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        value: {
+            type: NumberConstructor;
+            required: true;
+        };
+        background: {
+            type: StringConstructor;
+            required: true;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+        };
+    }>> & Readonly<{
+        onChange?: ((_value: number) => any) | undefined;
+    }>, {
+        disabled: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    parseColorAlpha: (input: string) => RGBA | null;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (_value: RGBA, _ev?: Event) => true;
+    confirm: (_value: RGBA) => true;
+    clear: () => true;
+    close: () => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        type: PropType<RGBA>;
+        required: true;
+    };
+    modes: {
+        type: PropType<ColorFormat[]>;
+        default: () => string[];
+    };
+    showAlpha: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    swatches: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 已本地化的文案，由外层 ColorPicker 注入，避免面板层再做一次 locale 注入 */
+    texts: {
+        type: PropType<{
+            clear: string;
+            confirm: string;
+            hue: string;
+            alpha: string;
+            saturation: string;
+        }>;
+        default: () => {
+            clear: string;
+            confirm: string;
+            hue: string;
+            alpha: string;
+            saturation: string;
+        };
+    };
+}>> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onChange?: ((_value: RGBA, _ev?: Event | undefined) => any) | undefined;
+    onConfirm?: ((_value: RGBA) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modes: ColorFormat[];
+    showAlpha: boolean;
+    swatches: string[];
+    showConfirm: boolean;
+    showClear: boolean;
+    texts: {
+        clear: string;
+        confirm: string;
+        hue: string;
+        alpha: string;
+        saturation: string;
+    };
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;