ep-craft 0.1.34 → 0.1.35

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

@@ -0,0 +1,413 @@
+import { nextTick } from 'vue';
+import type { ColorPickerPanelProps } from './color-picker-panel';
+declare function update(): void;
+declare var __VLS_31: {};
+type __VLS_Slots = {} & {
+    footer?: (props: typeof __VLS_31) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<ColorPickerPanelProps, {
+    /**
+     * @description current color object
+     */
+    color: import("./utils/color.js").default;
+    /**
+     * @description custom input ref
+     */
+    inputRef: import("vue").Ref<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly id?: string | undefined;
+            readonly size?: import("@element-plus/constants").ComponentSize | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly modelValue?: string | number | null | undefined | undefined;
+            readonly modelModifiers?: import("@element-plus/components/input").InputModelModifiers | undefined;
+            readonly maxlength?: string | number | undefined;
+            readonly minlength?: string | number | undefined;
+            readonly type?: import("@element-plus/components/input").InputType | undefined;
+            readonly resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
+            readonly autosize?: import("@element-plus/components/input").InputAutoSize | undefined;
+            readonly autocomplete?: string | undefined;
+            readonly formatter?: ((value: string) => string) | undefined;
+            readonly parser?: ((value: string) => string) | undefined;
+            readonly placeholder?: string | undefined;
+            readonly form?: string | undefined;
+            readonly readonly?: boolean | undefined;
+            readonly clearable?: boolean | undefined;
+            readonly clearIcon?: import("@element-plus/utils").IconPropType | undefined;
+            readonly showPassword?: boolean | undefined;
+            readonly showWordLimit?: boolean | undefined;
+            readonly wordLimitPosition?: "inside" | "outside" | undefined;
+            readonly suffixIcon?: import("@element-plus/utils").IconPropType | undefined;
+            readonly prefixIcon?: import("@element-plus/utils").IconPropType | undefined;
+            readonly containerRole?: string | undefined;
+            readonly tabindex?: string | number | undefined;
+            readonly validateEvent?: boolean | undefined;
+            readonly inputStyle?: import("vue").StyleValue;
+            readonly autofocus?: boolean | undefined;
+            readonly rows?: number | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly inputmode?: "search" | "none" | "text" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined;
+            readonly name?: string | undefined;
+            readonly countGraphemes?: ((value: string) => number) | undefined;
+            readonly floatLabel?: boolean | undefined;
+            readonly onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            readonly onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+            readonly onInput?: ((value: string) => any) | undefined;
+            readonly onFocus?: ((evt: FocusEvent) => any) | undefined;
+            readonly onBlur?: ((evt: FocusEvent) => any) | undefined;
+            readonly onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+            readonly onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+            readonly onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+            readonly onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+            readonly onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+            readonly onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        $attrs: import("vue").Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance | null;
+        $parent: import("vue").ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "clear", evt: MouseEvent | undefined) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string, evt?: Event | undefined) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("@element-plus/components/input").InputProps> & Readonly<{
+            onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+            onInput?: ((value: string) => any) | undefined;
+            onFocus?: ((evt: FocusEvent) => any) | undefined;
+            onBlur?: ((evt: FocusEvent) => any) | undefined;
+            onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+            onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+            onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+            onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+            onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+        }>, {
+            input: import("vue").ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+            textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
+            ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+            textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
+            autosize: import("vue").Ref<import("@element-plus/components/input").InputAutoSize | undefined, import("@element-plus/components/input").InputAutoSize | undefined>;
+            isComposing: import("vue").Ref<boolean, boolean>;
+            passwordVisible: import("vue").Ref<boolean, boolean>;
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+            select: () => void;
+            clear: (evt?: MouseEvent) => void;
+            resizeTextarea: () => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            clear: (evt: MouseEvent | undefined) => void;
+            "update:modelValue": (value: string) => void;
+            change: (value: string, evt?: Event | undefined) => void;
+            input: (value: string) => void;
+            focus: (evt: FocusEvent) => void;
+            blur: (evt: FocusEvent) => void;
+            compositionend: (evt: CompositionEvent) => void;
+            compositionstart: (evt: CompositionEvent) => void;
+            compositionupdate: (evt: CompositionEvent) => void;
+            keydown: (evt: Event | KeyboardEvent) => void;
+            mouseenter: (evt: MouseEvent) => void;
+            mouseleave: (evt: MouseEvent) => void;
+        }, string, {
+            disabled: boolean;
+            tabindex: string | number;
+            type: import("@element-plus/components/input").InputType;
+            modelValue: string | number | null;
+            modelModifiers: import("@element-plus/components/input").InputModelModifiers;
+            autocomplete: string;
+            clearIcon: import("@element-plus/utils").IconPropType;
+            wordLimitPosition: "inside" | "outside";
+            validateEvent: boolean;
+            inputStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+            rows: number;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<{
+        disabled: boolean;
+        tabindex: string | number;
+        type: import("@element-plus/components/input").InputType;
+        modelValue: string | number | null;
+        modelModifiers: import("@element-plus/components/input").InputModelModifiers;
+        autocomplete: string;
+        clearIcon: import("@element-plus/utils").IconPropType;
+        wordLimitPosition: "inside" | "outside";
+        validateEvent: boolean;
+        inputStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+        rows: number;
+    }> & Omit<Readonly<import("@element-plus/components/input").InputProps> & Readonly<{
+        onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+        onInput?: ((value: string) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
+        onBlur?: ((evt: FocusEvent) => any) | undefined;
+        onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+        onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+        onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+        onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+    }>, "clear" | "input" | "textarea" | "select" | "focus" | "ref" | "blur" | "autosize" | "isComposing" | "passwordVisible" | "textareaStyle" | ("disabled" | "tabindex" | "type" | "modelValue" | "modelModifiers" | "autocomplete" | "clearIcon" | "wordLimitPosition" | "validateEvent" | "inputStyle" | "rows") | "resizeTextarea"> & {
+        input: HTMLInputElement | undefined;
+        textarea: HTMLTextAreaElement | undefined;
+        ref: HTMLInputElement | HTMLTextAreaElement | undefined;
+        textareaStyle: import("vue").StyleValue;
+        autosize: import("@element-plus/components/input").InputAutoSize | undefined;
+        isComposing: boolean;
+        passwordVisible: boolean;
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+        select: () => void;
+        clear: (evt?: MouseEvent) => void;
+        resizeTextarea: () => void;
+    } & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: {
+            prepend?: (props: {}) => any;
+        } & {
+            prefix?: (props: {}) => any;
+        } & {
+            suffix?: (props: {}) => any;
+        } & {
+            'password-icon'?: (props: {
+                visible: boolean;
+            }) => any;
+        } & {
+            append?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        };
+    }) | undefined, ({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly id?: string | undefined;
+            readonly size?: import("@element-plus/constants").ComponentSize | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly modelValue?: string | number | null | undefined | undefined;
+            readonly modelModifiers?: import("@element-plus/components/input").InputModelModifiers | undefined;
+            readonly maxlength?: string | number | undefined;
+            readonly minlength?: string | number | undefined;
+            readonly type?: import("@element-plus/components/input").InputType | undefined;
+            readonly resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
+            readonly autosize?: import("@element-plus/components/input").InputAutoSize | undefined;
+            readonly autocomplete?: string | undefined;
+            readonly formatter?: ((value: string) => string) | undefined;
+            readonly parser?: ((value: string) => string) | undefined;
+            readonly placeholder?: string | undefined;
+            readonly form?: string | undefined;
+            readonly readonly?: boolean | undefined;
+            readonly clearable?: boolean | undefined;
+            readonly clearIcon?: import("@element-plus/utils").IconPropType | undefined;
+            readonly showPassword?: boolean | undefined;
+            readonly showWordLimit?: boolean | undefined;
+            readonly wordLimitPosition?: "inside" | "outside" | undefined;
+            readonly suffixIcon?: import("@element-plus/utils").IconPropType | undefined;
+            readonly prefixIcon?: import("@element-plus/utils").IconPropType | undefined;
+            readonly containerRole?: string | undefined;
+            readonly tabindex?: string | number | undefined;
+            readonly validateEvent?: boolean | undefined;
+            readonly inputStyle?: import("vue").StyleValue;
+            readonly autofocus?: boolean | undefined;
+            readonly rows?: number | undefined;
+            readonly ariaLabel?: string | undefined;
+            readonly inputmode?: "search" | "none" | "text" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined;
+            readonly name?: string | undefined;
+            readonly countGraphemes?: ((value: string) => number) | undefined;
+            readonly floatLabel?: boolean | undefined;
+            readonly onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            readonly onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+            readonly onInput?: ((value: string) => any) | undefined;
+            readonly onFocus?: ((evt: FocusEvent) => any) | undefined;
+            readonly onBlur?: ((evt: FocusEvent) => any) | undefined;
+            readonly onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+            readonly onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+            readonly onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+            readonly onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+            readonly onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+            readonly onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        $attrs: import("vue").Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance | null;
+        $parent: import("vue").ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "clear", evt: MouseEvent | undefined) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string, evt?: Event | undefined) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "mouseleave", evt: MouseEvent) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("@element-plus/components/input").InputProps> & Readonly<{
+            onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+            onInput?: ((value: string) => any) | undefined;
+            onFocus?: ((evt: FocusEvent) => any) | undefined;
+            onBlur?: ((evt: FocusEvent) => any) | undefined;
+            onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+            onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+            onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+            onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+            onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+            onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+        }>, {
+            input: import("vue").ShallowRef<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+            textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
+            ref: import("vue").ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
+            textareaStyle: import("vue").ComputedRef<import("vue").StyleValue>;
+            autosize: import("vue").Ref<import("@element-plus/components/input").InputAutoSize | undefined, import("@element-plus/components/input").InputAutoSize | undefined>;
+            isComposing: import("vue").Ref<boolean, boolean>;
+            passwordVisible: import("vue").Ref<boolean, boolean>;
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+            select: () => void;
+            clear: (evt?: MouseEvent) => void;
+            resizeTextarea: () => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            clear: (evt: MouseEvent | undefined) => void;
+            "update:modelValue": (value: string) => void;
+            change: (value: string, evt?: Event | undefined) => void;
+            input: (value: string) => void;
+            focus: (evt: FocusEvent) => void;
+            blur: (evt: FocusEvent) => void;
+            compositionend: (evt: CompositionEvent) => void;
+            compositionstart: (evt: CompositionEvent) => void;
+            compositionupdate: (evt: CompositionEvent) => void;
+            keydown: (evt: Event | KeyboardEvent) => void;
+            mouseenter: (evt: MouseEvent) => void;
+            mouseleave: (evt: MouseEvent) => void;
+        }, string, {
+            disabled: boolean;
+            tabindex: string | number;
+            type: import("@element-plus/components/input").InputType;
+            modelValue: string | number | null;
+            modelModifiers: import("@element-plus/components/input").InputModelModifiers;
+            autocomplete: string;
+            clearIcon: import("@element-plus/utils").IconPropType;
+            wordLimitPosition: "inside" | "outside";
+            validateEvent: boolean;
+            inputStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+            rows: number;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<{
+        disabled: boolean;
+        tabindex: string | number;
+        type: import("@element-plus/components/input").InputType;
+        modelValue: string | number | null;
+        modelModifiers: import("@element-plus/components/input").InputModelModifiers;
+        autocomplete: string;
+        clearIcon: import("@element-plus/utils").IconPropType;
+        wordLimitPosition: "inside" | "outside";
+        validateEvent: boolean;
+        inputStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+        rows: number;
+    }> & Omit<Readonly<import("@element-plus/components/input").InputProps> & Readonly<{
+        onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
+        onInput?: ((value: string) => any) | undefined;
+        onFocus?: ((evt: FocusEvent) => any) | undefined;
+        onBlur?: ((evt: FocusEvent) => any) | undefined;
+        onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
+        onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
+        onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
+        onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
+        onMouseenter?: ((evt: MouseEvent) => any) | undefined;
+        onMouseleave?: ((evt: MouseEvent) => any) | undefined;
+    }>, "clear" | "input" | "textarea" | "select" | "focus" | "ref" | "blur" | "autosize" | "isComposing" | "passwordVisible" | "textareaStyle" | ("disabled" | "tabindex" | "type" | "modelValue" | "modelModifiers" | "autocomplete" | "clearIcon" | "wordLimitPosition" | "validateEvent" | "inputStyle" | "rows") | "resizeTextarea"> & {
+        input: HTMLInputElement | undefined;
+        textarea: HTMLTextAreaElement | undefined;
+        ref: HTMLInputElement | HTMLTextAreaElement | undefined;
+        textareaStyle: import("vue").StyleValue;
+        autosize: import("@element-plus/components/input").InputAutoSize | undefined;
+        isComposing: boolean;
+        passwordVisible: boolean;
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+        select: () => void;
+        clear: (evt?: MouseEvent) => void;
+        resizeTextarea: () => void;
+    } & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: {
+            prepend?: (props: {}) => any;
+        } & {
+            prefix?: (props: {}) => any;
+        } & {
+            suffix?: (props: {}) => any;
+        } & {
+            'password-icon'?: (props: {
+                visible: boolean;
+            }) => any;
+        } & {
+            append?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        };
+    }) | undefined>;
+    /**
+     * @description update sub components
+     */
+    update: typeof update;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (val: string | null) => void;
+}, string, import("vue").PublicProps, Readonly<ColorPickerPanelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
+}>, {
+    border: boolean;
+    modelValue: string | null;
+    validateEvent: boolean;
+    showAlpha: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/color-picker-panel/EpColorPickerPanel.vue.js

@@ -0,0 +1,142 @@
+import { defineComponent as g, ref as u, inject as A, onMounted as F, nextTick as T, watch as E, provide as $, computed as x, openBlock as f, createElementBlock as M, normalizeClass as m, unref as e, createElementVNode as O, createVNode as p, normalizeStyle as w, createBlock as S, createCommentVNode as P, renderSlot as z } from "vue";
+import { ElInput as D } from "../input/index.js";
+import "../form/index.js";
+import { useNamespace as j } from "../../hooks/use-namespace/index.js";
+import { NOOP as R } from "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import { UPDATE_MODEL_EVENT as K } from "../../constants/event.js";
+import "@element-plus/icons-vue";
+import "../../hooks/use-size/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "../../hooks/use-delayed-toggle/index.js";
+import "../../hooks/use-aria/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "../../hooks/use-empty-values/index.js";
+import L from "./components/EpAlphaSlider.vue.js";
+import U from "./components/EpHueSlider.vue.js";
+import J from "./components/EpPredefine.vue.js";
+import Y from "./components/EpSvPanel.vue.js";
+import { colorPickerPanelEmits as q, ROOT_COMMON_COLOR_INJECTION_KEY as G, colorPickerPanelContextKey as H } from "./color-picker-panel.js";
+import { useCommonColor as I } from "./composables/use-common-color.js";
+import { useFormItem as Q } from "../form/src/hooks/use-form-item.js";
+import { useFormDisabled as W } from "../form/src/hooks/use-form-common-props.js";
+const Oe = /* @__PURE__ */ g({
+  name: "EpColorPickerPanel",
+  __name: "EpColorPickerPanel",
+  props: {
+    modelValue: { default: void 0 },
+    border: { type: Boolean, default: !0 },
+    showAlpha: { type: Boolean, default: !1 },
+    colorFormat: {},
+    disabled: { type: Boolean },
+    predefine: {},
+    validateEvent: { type: Boolean, default: !0 },
+    hueSliderClass: {},
+    hueSliderStyle: { type: [Boolean, null, String, Object, Array] }
+  },
+  emits: q,
+  setup(a, { expose: N, emit: B }) {
+    const n = a, v = B, d = j("color-picker-panel"), { formItem: r } = Q(), i = W(), h = u(), b = u(), y = u(), C = u(), t = u(""), { color: o } = A(
+      G,
+      () => I(n, v),
+      !0
+    );
+    function V() {
+      o.fromString(t.value), o.value !== t.value && (t.value = o.value);
+    }
+    function _() {
+      var l;
+      n.validateEvent && ((l = r == null ? void 0 : r.validate) == null || l.call(r, "blur").catch(R));
+    }
+    function k() {
+      var l, s, c;
+      (l = h.value) == null || l.update(), (s = b.value) == null || s.update(), (c = y.value) == null || c.update();
+    }
+    return F(() => {
+      n.modelValue && (t.value = o.value), T(k);
+    }), E(
+      () => n.modelValue,
+      (l) => {
+        l !== o.value && (l ? o.fromString(l) : o.clear());
+      }
+    ), E(
+      () => o.value,
+      (l) => {
+        v(K, l), t.value = l, n.validateEvent && (r == null || r.validate("change").catch(R));
+      }
+    ), $(H, {
+      currentColor: x(() => o.value)
+    }), N({
+      /**
+       * @description current color object
+       */
+      color: o,
+      /**
+       * @description custom input ref
+       */
+      inputRef: C,
+      /**
+       * @description update sub components
+       */
+      update: k
+    }), (l, s) => (f(), M("div", {
+      class: m([e(d).b(), e(d).is("disabled", e(i)), e(d).is("border", a.border)]),
+      onFocusout: _
+    }, [
+      O("div", {
+        class: m(e(d).e("wrapper"))
+      }, [
+        p(U, {
+          ref_key: "hueRef",
+          ref: h,
+          color: e(o),
+          vertical: "",
+          disabled: e(i),
+          class: m(["hue-slider", a.hueSliderClass]),
+          style: w(a.hueSliderStyle)
+        }, null, 8, ["color", "disabled", "class", "style"]),
+        p(Y, {
+          ref_key: "svRef",
+          ref: b,
+          color: e(o),
+          disabled: e(i)
+        }, null, 8, ["color", "disabled"])
+      ], 2),
+      a.showAlpha ? (f(), S(L, {
+        key: 0,
+        ref_key: "alphaRef",
+        ref: y,
+        color: e(o),
+        disabled: e(i)
+      }, null, 8, ["color", "disabled"])) : P("", !0),
+      a.predefine ? (f(), S(J, {
+        key: 1,
+        ref: "predefine",
+        "enable-alpha": a.showAlpha,
+        color: e(o),
+        colors: a.predefine,
+        disabled: e(i)
+      }, null, 8, ["enable-alpha", "color", "colors", "disabled"])) : P("", !0),
+      O("div", {
+        class: m(e(d).e("footer"))
+      }, [
+        p(e(D), {
+          ref_key: "inputRef",
+          ref: C,
+          modelValue: t.value,
+          "onUpdate:modelValue": s[0] || (s[0] = (c) => t.value = c),
+          "validate-event": !1,
+          size: "small",
+          disabled: e(i),
+          onChange: V
+        }, null, 8, ["modelValue", "disabled"]),
+        z(l.$slots, "footer")
+      ], 2)
+    ], 34));
+  }
+});
+export {
+  Oe as default
+};

package/dist/components/color-picker-panel/EpColorPickerPanel2.vue.js

@@ -0,0 +1,4 @@
+import f from "./EpColorPickerPanel.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,91 @@
+import type { ComputedRef, ExtractPublicPropTypes, InjectionKey, StyleValue } from 'vue';
+import type { ColorFormats } from '@ctrl/tinycolor';
+import type ColorPickerPanel from './EpColorPickerPanel.vue';
+import type Color from './utils/color';
+type ClassObjectType = Record<string, boolean>;
+type ClassType = string | ClassObjectType | ClassType[];
+export interface ColorPickerPanelProps {
+    /**
+     * @description binding value
+     */
+    modelValue?: string | null;
+    /**
+     * @description whether the color picker is bordered
+     */
+    border?: boolean;
+    /**
+     * @description whether to display the alpha slider
+     */
+    showAlpha?: boolean;
+    /**
+     * @description color format of v-model
+     */
+    colorFormat?: ColorFormats;
+    /**
+     * @description whether to disable the color picker
+     */
+    disabled?: boolean;
+    /**
+     * @description predefined color options
+     */
+    predefine?: string[];
+    /**
+     * @description whether to trigger form validation
+     */
+    validateEvent?: boolean;
+    /**
+     * @description class names will be passed to hue-slider
+     */
+    hueSliderClass?: ClassType;
+    /**
+     * @description styles will be passed to hue-slider
+     */
+    hueSliderStyle?: StyleValue;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `ColorPickerPanelProps` instead.
+ */
+export declare const colorPickerPanelProps: {
+    readonly modelValue: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => string | null) | (((new (...args: any[]) => string) | (() => string | null)) | null)[], unknown, unknown, undefined, boolean>;
+    readonly border: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showAlpha: BooleanConstructor;
+    readonly colorFormat: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => "name" | "hex" | "rgb" | "prgb" | "hex3" | "hex4" | "hex6" | "hex8" | "hsl" | "hsv" | "cmyk") | (() => ColorFormats) | (((new (...args: any[]) => "name" | "hex" | "rgb" | "prgb" | "hex3" | "hex4" | "hex6" | "hex8" | "hsl" | "hsv" | "cmyk") | (() => ColorFormats)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly disabled: BooleanConstructor;
+    readonly predefine: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly validateEvent: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly hueSliderClass: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => string | ClassObjectType | ClassType[]) | (() => ClassType) | (((new (...args: any[]) => string | ClassObjectType | ClassType[]) | (() => ClassType)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly hueSliderStyle: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
+};
+export declare const colorPickerPanelEmits: {
+    "update:modelValue": (val: string | null) => boolean;
+};
+/**
+ * @deprecated Removed after 3.0.0, Use `ColorPickerPanelProps` instead.
+ */
+export type ColorPickerPanelPropsPublic = ExtractPublicPropTypes<typeof colorPickerPanelProps>;
+export type ColorPickerPanelEmits = typeof colorPickerPanelEmits;
+export type ColorPickerPanelInstance = InstanceType<typeof ColorPickerPanel> & unknown;
+export interface ColorPickerPanelContext {
+    currentColor: ComputedRef<string>;
+}
+export interface CommonColorContext {
+    color: Color;
+}
+export declare const ROOT_COMMON_COLOR_INJECTION_KEY: InjectionKey<CommonColorContext>;
+export declare const colorPickerPanelContextKey: InjectionKey<ColorPickerPanelContext>;
+export {};