element-pe 2.0.5 → 2.0.6

package/lib/components/collapse/src/collapse-item.d.ts

@@ -2,8 +2,8 @@ import type { ExtractPropTypes } from 'vue';
 import type { CollapseActiveName } from './collapse';
 import type CollapseItem from './collapse-item.vue';
 export declare const collapseItemProps: {
-    readonly title: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly name: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<CollapseActiveName>, () => number, unknown, unknown, unknown>;
+    readonly title: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly name: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<CollapseActiveName>, () => number, unknown, unknown, unknown>;
     readonly disabled: BooleanConstructor;
 };
 export declare type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>;

package/lib/components/collapse/src/collapse-item.vue.d.ts

@@ -1,16 +1,16 @@
 declare const _default: import("vue").DefineComponent<{
-    readonly title: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly name: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("./collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
+    readonly title: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly name: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
     readonly disabled: BooleanConstructor;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        readonly title: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-        readonly name: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("./collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
+        readonly title: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly name: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
         readonly disabled: BooleanConstructor;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
-    collapse: import("element-pe/tokens").CollapseContext | undefined;
+    collapse: import("element-pe/es/tokens").CollapseContext | undefined;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
     handleFocus: () => void;
     handleHeaderClick: () => void;
     handleEnterClick: () => void;
-    ElCollapseTransition: import("element-pe/utils").SFCWithInstall<import("vue").DefineComponent<{}, {
+    ElCollapseTransition: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, {
         ns: {
             namespace: import("vue").ComputedRef<string>;
             b: (blockSuffix?: string) => string;
@@ -56,13 +56,13 @@ declare const _default: import("vue").DefineComponent<{
             afterLeave(el: any): void;
         };
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
-    ElIcon: import("element-pe/utils").SFCWithInstall<import("vue").DefineComponent<{
-        readonly size: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-        readonly color: import("element-pe/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    ElIcon: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly size: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("element-pe/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            readonly size: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-            readonly color: import("element-pe/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+            readonly size: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("element-pe/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
         }>>;
@@ -82,20 +82,20 @@ declare const _default: import("vue").DefineComponent<{
         };
         style: import("vue").ComputedRef<import("vue").CSSProperties>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly size: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-        readonly color: import("element-pe/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        readonly size: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("element-pe/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
     }>>, {
-        size: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<string | number>, unknown, unknown>;
+        size: import("element-pe/es/utils").BuildPropType<import("element-pe/es/utils").PropWrapper<string | number>, unknown, unknown>;
         color: string;
     }>> & Record<string, any>;
     ArrowRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly title: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly name: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("./collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
+    readonly title: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly name: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
     readonly disabled: BooleanConstructor;
 }>>, {
     disabled: boolean;
-    name: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<import("./collapse").CollapseActiveName>, unknown, unknown>;
+    name: import("element-pe/es/utils").BuildPropType<import("element-pe/es/utils").PropWrapper<import("./collapse").CollapseActiveName>, unknown, unknown>;
     title: string;
 }>;
 export default _default;

package/lib/components/collapse/src/collapse.d.ts

@@ -1,12 +1,12 @@
 import type { ExtractPropTypes } from 'vue';
 import type Collapse from './collapse.vue';
-import type { Arrayable } from 'element-pe/utils';
+import type { Arrayable } from 'element-pe/es/utils';
 export declare type CollapseActiveName = string | number;
 export declare type CollapseModelValue = Arrayable<CollapseActiveName>;
 export declare const emitChangeFn: (value: CollapseModelValue) => "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";
 export declare const collapseProps: {
     readonly accordion: BooleanConstructor;
-    readonly modelValue: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<CollapseModelValue>, () => [], unknown, unknown, unknown>;
+    readonly modelValue: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<CollapseModelValue>, () => [], unknown, unknown, unknown>;
 };
 export declare type CollapseProps = ExtractPropTypes<typeof collapseProps>;
 export declare const collapseEmits: {

package/lib/components/collapse/src/collapse.js

@@ -2,72 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
 require('../../../utils/index.js');
 require('../../../constants/index.js');
-require('../../../hooks/index.js');
-require('../../../tokens/index.js');
-var collapse = require('./collapse2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var lodashUnified = require('lodash-unified');
+var core = require('@vueuse/core');
+var props = require('../../../utils/vue/props.js');
+var typescript = require('../../../utils/typescript.js');
 var event = require('../../../constants/event.js');
-var collapse$1 = require('../../../tokens/collapse.js');
 
-const __default__ = {
-  name: "ElCollapse"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: collapse.collapseProps,
-  emits: collapse.collapseEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const ns = index.useNamespace("collapse");
-    const activeNames = vue.ref(lodashUnified.castArray(props.modelValue));
-    const setActiveNames = (_activeNames) => {
-      activeNames.value = _activeNames;
-      const value = props.accordion ? activeNames.value[0] : activeNames.value;
-      emit(event.UPDATE_MODEL_EVENT, value);
-      emit(event.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);
-      }
-    };
-    vue.watch(() => props.modelValue, () => activeNames.value = lodashUnified.castArray(props.modelValue), { deep: true });
-    vue.provide(collapse$1.collapseContextKey, {
-      activeNames,
-      handleItemClick
-    });
-    expose({
-      activeNames,
-      setActiveNames
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(ns).b()),
-        role: "tablist",
-        "aria-multiselectable": "true"
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
+const emitChangeFn = (value) => typeof core.isNumber(value);
+const collapseProps = props.buildProps({
+  accordion: Boolean,
+  modelValue: {
+    type: props.definePropType([Array, String, Number]),
+    default: () => typescript.mutable([])
   }
 });
-var Collapse = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/collapse/src/collapse.vue"]]);
+const collapseEmits = {
+  [event.UPDATE_MODEL_EVENT]: emitChangeFn,
+  [event.CHANGE_EVENT]: emitChangeFn
+};
 
-exports["default"] = Collapse;
+exports.collapseEmits = collapseEmits;
+exports.collapseProps = collapseProps;
+exports.emitChangeFn = emitChangeFn;
 //# sourceMappingURL=collapse.js.map

package/lib/components/collapse/src/collapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse.js","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":["useNamespace","ref","ensureArray","UPDATE_MODEL_EVENT","CHANGE_EVENT","watch","provide","collapseContextKey"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAA,EAAA,GAAAA,mBAAA,UAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAAC,OAAA,CAAAC,uBAAA,CAAA,KAAA,CAAA,UAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,cAAA,GAAA,CAAA,YAAA,KAAA;AACA,MAAA,WAAA,CAAA,KAAA,GAAA,YAAA,CAAA;AACA,MAAA,MAAA,QAAA,KAAA,CAAA,SAAA,GAAA,WAAA,CAAA,KAAA,CAAA,KAAA,WAAA,CAAA,KAAA,CAAA;AACA,MAAA,IAAA,CAAAC,0BAAA,KAAA,CAAA,CAAA;AACA,MAAA,IAAA,CAAAC,oBAAA,KAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,eAAA,GAAA,CAAA,IAAA,KAAA;AACA,MAAA,IAAA,MAAA,SAAA,EAAA;AACA,QAAA,cAAA,CAAA;AAAA,UACA,CAAA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,IAAA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,CAAA,KACA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GACA,EACA,GAAA,IAAA;AAAA,SACA,CAAA,CAAA;AAAA,OACA,MAAA;AACA,QAAA,MAAA,YAAA,GAAA,CAAA,GAAA,WAAA,CAAA,KAAA,CAAA,CAAA;AACA,QAAA,MAAA,KAAA,GAAA,YAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA;AAEA,QAAA,IAAA,QAAA,CAAA,CAAA,EAAA;AACA,UAAA,YAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAAA,CAAA;AAAA,SACA,MAAA;AACA,UAAA,YAAA,CAAA,KAAA,IAAA,CAAA,CAAA;AAAA,SACA;AACA,QAAA,cAAA,CAAA,YAAA,CAAA,CAAA;AAAA,OACA;AAAA,KACA,CAAA;AAEA,IAAAC,SAAA,CACA,MAAA,KAAA,CAAA,UACA,EAAA,MAAA,WAAA,CAAA,KAAA,GAAAH,uBAAA,CAAA,KAAA,CAAA,UAAA,CAAA,EACA,EAAA,IAAA,EAAA,MACA,CAAA,CAAA;AAEA,IAAAI,WAAA,CAAAC,6BAAA,EAAA;AAAA,MACA,WAAA;AAAA,MACA,eAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,CAAA;AAAA,MAEA,WAAA;AAAA,MAEA,cAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"collapse.js","sources":["../../../../../../packages/components/collapse/src/collapse.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\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 Collapse from './collapse.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  typeof isNumber(value) || isString(value) || Array.isArray(value)\n\nexport const collapseProps = buildProps({\n  accordion: Boolean,\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\nexport type CollapseInstance = InstanceType<typeof Collapse>\n"],"names":["isNumber","buildProps","definePropType","mutable","UPDATE_MODEL_EVENT","CHANGE_EVENT"],"mappings":";;;;;;;;;;;AAOY,MAAC,YAAY,GAAG,CAAC,KAAK,KAAK,OAAOA,aAAQ,CAAC,KAAK,EAAE;AAClD,MAAC,aAAa,GAAGC,gBAAU,CAAC;AACxC,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,oBAAc,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAACC,wBAAkB,GAAG,YAAY;AACpC,EAAE,CAACC,kBAAY,GAAG,YAAY;AAC9B;;;;;;"}

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

@@ -1,11 +1,11 @@
 import type { CollapseActiveName } from './collapse';
 declare const _default: import("vue").DefineComponent<{
     readonly accordion: BooleanConstructor;
-    readonly modelValue: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("./collapse").CollapseModelValue>, () => [], unknown, unknown, unknown>;
+    readonly modelValue: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./collapse").CollapseModelValue>, () => [], unknown, unknown, unknown>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         readonly accordion: BooleanConstructor;
-        readonly modelValue: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("./collapse").CollapseModelValue>, () => [], unknown, unknown, unknown>;
+        readonly modelValue: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./collapse").CollapseModelValue>, () => [], unknown, unknown, unknown>;
     }>> & {
         onChange?: ((value: import("./collapse").CollapseModelValue) => any) | undefined;
         "onUpdate:modelValue"?: ((value: import("./collapse").CollapseModelValue) => any) | undefined;
@@ -33,12 +33,12 @@ declare const _default: import("vue").DefineComponent<{
     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-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("./collapse").CollapseModelValue>, () => [], unknown, unknown, unknown>;
+    readonly modelValue: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./collapse").CollapseModelValue>, () => [], unknown, unknown, unknown>;
 }>> & {
     onChange?: ((value: import("./collapse").CollapseModelValue) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import("./collapse").CollapseModelValue) => any) | undefined;
 }, {
-    modelValue: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<import("./collapse").CollapseModelValue>, unknown, unknown>;
+    modelValue: import("element-pe/es/utils").BuildPropType<import("element-pe/es/utils").PropWrapper<import("./collapse").CollapseModelValue>, unknown, unknown>;
     accordion: boolean;
 }>;
 export default _default;

package/lib/components/collapse/src/collapse2.js

@@ -2,27 +2,72 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var vue = require('vue');
 require('../../../utils/index.js');
 require('../../../constants/index.js');
-var core = require('@vueuse/core');
-var props = require('../../../utils/vue/props.js');
-var typescript = require('../../../utils/typescript.js');
+require('../../../hooks/index.js');
+require('../../../tokens/index.js');
+var collapse = require('./collapse.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var lodashUnified = require('lodash-unified');
 var event = require('../../../constants/event.js');
+var collapse$1 = require('../../../tokens/collapse.js');
 
-const emitChangeFn = (value) => typeof core.isNumber(value);
-const collapseProps = props.buildProps({
-  accordion: Boolean,
-  modelValue: {
-    type: props.definePropType([Array, String, Number]),
-    default: () => typescript.mutable([])
+const __default__ = {
+  name: "ElCollapse"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: collapse.collapseProps,
+  emits: collapse.collapseEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const ns = index.useNamespace("collapse");
+    const activeNames = vue.ref(lodashUnified.castArray(props.modelValue));
+    const setActiveNames = (_activeNames) => {
+      activeNames.value = _activeNames;
+      const value = props.accordion ? activeNames.value[0] : activeNames.value;
+      emit(event.UPDATE_MODEL_EVENT, value);
+      emit(event.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);
+      }
+    };
+    vue.watch(() => props.modelValue, () => activeNames.value = lodashUnified.castArray(props.modelValue), { deep: true });
+    vue.provide(collapse$1.collapseContextKey, {
+      activeNames,
+      handleItemClick
+    });
+    expose({
+      activeNames,
+      setActiveNames
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(ns).b()),
+        role: "tablist",
+        "aria-multiselectable": "true"
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
   }
 });
-const collapseEmits = {
-  [event.UPDATE_MODEL_EVENT]: emitChangeFn,
-  [event.CHANGE_EVENT]: emitChangeFn
-};
+var Collapse = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/collapse/src/collapse.vue"]]);
 
-exports.collapseEmits = collapseEmits;
-exports.collapseProps = collapseProps;
-exports.emitChangeFn = emitChangeFn;
+exports["default"] = Collapse;
 //# sourceMappingURL=collapse2.js.map

package/lib/components/collapse/src/collapse2.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse2.js","sources":["../../../../../../packages/components/collapse/src/collapse.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\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 Collapse from './collapse.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  typeof isNumber(value) || isString(value) || Array.isArray(value)\n\nexport const collapseProps = buildProps({\n  accordion: Boolean,\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\nexport type CollapseInstance = InstanceType<typeof Collapse>\n"],"names":["isNumber","buildProps","definePropType","mutable","UPDATE_MODEL_EVENT","CHANGE_EVENT"],"mappings":";;;;;;;;;;;AAOY,MAAC,YAAY,GAAG,CAAC,KAAK,KAAK,OAAOA,aAAQ,CAAC,KAAK,EAAE;AAClD,MAAC,aAAa,GAAGC,gBAAU,CAAC;AACxC,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAEC,oBAAc,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,CAAC,EAAE;AACS,MAAC,aAAa,GAAG;AAC7B,EAAE,CAACC,wBAAkB,GAAG,YAAY;AACpC,EAAE,CAACC,kBAAY,GAAG,YAAY;AAC9B;;;;;;"}
+{"version":3,"file":"collapse2.js","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":["useNamespace","ref","ensureArray","UPDATE_MODEL_EVENT","CHANGE_EVENT","watch","provide","collapseContextKey"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAA,EAAA,GAAAA,mBAAA,UAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAAC,OAAA,CAAAC,uBAAA,CAAA,KAAA,CAAA,UAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,cAAA,GAAA,CAAA,YAAA,KAAA;AACA,MAAA,WAAA,CAAA,KAAA,GAAA,YAAA,CAAA;AACA,MAAA,MAAA,QAAA,KAAA,CAAA,SAAA,GAAA,WAAA,CAAA,KAAA,CAAA,KAAA,WAAA,CAAA,KAAA,CAAA;AACA,MAAA,IAAA,CAAAC,0BAAA,KAAA,CAAA,CAAA;AACA,MAAA,IAAA,CAAAC,oBAAA,KAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,eAAA,GAAA,CAAA,IAAA,KAAA;AACA,MAAA,IAAA,MAAA,SAAA,EAAA;AACA,QAAA,cAAA,CAAA;AAAA,UACA,CAAA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,IAAA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,CAAA,KACA,WAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,IAAA,GACA,EACA,GAAA,IAAA;AAAA,SACA,CAAA,CAAA;AAAA,OACA,MAAA;AACA,QAAA,MAAA,YAAA,GAAA,CAAA,GAAA,WAAA,CAAA,KAAA,CAAA,CAAA;AACA,QAAA,MAAA,KAAA,GAAA,YAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA;AAEA,QAAA,IAAA,QAAA,CAAA,CAAA,EAAA;AACA,UAAA,YAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAAA,CAAA;AAAA,SACA,MAAA;AACA,UAAA,YAAA,CAAA,KAAA,IAAA,CAAA,CAAA;AAAA,SACA;AACA,QAAA,cAAA,CAAA,YAAA,CAAA,CAAA;AAAA,OACA;AAAA,KACA,CAAA;AAEA,IAAAC,SAAA,CACA,MAAA,KAAA,CAAA,UACA,EAAA,MAAA,WAAA,CAAA,KAAA,GAAAH,uBAAA,CAAA,KAAA,CAAA,UAAA,CAAA,EACA,EAAA,IAAA,EAAA,MACA,CAAA,CAAA;AAEA,IAAAI,WAAA,CAAAC,6BAAA,EAAA;AAAA,MACA,WAAA;AAAA,MACA,eAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,CAAA;AAAA,MAEA,WAAA;AAAA,MAEA,cAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;"}

package/lib/components/collapse/style/css.d.ts

@@ -1,2 +1,2 @@
-import 'element-pe/components/base/style/css';
+import 'element-pe/es/components/base/style/css';
 import 'element-pe/theme-chalk/el-collapse.css';

package/lib/components/collapse/style/index.d.ts

@@ -1,2 +1,2 @@
-import 'element-pe/components/base/style';
+import 'element-pe/es/components/base/style';
 import 'element-pe/theme-chalk/src/collapse.scss';

package/lib/components/collapse-item/style/css.d.ts

@@ -1,2 +1,2 @@
-import 'element-pe/components/base/style/css';
+import 'element-pe/es/components/base/style/css';
 import 'element-pe/theme-chalk/el-collapse-item.css';

package/lib/components/collapse-item/style/index.d.ts

@@ -1,2 +1,2 @@
-import 'element-pe/components/base/style';
+import 'element-pe/es/components/base/style';
 import 'element-pe/theme-chalk/src/collapse-item.scss';

package/lib/components/collapse-transition/index.d.ts

@@ -1,4 +1,4 @@
-import type { SFCWithInstall } from 'element-pe/utils';
+import type { SFCWithInstall } from 'element-pe/es/utils';
 declare const _CollapseTransition: SFCWithInstall<import("vue").DefineComponent<{}, {
     ns: {
         namespace: import("vue").ComputedRef<string>;

package/lib/components/collapse-transition/style/css.d.ts

@@ -1,2 +1,2 @@
-import 'element-pe/components/base/style/css';
+import 'element-pe/es/components/base/style/css';
 import 'element-pe/theme-chalk/el-collapse-transition.css';

package/lib/components/collapse-transition/style/index.d.ts

@@ -1,2 +1,2 @@
-import 'element-pe/components/base/style';
+import 'element-pe/es/components/base/style';
 import 'element-pe/theme-chalk/src/collapse-transition.scss';

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

@@ -1,4 +1,4 @@
-import type { SFCWithInstall } from 'element-pe/utils';
+import type { SFCWithInstall } from 'element-pe/es/utils';
 declare const _ColorPicker: SFCWithInstall<import("vue").DefineComponent<{
     modelValue: StringConstructor;
     showAlpha: BooleanConstructor;

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

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { Nullable } from 'element-pe/utils';
+import type { Nullable } from 'element-pe/es/utils';
 import type Color from '../color';
 declare const _default: import("vue").DefineComponent<{
     color: {

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

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     handleTrigger: () => void;
     clear: () => void;
     confirmValue: () => void;
-    t: import("element-pe/hooks").Translator;
+    t: import("element-pe/es/hooks").Translator;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;

package/lib/components/color-picker/style/css.d.ts

@@ -1,4 +1,4 @@
-import 'element-pe/components/base/style/css';
+import 'element-pe/es/components/base/style/css';
 import 'element-pe/theme-chalk/el-color-picker.css';
-import 'element-pe/components/input/style/css';
-import 'element-pe/components/button/style/css';
+import 'element-pe/es/components/input/style/css';
+import 'element-pe/es/components/button/style/css';

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

@@ -1,4 +1,4 @@
-import 'element-pe/components/base/style';
+import 'element-pe/es/components/base/style';
 import 'element-pe/theme-chalk/src/color-picker.scss';
-import 'element-pe/components/input/style';
-import 'element-pe/components/button/style';
+import 'element-pe/es/components/input/style';
+import 'element-pe/es/components/button/style';

package/lib/components/config-provider/index.d.ts

@@ -1,32 +1,32 @@
-export declare const ElConfigProvider: import("element-pe/utils").SFCWithInstall<import("vue").DefineComponent<{
-    readonly a11y: import("element-pe/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly locale: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("../../locale").Language>, unknown, unknown, unknown, unknown>;
-    readonly size: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "small" | "large", unknown>;
-    readonly button: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("..").ButtonConfigContext>, unknown, unknown, unknown, unknown>;
-    readonly experimentalFeatures: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("../..").ExperimentalFeatures>, unknown, unknown, unknown, unknown>;
-    readonly keyboardNavigation: import("element-pe/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly message: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("..").MessageConfigContext>, unknown, unknown, unknown, unknown>;
-    readonly zIndex: import("element-pe/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
-    readonly namespace: import("element-pe/utils").BuildPropReturn<StringConstructor, "el", unknown, unknown, unknown>;
+export declare const ElConfigProvider: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly a11y: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly locale: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("../../locale").Language>, unknown, unknown, unknown, unknown>;
+    readonly size: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "small" | "large", unknown>;
+    readonly button: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("..").ButtonConfigContext>, unknown, unknown, unknown, unknown>;
+    readonly experimentalFeatures: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("../..").ExperimentalFeatures>, unknown, unknown, unknown, unknown>;
+    readonly keyboardNavigation: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly message: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("..").MessageConfigContext>, unknown, unknown, unknown, unknown>;
+    readonly zIndex: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+    readonly namespace: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "el", unknown, unknown, unknown>;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly a11y: import("element-pe/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly locale: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("../../locale").Language>, unknown, unknown, unknown, unknown>;
-    readonly size: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "small" | "large", unknown>;
-    readonly button: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("..").ButtonConfigContext>, unknown, unknown, unknown, unknown>;
-    readonly experimentalFeatures: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("../..").ExperimentalFeatures>, unknown, unknown, unknown, unknown>;
-    readonly keyboardNavigation: import("element-pe/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly message: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("..").MessageConfigContext>, unknown, unknown, unknown, unknown>;
-    readonly zIndex: import("element-pe/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
-    readonly namespace: import("element-pe/utils").BuildPropReturn<StringConstructor, "el", unknown, unknown, unknown>;
+    readonly a11y: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly locale: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("../../locale").Language>, unknown, unknown, unknown, unknown>;
+    readonly size: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "small" | "large", unknown>;
+    readonly button: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("..").ButtonConfigContext>, unknown, unknown, unknown, unknown>;
+    readonly experimentalFeatures: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("../..").ExperimentalFeatures>, unknown, unknown, unknown, unknown>;
+    readonly keyboardNavigation: import("element-pe/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly message: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("..").MessageConfigContext>, unknown, unknown, unknown, unknown>;
+    readonly zIndex: import("element-pe/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+    readonly namespace: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "el", unknown, unknown, unknown>;
 }>>, {
     button: import("..").ButtonConfigContext;
-    size: import("element-pe/utils").BuildPropType<StringConstructor, "" | "default" | "small" | "large", unknown>;
-    a11y: import("element-pe/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    size: import("element-pe/es/utils").BuildPropType<StringConstructor, "" | "default" | "small" | "large", unknown>;
+    a11y: import("element-pe/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     locale: import("../../locale").Language;
     experimentalFeatures: import("../..").ExperimentalFeatures;
-    keyboardNavigation: import("element-pe/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    keyboardNavigation: import("element-pe/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     message: import("..").MessageConfigContext;
     zIndex: number;
     namespace: string;