@element-plus/nightly 0.0.20240726 → 0.0.20240728

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

@@ -1,17 +1,95 @@
-import '../../../utils/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, withKeys, withModifiers, renderSlot, createTextVNode, toDisplayString, createVNode, withCtx, withDirectives, vShow } from 'vue';
+import _CollapseTransition from '../../collapse-transition/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import { ArrowRight } from '@element-plus/icons-vue';
+import { collapseItemProps } from './collapse-item2.mjs';
+import { useCollapseItem, useCollapseItemDOM } from './use-collapse-item.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-const collapseItemProps = buildProps({
-  title: {
-    type: String,
-    default: ""
-  },
-  name: {
-    type: definePropType([String, Number]),
-    default: void 0
-  },
-  disabled: Boolean
+const _hoisted_1 = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex"];
+const _hoisted_2 = ["id", "aria-hidden", "aria-labelledby"];
+const __default__ = defineComponent({
+  name: "ElCollapseItem"
 });
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: collapseItemProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const {
+      focusing,
+      id,
+      isActive,
+      handleFocus,
+      handleHeaderClick,
+      handleEnterClick
+    } = useCollapseItem(props);
+    const {
+      arrowKls,
+      headKls,
+      rootKls,
+      itemWrapperKls,
+      itemContentKls,
+      scopedContentId,
+      scopedHeadId
+    } = useCollapseItemDOM(props, { focusing, isActive, id });
+    expose({
+      isActive
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(rootKls))
+      }, [
+        createElementVNode("button", {
+          id: unref(scopedHeadId),
+          class: normalizeClass(unref(headKls)),
+          "aria-expanded": unref(isActive),
+          "aria-controls": unref(scopedContentId),
+          "aria-describedby": unref(scopedContentId),
+          tabindex: _ctx.disabled ? -1 : 0,
+          type: "button",
+          onClick: _cache[0] || (_cache[0] = (...args) => unref(handleHeaderClick) && unref(handleHeaderClick)(...args)),
+          onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers((...args) => unref(handleEnterClick) && unref(handleEnterClick)(...args), ["stop", "prevent"]), ["space", "enter"])),
+          onFocus: _cache[2] || (_cache[2] = (...args) => unref(handleFocus) && unref(handleFocus)(...args)),
+          onBlur: _cache[3] || (_cache[3] = ($event) => focusing.value = false)
+        }, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createTextVNode(toDisplayString(_ctx.title), 1)
+          ]),
+          createVNode(unref(ElIcon), {
+            class: normalizeClass(unref(arrowKls))
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ArrowRight))
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ], 42, _hoisted_1),
+        createVNode(unref(_CollapseTransition), null, {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("div", {
+              id: unref(scopedContentId),
+              role: "region",
+              class: normalizeClass(unref(itemWrapperKls)),
+              "aria-hidden": !unref(isActive),
+              "aria-labelledby": unref(scopedHeadId)
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(unref(itemContentKls))
+              }, [
+                renderSlot(_ctx.$slots, "default")
+              ], 2)
+            ], 10, _hoisted_2), [
+              [vShow, unref(isActive)]
+            ])
+          ]),
+          _: 3
+        })
+      ], 2);
+    };
+  }
+});
+var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "collapse-item.vue"]]);
 
-export { collapseItemProps };
+export { CollapseItem as default };
 //# sourceMappingURL=collapse-item.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapse-item.mjs","sources":["../../../../../../packages/components/collapse/src/collapse-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type { CollapseActiveName } from './collapse'\n\nexport const collapseItemProps = buildProps({\n  /**\n   * @description title of the panel\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description unique identification of the panel\n   */\n  name: {\n    type: definePropType<CollapseActiveName>([String, Number]),\n    default: undefined,\n  },\n  /**\n   * @description disable the collapse item\n   */\n  disabled: Boolean,\n} as const)\nexport type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>\n"],"names":[],"mappings":";;;AACY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,CAAC;;;;"}
+{"version":3,"file":"collapse-item.mjs","sources":["../../../../../../packages/components/collapse/src/collapse-item.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <button\n      :id=\"scopedHeadId\"\n      :class=\"headKls\"\n      :aria-expanded=\"isActive\"\n      :aria-controls=\"scopedContentId\"\n      :aria-describedby=\"scopedContentId\"\n      :tabindex=\"disabled ? -1 : 0\"\n      type=\"button\"\n      @click=\"handleHeaderClick\"\n      @keydown.space.enter.stop.prevent=\"handleEnterClick\"\n      @focus=\"handleFocus\"\n      @blur=\"focusing = false\"\n    >\n      <slot name=\"title\">{{ title }}</slot>\n      <el-icon :class=\"arrowKls\">\n        <arrow-right />\n      </el-icon>\n    </button>\n\n    <el-collapse-transition>\n      <div\n        v-show=\"isActive\"\n        :id=\"scopedContentId\"\n        role=\"region\"\n        :class=\"itemWrapperKls\"\n        :aria-hidden=\"!isActive\"\n        :aria-labelledby=\"scopedHeadId\"\n      >\n        <div :class=\"itemContentKls\">\n          <slot />\n        </div>\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElIcon from '@element-plus/components/icon'\nimport { ArrowRight } from '@element-plus/icons-vue'\nimport { collapseItemProps } from './collapse-item'\nimport { useCollapseItem, useCollapseItemDOM } from './use-collapse-item'\n\ndefineOptions({\n  name: 'ElCollapseItem',\n})\n\nconst props = defineProps(collapseItemProps)\nconst {\n  focusing,\n  id,\n  isActive,\n  handleFocus,\n  handleHeaderClick,\n  handleEnterClick,\n} = useCollapseItem(props)\n\nconst {\n  arrowKls,\n  headKls,\n  rootKls,\n  itemWrapperKls,\n  itemContentKls,\n  scopedContentId,\n  scopedHeadId,\n} = useCollapseItemDOM(props, { focusing, isActive, id })\n\ndefineExpose({\n  /** @description current collapse-item whether active */\n  isActive,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;mCA6Cc,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,EAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,KAAA,GACE,gBAAgB,KAAK,CAAA,CAAA;AAEzB,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,cAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,YAAA;AAAA,KAAA,GACE,mBAAmB,KAAO,EAAA,EAAE,QAAU,EAAA,QAAA,EAAU,IAAI,CAAA,CAAA;AAExD,IAAa,MAAA,CAAA;AAAA,MAEX,QAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,95 +1,17 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, withKeys, withModifiers, renderSlot, createTextVNode, toDisplayString, createVNode, withCtx, withDirectives, vShow } from 'vue';
-import _CollapseTransition from '../../collapse-transition/index.mjs';
-import { ElIcon } from '../../icon/index.mjs';
-import { ArrowRight } from '@element-plus/icons-vue';
-import { collapseItemProps } from './collapse-item.mjs';
-import { useCollapseItem, useCollapseItemDOM } from './use-collapse-item.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import '../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
-const _hoisted_1 = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex"];
-const _hoisted_2 = ["id", "aria-hidden", "aria-labelledby"];
-const __default__ = defineComponent({
-  name: "ElCollapseItem"
+const collapseItemProps = buildProps({
+  title: {
+    type: String,
+    default: ""
+  },
+  name: {
+    type: definePropType([String, Number]),
+    default: void 0
+  },
+  disabled: Boolean
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: collapseItemProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const {
-      focusing,
-      id,
-      isActive,
-      handleFocus,
-      handleHeaderClick,
-      handleEnterClick
-    } = useCollapseItem(props);
-    const {
-      arrowKls,
-      headKls,
-      rootKls,
-      itemWrapperKls,
-      itemContentKls,
-      scopedContentId,
-      scopedHeadId
-    } = useCollapseItemDOM(props, { focusing, isActive, id });
-    expose({
-      isActive
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(rootKls))
-      }, [
-        createElementVNode("button", {
-          id: unref(scopedHeadId),
-          class: normalizeClass(unref(headKls)),
-          "aria-expanded": unref(isActive),
-          "aria-controls": unref(scopedContentId),
-          "aria-describedby": unref(scopedContentId),
-          tabindex: _ctx.disabled ? -1 : 0,
-          type: "button",
-          onClick: _cache[0] || (_cache[0] = (...args) => unref(handleHeaderClick) && unref(handleHeaderClick)(...args)),
-          onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers((...args) => unref(handleEnterClick) && unref(handleEnterClick)(...args), ["stop", "prevent"]), ["space", "enter"])),
-          onFocus: _cache[2] || (_cache[2] = (...args) => unref(handleFocus) && unref(handleFocus)(...args)),
-          onBlur: _cache[3] || (_cache[3] = ($event) => focusing.value = false)
-        }, [
-          renderSlot(_ctx.$slots, "title", {}, () => [
-            createTextVNode(toDisplayString(_ctx.title), 1)
-          ]),
-          createVNode(unref(ElIcon), {
-            class: normalizeClass(unref(arrowKls))
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(ArrowRight))
-            ]),
-            _: 1
-          }, 8, ["class"])
-        ], 42, _hoisted_1),
-        createVNode(unref(_CollapseTransition), null, {
-          default: withCtx(() => [
-            withDirectives(createElementVNode("div", {
-              id: unref(scopedContentId),
-              role: "region",
-              class: normalizeClass(unref(itemWrapperKls)),
-              "aria-hidden": !unref(isActive),
-              "aria-labelledby": unref(scopedHeadId)
-            }, [
-              createElementVNode("div", {
-                class: normalizeClass(unref(itemContentKls))
-              }, [
-                renderSlot(_ctx.$slots, "default")
-              ], 2)
-            ], 10, _hoisted_2), [
-              [vShow, unref(isActive)]
-            ])
-          ]),
-          _: 3
-        })
-      ], 2);
-    };
-  }
-});
-var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "collapse-item.vue"]]);
 
-export { CollapseItem as default };
+export { collapseItemProps };
 //# sourceMappingURL=collapse-item2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapse-item2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse-item.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <button\n      :id=\"scopedHeadId\"\n      :class=\"headKls\"\n      :aria-expanded=\"isActive\"\n      :aria-controls=\"scopedContentId\"\n      :aria-describedby=\"scopedContentId\"\n      :tabindex=\"disabled ? -1 : 0\"\n      type=\"button\"\n      @click=\"handleHeaderClick\"\n      @keydown.space.enter.stop.prevent=\"handleEnterClick\"\n      @focus=\"handleFocus\"\n      @blur=\"focusing = false\"\n    >\n      <slot name=\"title\">{{ title }}</slot>\n      <el-icon :class=\"arrowKls\">\n        <arrow-right />\n      </el-icon>\n    </button>\n\n    <el-collapse-transition>\n      <div\n        v-show=\"isActive\"\n        :id=\"scopedContentId\"\n        role=\"region\"\n        :class=\"itemWrapperKls\"\n        :aria-hidden=\"!isActive\"\n        :aria-labelledby=\"scopedHeadId\"\n      >\n        <div :class=\"itemContentKls\">\n          <slot />\n        </div>\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElIcon from '@element-plus/components/icon'\nimport { ArrowRight } from '@element-plus/icons-vue'\nimport { collapseItemProps } from './collapse-item'\nimport { useCollapseItem, useCollapseItemDOM } from './use-collapse-item'\n\ndefineOptions({\n  name: 'ElCollapseItem',\n})\n\nconst props = defineProps(collapseItemProps)\nconst {\n  focusing,\n  id,\n  isActive,\n  handleFocus,\n  handleHeaderClick,\n  handleEnterClick,\n} = useCollapseItem(props)\n\nconst {\n  arrowKls,\n  headKls,\n  rootKls,\n  itemWrapperKls,\n  itemContentKls,\n  scopedContentId,\n  scopedHeadId,\n} = useCollapseItemDOM(props, { focusing, isActive, id })\n\ndefineExpose({\n  /** @description current collapse-item whether active */\n  isActive,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;mCA6Cc,CAAA;AAAA,EACZ,IAAM,EAAA,gBAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,EAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,KAAA,GACE,gBAAgB,KAAK,CAAA,CAAA;AAEzB,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,cAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,YAAA;AAAA,KAAA,GACE,mBAAmB,KAAO,EAAA,EAAE,QAAU,EAAA,QAAA,EAAU,IAAI,CAAA,CAAA;AAExD,IAAa,MAAA,CAAA;AAAA,MAEX,QAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"collapse-item2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse-item.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type { CollapseActiveName } from './collapse'\n\nexport const collapseItemProps = buildProps({\n  /**\n   * @description title of the panel\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description unique identification of the panel\n   */\n  name: {\n    type: definePropType<CollapseActiveName>([String, Number]),\n    default: undefined,\n  },\n  /**\n   * @description disable the collapse item\n   */\n  disabled: Boolean,\n} as const)\nexport type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>\n"],"names":[],"mappings":";;;AACY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,CAAC;;;;"}

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

@@ -1,23 +1,33 @@
-import '../../../utils/index.mjs';
-import '../../../constants/index.mjs';
-import { isNumber } from '../../../utils/types.mjs';
-import { isString, isArray } from '@vue/shared';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { mutable } from '../../../utils/typescript.mjs';
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
+import { collapseProps, collapseEmits } from './collapse2.mjs';
+import { useCollapse, useCollapseDOM } from './use-collapse.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-const emitChangeFn = (value) => isNumber(value) || isString(value) || isArray(value);
-const collapseProps = buildProps({
-  accordion: Boolean,
-  modelValue: {
-    type: definePropType([Array, String, Number]),
-    default: () => mutable([])
+const __default__ = defineComponent({
+  name: "ElCollapse"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: collapseProps,
+  emits: collapseEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const { activeNames, setActiveNames } = useCollapse(props, emit);
+    const { rootKls } = useCollapseDOM();
+    expose({
+      activeNames,
+      setActiveNames
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(rootKls))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
   }
 });
-const collapseEmits = {
-  [UPDATE_MODEL_EVENT]: emitChangeFn,
-  [CHANGE_EVENT]: emitChangeFn
-};
+var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "collapse.vue"]]);
 
-export { collapseEmits, collapseProps, emitChangeFn };
+export { Collapse as default };
 //# sourceMappingURL=collapse.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapse.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isArray,\n  isNumber,\n  isString,\n  mutable,\n} from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type { Arrayable } from '@element-plus/utils'\n\nexport type CollapseActiveName = string | number\nexport type CollapseModelValue = Arrayable<CollapseActiveName>\n\nexport const emitChangeFn = (value: CollapseModelValue) =>\n  isNumber(value) || isString(value) || isArray(value)\n\nexport const collapseProps = buildProps({\n  /**\n   * @description whether to activate accordion mode\n   */\n  accordion: Boolean,\n  /**\n   * @description currently active panel, the type is `string` in accordion mode, otherwise it is `array`\n   */\n  modelValue: {\n    type: definePropType<CollapseModelValue>([Array, String, Number]),\n    default: () => mutable([] as const),\n  },\n} as const)\nexport type CollapseProps = ExtractPropTypes<typeof collapseProps>\n\nexport const collapseEmits = {\n  [UPDATE_MODEL_EVENT]: emitChangeFn,\n  [CHANGE_EVENT]: emitChangeFn,\n}\nexport type CollapseEmits = typeof collapseEmits\n"],"names":[],"mappings":";;;;;;;;AASY,MAAC,YAAY,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,KAAK,EAAE;AAChF,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAAC,kBAAkB,GAAG,YAAY;AACpC,EAAE,CAAC,YAAY,GAAG,YAAY;AAC9B;;;;"}
+{"version":3,"file":"collapse.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\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/collapse2.mjs

@@ -1,33 +1,23 @@
-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 '../../../utils/index.mjs';
+import '../../../constants/index.mjs';
+import { isNumber } from '../../../utils/types.mjs';
+import { isString, isArray } from '@vue/shared';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { mutable } from '../../../utils/typescript.mjs';
+import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
 
-const __default__ = defineComponent({
-  name: "ElCollapse"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: collapseProps,
-  emits: collapseEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const { activeNames, setActiveNames } = useCollapse(props, emit);
-    const { rootKls } = useCollapseDOM();
-    expose({
-      activeNames,
-      setActiveNames
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(rootKls))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
+const emitChangeFn = (value) => isNumber(value) || isString(value) || isArray(value);
+const collapseProps = buildProps({
+  accordion: Boolean,
+  modelValue: {
+    type: definePropType([Array, String, Number]),
+    default: () => mutable([])
   }
 });
-var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "collapse.vue"]]);
+const collapseEmits = {
+  [UPDATE_MODEL_EVENT]: emitChangeFn,
+  [CHANGE_EVENT]: emitChangeFn
+};
 
-export { Collapse as default };
+export { collapseEmits, collapseProps, emitChangeFn };
 //# sourceMappingURL=collapse2.mjs.map

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=\"rootKls\">\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;;;;;;;;;;;;;;"}
+{"version":3,"file":"collapse2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isArray,\n  isNumber,\n  isString,\n  mutable,\n} from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport type { ExtractPropTypes } from 'vue'\nimport type { Arrayable } from '@element-plus/utils'\n\nexport type CollapseActiveName = string | number\nexport type CollapseModelValue = Arrayable<CollapseActiveName>\n\nexport const emitChangeFn = (value: CollapseModelValue) =>\n  isNumber(value) || isString(value) || isArray(value)\n\nexport const collapseProps = buildProps({\n  /**\n   * @description whether to activate accordion mode\n   */\n  accordion: Boolean,\n  /**\n   * @description currently active panel, the type is `string` in accordion mode, otherwise it is `array`\n   */\n  modelValue: {\n    type: definePropType<CollapseModelValue>([Array, String, Number]),\n    default: () => mutable([] as const),\n  },\n} as const)\nexport type CollapseProps = ExtractPropTypes<typeof collapseProps>\n\nexport const collapseEmits = {\n  [UPDATE_MODEL_EVENT]: emitChangeFn,\n  [CHANGE_EVENT]: emitChangeFn,\n}\nexport type CollapseEmits = typeof collapseEmits\n"],"names":[],"mappings":";;;;;;;;AASY,MAAC,YAAY,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,KAAK,EAAE;AAChF,MAAC,aAAa,GAAG,UAAU,CAAC;AACxC,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,MAAM,OAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAAC,kBAAkB,GAAG,YAAY;AACpC,EAAE,CAAC,YAAY,GAAG,YAAY;AAC9B;;;;"}

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

@@ -10489,7 +10489,6 @@ export declare const ElColorPicker: import("@element-plus/nightly/es/utils").SFC
         input: import("vue").ShallowRef<HTMLInputElement | undefined>;
         textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
         hovering: import("vue").Ref<boolean>;
-        isComposing: import("vue").Ref<boolean>;
         passwordVisible: import("vue").Ref<boolean>;
         countStyle: import("vue").Ref<import("vue").StyleValue | undefined>;
         textareaCalcStyle: import("vue").ShallowRef<import("vue").StyleValue>;
@@ -10519,6 +10518,7 @@ export declare const ElColorPicker: import("@element-plus/nightly/es/utils").SFC
         setNativeInputValue: () => void;
         handleInput: (event: Event) => Promise<void>;
         handleChange: (event: Event) => void;
+        isComposing: import("vue").Ref<boolean>;
         handleCompositionStart: (event: CompositionEvent) => void;
         handleCompositionUpdate: (event: CompositionEvent) => void;
         handleCompositionEnd: (event: CompositionEvent) => void;

package/es/components/color-picker/src/color-picker.vue.d.ts

@@ -10491,7 +10491,6 @@ declare const _default: import("vue").DefineComponent<{
         input: import("vue").ShallowRef<HTMLInputElement | undefined>;
         textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
         hovering: import("vue").Ref<boolean>;
-        isComposing: import("vue").Ref<boolean>;
         passwordVisible: import("vue").Ref<boolean>;
         countStyle: import("vue").Ref<import("vue").StyleValue | undefined>;
         textareaCalcStyle: import("vue").ShallowRef<import("vue").StyleValue>;
@@ -10521,6 +10520,7 @@ declare const _default: import("vue").DefineComponent<{
         setNativeInputValue: () => void;
         handleInput: (event: Event) => Promise<void>;
         handleChange: (event: Event) => void;
+        isComposing: import("vue").Ref<boolean>;
         handleCompositionStart: (event: CompositionEvent) => void;
         handleCompositionUpdate: (event: CompositionEvent) => void;
         handleCompositionEnd: (event: CompositionEvent) => void;

package/es/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts

@@ -732,7 +732,6 @@ declare const _default: import("vue").DefineComponent<{
         input: import("vue").ShallowRef<HTMLInputElement | undefined>;
         textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
         hovering: import("vue").Ref<boolean>;
-        isComposing: import("vue").Ref<boolean>;
         passwordVisible: import("vue").Ref<boolean>;
         countStyle: import("vue").Ref<import("vue").StyleValue | undefined>;
         textareaCalcStyle: import("vue").ShallowRef<import("vue").StyleValue>;
@@ -762,6 +761,7 @@ declare const _default: import("vue").DefineComponent<{
         setNativeInputValue: () => void;
         handleInput: (event: Event) => Promise<void>;
         handleChange: (event: Event) => void;
+        isComposing: import("vue").Ref<boolean>;
         handleCompositionStart: (event: CompositionEvent) => void;
         handleCompositionUpdate: (event: CompositionEvent) => void;
         handleCompositionEnd: (event: CompositionEvent) => void;
@@ -1414,6 +1414,8 @@ declare const _default: import("vue").DefineComponent<{
                     };
                     stopResizeObserver: undefined;
                     stopResizeListener: undefined;
+                    wrapScrollTop: number;
+                    wrapScrollLeft: number;
                     scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                     wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                     resizeRef: import("vue").Ref<HTMLElement | undefined>;
@@ -1991,6 +1993,8 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 stopResizeObserver: undefined;
                 stopResizeListener: undefined;
+                wrapScrollTop: number;
+                wrapScrollLeft: number;
                 scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                 wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                 resizeRef: import("vue").Ref<HTMLElement | undefined>;
@@ -2590,6 +2594,8 @@ declare const _default: import("vue").DefineComponent<{
                     };
                     stopResizeObserver: undefined;
                     stopResizeListener: undefined;
+                    wrapScrollTop: number;
+                    wrapScrollLeft: number;
                     scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                     wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                     resizeRef: import("vue").Ref<HTMLElement | undefined>;
@@ -3167,6 +3173,8 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 stopResizeObserver: undefined;
                 stopResizeListener: undefined;
+                wrapScrollTop: number;
+                wrapScrollLeft: number;
                 scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                 wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                 resizeRef: import("vue").Ref<HTMLElement | undefined>;
@@ -3766,6 +3774,8 @@ declare const _default: import("vue").DefineComponent<{
                     };
                     stopResizeObserver: undefined;
                     stopResizeListener: undefined;
+                    wrapScrollTop: number;
+                    wrapScrollLeft: number;
                     scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                     wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                     resizeRef: import("vue").Ref<HTMLElement | undefined>;
@@ -4343,6 +4353,8 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 stopResizeObserver: undefined;
                 stopResizeListener: undefined;
+                wrapScrollTop: number;
+                wrapScrollLeft: number;
                 scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                 wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                 resizeRef: import("vue").Ref<HTMLElement | undefined>;
@@ -4942,6 +4954,8 @@ declare const _default: import("vue").DefineComponent<{
                     };
                     stopResizeObserver: undefined;
                     stopResizeListener: undefined;
+                    wrapScrollTop: number;
+                    wrapScrollLeft: number;
                     scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                     wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                     resizeRef: import("vue").Ref<HTMLElement | undefined>;
@@ -5519,6 +5533,8 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 stopResizeObserver: undefined;
                 stopResizeListener: undefined;
+                wrapScrollTop: number;
+                wrapScrollLeft: number;
                 scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                 wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                 resizeRef: import("vue").Ref<HTMLElement | undefined>;
@@ -6146,6 +6162,8 @@ declare const _default: import("vue").DefineComponent<{
                     };
                     stopResizeObserver: undefined;
                     stopResizeListener: undefined;
+                    wrapScrollTop: number;
+                    wrapScrollLeft: number;
                     scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                     wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                     resizeRef: import("vue").Ref<HTMLElement | undefined>;
@@ -6723,6 +6741,8 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 stopResizeObserver: undefined;
                 stopResizeListener: undefined;
+                wrapScrollTop: number;
+                wrapScrollLeft: number;
                 scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                 wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                 resizeRef: import("vue").Ref<HTMLElement | undefined>;
@@ -7260,6 +7280,8 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 stopResizeObserver: undefined;
                 stopResizeListener: undefined;
+                wrapScrollTop: number;
+                wrapScrollLeft: number;
                 scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                 wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                 resizeRef: import("vue").Ref<HTMLElement | undefined>;

package/es/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts

@@ -856,7 +856,6 @@ declare const _default: import("vue").DefineComponent<{
         input: import("vue").ShallowRef<HTMLInputElement | undefined>;
         textarea: import("vue").ShallowRef<HTMLTextAreaElement | undefined>;
         hovering: import("vue").Ref<boolean>;
-        isComposing: import("vue").Ref<boolean>;
         passwordVisible: import("vue").Ref<boolean>;
         countStyle: import("vue").Ref<import("vue").StyleValue | undefined>;
         textareaCalcStyle: import("vue").ShallowRef<import("vue").StyleValue>;
@@ -886,6 +885,7 @@ declare const _default: import("vue").DefineComponent<{
         setNativeInputValue: () => void;
         handleInput: (event: Event) => Promise<void>;
         handleChange: (event: Event) => void;
+        isComposing: import("vue").Ref<boolean>;
         handleCompositionStart: (event: CompositionEvent) => void;
         handleCompositionUpdate: (event: CompositionEvent) => void;
         handleCompositionEnd: (event: CompositionEvent) => void;
@@ -1538,6 +1538,8 @@ declare const _default: import("vue").DefineComponent<{
                     };
                     stopResizeObserver: undefined;
                     stopResizeListener: undefined;
+                    wrapScrollTop: number;
+                    wrapScrollLeft: number;
                     scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                     wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                     resizeRef: import("vue").Ref<HTMLElement | undefined>;
@@ -2115,6 +2117,8 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 stopResizeObserver: undefined;
                 stopResizeListener: undefined;
+                wrapScrollTop: number;
+                wrapScrollLeft: number;
                 scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                 wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                 resizeRef: import("vue").Ref<HTMLElement | undefined>;
@@ -2714,6 +2718,8 @@ declare const _default: import("vue").DefineComponent<{
                     };
                     stopResizeObserver: undefined;
                     stopResizeListener: undefined;
+                    wrapScrollTop: number;
+                    wrapScrollLeft: number;
                     scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                     wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                     resizeRef: import("vue").Ref<HTMLElement | undefined>;
@@ -3291,6 +3297,8 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 stopResizeObserver: undefined;
                 stopResizeListener: undefined;
+                wrapScrollTop: number;
+                wrapScrollLeft: number;
                 scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                 wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                 resizeRef: import("vue").Ref<HTMLElement | undefined>;
@@ -3890,6 +3898,8 @@ declare const _default: import("vue").DefineComponent<{
                     };
                     stopResizeObserver: undefined;
                     stopResizeListener: undefined;
+                    wrapScrollTop: number;
+                    wrapScrollLeft: number;
                     scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                     wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                     resizeRef: import("vue").Ref<HTMLElement | undefined>;
@@ -4467,6 +4477,8 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 stopResizeObserver: undefined;
                 stopResizeListener: undefined;
+                wrapScrollTop: number;
+                wrapScrollLeft: number;
                 scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                 wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                 resizeRef: import("vue").Ref<HTMLElement | undefined>;
@@ -5066,6 +5078,8 @@ declare const _default: import("vue").DefineComponent<{
                     };
                     stopResizeObserver: undefined;
                     stopResizeListener: undefined;
+                    wrapScrollTop: number;
+                    wrapScrollLeft: number;
                     scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                     wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                     resizeRef: import("vue").Ref<HTMLElement | undefined>;
@@ -5643,6 +5657,8 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 stopResizeObserver: undefined;
                 stopResizeListener: undefined;
+                wrapScrollTop: number;
+                wrapScrollLeft: number;
                 scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                 wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                 resizeRef: import("vue").Ref<HTMLElement | undefined>;
@@ -6270,6 +6286,8 @@ declare const _default: import("vue").DefineComponent<{
                     };
                     stopResizeObserver: undefined;
                     stopResizeListener: undefined;
+                    wrapScrollTop: number;
+                    wrapScrollLeft: number;
                     scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                     wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                     resizeRef: import("vue").Ref<HTMLElement | undefined>;
@@ -6847,6 +6865,8 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 stopResizeObserver: undefined;
                 stopResizeListener: undefined;
+                wrapScrollTop: number;
+                wrapScrollLeft: number;
                 scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                 wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                 resizeRef: import("vue").Ref<HTMLElement | undefined>;
@@ -7384,6 +7404,8 @@ declare const _default: import("vue").DefineComponent<{
                 };
                 stopResizeObserver: undefined;
                 stopResizeListener: undefined;
+                wrapScrollTop: number;
+                wrapScrollLeft: number;
                 scrollbarRef: import("vue").Ref<HTMLDivElement | undefined>;
                 wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
                 resizeRef: import("vue").Ref<HTMLElement | undefined>;