element-plus 2.2.18 → 2.2.20

package/es/components/collapse/src/collapse.vue.d.ts

@@ -1,48 +1,29 @@
-import type { CollapseActiveName } from './collapse';
 declare const _default: import("vue").DefineComponent<{
     readonly accordion: BooleanConstructor;
-    readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./collapse").CollapseModelValue & {}) | (() => import("./collapse").CollapseModelValue) | ((new (...args: any[]) => import("./collapse").CollapseModelValue & {}) | (() => import("./collapse").CollapseModelValue))[], unknown, unknown, () => [], boolean>;
+    readonly modelValue: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("./collapse").CollapseModelValue & {}) | (() => import("./collapse").CollapseModelValue) | ((new (...args: any[]) => import("./collapse").CollapseModelValue & {}) | (() => import("./collapse").CollapseModelValue))[], unknown, unknown, () => [], boolean>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         readonly accordion: BooleanConstructor;
-        readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./collapse").CollapseModelValue & {}) | (() => import("./collapse").CollapseModelValue) | ((new (...args: any[]) => import("./collapse").CollapseModelValue & {}) | (() => import("./collapse").CollapseModelValue))[], unknown, unknown, () => [], boolean>;
+        readonly modelValue: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("./collapse").CollapseModelValue & {}) | (() => import("./collapse").CollapseModelValue) | ((new (...args: any[]) => import("./collapse").CollapseModelValue & {}) | (() => import("./collapse").CollapseModelValue))[], unknown, unknown, () => [], boolean>;
     }>> & {
         onChange?: ((value: import("./collapse").CollapseModelValue) => any) | undefined;
         "onUpdate:modelValue"?: ((value: import("./collapse").CollapseModelValue) => any) | undefined;
     }>>;
     emit: ((event: "update:modelValue", value: import("./collapse").CollapseModelValue) => void) & ((event: "change", value: import("./collapse").CollapseModelValue) => void);
-    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;
-    };
     activeNames: import("vue").Ref<(string | number)[]>;
-    setActiveNames: (_activeNames: CollapseActiveName[]) => void;
-    handleItemClick: (name: CollapseActiveName) => void;
+    setActiveNames: (_activeNames: import("./collapse").CollapseActiveName[]) => void;
+    rootKls: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: import("./collapse").CollapseModelValue) => "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";
     change: (value: import("./collapse").CollapseModelValue) => "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly accordion: BooleanConstructor;
-    readonly modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./collapse").CollapseModelValue & {}) | (() => import("./collapse").CollapseModelValue) | ((new (...args: any[]) => import("./collapse").CollapseModelValue & {}) | (() => import("./collapse").CollapseModelValue))[], unknown, unknown, () => [], boolean>;
+    readonly modelValue: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("./collapse").CollapseModelValue & {}) | (() => import("./collapse").CollapseModelValue) | ((new (...args: any[]) => import("./collapse").CollapseModelValue & {}) | (() => import("./collapse").CollapseModelValue))[], unknown, unknown, () => [], boolean>;
 }>> & {
     onChange?: ((value: import("./collapse").CollapseModelValue) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import("./collapse").CollapseModelValue) => any) | undefined;
 }, {
-    readonly modelValue: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("./collapse").CollapseModelValue & {}) | (() => import("./collapse").CollapseModelValue) | ((new (...args: any[]) => import("./collapse").CollapseModelValue & {}) | (() => import("./collapse").CollapseModelValue))[], unknown, unknown>;
+    readonly modelValue: import("../../../utils").EpPropMergeType<(new (...args: any[]) => import("./collapse").CollapseModelValue & {}) | (() => import("./collapse").CollapseModelValue) | ((new (...args: any[]) => import("./collapse").CollapseModelValue & {}) | (() => import("./collapse").CollapseModelValue))[], unknown, unknown>;
     readonly accordion: boolean;
 }>;
 export default _default;

package/es/components/collapse/src/collapse2.mjs

@@ -1,14 +1,7 @@
-import { defineComponent, ref, watch, provide, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
-import '../../../utils/index.mjs';
-import '../../../constants/index.mjs';
-import '../../../hooks/index.mjs';
-import '../../../tokens/index.mjs';
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
 import { collapseProps, collapseEmits } from './collapse.mjs';
+import { useCollapse, useCollapseDOM } from './use-collapse.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { castArray } from 'lodash-unified';
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
-import { collapseContextKey } from '../../../tokens/collapse.mjs';
 
 const __default__ = defineComponent({
   name: "ElCollapse"
@@ -19,42 +12,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: collapseEmits,
   setup(__props, { expose, emit }) {
     const props = __props;
-    const ns = useNamespace("collapse");
-    const activeNames = ref(castArray(props.modelValue));
-    const setActiveNames = (_activeNames) => {
-      activeNames.value = _activeNames;
-      const value = props.accordion ? activeNames.value[0] : activeNames.value;
-      emit(UPDATE_MODEL_EVENT, value);
-      emit(CHANGE_EVENT, value);
-    };
-    const handleItemClick = (name) => {
-      if (props.accordion) {
-        setActiveNames([
-          (activeNames.value[0] || activeNames.value[0] === 0) && activeNames.value[0] === name ? "" : name
-        ]);
-      } else {
-        const _activeNames = [...activeNames.value];
-        const index = _activeNames.indexOf(name);
-        if (index > -1) {
-          _activeNames.splice(index, 1);
-        } else {
-          _activeNames.push(name);
-        }
-        setActiveNames(_activeNames);
-      }
-    };
-    watch(() => props.modelValue, () => activeNames.value = castArray(props.modelValue), { deep: true });
-    provide(collapseContextKey, {
-      activeNames,
-      handleItemClick
-    });
+    const { activeNames, setActiveNames } = useCollapse(props, emit);
+    const { rootKls } = useCollapseDOM();
     expose({
       activeNames,
       setActiveNames
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(ns).b()),
+        class: normalizeClass(unref(rootKls)),
         role: "tablist",
         "aria-multiselectable": "true"
       }, [

package/es/components/collapse/src/collapse2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"collapse2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\" role=\"tablist\" aria-multiselectable=\"true\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { provide, ref, watch } from 'vue'\nimport { ensureArray } from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport { collapseContextKey } from '@element-plus/tokens'\nimport { collapseEmits, collapseProps } from './collapse'\nimport type { CollapseActiveName } from './collapse'\n\ndefineOptions({\n  name: 'ElCollapse',\n})\nconst props = defineProps(collapseProps)\nconst emit = defineEmits(collapseEmits)\n\nconst ns = useNamespace('collapse')\nconst activeNames = ref(ensureArray(props.modelValue))\n\nconst setActiveNames = (_activeNames: CollapseActiveName[]) => {\n  activeNames.value = _activeNames\n  const value = props.accordion ? activeNames.value[0] : activeNames.value\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(CHANGE_EVENT, value)\n}\n\nconst handleItemClick = (name: CollapseActiveName) => {\n  if (props.accordion) {\n    setActiveNames([\n      (activeNames.value[0] || activeNames.value[0] === 0) &&\n      activeNames.value[0] === name\n        ? ''\n        : name,\n    ])\n  } else {\n    const _activeNames = [...activeNames.value]\n    const index = _activeNames.indexOf(name)\n\n    if (index > -1) {\n      _activeNames.splice(index, 1)\n    } else {\n      _activeNames.push(name)\n    }\n    setActiveNames(_activeNames)\n  }\n}\n\nwatch(\n  () => props.modelValue,\n  () => (activeNames.value = ensureArray(props.modelValue)),\n  { deep: true }\n)\n\nprovide(collapseContextKey, {\n  activeNames,\n  handleItemClick,\n})\n\ndefineExpose({\n  /** @description active names */\n  activeNames,\n  /** @description set active names */\n  setActiveNames,\n})\n</script>\n"],"names":["ensureArray"],"mappings":";;;;;;;;;;;;mCAec,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAM,MAAA,EAAA,GAAK,aAAa,UAAU,CAAA,CAAA;AAClC,IAAA,MAAM,WAAc,GAAA,GAAA,CAAIA,SAAY,CAAA,KAAA,CAAM,UAAU,CAAC,CAAA,CAAA;AAErD,IAAM,MAAA,cAAA,GAAiB,CAAC,YAAuC,KAAA;AAC7D,MAAA,WAAA,CAAY,KAAQ,GAAA,YAAA,CAAA;AACpB,MAAA,MAAM,QAAQ,KAAM,CAAA,SAAA,GAAY,WAAY,CAAA,KAAA,CAAM,KAAK,WAAY,CAAA,KAAA,CAAA;AACnE,MAAA,IAAA,CAAK,oBAAoB,KAAK,CAAA,CAAA;AAC9B,MAAA,IAAA,CAAK,cAAc,KAAK,CAAA,CAAA;AAAA,KAC1B,CAAA;AAEA,IAAM,MAAA,eAAA,GAAkB,CAAC,IAA6B,KAAA;AACpD,MAAA,IAAI,MAAM,SAAW,EAAA;AACnB,QAAe,cAAA,CAAA;AAAA,UACZ,CAAA,WAAA,CAAY,KAAM,CAAA,CAAA,CAAA,IAAM,WAAY,CAAA,KAAA,CAAM,CAAO,CAAA,KAAA,CAAA,KAClD,WAAY,CAAA,KAAA,CAAM,CAAO,CAAA,KAAA,IAAA,GACrB,EACA,GAAA,IAAA;AAAA,SACL,CAAA,CAAA;AAAA,OACI,MAAA;AACL,QAAA,MAAM,YAAe,GAAA,CAAC,GAAG,WAAA,CAAY,KAAK,CAAA,CAAA;AAC1C,QAAM,MAAA,KAAA,GAAQ,YAAa,CAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AAEvC,QAAA,IAAI,QAAQ,CAAI,CAAA,EAAA;AACd,UAAa,YAAA,CAAA,MAAA,CAAO,OAAO,CAAC,CAAA,CAAA;AAAA,SACvB,MAAA;AACL,UAAA,YAAA,CAAa,KAAK,IAAI,CAAA,CAAA;AAAA,SACxB;AACA,QAAA,cAAA,CAAe,YAAY,CAAA,CAAA;AAAA,OAC7B;AAAA,KACF,CAAA;AAEA,IAAA,KAAA,CACE,MAAM,KAAA,CAAM,UACZ,EAAA,MAAO,WAAY,CAAA,KAAA,GAAQA,SAAY,CAAA,KAAA,CAAM,UAAU,CAAA,EACvD,EAAE,IAAA,EAAM,MACV,CAAA,CAAA;AAEA,IAAA,OAAA,CAAQ,kBAAoB,EAAA;AAAA,MAC1B,WAAA;AAAA,MACA,eAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MAEX,WAAA;AAAA,MAEA,cAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"collapse2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\" role=\"tablist\" aria-multiselectable=\"true\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { collapseEmits, collapseProps } from './collapse'\nimport { useCollapse, useCollapseDOM } from './use-collapse'\n\ndefineOptions({\n  name: 'ElCollapse',\n})\nconst props = defineProps(collapseProps)\nconst emit = defineEmits(collapseEmits)\n\nconst { activeNames, setActiveNames } = useCollapse(props, emit)\n\nconst { rootKls } = useCollapseDOM()\n\ndefineExpose({\n  /** @description active names */\n  activeNames,\n  /** @description set active names */\n  setActiveNames,\n})\n</script>\n"],"names":[],"mappings":";;;;;mCAUc,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAIA,IAAA,MAAM,EAAE,WAAA,EAAa,cAAmB,EAAA,GAAA,WAAA,CAAY,OAAO,IAAI,CAAA,CAAA;AAE/D,IAAM,MAAA,EAAE,YAAY,cAAe,EAAA,CAAA;AAEnC,IAAa,MAAA,CAAA;AAAA,MAEX,WAAA;AAAA,MAEA,cAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;"}

package/es/components/collapse/src/instance.d.ts

@@ -0,0 +1,4 @@
+import type Collapse from './collapse.vue';
+import type CollapseItem from './collapse-item.vue';
+export declare type CollapseInstance = InstanceType<typeof Collapse>;
+export declare type CollapseItemInstance = InstanceType<typeof CollapseItem>;

package/es/components/collapse/src/instance.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=instance.mjs.map

package/es/components/collapse/src/instance.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/components/collapse/src/use-collapse-item.d.ts

@@ -0,0 +1,20 @@
+import type { CollapseItemProps } from './collapse-item';
+export declare const useCollapseItem: (props: CollapseItemProps) => {
+    focusing: import("vue").Ref<boolean>;
+    id: import("vue").Ref<number>;
+    isActive: import("vue").ComputedRef<boolean | undefined>;
+    handleFocus: () => void;
+    handleHeaderClick: () => void;
+    handleEnterClick: () => void;
+};
+export declare const useCollapseItemDOM: (props: CollapseItemProps, { focusing, isActive, id }: Partial<ReturnType<typeof useCollapseItem>>) => {
+    arrowKls: import("vue").ComputedRef<string[]>;
+    headKls: import("vue").ComputedRef<(string | {
+        focusing: boolean | undefined;
+    })[]>;
+    rootKls: import("vue").ComputedRef<string[]>;
+    itemWrapperKls: import("vue").ComputedRef<string>;
+    itemContentKls: import("vue").ComputedRef<string>;
+    scopedContentId: import("vue").ComputedRef<string>;
+    scopedHeadId: import("vue").ComputedRef<string>;
+};

package/es/components/collapse/src/use-collapse-item.mjs

@@ -0,0 +1,75 @@
+import { inject, ref, computed, unref } from 'vue';
+import '../../../hooks/index.mjs';
+import '../../../utils/index.mjs';
+import '../../../tokens/index.mjs';
+import { collapseContextKey } from '../../../tokens/collapse.mjs';
+import { generateId } from '../../../utils/rand.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+
+const useCollapseItem = (props) => {
+  const collapse = inject(collapseContextKey);
+  const focusing = ref(false);
+  const isClick = ref(false);
+  const id = ref(generateId());
+  const isActive = computed(() => collapse == null ? void 0 : collapse.activeNames.value.includes(props.name));
+  const handleFocus = () => {
+    setTimeout(() => {
+      if (!isClick.value) {
+        focusing.value = true;
+      } else {
+        isClick.value = false;
+      }
+    }, 50);
+  };
+  const handleHeaderClick = () => {
+    if (props.disabled)
+      return;
+    collapse == null ? void 0 : collapse.handleItemClick(props.name);
+    focusing.value = false;
+    isClick.value = true;
+  };
+  const handleEnterClick = () => {
+    collapse == null ? void 0 : collapse.handleItemClick(props.name);
+  };
+  return {
+    focusing,
+    id,
+    isActive,
+    handleFocus,
+    handleHeaderClick,
+    handleEnterClick
+  };
+};
+const useCollapseItemDOM = (props, { focusing, isActive, id }) => {
+  const ns = useNamespace("collapse");
+  const rootKls = computed(() => [
+    ns.b("item"),
+    ns.is("active", unref(isActive)),
+    ns.is("disabled", props.disabled)
+  ]);
+  const headKls = computed(() => [
+    ns.be("item", "header"),
+    ns.is("active", unref(isActive)),
+    { focusing: unref(focusing) && !props.disabled }
+  ]);
+  const arrowKls = computed(() => [
+    ns.be("item", "arrow"),
+    ns.is("active", unref(isActive))
+  ]);
+  const itemWrapperKls = computed(() => ns.be("item", "wrap"));
+  const itemContentKls = computed(() => ns.be("item", "content"));
+  const scopedContentId = computed(() => ns.b(`content-${unref(id)}`));
+  const scopedHeadId = computed(() => ns.b(`head-${unref(id)}`));
+  return {
+    arrowKls,
+    headKls,
+    rootKls,
+    itemWrapperKls,
+    itemContentKls,
+    scopedContentId,
+    scopedHeadId
+  };
+};
+
+export { useCollapseItem, useCollapseItemDOM };
+//# sourceMappingURL=use-collapse-item.mjs.map

package/es/components/collapse/src/use-collapse-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-collapse-item.mjs","sources":["../../../../../../packages/components/collapse/src/use-collapse-item.ts"],"sourcesContent":["import { computed, inject, ref, unref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { generateId } from '@element-plus/utils'\nimport { collapseContextKey } from '@element-plus/tokens'\n\nimport type { CollapseItemProps } from './collapse-item'\n\nexport const useCollapseItem = (props: CollapseItemProps) => {\n  const collapse = inject(collapseContextKey)\n\n  const focusing = ref(false)\n  const isClick = ref(false)\n  const id = ref(generateId())\n\n  const isActive = computed(() =>\n    collapse?.activeNames.value.includes(props.name)\n  )\n\n  const handleFocus = () => {\n    setTimeout(() => {\n      if (!isClick.value) {\n        focusing.value = true\n      } else {\n        isClick.value = false\n      }\n    }, 50)\n  }\n\n  const handleHeaderClick = () => {\n    if (props.disabled) return\n    collapse?.handleItemClick(props.name)\n    focusing.value = false\n    isClick.value = true\n  }\n\n  const handleEnterClick = () => {\n    collapse?.handleItemClick(props.name)\n  }\n\n  return {\n    focusing,\n    id,\n    isActive,\n    handleFocus,\n    handleHeaderClick,\n    handleEnterClick,\n  }\n}\n\nexport const useCollapseItemDOM = (\n  props: CollapseItemProps,\n  { focusing, isActive, id }: Partial<ReturnType<typeof useCollapseItem>>\n) => {\n  const ns = useNamespace('collapse')\n\n  const rootKls = computed(() => [\n    ns.b('item'),\n    ns.is('active', unref(isActive)),\n    ns.is('disabled', props.disabled),\n  ])\n  const headKls = computed(() => [\n    ns.be('item', 'header'),\n    ns.is('active', unref(isActive)),\n    { focusing: unref(focusing) && !props.disabled },\n  ])\n  const arrowKls = computed(() => [\n    ns.be('item', 'arrow'),\n    ns.is('active', unref(isActive)),\n  ])\n  const itemWrapperKls = computed(() => ns.be('item', 'wrap'))\n  const itemContentKls = computed(() => ns.be('item', 'content'))\n  const scopedContentId = computed(() => ns.b(`content-${unref(id)}`))\n  const scopedHeadId = computed(() => ns.b(`head-${unref(id)}`))\n\n  return {\n    arrowKls,\n    headKls,\n    rootKls,\n    itemWrapperKls,\n    itemContentKls,\n    scopedContentId,\n    scopedHeadId,\n  }\n}\n"],"names":[],"mappings":"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"}

package/es/components/collapse/src/use-collapse.d.ts

@@ -0,0 +1,9 @@
+import type { SetupContext } from 'vue';
+import type { CollapseActiveName, CollapseEmits, CollapseProps } from './collapse';
+export declare const useCollapse: (props: CollapseProps, emit: SetupContext<CollapseEmits>['emit']) => {
+    activeNames: import("vue").Ref<(string | number)[]>;
+    setActiveNames: (_activeNames: CollapseActiveName[]) => void;
+};
+export declare const useCollapseDOM: () => {
+    rootKls: import("vue").ComputedRef<string>;
+};

package/es/components/collapse/src/use-collapse.mjs

@@ -0,0 +1,52 @@
+import { ref, watch, provide, computed } from 'vue';
+import '../../../utils/index.mjs';
+import '../../../hooks/index.mjs';
+import '../../../constants/index.mjs';
+import '../../../tokens/index.mjs';
+import { castArray } from 'lodash-unified';
+import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
+import { collapseContextKey } from '../../../tokens/collapse.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+
+const useCollapse = (props, emit) => {
+  const activeNames = ref(castArray(props.modelValue));
+  const setActiveNames = (_activeNames) => {
+    activeNames.value = _activeNames;
+    const value = props.accordion ? activeNames.value[0] : activeNames.value;
+    emit(UPDATE_MODEL_EVENT, value);
+    emit(CHANGE_EVENT, value);
+  };
+  const handleItemClick = (name) => {
+    if (props.accordion) {
+      setActiveNames([activeNames.value[0] === name ? "" : name]);
+    } else {
+      const _activeNames = [...activeNames.value];
+      const index = _activeNames.indexOf(name);
+      if (index > -1) {
+        _activeNames.splice(index, 1);
+      } else {
+        _activeNames.push(name);
+      }
+      setActiveNames(_activeNames);
+    }
+  };
+  watch(() => props.modelValue, () => activeNames.value = castArray(props.modelValue), { deep: true });
+  provide(collapseContextKey, {
+    activeNames,
+    handleItemClick
+  });
+  return {
+    activeNames,
+    setActiveNames
+  };
+};
+const useCollapseDOM = () => {
+  const ns = useNamespace("collapse");
+  const rootKls = computed(() => ns.b());
+  return {
+    rootKls
+  };
+};
+
+export { useCollapse, useCollapseDOM };
+//# sourceMappingURL=use-collapse.mjs.map

package/es/components/collapse/src/use-collapse.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-collapse.mjs","sources":["../../../../../../packages/components/collapse/src/use-collapse.ts"],"sourcesContent":["import { computed, provide, ref, watch } from 'vue'\nimport { ensureArray } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { collapseContextKey } from '@element-plus/tokens'\n\nimport type { SetupContext } from 'vue'\nimport type {\n  CollapseActiveName,\n  CollapseEmits,\n  CollapseProps,\n} from './collapse'\n\nexport const useCollapse = (\n  props: CollapseProps,\n  emit: SetupContext<CollapseEmits>['emit']\n) => {\n  const activeNames = ref(ensureArray(props.modelValue))\n\n  const setActiveNames = (_activeNames: CollapseActiveName[]) => {\n    activeNames.value = _activeNames\n    const value = props.accordion ? activeNames.value[0] : activeNames.value\n    emit(UPDATE_MODEL_EVENT, value)\n    emit(CHANGE_EVENT, value)\n  }\n\n  const handleItemClick = (name: CollapseActiveName) => {\n    if (props.accordion) {\n      setActiveNames([activeNames.value[0] === name ? '' : name])\n    } else {\n      const _activeNames = [...activeNames.value]\n      const index = _activeNames.indexOf(name)\n\n      if (index > -1) {\n        _activeNames.splice(index, 1)\n      } else {\n        _activeNames.push(name)\n      }\n      setActiveNames(_activeNames)\n    }\n  }\n\n  watch(\n    () => props.modelValue,\n    () => (activeNames.value = ensureArray(props.modelValue)),\n    { deep: true }\n  )\n\n  provide(collapseContextKey, {\n    activeNames,\n    handleItemClick,\n  })\n  return {\n    activeNames,\n    setActiveNames,\n  }\n}\n\nexport const useCollapseDOM = () => {\n  const ns = useNamespace('collapse')\n\n  const rootKls = computed(() => ns.b())\n  return {\n    rootKls,\n  }\n}\n"],"names":["ensureArray"],"mappings":";;;;;;;;;;AAKY,MAAC,WAAW,GAAG,CAAC,KAAK,EAAE,IAAI,KAAK;AAC5C,EAAE,MAAM,WAAW,GAAG,GAAG,CAACA,SAAW,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;AACzD,EAAE,MAAM,cAAc,GAAG,CAAC,YAAY,KAAK;AAC3C,IAAI,WAAW,CAAC,KAAK,GAAG,YAAY,CAAC;AACrC,IAAI,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC;AAC7E,IAAI,IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;AACpC,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AAC9B,GAAG,CAAC;AACJ,EAAE,MAAM,eAAe,GAAG,CAAC,IAAI,KAAK;AACpC,IAAI,IAAI,KAAK,CAAC,SAAS,EAAE;AACzB,MAAM,cAAc,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC;AAClE,KAAK,MAAM;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;AAClD,MAAM,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAC/C,MAAM,IAAI,KAAK,GAAG,CAAC,CAAC,EAAE;AACtB,QAAQ,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;AACtC,OAAO,MAAM;AACb,QAAQ,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAChC,OAAO;AACP,MAAM,cAAc,CAAC,YAAY,CAAC,CAAC;AACnC,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,KAAK,CAAC,MAAM,KAAK,CAAC,UAAU,EAAE,MAAM,WAAW,CAAC,KAAK,GAAGA,SAAW,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;AACzG,EAAE,OAAO,CAAC,kBAAkB,EAAE;AAC9B,IAAI,WAAW;AACf,IAAI,eAAe;AACnB,GAAG,CAAC,CAAC;AACL,EAAE,OAAO;AACT,IAAI,WAAW;AACf,IAAI,cAAc;AAClB,GAAG,CAAC;AACJ,EAAE;AACU,MAAC,cAAc,GAAG,MAAM;AACpC,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;AACtC,EAAE,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACzC,EAAE,OAAO;AACT,IAAI,OAAO;AACX,GAAG,CAAC;AACJ;;;;"}

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

@@ -448,16 +448,8 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
             role: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown>;
             triggerKeys: string[];
             arrowOffset: number;
-            visibleArrow: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             showArrow: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            openDelay: {
-                readonly type: import("vue").PropType<number>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            visibleArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
             showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
             arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             disabled: BooleanConstructor;
@@ -775,7 +767,7 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
             role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "placement" | "offset" | "effect" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "enterable" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "visible" | "pure" | "virtualTriggering" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "open" | "role" | "triggerKeys" | "arrowOffset" | "visibleArrow" | "showArrow">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "placement" | "offset" | "effect" | "showAfter" | "hideAfter" | "boundariesPadding" | "fallbackPlacements" | "gpuAcceleration" | "popperOptions" | "strategy" | "enterable" | "focusOnShow" | "trapping" | "stopPopperMouseEvent" | "visible" | "pure" | "virtualTriggering" | "appendTo" | "content" | "rawContent" | "transition" | "teleported" | "persistent" | "open" | "role" | "triggerKeys" | "arrowOffset" | "showArrow">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -790,13 +782,6 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            openDelay: {
-                readonly type: import("vue").PropType<number>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            visibleArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
             showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
             arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             disabled: BooleanConstructor;
@@ -1116,13 +1101,6 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                openDelay: {
-                    readonly type: import("vue").PropType<number>;
-                    readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
-                    __epPropKey: true;
-                };
-                visibleArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
                 showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
                 arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
                 disabled: BooleanConstructor;
@@ -1442,8 +1420,6 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
                 [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
             }>>;
             emit: (event: string, ...args: any[]) => void;
-            compatShowAfter: import("vue").ComputedRef<number>;
-            compatShowArrow: import("vue").ComputedRef<import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
             id: import("vue").Ref<string>;
             popperRef: import("vue").Ref<any>;
             contentRef: import("vue").Ref<any>;
@@ -3638,7 +3614,6 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
             role: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown>;
             triggerKeys: string[];
             arrowOffset: number;
-            visibleArrow: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             showArrow: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         }> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -3661,13 +3636,6 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        openDelay: {
-            readonly type: import("vue").PropType<number>;
-            readonly required: false;
-            readonly validator: ((val: unknown) => boolean) | undefined;
-            __epPropKey: true;
-        };
-        visibleArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
         showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
         arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
         disabled: BooleanConstructor;
@@ -3987,13 +3955,6 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
         [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            openDelay: {
-                readonly type: import("vue").PropType<number>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            visibleArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
             showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
             arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             disabled: BooleanConstructor;
@@ -4313,8 +4274,6 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
         }>>;
         emit: (event: string, ...args: any[]) => void;
-        compatShowAfter: import("vue").ComputedRef<number>;
-        compatShowArrow: import("vue").ComputedRef<import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         id: import("vue").Ref<string>;
         popperRef: import("vue").Ref<any>;
         contentRef: import("vue").Ref<any>;
@@ -6559,11 +6518,7 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
             onClick?: ((evt: MouseEvent) => any) | undefined;
         }>>;
         emit: (event: "click", evt: MouseEvent) => void;
-        slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        buttonGroupContext: import("../..").ButtonGroupContext | undefined;
-        globalConfig: import("vue").Ref<import("..").ButtonConfigContext | undefined>;
+        buttonStyle: import("vue").ComputedRef<Record<string, string>>;
         ns: {
             namespace: import("vue").Ref<string>;
             b: (blockSuffix?: string) => string;
@@ -6582,14 +6537,11 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
             cssVarBlock: (object: Record<string, string>) => Record<string, string>;
             cssVarBlockName: (name: string) => string;
         };
-        form: import("../..").FormContext | undefined;
-        _size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
-        _disabled: import("vue").ComputedRef<boolean>;
         _ref: import("vue").Ref<HTMLButtonElement | undefined>;
+        _size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
         _type: import("vue").ComputedRef<"" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text">;
-        autoInsertSpace: import("vue").ComputedRef<import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        _disabled: import("vue").ComputedRef<boolean>;
         shouldAddSpace: import("vue").ComputedRef<boolean>;
-        buttonStyle: import("vue").ComputedRef<Record<string, string>>;
         handleClick: (evt: MouseEvent) => void;
         ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly size: {
@@ -6817,13 +6769,6 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
     }>>, {}>> & Record<string, any>;
     vClickOutside: import("vue").ObjectDirective<any, any>;
     ElTooltip: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-        openDelay: {
-            readonly type: import("vue").PropType<number>;
-            readonly required: false;
-            readonly validator: ((val: unknown) => boolean) | undefined;
-            __epPropKey: true;
-        };
-        visibleArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
         showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
         arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
         disabled: BooleanConstructor;
@@ -7141,13 +7086,6 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
         role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown, "tooltip", boolean>;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            openDelay: {
-                readonly type: import("vue").PropType<number>;
-                readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
-                __epPropKey: true;
-            };
-            visibleArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
             showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
             arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
             disabled: BooleanConstructor;
@@ -7467,8 +7405,6 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
             [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
         }>>;
         emit: (event: string, ...args: any[]) => void;
-        compatShowAfter: import("vue").ComputedRef<number>;
-        compatShowArrow: import("vue").ComputedRef<import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         id: import("vue").Ref<string>;
         popperRef: import("vue").Ref<any>;
         contentRef: import("vue").Ref<any>;
@@ -9634,13 +9570,6 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
             readonly persistent: boolean;
         }>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        openDelay: {
-            readonly type: import("vue").PropType<number>;
-            readonly required: false;
-            readonly validator: ((val: unknown) => boolean) | undefined;
-            __epPropKey: true;
-        };
-        visibleArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
         showArrow: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
         arrowOffset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
         disabled: BooleanConstructor;
@@ -9988,7 +9917,6 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
         role: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown>;
         triggerKeys: string[];
         arrowOffset: number;
-        visibleArrow: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         showArrow: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     }>> & Record<string, any>;
     ElInput: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
@@ -10028,7 +9956,12 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        readonly form: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly form: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
         readonly readonly: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly clearable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly showPassword: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
@@ -10051,10 +9984,6 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
         readonly validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly inputStyle: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus/es/utils").Mutable<{}>, boolean>;
     }, {
-        PENDANT_MAP: {
-            readonly suffix: "append";
-            readonly prefix: "prepend";
-        };
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             readonly id: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
             readonly size: {
@@ -10092,7 +10021,12 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
-            readonly form: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly form: {
+                readonly type: import("vue").PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
             readonly readonly: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
             readonly clearable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
             readonly showPassword: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
@@ -10129,7 +10063,6 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
             onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
         }>>;
         emit: ((event: "update:modelValue", value: string) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "clear") => void) & ((event: "mouseleave", evt: MouseEvent) => void) & ((event: "mouseenter", evt: MouseEvent) => void) & ((event: "keydown", evt: Event | KeyboardEvent) => void) & ((event: "compositionstart", evt: CompositionEvent) => void) & ((event: "compositionupdate", evt: CompositionEvent) => void) & ((event: "compositionend", evt: CompositionEvent) => void);
-        instance: import("vue").ComponentInternalInstance;
         rawAttrs: {
             [x: string]: unknown;
         };
@@ -10205,8 +10138,6 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
         setCursor: () => void;
         resizeTextarea: () => void;
         setNativeInputValue: () => void;
-        calcIconOffset: (place: "suffix" | "prefix") => void;
-        updateIconOffset: () => void;
         handleInput: (event: Event) => Promise<void>;
         handleChange: (event: Event) => void;
         handleCompositionStart: (event: CompositionEvent) => void;
@@ -10337,7 +10268,12 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
-        readonly form: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly form: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
         readonly readonly: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly clearable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly showPassword: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
@@ -10381,7 +10317,6 @@ export declare const ElColorPicker: import("element-plus/es/utils").SFCWithInsta
         readonly id: string;
         readonly autosize: import("..").InputAutoSize;
         readonly autocomplete: string;
-        readonly form: string;
         readonly readonly: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly clearable: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly showPassword: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/color-picker/index.mjs

@@ -1,6 +1,6 @@
 import '../../utils/index.mjs';
-import ColorPicker from './src/color-picker.mjs';
-export { colorPickerContextKey, colorPickerEmits, colorPickerProps } from './src/color-picker2.mjs';
+import ColorPicker from './src/color-picker2.mjs';
+export { colorPickerContextKey, colorPickerEmits, colorPickerProps } from './src/color-picker.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElColorPicker = withInstall(ColorPicker);