@element-plus/nightly 0.0.20260118 → 0.0.20260119

package/lib/components/color-picker-panel/src/color-picker-panel.d.ts

@@ -1,6 +1,39 @@
-import type { ComputedRef, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey } from 'vue';
+import type { ComputedRef, ExtractPublicPropTypes, InjectionKey } from 'vue';
 import type ColorPickerPanel from './color-picker-panel.vue';
 import type Color from './utils/color';
+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?: string;
+    /**
+     * @description whether to disable the color picker
+     */
+    disabled?: boolean;
+    /**
+     * @description predefined color options
+     */
+    predefine?: string[];
+    /**
+     * @description whether to trigger form validation
+     */
+    validateEvent?: boolean;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `ColorPickerPanelProps` instead.
+ */
 export declare const colorPickerPanelProps: {
     readonly modelValue: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => string | null) | ((new (...args: any[]) => string) | (() => string | null))[], unknown, unknown, undefined, boolean>;
     readonly border: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -18,7 +51,9 @@ export declare const colorPickerPanelProps: {
 export declare const colorPickerPanelEmits: {
     "update:modelValue": (val: string | null) => boolean;
 };
-export type ColorPickerPanelProps = ExtractPropTypes<typeof colorPickerPanelProps>;
+/**
+ * @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;

package/lib/components/color-picker-panel/src/color-picker-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker-panel.js","sources":["../../../../../../packages/components/color-picker-panel/src/color-picker-panel.ts"],"sourcesContent":["import { isNil } from 'lodash-unified'\nimport { buildProps, definePropType, isString } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type {\n  ComputedRef,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n  InjectionKey,\n} from 'vue'\nimport type ColorPickerPanel from './color-picker-panel.vue'\nimport type Color from './utils/color'\n\nexport const colorPickerPanelProps = buildProps({\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: definePropType<string | null>(String),\n    default: undefined,\n  },\n  /**\n   * @description whether the color picker is bordered\n   */\n  border: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to display the alpha slider\n   */\n  showAlpha: Boolean,\n  /**\n   * @description color format of v-model\n   */\n  colorFormat: String,\n  /**\n   * @description whether to disable the color picker\n   */\n  disabled: Boolean,\n  /**\n   * @description predefined color options\n   */\n  predefine: {\n    type: definePropType<string[]>(Array),\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\nexport const colorPickerPanelEmits = {\n  [UPDATE_MODEL_EVENT]: (val: string | null) => isString(val) || isNil(val),\n}\n\nexport type ColorPickerPanelProps = ExtractPropTypes<\n  typeof colorPickerPanelProps\n>\nexport type ColorPickerPanelPropsPublic = ExtractPublicPropTypes<\n  typeof colorPickerPanelProps\n>\nexport type ColorPickerPanelEmits = typeof colorPickerPanelEmits\nexport type ColorPickerPanelInstance = InstanceType<typeof ColorPickerPanel> &\n  unknown\n\nexport interface ColorPickerPanelContext {\n  currentColor: ComputedRef<string>\n}\n\nexport interface CommonColorContext {\n  color: Color\n}\n\nexport const ROOT_COMMON_COLOR_INJECTION_KEY: InjectionKey<CommonColorContext> =\n  Symbol('colorCommonPickerKey')\nexport const colorPickerPanelContextKey: InjectionKey<ColorPickerPanelContext> =\n  Symbol('colorPickerPanelContextKey')\n"],"names":["buildProps","definePropType","UPDATE_MODEL_EVENT","isString","isNil"],"mappings":";;;;;;;AAaO,MAAM,wBAAwBA,kBAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAI9C,UAAA,EAAY;AAAA,IACV,IAAA,EAAMC,uBAA8B,MAAM,CAAA;AAAA,IAC1C,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW,OAAA;AAAA;AAAA;AAAA;AAAA,EAIX,WAAA,EAAa,MAAA;AAAA;AAAA;AAAA;AAAA,EAIb,QAAA,EAAU,OAAA;AAAA;AAAA;AAAA;AAAA,EAIV,SAAA,EAAW;AAAA,IACT,IAAA,EAAMA,uBAAyB,KAAK;AAAA,GACtC;AAAA;AAAA;AAAA;AAAA,EAIA,aAAA,EAAe;AAAA,IACb,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAU;AACH,MAAM,qBAAA,GAAwB;AAAA,EACnC,CAACC,wBAAkB,GAAG,CAAC,QAAuBC,eAAA,CAAS,GAAG,CAAA,IAAKC,mBAAA,CAAM,GAAG;AAC1E;AAoBO,MAAM,+BAAA,0BACJ,sBAAsB;AACxB,MAAM,0BAAA,0BACJ,4BAA4B;;;;;;;"}
+{"version":3,"file":"color-picker-panel.js","sources":["../../../../../../packages/components/color-picker-panel/src/color-picker-panel.ts"],"sourcesContent":["import { isNil } from 'lodash-unified'\nimport { buildProps, definePropType, isString } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type { ComputedRef, ExtractPublicPropTypes, InjectionKey } from 'vue'\nimport type ColorPickerPanel from './color-picker-panel.vue'\nimport type Color from './utils/color'\n\nexport interface ColorPickerPanelProps {\n  /**\n   * @description binding value\n   */\n  modelValue?: string | null\n  /**\n   * @description whether the color picker is bordered\n   */\n  border?: boolean\n  /**\n   * @description whether to display the alpha slider\n   */\n  showAlpha?: boolean\n  /**\n   * @description color format of v-model\n   */\n  colorFormat?: string\n  /**\n   * @description whether to disable the color picker\n   */\n  disabled?: boolean\n  /**\n   * @description predefined color options\n   */\n  predefine?: string[]\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent?: boolean\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `ColorPickerPanelProps` instead.\n */\nexport const colorPickerPanelProps = buildProps({\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: definePropType<string | null>(String),\n    default: undefined,\n  },\n  /**\n   * @description whether the color picker is bordered\n   */\n  border: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to display the alpha slider\n   */\n  showAlpha: Boolean,\n  /**\n   * @description color format of v-model\n   */\n  colorFormat: String,\n  /**\n   * @description whether to disable the color picker\n   */\n  disabled: Boolean,\n  /**\n   * @description predefined color options\n   */\n  predefine: {\n    type: definePropType<string[]>(Array),\n  },\n  /**\n   * @description whether to trigger form validation\n   */\n  validateEvent: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\nexport const colorPickerPanelEmits = {\n  [UPDATE_MODEL_EVENT]: (val: string | null) => isString(val) || isNil(val),\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `ColorPickerPanelProps` instead.\n */\nexport type ColorPickerPanelPropsPublic = ExtractPublicPropTypes<\n  typeof colorPickerPanelProps\n>\nexport type ColorPickerPanelEmits = typeof colorPickerPanelEmits\nexport type ColorPickerPanelInstance = InstanceType<typeof ColorPickerPanel> &\n  unknown\n\nexport interface ColorPickerPanelContext {\n  currentColor: ComputedRef<string>\n}\n\nexport interface CommonColorContext {\n  color: Color\n}\n\nexport const ROOT_COMMON_COLOR_INJECTION_KEY: InjectionKey<CommonColorContext> =\n  Symbol('colorCommonPickerKey')\nexport const colorPickerPanelContextKey: InjectionKey<ColorPickerPanelContext> =\n  Symbol('colorPickerPanelContextKey')\n"],"names":["buildProps","definePropType","UPDATE_MODEL_EVENT","isString","isNil"],"mappings":";;;;;;;AA0CO,MAAM,wBAAwBA,kBAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAI9C,UAAA,EAAY;AAAA,IACV,IAAA,EAAMC,uBAA8B,MAAM,CAAA;AAAA,IAC1C,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW,OAAA;AAAA;AAAA;AAAA;AAAA,EAIX,WAAA,EAAa,MAAA;AAAA;AAAA;AAAA;AAAA,EAIb,QAAA,EAAU,OAAA;AAAA;AAAA;AAAA;AAAA,EAIV,SAAA,EAAW;AAAA,IACT,IAAA,EAAMA,uBAAyB,KAAK;AAAA,GACtC;AAAA;AAAA;AAAA;AAAA,EAIA,aAAA,EAAe;AAAA,IACb,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAU;AACH,MAAM,qBAAA,GAAwB;AAAA,EACnC,CAACC,wBAAkB,GAAG,CAAC,QAAuBC,eAAA,CAAS,GAAG,CAAA,IAAKC,mBAAA,CAAM,GAAG;AAC1E;AAoBO,MAAM,+BAAA,0BACJ,sBAAsB;AACxB,MAAM,0BAAA,0BACJ,4BAA4B;;;;;;;"}

package/lib/components/color-picker-panel/src/color-picker-panel.vue.d.ts

@@ -1,23 +1,15 @@
+import type { ColorPickerPanelProps } from './color-picker-panel';
 import type { InputInstance } from '@element-plus/nightly/es/components/input';
 declare function update(): void;
 declare var __VLS_35: {};
 type __VLS_Slots = {} & {
     footer?: (props: typeof __VLS_35) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly modelValue: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => string | null) | ((new (...args: any[]) => string) | (() => string | null))[], unknown, unknown, undefined, boolean>;
-    readonly border: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly showAlpha: BooleanConstructor;
-    readonly colorFormat: StringConstructor;
-    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/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-}, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<ColorPickerPanelProps>, {
+    modelValue: undefined;
+    border: boolean;
+    validateEvent: boolean;
+}>, {
     /**
      * @description current color object
      */
@@ -32,33 +24,38 @@ declare const __VLS_base: import("vue").DefineComponent<{
     update: typeof update;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (val: string | null) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly modelValue: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => string | null) | ((new (...args: any[]) => string) | (() => string | null))[], unknown, unknown, undefined, boolean>;
-    readonly border: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly showAlpha: BooleanConstructor;
-    readonly colorFormat: StringConstructor;
-    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/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<ColorPickerPanelProps>, {
+    modelValue: undefined;
+    border: boolean;
+    validateEvent: boolean;
+}>>> & {
     "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
 }, {
-    readonly disabled: boolean;
-    readonly border: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly modelValue: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string) | (() => string | null) | ((new (...args: any[]) => string) | (() => string | null))[], unknown, unknown>;
-    readonly validateEvent: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly showAlpha: boolean;
+    border: boolean;
+    modelValue: string | null;
+    validateEvent: boolean;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/lib/components/color-picker-panel/src/color-picker-panel.vue2.js

@@ -21,7 +21,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElColorPickerPanel"
   },
   __name: "color-picker-panel",
-  props: colorPickerPanel.colorPickerPanelProps,
+  props: {
+    modelValue: { type: [String, null], required: false, default: void 0 },
+    border: { type: Boolean, required: false, default: true },
+    showAlpha: { type: Boolean, required: false },
+    colorFormat: { type: String, required: false },
+    disabled: { type: Boolean, required: false },
+    predefine: { type: Array, required: false },
+    validateEvent: { type: Boolean, required: false, default: true }
+  },
   emits: colorPickerPanel.colorPickerPanelEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
@@ -102,7 +110,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock(
         "div",
         {
-          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("disabled", vue.unref(disabled)), vue.unref(ns).is("border", _ctx.border)]),
+          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("disabled", vue.unref(disabled)), vue.unref(ns).is("border", __props.border)]),
           onFocusout: handleFocusout
         },
         [
@@ -130,19 +138,19 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             2
             /* CLASS */
           ),
-          _ctx.showAlpha ? (vue.openBlock(), vue.createBlock(alphaSlider_vue_vue_type_script_setup_true_lang.default, {
+          __props.showAlpha ? (vue.openBlock(), vue.createBlock(alphaSlider_vue_vue_type_script_setup_true_lang.default, {
             key: 0,
             ref_key: "alphaRef",
             ref: alphaRef,
             color: vue.unref(color),
             disabled: vue.unref(disabled)
           }, null, 8, ["color", "disabled"])) : vue.createCommentVNode("v-if", true),
-          _ctx.predefine ? (vue.openBlock(), vue.createBlock(predefine_vue_vue_type_script_setup_true_lang.default, {
+          __props.predefine ? (vue.openBlock(), vue.createBlock(predefine_vue_vue_type_script_setup_true_lang.default, {
             key: 1,
             ref: "predefine",
-            "enable-alpha": _ctx.showAlpha,
+            "enable-alpha": __props.showAlpha,
             color: vue.unref(color),
-            colors: _ctx.predefine,
+            colors: __props.predefine,
             disabled: vue.unref(disabled)
           }, null, 8, ["enable-alpha", "color", "colors", "disabled"])) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode(

package/lib/components/color-picker-panel/src/color-picker-panel.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker-panel.vue2.js","sources":["../../../../../../packages/components/color-picker-panel/src/color-picker-panel.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.is('disabled', disabled), ns.is('border', border)]\"\n    @focusout=\"handleFocusout\"\n  >\n    <div :class=\"ns.e('wrapper')\">\n      <hue-slider\n        ref=\"hueRef\"\n        class=\"hue-slider\"\n        :color=\"color\"\n        vertical\n        :disabled=\"disabled\"\n      />\n      <sv-panel ref=\"svRef\" :color=\"color\" :disabled=\"disabled\" />\n    </div>\n    <alpha-slider\n      v-if=\"showAlpha\"\n      ref=\"alphaRef\"\n      :color=\"color\"\n      :disabled=\"disabled\"\n    />\n    <predefine\n      v-if=\"predefine\"\n      ref=\"predefine\"\n      :enable-alpha=\"showAlpha\"\n      :color=\"color\"\n      :colors=\"predefine\"\n      :disabled=\"disabled\"\n    />\n    <div :class=\"ns.e('footer')\">\n      <el-input\n        ref=\"inputRef\"\n        v-model=\"customInput\"\n        :validate-event=\"false\"\n        size=\"small\"\n        :disabled=\"disabled\"\n        @change=\"handleConfirm\"\n      />\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, onMounted, provide, ref, watch } from 'vue'\nimport { ElInput } from '@element-plus/components/input'\nimport { useFormDisabled, useFormItem } from '@element-plus/components/form'\nimport { useNamespace } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport AlphaSlider from './components/alpha-slider.vue'\nimport HueSlider from './components/hue-slider.vue'\nimport Predefine from './components/predefine.vue'\nimport SvPanel from './components/sv-panel.vue'\nimport {\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  colorPickerPanelContextKey,\n  colorPickerPanelEmits,\n  colorPickerPanelProps,\n} from './color-picker-panel'\nimport { useCommonColor } from './composables/use-common-color'\n\nimport type { InputInstance } from '@element-plus/components/input'\n\ndefineOptions({\n  name: 'ElColorPickerPanel',\n})\nconst props = defineProps(colorPickerPanelProps)\nconst emit = defineEmits(colorPickerPanelEmits)\n\nconst ns = useNamespace('color-picker-panel')\nconst { formItem } = useFormItem()\nconst disabled = useFormDisabled()\nconst hueRef = ref<InstanceType<typeof HueSlider>>()\nconst svRef = ref<InstanceType<typeof SvPanel>>()\nconst alphaRef = ref<InstanceType<typeof AlphaSlider>>()\nconst inputRef = ref<InputInstance>()\nconst customInput = ref('')\n\nconst { color } = inject(\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  () => useCommonColor(props, emit),\n  true\n)\n\nfunction handleConfirm() {\n  color.fromString(customInput.value)\n  if (color.value !== customInput.value) {\n    customInput.value = color.value\n  }\n}\n\nfunction handleFocusout() {\n  if (props.validateEvent) {\n    formItem?.validate?.('blur').catch((err) => debugWarn(err))\n  }\n}\n\nfunction update() {\n  hueRef.value?.update()\n  svRef.value?.update()\n  alphaRef.value?.update()\n}\n\nonMounted(() => {\n  if (props.modelValue) {\n    customInput.value = color.value\n  }\n  nextTick(update)\n})\n\nwatch(\n  () => props.modelValue,\n  (newVal) => {\n    if (newVal !== color.value) {\n      newVal ? color.fromString(newVal) : color.clear()\n    }\n  }\n)\n\nwatch(\n  () => color.value,\n  (val) => {\n    emit(UPDATE_MODEL_EVENT, val)\n    customInput.value = val\n    if (props.validateEvent) {\n      formItem?.validate('change').catch((err) => debugWarn(err))\n    }\n  }\n)\n\nprovide(colorPickerPanelContextKey, {\n  currentColor: computed(() => color.value),\n})\n\ndefineExpose({\n  /**\n   * @description current color object\n   */\n  color,\n  /**\n   * @description custom input ref\n   */\n  inputRef,\n  /**\n   * @description update sub components\n   */\n  update,\n})\n</script>\n"],"names":["useNamespace","useFormItem","useFormDisabled","ref","inject","ROOT_COMMON_COLOR_INJECTION_KEY","useCommonColor","debugWarn","onMounted","nextTick","watch","UPDATE_MODEL_EVENT","provide","colorPickerPanelContextKey","computed","_createElementBlock","_normalizeClass","_unref","border","_createElementVNode","_createVNode","HueSlider","SvPanel","showAlpha","_createBlock","AlphaSlider","predefine","Predefine","ElInput","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"color-picker-panel.vue2.js","sources":["../../../../../../packages/components/color-picker-panel/src/color-picker-panel.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.is('disabled', disabled), ns.is('border', border)]\"\n    @focusout=\"handleFocusout\"\n  >\n    <div :class=\"ns.e('wrapper')\">\n      <hue-slider\n        ref=\"hueRef\"\n        class=\"hue-slider\"\n        :color=\"color\"\n        vertical\n        :disabled=\"disabled\"\n      />\n      <sv-panel ref=\"svRef\" :color=\"color\" :disabled=\"disabled\" />\n    </div>\n    <alpha-slider\n      v-if=\"showAlpha\"\n      ref=\"alphaRef\"\n      :color=\"color\"\n      :disabled=\"disabled\"\n    />\n    <predefine\n      v-if=\"predefine\"\n      ref=\"predefine\"\n      :enable-alpha=\"showAlpha\"\n      :color=\"color\"\n      :colors=\"predefine\"\n      :disabled=\"disabled\"\n    />\n    <div :class=\"ns.e('footer')\">\n      <el-input\n        ref=\"inputRef\"\n        v-model=\"customInput\"\n        :validate-event=\"false\"\n        size=\"small\"\n        :disabled=\"disabled\"\n        @change=\"handleConfirm\"\n      />\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, onMounted, provide, ref, watch } from 'vue'\nimport { ElInput } from '@element-plus/components/input'\nimport { useFormDisabled, useFormItem } from '@element-plus/components/form'\nimport { useNamespace } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport AlphaSlider from './components/alpha-slider.vue'\nimport HueSlider from './components/hue-slider.vue'\nimport Predefine from './components/predefine.vue'\nimport SvPanel from './components/sv-panel.vue'\nimport {\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  colorPickerPanelContextKey,\n  colorPickerPanelEmits,\n} from './color-picker-panel'\nimport { useCommonColor } from './composables/use-common-color'\n\nimport type { ColorPickerPanelProps } from './color-picker-panel'\nimport type { InputInstance } from '@element-plus/components/input'\n\ndefineOptions({\n  name: 'ElColorPickerPanel',\n})\nconst props = withDefaults(defineProps<ColorPickerPanelProps>(), {\n  modelValue: undefined,\n  border: true,\n  validateEvent: true,\n})\nconst emit = defineEmits(colorPickerPanelEmits)\n\nconst ns = useNamespace('color-picker-panel')\nconst { formItem } = useFormItem()\nconst disabled = useFormDisabled()\nconst hueRef = ref<InstanceType<typeof HueSlider>>()\nconst svRef = ref<InstanceType<typeof SvPanel>>()\nconst alphaRef = ref<InstanceType<typeof AlphaSlider>>()\nconst inputRef = ref<InputInstance>()\nconst customInput = ref('')\n\nconst { color } = inject(\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  () => useCommonColor(props, emit),\n  true\n)\n\nfunction handleConfirm() {\n  color.fromString(customInput.value)\n  if (color.value !== customInput.value) {\n    customInput.value = color.value\n  }\n}\n\nfunction handleFocusout() {\n  if (props.validateEvent) {\n    formItem?.validate?.('blur').catch((err) => debugWarn(err))\n  }\n}\n\nfunction update() {\n  hueRef.value?.update()\n  svRef.value?.update()\n  alphaRef.value?.update()\n}\n\nonMounted(() => {\n  if (props.modelValue) {\n    customInput.value = color.value\n  }\n  nextTick(update)\n})\n\nwatch(\n  () => props.modelValue,\n  (newVal) => {\n    if (newVal !== color.value) {\n      newVal ? color.fromString(newVal) : color.clear()\n    }\n  }\n)\n\nwatch(\n  () => color.value,\n  (val) => {\n    emit(UPDATE_MODEL_EVENT, val)\n    customInput.value = val\n    if (props.validateEvent) {\n      formItem?.validate('change').catch((err) => debugWarn(err))\n    }\n  }\n)\n\nprovide(colorPickerPanelContextKey, {\n  currentColor: computed(() => color.value),\n})\n\ndefineExpose({\n  /**\n   * @description current color object\n   */\n  color,\n  /**\n   * @description custom input ref\n   */\n  inputRef,\n  /**\n   * @description update sub components\n   */\n  update,\n})\n</script>\n"],"names":["useNamespace","useFormItem","useFormDisabled","ref","inject","ROOT_COMMON_COLOR_INJECTION_KEY","useCommonColor","debugWarn","onMounted","nextTick","watch","UPDATE_MODEL_EVENT","provide","colorPickerPanelContextKey","computed","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_createVNode","HueSlider","SvPanel","_createBlock","AlphaSlider","Predefine","ElInput","_renderSlot"],"mappings":"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"}

package/lib/components/color-picker-panel/src/components/alpha-slider.vue.d.ts

@@ -1,13 +1,4 @@
-declare const __VLS_export: import("vue").DefineComponent<{
-    readonly color: {
-        readonly type: import("vue").PropType<import("../utils/color").default>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly vertical: BooleanConstructor;
-    readonly disabled: BooleanConstructor;
-}, {
+declare const __VLS_export: import("vue").DefineComponent<{}, {
     /**
      * @description update alpha slider manually
      * @type {Function}
@@ -23,18 +14,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * @type {HTMLElement}
      */
     thumb: import("vue").ShallowRef<HTMLElement | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly color: {
-        readonly type: import("vue").PropType<import("../utils/color").default>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly vertical: BooleanConstructor;
-    readonly disabled: BooleanConstructor;
-}>>, {
-    readonly disabled: boolean;
-    readonly vertical: boolean;
-}, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/lib/components/color-picker-panel/src/components/alpha-slider.vue2.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var slider = require('../props/slider.js');
 var useSlider = require('../composables/use-slider.js');
 var index = require('../../../../hooks/use-locale/index.js');
 
@@ -15,7 +14,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElColorAlphaSlider"
   },
   __name: "alpha-slider",
-  props: slider.alphaSliderProps,
+  props: {
+    color: { type: Object, required: true },
+    vertical: { type: Boolean, required: false },
+    disabled: { type: Boolean, required: false }
+  },
   setup(__props, { expose: __expose }) {
     const props = __props;
     const { currentValue, bar, thumb, handleDrag, handleClick, handleKeydown } = useSlider.useSlider(props, { key: "alpha", minValue, maxValue });
@@ -89,12 +92,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             "aria-label": ariaLabel.value,
             "aria-valuenow": vue.unref(currentValue),
             "aria-valuetext": ariaValuetext.value,
-            "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
+            "aria-orientation": __props.vertical ? "vertical" : "horizontal",
             "aria-valuemin": minValue,
             "aria-valuemax": maxValue,
             role: "slider",
-            tabindex: _ctx.disabled ? void 0 : 0,
-            "aria-disabled": _ctx.disabled,
+            tabindex: __props.disabled ? void 0 : 0,
+            "aria-disabled": __props.disabled,
             onKeydown: _cache[1] || (_cache[1] = //@ts-ignore
             (...args) => vue.unref(handleKeydown) && vue.unref(handleKeydown)(...args))
           }, null, 46, _hoisted_1)

package/lib/components/color-picker-panel/src/components/alpha-slider.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha-slider.vue2.js","sources":["../../../../../../../packages/components/color-picker-panel/src/components/alpha-slider.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div ref=\"bar\" :class=\"barKls\" :style=\"barStyle\" @click=\"handleClick\" />\n    <div\n      ref=\"thumb\"\n      :class=\"thumbKls\"\n      :style=\"thumbStyle\"\n      :aria-label=\"ariaLabel\"\n      :aria-valuenow=\"currentValue\"\n      :aria-valuetext=\"ariaValuetext\"\n      :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      role=\"slider\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      @keydown=\"handleKeydown\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { alphaSliderProps } from '../props/slider'\nimport { useSlider, useSliderDOM } from '../composables/use-slider'\n\ndefineOptions({\n  name: 'ElColorAlphaSlider',\n})\n\nconst props = defineProps(alphaSliderProps)\nconst minValue = 0\nconst maxValue = 100\n\nconst { currentValue, bar, thumb, handleDrag, handleClick, handleKeydown } =\n  useSlider(props, { key: 'alpha', minValue, maxValue })\n\nconst { rootKls, barKls, barStyle, thumbKls, thumbStyle, update } =\n  useSliderDOM(props, {\n    namespace: 'color-alpha-slider',\n    maxValue,\n    currentValue,\n    bar,\n    thumb,\n    handleDrag,\n    getBackground,\n  })\n\nconst { t } = useLocale()\n\nconst ariaLabel = computed(() => t('el.colorpicker.alphaLabel'))\nconst ariaValuetext = computed(() => {\n  return t('el.colorpicker.alphaDescription', {\n    alpha: currentValue.value,\n    color: props.color.value,\n  })\n})\n\nfunction getBackground() {\n  if (props.color && props.color.value) {\n    const { r, g, b } = props.color.toRgb()\n    return `linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0) 0%, rgba(${r}, ${g}, ${b}, 1) 100%)`\n  }\n  return ''\n}\n\ndefineExpose({\n  /**\n   * @description update alpha slider manually\n   * @type {Function}\n   */\n  update,\n  /**\n   * @description bar element ref\n   * @type {HTMLElement}\n   */\n  bar,\n  /**\n   * @description thumb element ref\n   * @type {HTMLElement}\n   */\n  thumb,\n})\n</script>\n"],"names":["useSlider","useSliderDOM","useLocale","computed","_createElementBlock","_unref","_createElementVNode","vertical","disabled"],"mappings":"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"}
+{"version":3,"file":"alpha-slider.vue2.js","sources":["../../../../../../../packages/components/color-picker-panel/src/components/alpha-slider.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div ref=\"bar\" :class=\"barKls\" :style=\"barStyle\" @click=\"handleClick\" />\n    <div\n      ref=\"thumb\"\n      :class=\"thumbKls\"\n      :style=\"thumbStyle\"\n      :aria-label=\"ariaLabel\"\n      :aria-valuenow=\"currentValue\"\n      :aria-valuetext=\"ariaValuetext\"\n      :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      role=\"slider\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      @keydown=\"handleKeydown\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { useSlider, useSliderDOM } from '../composables/use-slider'\n\nimport type { AlphaSliderProps } from '../props/slider'\n\ndefineOptions({\n  name: 'ElColorAlphaSlider',\n})\n\nconst props = defineProps<AlphaSliderProps>()\nconst minValue = 0\nconst maxValue = 100\n\nconst { currentValue, bar, thumb, handleDrag, handleClick, handleKeydown } =\n  useSlider(props, { key: 'alpha', minValue, maxValue })\n\nconst { rootKls, barKls, barStyle, thumbKls, thumbStyle, update } =\n  useSliderDOM(props, {\n    namespace: 'color-alpha-slider',\n    maxValue,\n    currentValue,\n    bar,\n    thumb,\n    handleDrag,\n    getBackground,\n  })\n\nconst { t } = useLocale()\n\nconst ariaLabel = computed(() => t('el.colorpicker.alphaLabel'))\nconst ariaValuetext = computed(() => {\n  return t('el.colorpicker.alphaDescription', {\n    alpha: currentValue.value,\n    color: props.color.value,\n  })\n})\n\nfunction getBackground() {\n  if (props.color && props.color.value) {\n    const { r, g, b } = props.color.toRgb()\n    return `linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0) 0%, rgba(${r}, ${g}, ${b}, 1) 100%)`\n  }\n  return ''\n}\n\ndefineExpose({\n  /**\n   * @description update alpha slider manually\n   * @type {Function}\n   */\n  update,\n  /**\n   * @description bar element ref\n   * @type {HTMLElement}\n   */\n  bar,\n  /**\n   * @description thumb element ref\n   * @type {HTMLElement}\n   */\n  thumb,\n})\n</script>\n"],"names":["useSlider","useSliderDOM","useLocale","computed","_createElementBlock","_unref","_createElementVNode"],"mappings":"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"}

package/lib/components/color-picker-panel/src/components/hue-slider.vue.d.ts

@@ -1,13 +1,4 @@
-declare const __VLS_export: import("vue").DefineComponent<{
-    readonly color: {
-        readonly type: import("vue").PropType<import("../utils/color").default>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly vertical: BooleanConstructor;
-    readonly disabled: BooleanConstructor;
-}, {
+declare const __VLS_export: import("vue").DefineComponent<{}, {
     /**
      * @description bar element ref
      */
@@ -24,18 +15,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
      * @description update hue slider manually
      */
     update: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly color: {
-        readonly type: import("vue").PropType<import("../utils/color").default>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly vertical: BooleanConstructor;
-    readonly disabled: BooleanConstructor;
-}>>, {
-    readonly disabled: boolean;
-    readonly vertical: boolean;
-}, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/lib/components/color-picker-panel/src/components/hue-slider.vue2.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var slider = require('../props/slider.js');
 var useSlider = require('../composables/use-slider.js');
 var index = require('../../../../hooks/use-locale/index.js');
 
@@ -15,7 +14,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElColorHueSlider"
   },
   __name: "hue-slider",
-  props: slider.hueSliderProps,
+  props: {
+    color: { type: Object, required: true },
+    vertical: { type: Boolean, required: false },
+    disabled: { type: Boolean, required: false }
+  },
   setup(__props, { expose: __expose }) {
     const props = __props;
     const { currentValue, bar, thumb, handleDrag, handleClick, handleKeydown } = useSlider.useSlider(props, { key: "hue", minValue, maxValue });
@@ -81,12 +84,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             "aria-label": ariaLabel.value,
             "aria-valuenow": vue.unref(currentValue),
             "aria-valuetext": ariaValuetext.value,
-            "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
+            "aria-orientation": __props.vertical ? "vertical" : "horizontal",
             "aria-valuemin": minValue,
             "aria-valuemax": maxValue,
             role: "slider",
-            tabindex: _ctx.disabled ? void 0 : 0,
-            "aria-disabled": _ctx.disabled,
+            tabindex: __props.disabled ? void 0 : 0,
+            "aria-disabled": __props.disabled,
             onKeydown: _cache[1] || (_cache[1] = //@ts-ignore
             (...args) => vue.unref(handleKeydown) && vue.unref(handleKeydown)(...args))
           }, null, 46, _hoisted_1)

package/lib/components/color-picker-panel/src/components/hue-slider.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"hue-slider.vue2.js","sources":["../../../../../../../packages/components/color-picker-panel/src/components/hue-slider.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div ref=\"bar\" :class=\"barKls\" @click=\"handleClick\" />\n    <div\n      ref=\"thumb\"\n      :class=\"thumbKls\"\n      :style=\"thumbStyle\"\n      :aria-label=\"ariaLabel\"\n      :aria-valuenow=\"currentValue\"\n      :aria-valuetext=\"ariaValuetext\"\n      :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      role=\"slider\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      @keydown=\"handleKeydown\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { hueSliderProps } from '../props/slider'\nimport { useSlider, useSliderDOM } from '../composables/use-slider'\n\ndefineOptions({\n  name: 'ElColorHueSlider',\n})\n\nconst props = defineProps(hueSliderProps)\nconst minValue = 0\nconst maxValue = 360\n\nconst { currentValue, bar, thumb, handleDrag, handleClick, handleKeydown } =\n  useSlider(props, { key: 'hue', minValue, maxValue })\n\nconst { rootKls, barKls, thumbKls, thumbStyle, thumbTop, update } =\n  useSliderDOM(props, {\n    namespace: 'color-hue-slider',\n    maxValue,\n    currentValue,\n    bar,\n    thumb,\n    handleDrag,\n  })\n\nconst { t } = useLocale()\n\nconst ariaLabel = computed(() => t('el.colorpicker.hueLabel'))\nconst ariaValuetext = computed(() => {\n  return t('el.colorpicker.hueDescription', {\n    hue: currentValue.value,\n    color: props.color.value,\n  })\n})\n\ndefineExpose({\n  /**\n   * @description bar element ref\n   */\n  bar,\n  /**\n   * @description thumb element ref\n   */\n  thumb,\n  /**\n   * @description thumb top position, only for vertical slider\n   */\n  thumbTop,\n  /**\n   * @description update hue slider manually\n   */\n  update,\n})\n</script>\n"],"names":["useSlider","useSliderDOM","useLocale","computed","_createElementBlock","_unref","_createElementVNode","vertical","disabled"],"mappings":";;;;;;;;;;AAgCA,MAAM,QAAA,GAAW,CAAA;AACjB,MAAM,QAAA,GAAW,GAAA;;;;;;;;AAFjB,IAAA,MAAM,KAAA,GAAQ,OAAA;AAId,IAAA,MAAM,EAAE,YAAA,EAAc,GAAA,EAAK,KAAA,EAAO,YAAY,WAAA,EAAa,aAAA,EAAc,GACvEA,mBAAA,CAAU,OAAO,EAAE,GAAA,EAAK,KAAA,EAAO,QAAA,EAAU,UAAU,CAAA;AAErD,IAAA,MAAM,EAAE,SAAS,MAAA,EAAQ,QAAA,EAAU,YAAY,QAAA,EAAU,MAAA,EAAO,GAC9DC,sBAAA,CAAa,KAAA,EAAO;AAAA,MAClB,SAAA,EAAW,kBAAA;AAAA,MACX,QAAA;AAAA,MACA,YAAA;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,KACD,CAAA;AAEH,IAAA,MAAM,EAAE,CAAA,EAAE,GAAIC,eAAA,EAAU;AAExB,IAAA,MAAM,SAAA,GAAYC,YAAA,CAAS,MAAM,CAAA,CAAE,yBAAyB,CAAC,CAAA;AAC7D,IAAA,MAAM,aAAA,GAAgBA,aAAS,MAAM;AACnC,MAAA,OAAO,EAAE,+BAAA,EAAiC;AAAA,QACxC,KAAK,YAAA,CAAa,KAAA;AAAA,QAClB,KAAA,EAAO,MAAM,KAAA,CAAM;AAAA,OACpB,CAAA;AAAA,IACH,CAAC,CAAA;AAED,IAAA,QAAA,CAAa;AAAA;AAAA;AAAA;AAAA,MAIX,GAAA;AAAA;AAAA;AAAA;AAAA,MAIA,KAAA;AAAA;AAAA;AAAA;AAAA,MAIA,QAAA;AAAA;AAAA;AAAA;AAAA,MAIA;AAAA,KACD,CAAA;;8BA1ECC,sBAAA;AAAA,QAiBM,KAAA;AAAA,QAAA;AAAA,UAjBA,KAAA,qBAAOC,SAAA,CAAA,OAAA,CAAO;AAAA;;UAClBC,sBAAA;AAAA,YAAsD,KAAA;AAAA,YAAA;AAAA,uBAA7C,KAAA;AAAA,cAAJ,GAAA,EAAI,GAAA;AAAA,cAAO,KAAA,qBAAOD,SAAA,CAAA,MAAA,CAAM,CAAA;AAAA,cAAG,OAAA,EAAK,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,2BAAEA,SAAA,CAAA,WAAA,KAAAA,SAAA,CAAA,WAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA;;;;;UACvCC,uBAcE,KAAA,EAAA;AAAA,qBAbI,OAAA;AAAA,YAAJ,GAAA,EAAI,KAAA;AAAA,YACH,KAAA,qBAAOD,SAAA,CAAA,QAAA,CAAQ,CAAA;AAAA,YACf,KAAA,qBAAOA,SAAA,CAAA,UAAA,CAAU,CAAA;AAAA,YACjB,cAAY,SAAA,CAAA,KAAA;AAAA,YACZ,eAAA,EAAeA,UAAA,YAAA,CAAA;AAAA,YACf,kBAAgB,aAAA,CAAA,KAAA;AAAA,YAChB,kBAAA,EAAkBE,IAAAA,CAAAA,QAAAA,GAAQ,UAAA,GAAA,YAAA;AAAA,YAC1B,eAAA,EAAe,QAAA;AAAA,YACf,eAAA,EAAe,QAAA;AAAA,YAChB,IAAA,EAAK,QAAA;AAAA,YACJ,QAAA,EAAUC,IAAAA,CAAAA,QAAAA,GAAW,MAAA,GAAS,CAAA;AAAA,YAC9B,iBAAeA,IAAAA,CAAAA,QAAAA;AAAAA,YACf,SAAA,EAAO,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,yBAAEH,SAAA,CAAA,aAAA,KAAAA,SAAA,CAAA,aAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"hue-slider.vue2.js","sources":["../../../../../../../packages/components/color-picker-panel/src/components/hue-slider.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div ref=\"bar\" :class=\"barKls\" @click=\"handleClick\" />\n    <div\n      ref=\"thumb\"\n      :class=\"thumbKls\"\n      :style=\"thumbStyle\"\n      :aria-label=\"ariaLabel\"\n      :aria-valuenow=\"currentValue\"\n      :aria-valuetext=\"ariaValuetext\"\n      :aria-orientation=\"vertical ? 'vertical' : 'horizontal'\"\n      :aria-valuemin=\"minValue\"\n      :aria-valuemax=\"maxValue\"\n      role=\"slider\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      @keydown=\"handleKeydown\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { useSlider, useSliderDOM } from '../composables/use-slider'\n\nimport type { HueSliderProps } from '../props/slider'\n\ndefineOptions({\n  name: 'ElColorHueSlider',\n})\n\nconst props = defineProps<HueSliderProps>()\nconst minValue = 0\nconst maxValue = 360\n\nconst { currentValue, bar, thumb, handleDrag, handleClick, handleKeydown } =\n  useSlider(props, { key: 'hue', minValue, maxValue })\n\nconst { rootKls, barKls, thumbKls, thumbStyle, thumbTop, update } =\n  useSliderDOM(props, {\n    namespace: 'color-hue-slider',\n    maxValue,\n    currentValue,\n    bar,\n    thumb,\n    handleDrag,\n  })\n\nconst { t } = useLocale()\n\nconst ariaLabel = computed(() => t('el.colorpicker.hueLabel'))\nconst ariaValuetext = computed(() => {\n  return t('el.colorpicker.hueDescription', {\n    hue: currentValue.value,\n    color: props.color.value,\n  })\n})\n\ndefineExpose({\n  /**\n   * @description bar element ref\n   */\n  bar,\n  /**\n   * @description thumb element ref\n   */\n  thumb,\n  /**\n   * @description thumb top position, only for vertical slider\n   */\n  thumbTop,\n  /**\n   * @description update hue slider manually\n   */\n  update,\n})\n</script>\n"],"names":["useSlider","useSliderDOM","useLocale","computed","_createElementBlock","_unref","_createElementVNode"],"mappings":";;;;;;;;;AAiCA,MAAM,QAAA,GAAW,CAAA;AACjB,MAAM,QAAA,GAAW,GAAA;;;;;;;;;;;;AAFjB,IAAA,MAAM,KAAA,GAAQ,OAAA;AAId,IAAA,MAAM,EAAE,YAAA,EAAc,GAAA,EAAK,KAAA,EAAO,YAAY,WAAA,EAAa,aAAA,EAAc,GACvEA,mBAAA,CAAU,OAAO,EAAE,GAAA,EAAK,KAAA,EAAO,QAAA,EAAU,UAAU,CAAA;AAErD,IAAA,MAAM,EAAE,SAAS,MAAA,EAAQ,QAAA,EAAU,YAAY,QAAA,EAAU,MAAA,EAAO,GAC9DC,sBAAA,CAAa,KAAA,EAAO;AAAA,MAClB,SAAA,EAAW,kBAAA;AAAA,MACX,QAAA;AAAA,MACA,YAAA;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,KACD,CAAA;AAEH,IAAA,MAAM,EAAE,CAAA,EAAE,GAAIC,eAAA,EAAU;AAExB,IAAA,MAAM,SAAA,GAAYC,YAAA,CAAS,MAAM,CAAA,CAAE,yBAAyB,CAAC,CAAA;AAC7D,IAAA,MAAM,aAAA,GAAgBA,aAAS,MAAM;AACnC,MAAA,OAAO,EAAE,+BAAA,EAAiC;AAAA,QACxC,KAAK,YAAA,CAAa,KAAA;AAAA,QAClB,KAAA,EAAO,MAAM,KAAA,CAAM;AAAA,OACpB,CAAA;AAAA,IACH,CAAC,CAAA;AAED,IAAA,QAAA,CAAa;AAAA;AAAA;AAAA;AAAA,MAIX,GAAA;AAAA;AAAA;AAAA;AAAA,MAIA,KAAA;AAAA;AAAA;AAAA;AAAA,MAIA,QAAA;AAAA;AAAA;AAAA;AAAA,MAIA;AAAA,KACD,CAAA;;8BA3ECC,sBAAA;AAAA,QAiBM,KAAA;AAAA,QAAA;AAAA,UAjBA,KAAA,qBAAOC,SAAA,CAAA,OAAA,CAAO;AAAA;;UAClBC,sBAAA;AAAA,YAAsD,KAAA;AAAA,YAAA;AAAA,uBAA7C,KAAA;AAAA,cAAJ,GAAA,EAAI,GAAA;AAAA,cAAO,KAAA,qBAAOD,SAAA,CAAA,MAAA,CAAM,CAAA;AAAA,cAAG,OAAA,EAAK,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,2BAAEA,SAAA,CAAA,WAAA,KAAAA,SAAA,CAAA,WAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA;;;;;UACvCC,uBAcE,KAAA,EAAA;AAAA,qBAbI,OAAA;AAAA,YAAJ,GAAA,EAAI,KAAA;AAAA,YACH,KAAA,qBAAOD,SAAA,CAAA,QAAA,CAAQ,CAAA;AAAA,YACf,KAAA,qBAAOA,SAAA,CAAA,UAAA,CAAU,CAAA;AAAA,YACjB,cAAY,SAAA,CAAA,KAAA;AAAA,YACZ,eAAA,EAAeA,UAAA,YAAA,CAAA;AAAA,YACf,kBAAgB,aAAA,CAAA,KAAA;AAAA,YAChB,kBAAA,EAAkB,OAAA,CAAA,QAAA,GAAQ,UAAA,GAAA,YAAA;AAAA,YAC1B,eAAA,EAAe,QAAA;AAAA,YACf,eAAA,EAAe,QAAA;AAAA,YAChB,IAAA,EAAK,QAAA;AAAA,YACJ,QAAA,EAAU,OAAA,CAAA,QAAA,GAAW,MAAA,GAAS,CAAA;AAAA,YAC9B,iBAAe,OAAA,CAAA,QAAA;AAAA,YACf,SAAA,EAAO,MAAA,CAAA,CAAA,CAAA,KAAA,OAAA,CAAA,CAAA;AAAA,yBAAEA,SAAA,CAAA,aAAA,KAAAA,SAAA,CAAA,aAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA;;;;;;;;;;;"}

package/lib/components/color-picker-panel/src/components/predefine.vue.d.ts

@@ -1,45 +1,3 @@
-declare const __VLS_export: import("vue").DefineComponent<{
-    readonly colors: {
-        readonly type: import("vue").PropType<string[]>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly color: {
-        readonly type: import("vue").PropType<import("../utils/color").default>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly enableAlpha: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly disabled: BooleanConstructor;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly colors: {
-        readonly type: import("vue").PropType<string[]>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly color: {
-        readonly type: import("vue").PropType<import("../utils/color").default>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly enableAlpha: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly disabled: BooleanConstructor;
-}>>, {
-    readonly disabled: boolean;
-}, {}>;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/lib/components/color-picker-panel/src/components/predefine.vue2.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var predefine = require('../props/predefine.js');
 var usePredefine = require('../composables/use-predefine.js');
 var index = require('../../../../hooks/use-locale/index.js');
 
@@ -13,7 +12,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElColorPredefine"
   },
   __name: "predefine",
-  props: predefine.predefineProps,
+  props: {
+    colors: { type: Array, required: true },
+    color: { type: Object, required: true },
+    enableAlpha: { type: Boolean, required: true },
+    disabled: { type: Boolean, required: false }
+  },
   setup(__props) {
     const props = __props;
     const { rgbaColors, handleSelect } = usePredefine.usePredefine(props);
@@ -40,9 +44,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 null,
                 vue.renderList(vue.unref(rgbaColors), (item, index) => {
                   return vue.openBlock(), vue.createElementBlock("button", {
-                    key: _ctx.colors[index],
+                    key: __props.colors[index],
                     type: "button",
-                    disabled: _ctx.disabled,
+                    disabled: __props.disabled,
                     "aria-label": ariaLabel(item.value),
                     class: vue.normalizeClass(vue.unref(colorSelectorKls)(item)),
                     onClick: ($event) => vue.unref(handleSelect)(index)

package/lib/components/color-picker-panel/src/components/predefine.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"predefine.vue2.js","sources":["../../../../../../../packages/components/color-picker-panel/src/components/predefine.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div :class=\"colorsKls\">\n      <button\n        v-for=\"(item, index) in rgbaColors\"\n        :key=\"colors[index]\"\n        type=\"button\"\n        :disabled=\"disabled\"\n        :aria-label=\"ariaLabel(item.value)\"\n        :class=\"colorSelectorKls(item)\"\n        @click=\"handleSelect(index)\"\n      >\n        <div :style=\"{ backgroundColor: item.value }\" />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { predefineProps } from '../props/predefine'\nimport { usePredefine, usePredefineDOM } from '../composables/use-predefine'\nimport { useLocale } from '@element-plus/hooks/use-locale'\n\ndefineOptions({\n  name: 'ElColorPredefine',\n})\n\nconst props = defineProps(predefineProps)\n\nconst { rgbaColors, handleSelect } = usePredefine(props)\nconst { rootKls, colorsKls, colorSelectorKls } = usePredefineDOM(props)\nconst { t } = useLocale()\n\nconst ariaLabel = (value: string) => {\n  return t('el.colorpicker.predefineDescription', { value })\n}\n</script>\n"],"names":["usePredefine","usePredefineDOM","useLocale","_createElementBlock","_unref","_createElementVNode","_openBlock","_Fragment","_renderList","colors","disabled","_normalizeClass","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;AA2BA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM,EAAE,UAAA,EAAY,YAAA,EAAa,GAAIA,0BAAa,KAAK,CAAA;AACvD,IAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,gBAAA,EAAiB,GAAIC,6BAAgB,KAAK,CAAA;AACtE,IAAA,MAAM,EAAE,CAAA,EAAE,GAAIC,eAAA,EAAU;AAExB,IAAA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAkB;AACnC,MAAA,OAAO,CAAA,CAAE,qCAAA,EAAuC,EAAE,KAAA,EAAO,CAAA;AAAA,IAC3D,CAAA;;8BAlCEC,sBAAA;AAAA,QAcM,KAAA;AAAA,QAAA;AAAA,UAdA,KAAA,qBAAOC,SAAA,CAAA,OAAA,CAAO;AAAA;;UAClBC,sBAAA;AAAA,YAYM,KAAA;AAAA,YAAA;AAAA,cAZA,KAAA,qBAAOD,SAAA,CAAA,SAAA,CAAS;AAAA;;eACpBE,aAAA,CAAA,IAAA,CAAA,EAAAH,sBAAA;AAAA,gBAUSI,YAAA;AAAA,gBAAA,IAAA;AAAA,gBAAAC,eATiBJ,SAAA,CAAA,UAAA,CAAA,EAAU,CAA1B,MAAM,KAAA,KAAK;0CADrBD,sBAAA,CAUS,QAAA,EAAA;AAAA,oBARN,GAAA,EAAKM,IAAAA,CAAAA,MAAAA,CAAO,KAAK,CAAA;AAAA,oBAClB,IAAA,EAAK,QAAA;AAAA,oBACJ,UAAUC,IAAAA,CAAAA,QAAAA;AAAAA,oBACV,YAAA,EAAY,SAAA,CAAU,IAAA,CAAK,KAAK,CAAA;AAAA,oBAChC,OAAKC,kBAAA,CAAEP,SAAA,CAAA,gBAAA,CAAA,CAAiB,IAAI,CAAA,CAAA;AAAA,oBAC5B,SAAK,CAAA,MAAA,KAAEA,SAAA,CAAA,YAAA,EAAa,KAAK;AAAA;oBAE1BC,sBAAA;AAAA,sBAAgD,KAAA;AAAA,sBAAA;AAAA,wBAA1C,OAAKO,kBAAA,CAAA,EAAA,eAAA,EAAqB,IAAA,CAAK,OAAK;AAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"predefine.vue2.js","sources":["../../../../../../../packages/components/color-picker-panel/src/components/predefine.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div :class=\"colorsKls\">\n      <button\n        v-for=\"(item, index) in rgbaColors\"\n        :key=\"colors[index]\"\n        type=\"button\"\n        :disabled=\"disabled\"\n        :aria-label=\"ariaLabel(item.value)\"\n        :class=\"colorSelectorKls(item)\"\n        @click=\"handleSelect(index)\"\n      >\n        <div :style=\"{ backgroundColor: item.value }\" />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { usePredefine, usePredefineDOM } from '../composables/use-predefine'\nimport { useLocale } from '@element-plus/hooks/use-locale'\n\nimport type { PredefineProps } from '../props/predefine'\n\ndefineOptions({\n  name: 'ElColorPredefine',\n})\n\nconst props = defineProps<PredefineProps>()\n\nconst { rgbaColors, handleSelect } = usePredefine(props)\nconst { rootKls, colorsKls, colorSelectorKls } = usePredefineDOM(props)\nconst { t } = useLocale()\n\nconst ariaLabel = (value: string) => {\n  return t('el.colorpicker.predefineDescription', { value })\n}\n</script>\n"],"names":["usePredefine","usePredefineDOM","useLocale","_createElementBlock","_unref","_createElementVNode","_openBlock","_Fragment","_renderList","_normalizeClass","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA4BA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM,EAAE,UAAA,EAAY,YAAA,EAAa,GAAIA,0BAAa,KAAK,CAAA;AACvD,IAAA,MAAM,EAAE,OAAA,EAAS,SAAA,EAAW,gBAAA,EAAiB,GAAIC,6BAAgB,KAAK,CAAA;AACtE,IAAA,MAAM,EAAE,CAAA,EAAE,GAAIC,eAAA,EAAU;AAExB,IAAA,MAAM,SAAA,GAAY,CAAC,KAAA,KAAkB;AACnC,MAAA,OAAO,CAAA,CAAE,qCAAA,EAAuC,EAAE,KAAA,EAAO,CAAA;AAAA,IAC3D,CAAA;;8BAnCEC,sBAAA;AAAA,QAcM,KAAA;AAAA,QAAA;AAAA,UAdA,KAAA,qBAAOC,SAAA,CAAA,OAAA,CAAO;AAAA;;UAClBC,sBAAA;AAAA,YAYM,KAAA;AAAA,YAAA;AAAA,cAZA,KAAA,qBAAOD,SAAA,CAAA,SAAA,CAAS;AAAA;;eACpBE,aAAA,CAAA,IAAA,CAAA,EAAAH,sBAAA;AAAA,gBAUSI,YAAA;AAAA,gBAAA,IAAA;AAAA,gBAAAC,eATiBJ,SAAA,CAAA,UAAA,CAAA,EAAU,CAA1B,MAAM,KAAA,KAAK;0CADrBD,sBAAA,CAUS,QAAA,EAAA;AAAA,oBARN,GAAA,EAAK,OAAA,CAAA,MAAA,CAAO,KAAK,CAAA;AAAA,oBAClB,IAAA,EAAK,QAAA;AAAA,oBACJ,UAAU,OAAA,CAAA,QAAA;AAAA,oBACV,YAAA,EAAY,SAAA,CAAU,IAAA,CAAK,KAAK,CAAA;AAAA,oBAChC,OAAKM,kBAAA,CAAEL,SAAA,CAAA,gBAAA,CAAA,CAAiB,IAAI,CAAA,CAAA;AAAA,oBAC5B,SAAK,CAAA,MAAA,KAAEA,SAAA,CAAA,YAAA,EAAa,KAAK;AAAA;oBAE1BC,sBAAA;AAAA,sBAAgD,KAAA;AAAA,sBAAA;AAAA,wBAA1C,OAAKK,kBAAA,CAAA,EAAA,eAAA,EAAqB,IAAA,CAAK,OAAK;AAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/color-picker-panel/src/components/sv-panel.vue.d.ts

@@ -1,26 +1,8 @@
-declare const __VLS_export: import("vue").DefineComponent<{
-    readonly color: {
-        readonly type: import("vue").PropType<import("../utils/color").default>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly disabled: BooleanConstructor;
-}, {
+declare const __VLS_export: import("vue").DefineComponent<{}, {
     /**
      * @description update sv panel manually
      */
     update: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly color: {
-        readonly type: import("vue").PropType<import("../utils/color").default>;
-        readonly required: true;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly disabled: BooleanConstructor;
-}>>, {
-    readonly disabled: boolean;
-}, {}>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/lib/components/color-picker-panel/src/components/sv-panel.vue2.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var index = require('../../../../hooks/use-locale/index.js');
-var svPanel = require('../props/sv-panel.js');
 var useSvPanel = require('../composables/use-sv-panel.js');
 
 const _hoisted_1 = ["tabindex", "aria-disabled", "aria-label", "aria-valuenow", "aria-valuetext"];
@@ -13,7 +12,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElSvPanel"
   },
   __name: "sv-panel",
-  props: svPanel.svPanelProps,
+  props: {
+    color: { type: Object, required: true },
+    disabled: { type: Boolean, required: false }
+  },
   setup(__props, { expose: __expose }) {
     const props = __props;
     const {
@@ -66,8 +68,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ref: cursorRef,
             class: vue.normalizeClass(vue.unref(cursorKls)),
             style: vue.normalizeStyle(vue.unref(cursorStyle)),
-            tabindex: _ctx.disabled ? void 0 : 0,
-            "aria-disabled": _ctx.disabled,
+            tabindex: __props.disabled ? void 0 : 0,
+            "aria-disabled": __props.disabled,
             role: "slider",
             "aria-valuemin": "0,0",
             "aria-valuemax": "100,100",