element-plus-secondary 0.0.16 → 0.0.18

package/lib/components/color-picker/index.d.ts

@@ -49,6 +49,11 @@ export declare const ElColorPicker: import("element-plus-secondary/es/utils").SF
         onActiveChange?: ((val: string | null) => any) | undefined;
     }>>;
     emit: ((event: "update:modelValue", val: string | null) => void) & ((event: "change", val: string | null) => void) & ((event: "activeChange", val: string | null) => void);
+    isSupported: import("vue").Ref<boolean>;
+    open: (openOptions?: import("@vueuse/core").EyeDropperOpenOptions | undefined) => Promise<{
+        sRGBHex: string;
+    } | undefined>;
+    sRGBHex: import("vue").Ref<string>;
     t: import("../..").Translator;
     ns: {
         namespace: import("vue").Ref<string>;
@@ -339,6 +344,7 @@ export declare const ElColorPicker: import("element-plus-secondary/es/utils").SF
             background: import("vue").Ref<string | undefined>;
             handleClick: (event: MouseEvent | TouchEvent) => void;
             update: () => void;
+            customInput: import("vue").Ref<number>;
             ns: {
                 namespace: import("vue").Ref<string>;
                 b: (blockSuffix?: string) => string;
@@ -396,6 +402,7 @@ export declare const ElColorPicker: import("element-plus-secondary/es/utils").SF
         background: import("vue").Ref<string | undefined>;
         handleClick: (event: MouseEvent | TouchEvent) => void;
         update: () => void;
+        customInput: import("vue").Ref<number>;
         ns: {
             namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
@@ -6452,11 +6459,15 @@ export declare const ElColorPicker: import("element-plus-secondary/es/utils").SF
     showPicker: import("vue").Ref<boolean>;
     showPanelColor: import("vue").Ref<boolean>;
     customInput: import("vue").Ref<string>;
+    getEyeDropper: () => void;
+    colorMode: import("vue").Ref<string>;
     displayedColor: import("vue").ComputedRef<string>;
     currentColor: import("vue").ComputedRef<string>;
     buttonAriaLabel: import("vue").ComputedRef<string | undefined>;
     buttonAriaLabelledby: import("vue").ComputedRef<string | undefined>;
     displayedRgb: (color: import("./src/utils/color").default, showAlpha: boolean) => string;
+    modeChange: (val: string | number | boolean) => void;
+    customInputChange: () => void;
     setShowPicker: (value: boolean) => void;
     debounceSetShowPicker: import("lodash").DebouncedFunc<(value: boolean) => void>;
     hide: () => void;
@@ -6465,7 +6476,8 @@ export declare const ElColorPicker: import("element-plus-secondary/es/utils").SF
     handleConfirm: () => void;
     confirmValue: () => void;
     clear: () => void;
-    ElButton: import("element-plus-secondary/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    ElRadioGroup: import("element-plus-secondary/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly id: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
         readonly size: {
             readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large" | "middle", never>>;
             readonly required: false;
@@ -6473,29 +6485,15 @@ export declare const ElColorPicker: import("element-plus-secondary/es/utils").SF
             __epPropKey: true;
         };
         readonly disabled: BooleanConstructor;
-        readonly type: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown, "", boolean>;
-        readonly icon: {
-            readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
-            readonly required: false;
-            readonly validator: ((val: unknown) => boolean) | undefined;
-            __epPropKey: true;
-        };
-        readonly nativeType: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "button" | "submit" | "reset", unknown, "button", boolean>;
-        readonly loading: BooleanConstructor;
-        readonly loadingIcon: import("element-plus-secondary/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, boolean>;
-        readonly plain: BooleanConstructor;
-        readonly secondary: BooleanConstructor;
-        readonly text: BooleanConstructor;
-        readonly link: BooleanConstructor;
-        readonly bg: BooleanConstructor;
-        readonly autofocus: BooleanConstructor;
-        readonly round: BooleanConstructor;
-        readonly circle: BooleanConstructor;
-        readonly color: StringConstructor;
-        readonly dark: BooleanConstructor;
-        readonly autoInsertSpace: import("element-plus-secondary/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+        readonly modelValue: import("element-plus-secondary/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+        readonly fill: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly label: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+        readonly textColor: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly name: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+        readonly validateEvent: import("element-plus-secondary/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly id: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
             readonly size: {
                 readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large" | "middle", never>>;
                 readonly required: false;
@@ -6503,32 +6501,17 @@ export declare const ElColorPicker: import("element-plus-secondary/es/utils").SF
                 __epPropKey: true;
             };
             readonly disabled: BooleanConstructor;
-            readonly type: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown, "", boolean>;
-            readonly icon: {
-                readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            readonly nativeType: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "button" | "submit" | "reset", unknown, "button", boolean>;
-            readonly loading: BooleanConstructor;
-            readonly loadingIcon: import("element-plus-secondary/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, boolean>;
-            readonly plain: BooleanConstructor;
-            readonly secondary: BooleanConstructor;
-            readonly text: BooleanConstructor;
-            readonly link: BooleanConstructor;
-            readonly bg: BooleanConstructor;
-            readonly autofocus: BooleanConstructor;
-            readonly round: BooleanConstructor;
-            readonly circle: BooleanConstructor;
-            readonly color: StringConstructor;
-            readonly dark: BooleanConstructor;
-            readonly autoInsertSpace: import("element-plus-secondary/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+            readonly modelValue: import("element-plus-secondary/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+            readonly fill: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly label: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+            readonly textColor: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly name: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+            readonly validateEvent: import("element-plus-secondary/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         }>> & {
-            onClick?: ((evt: MouseEvent) => any) | undefined;
+            onChange?: ((val: string | number | boolean) => any) | undefined;
+            "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
         }>>;
-        emit: (event: "click", evt: MouseEvent) => void;
-        buttonStyle: import("vue").ComputedRef<Record<string, string>>;
+        emit: ((event: "update:modelValue", val: string | number | boolean) => void) & ((event: "change", val: string | number | boolean) => void);
         ns: {
             namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
@@ -6547,78 +6530,18 @@ export declare const ElColorPicker: import("element-plus-secondary/es/utils").SF
             cssVarBlock: (object: Record<string, string>) => Record<string, string>;
             cssVarBlockName: (name: string) => string;
         };
-        _ref: import("vue").Ref<HTMLButtonElement | undefined>;
-        _size: import("vue").ComputedRef<"" | "default" | "small" | "large" | "middle">;
-        _type: import("vue").ComputedRef<"" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text">;
-        _disabled: import("vue").ComputedRef<boolean>;
-        shouldAddSpace: import("vue").ComputedRef<boolean>;
-        handleClick: (evt: MouseEvent) => void;
-        ElIcon: import("element-plus-secondary/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-            readonly size: {
-                readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            readonly color: {
-                readonly type: import("vue").PropType<string>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-        }, {
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                readonly size: {
-                    readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly color: {
-                    readonly type: import("vue").PropType<string>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-            }>> & {
-                [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-            }>>;
-            ns: {
-                namespace: import("vue").Ref<string>;
-                b: (blockSuffix?: string) => string;
-                e: (element?: string | undefined) => string;
-                m: (modifier?: string | undefined) => string;
-                be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-                em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
-                is: {
-                    (name: string, state: boolean | undefined): string;
-                    (name: string): string;
-                };
-                cssVar: (object: Record<string, string>) => Record<string, string>;
-                cssVarName: (name: string) => string;
-                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-                cssVarBlockName: (name: string) => string;
-            };
-            style: import("vue").ComputedRef<import("vue").CSSProperties>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            readonly size: {
-                readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            readonly color: {
-                readonly type: import("vue").PropType<string>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-        }>>, {}>> & Record<string, any>;
+        radioId: import("vue").Ref<string>;
+        radioGroupRef: import("vue").Ref<HTMLDivElement | undefined>;
+        formItem: import("../..").FormItemContext | undefined;
+        groupId: import("vue").Ref<string | undefined>;
+        isLabeledByFormItem: import("vue").ComputedRef<boolean>;
+        changeEvent: (value: import("element-plus-secondary/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>) => void;
+        name: import("vue").ComputedRef<string>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: (evt: MouseEvent) => boolean;
+        "update:modelValue": (val: string | number | boolean) => boolean;
+        change: (val: string | number | boolean) => boolean;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly id: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
         readonly size: {
             readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large" | "middle", never>>;
             readonly required: false;
@@ -6626,96 +6549,93 @@ export declare const ElColorPicker: import("element-plus-secondary/es/utils").SF
             __epPropKey: true;
         };
         readonly disabled: BooleanConstructor;
-        readonly type: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown, "", boolean>;
-        readonly icon: {
-            readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
+        readonly modelValue: import("element-plus-secondary/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+        readonly fill: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly label: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+        readonly textColor: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly name: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+        readonly validateEvent: import("element-plus-secondary/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    }>> & {
+        onChange?: ((val: string | number | boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
+    }, {
+        readonly disabled: boolean;
+        readonly name: string;
+        readonly label: string;
+        readonly modelValue: import("element-plus-secondary/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>;
+        readonly validateEvent: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly fill: string;
+        readonly textColor: string;
+        readonly id: string;
+    }>>;
+    ElRadioButton: import("element-plus-secondary/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly name: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly size: {
+            readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large" | "middle", never>>;
             readonly required: false;
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        readonly nativeType: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "button" | "submit" | "reset", unknown, "button", boolean>;
-        readonly loading: BooleanConstructor;
-        readonly loadingIcon: import("element-plus-secondary/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, boolean>;
-        readonly plain: BooleanConstructor;
-        readonly secondary: BooleanConstructor;
-        readonly text: BooleanConstructor;
-        readonly link: BooleanConstructor;
-        readonly bg: BooleanConstructor;
-        readonly autofocus: BooleanConstructor;
-        readonly round: BooleanConstructor;
-        readonly circle: BooleanConstructor;
-        readonly color: StringConstructor;
-        readonly dark: BooleanConstructor;
-        readonly autoInsertSpace: import("element-plus-secondary/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    }>> & {
-        onClick?: ((evt: MouseEvent) => any) | undefined;
+        readonly disabled: BooleanConstructor;
+        readonly label: import("element-plus-secondary/es/utils").EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
     }, {
-        readonly type: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
-        readonly text: boolean;
-        readonly nativeType: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "button" | "submit" | "reset", unknown>;
-        readonly loadingIcon: import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
-        readonly autoInsertSpace: import("element-plus-secondary/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        readonly disabled: boolean;
-        readonly loading: boolean;
-        readonly plain: boolean;
-        readonly secondary: boolean;
-        readonly link: boolean;
-        readonly bg: boolean;
-        readonly autofocus: boolean;
-        readonly round: boolean;
-        readonly circle: boolean;
-        readonly dark: boolean;
-    }>> & {
-        ButtonGroup: import("vue").DefineComponent<{
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly name: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
             readonly size: {
                 readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large" | "middle", never>>;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
-            readonly type: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown, "", boolean>;
-        }, {
-            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                readonly size: {
-                    readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large" | "middle", never>>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                readonly type: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown, "", boolean>;
-            }>> & {
-                [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
-            }>>;
-            ns: {
-                namespace: import("vue").Ref<string>;
-                b: (blockSuffix?: string) => string;
-                e: (element?: string | undefined) => string;
-                m: (modifier?: string | undefined) => string;
-                be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-                em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
-                is: {
-                    (name: string, state: boolean | undefined): string;
-                    (name: string): string;
-                };
-                cssVar: (object: Record<string, string>) => Record<string, string>;
-                cssVarName: (name: string) => string;
-                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-                cssVarBlockName: (name: string) => string;
-            };
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            readonly size: {
-                readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large" | "middle", never>>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
+            readonly disabled: BooleanConstructor;
+            readonly label: import("element-plus-secondary/es/utils").EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
+        }>> & {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
+        ns: {
+            namespace: import("vue").Ref<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
             };
-            readonly type: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown, "", boolean>;
-        }>>, {
-            readonly type: import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
-        }>;
-    };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        radioRef: import("vue").Ref<HTMLInputElement | undefined>;
+        focus: import("vue").Ref<boolean>;
+        size: import("vue").ComputedRef<"" | "default" | "small" | "large" | "middle">;
+        disabled: import("vue").ComputedRef<boolean>;
+        modelValue: import("vue").WritableComputedRef<import("element-plus-secondary/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor, BooleanConstructor], unknown, unknown>>;
+        radioGroup: import("../..").RadioGroupContext | undefined;
+        activeStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        customStyle: {
+            text: string;
+        };
+        normalStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly name: import("element-plus-secondary/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly size: {
+            readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large" | "middle", never>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly disabled: BooleanConstructor;
+        readonly label: import("element-plus-secondary/es/utils").EpPropFinalized<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
+    }>>, {
+        readonly disabled: boolean;
+        readonly name: string;
+        readonly label: import("element-plus-secondary/es/utils").EpPropMergeType<(BooleanConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>;
+    }>>;
     ElIcon: import("element-plus-secondary/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         readonly size: {
             readonly type: import("vue").PropType<import("element-plus-secondary/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
@@ -10350,6 +10270,7 @@ export declare const ElColorPicker: import("element-plus-secondary/es/utils").SF
     }>> & Record<string, any>;
     ArrowDown: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     Close: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    EditPen: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     AlphaSlider: import("vue").DefineComponent<{
         color: {
             type: import("vue").PropType<import("./src/utils/color").default>;
@@ -10367,6 +10288,7 @@ export declare const ElColorPicker: import("element-plus-secondary/es/utils").SF
         background: import("vue").Ref<string | undefined>;
         handleClick: (event: MouseEvent | TouchEvent) => void;
         update: () => void;
+        customInput: import("vue").Ref<number>;
         ns: {
             namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;

package/lib/components/color-picker/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var colorPicker$1 = require('./src/color-picker.js');
-var colorPicker = require('./src/color-picker2.js');
+var colorPicker$1 = require('./src/color-picker2.js');
+var colorPicker = require('./src/color-picker.js');
 var install = require('../../utils/vue/install.js');
 
 const ElColorPicker = install.withInstall(colorPicker$1["default"]);