@element-plus/nightly 0.0.20220207 → 0.0.20220208

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

@@ -5,6 +5,17 @@ export declare const ElCollapse: import("../../utils/types").SFCWithInstall<impo
         default: () => never[];
     };
 }, {
+    ns: {
+        namespace: import("vue").ComputedRef<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) => string;
+    };
     activeNames: import("vue").Ref<never[]>;
     setActiveNames: (_activeNames: any) => void;
     handleItemClick: (name: any) => void;
@@ -41,6 +52,17 @@ export declare const ElCollapse: import("../../utils/types").SFCWithInstall<impo
         focusing: import("vue").Ref<boolean>;
         isClick: import("vue").Ref<boolean>;
         id: import("vue").Ref<number>;
+        ns: {
+            namespace: import("vue").ComputedRef<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) => string;
+        };
         handleFocus: () => void;
         handleHeaderClick: () => void;
         handleEnterClick: () => void;
@@ -82,6 +104,17 @@ export declare const ElCollapseItem: import("../../utils/types").SFCWithInstall<
     focusing: import("vue").Ref<boolean>;
     isClick: import("vue").Ref<boolean>;
     id: import("vue").Ref<number>;
+    ns: {
+        namespace: import("vue").ComputedRef<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) => string;
+    };
     handleFocus: () => void;
     handleHeaderClick: () => void;
     handleEnterClick: () => void;

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

@@ -7,7 +7,9 @@ var util = require('../../../utils/util.js');
 var index = require('../../collapse-transition/index.js');
 var index$1 = require('../../icon/index.js');
 var iconsVue = require('@element-plus/icons-vue');
+require('../../../hooks/index.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index$2 = require('../../../hooks/use-namespace/index.js');
 
 const _sfc_main = vue.defineComponent({
   name: "ElCollapseItem",
@@ -27,6 +29,7 @@ const _sfc_main = vue.defineComponent({
   },
   setup(props) {
     const collapse = vue.inject("collapse");
+    const ns = index$2.useNamespace("collapse");
     const contentWrapStyle = vue.ref({
       height: "auto",
       display: "block"
@@ -64,6 +67,7 @@ const _sfc_main = vue.defineComponent({
       focusing,
       isClick,
       id,
+      ns,
       handleFocus,
       handleHeaderClick,
       handleEnterClick,
@@ -74,26 +78,30 @@ const _sfc_main = vue.defineComponent({
 const _hoisted_1 = ["aria-expanded", "aria-controls", "aria-describedby"];
 const _hoisted_2 = ["id", "tabindex"];
 const _hoisted_3 = ["id", "aria-hidden", "aria-labelledby"];
-const _hoisted_4 = { class: "el-collapse-item__content" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_arrow_right = vue.resolveComponent("arrow-right");
   const _component_el_icon = vue.resolveComponent("el-icon");
   const _component_el_collapse_transition = vue.resolveComponent("el-collapse-transition");
   return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(["el-collapse-item", { "is-active": _ctx.isActive, "is-disabled": _ctx.disabled }])
+    class: vue.normalizeClass([
+      _ctx.ns.b("item"),
+      _ctx.ns.is("active", _ctx.isActive),
+      _ctx.ns.is("disabled", _ctx.disabled)
+    ])
   }, [
     vue.createElementVNode("div", {
       role: "tab",
       "aria-expanded": _ctx.isActive,
-      "aria-controls": `el-collapse-content-${_ctx.id}`,
-      "aria-describedby": `el-collapse-content-${_ctx.id}`
+      "aria-controls": _ctx.ns.b(`content-${_ctx.id}`),
+      "aria-describedby": _ctx.ns.b(`content-${_ctx.id}`)
     }, [
       vue.createElementVNode("div", {
-        id: `el-collapse-head-${_ctx.id}`,
-        class: vue.normalizeClass(["el-collapse-item__header", {
-          focusing: _ctx.focusing,
-          "is-active": _ctx.isActive
-        }]),
+        id: _ctx.ns.b(`head-${_ctx.id}`),
+        class: vue.normalizeClass([
+          _ctx.ns.be("item", "header"),
+          _ctx.ns.is("active", _ctx.isActive),
+          { focusing: _ctx.focusing }
+        ]),
         role: "button",
         tabindex: _ctx.disabled ? -1 : 0,
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleHeaderClick && _ctx.handleHeaderClick(...args)),
@@ -105,7 +113,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
         ]),
         vue.createVNode(_component_el_icon, {
-          class: vue.normalizeClass(["el-collapse-item__arrow", { "is-active": _ctx.isActive }])
+          class: vue.normalizeClass([_ctx.ns.be("item", "arrow"), _ctx.ns.is("active", _ctx.isActive)])
         }, {
           default: vue.withCtx(() => [
             vue.createVNode(_component_arrow_right)
@@ -117,16 +125,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     vue.createVNode(_component_el_collapse_transition, null, {
       default: vue.withCtx(() => [
         vue.withDirectives(vue.createElementVNode("div", {
-          id: `el-collapse-content-${_ctx.id}`,
-          class: "el-collapse-item__wrap",
+          id: _ctx.ns.b(`content-${_ctx.id}`),
+          class: vue.normalizeClass(_ctx.ns.be("item", "wrap")),
           role: "tabpanel",
           "aria-hidden": !_ctx.isActive,
-          "aria-labelledby": `el-collapse-head-${_ctx.id}`
+          "aria-labelledby": _ctx.ns.b(`head-${_ctx.id}`)
         }, [
-          vue.createElementVNode("div", _hoisted_4, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(_ctx.ns.be("item", "content"))
+          }, [
             vue.renderSlot(_ctx.$slots, "default")
-          ])
-        ], 8, _hoisted_3), [
+          ], 2)
+        ], 10, _hoisted_3), [
           [vue.vShow, _ctx.isActive]
         ])
       ]),

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

@@ -1 +1 @@
-{"version":3,"file":"collapse-item.js","sources":["../../../../../../packages/components/collapse/src/collapse-item.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-collapse-item\"\n    :class=\"{ 'is-active': isActive, 'is-disabled': disabled }\"\n  >\n    <div\n      role=\"tab\"\n      :aria-expanded=\"isActive\"\n      :aria-controls=\"`el-collapse-content-${id}`\"\n      :aria-describedby=\"`el-collapse-content-${id}`\"\n    >\n      <div\n        :id=\"`el-collapse-head-${id}`\"\n        class=\"el-collapse-item__header\"\n        role=\"button\"\n        :tabindex=\"disabled ? -1 : 0\"\n        :class=\"{\n          focusing: focusing,\n          'is-active': isActive,\n        }\"\n        @click=\"handleHeaderClick\"\n        @keyup.space.enter.stop=\"handleEnterClick\"\n        @focus=\"handleFocus\"\n        @blur=\"focusing = false\"\n      >\n        <slot name=\"title\">{{ title }}</slot>\n        <el-icon\n          class=\"el-collapse-item__arrow\"\n          :class=\"{ 'is-active': isActive }\"\n        >\n          <arrow-right />\n        </el-icon>\n      </div>\n    </div>\n    <el-collapse-transition>\n      <div\n        v-show=\"isActive\"\n        :id=\"`el-collapse-content-${id}`\"\n        class=\"el-collapse-item__wrap\"\n        role=\"tabpanel\"\n        :aria-hidden=\"!isActive\"\n        :aria-labelledby=\"`el-collapse-head-${id}`\"\n      >\n        <div class=\"el-collapse-item__content\">\n          <slot></slot>\n        </div>\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, ref } from 'vue'\nimport { generateId } from '@element-plus/utils/util'\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElIcon from '@element-plus/components/icon'\nimport { ArrowRight } from '@element-plus/icons-vue'\n\nimport type { PropType } from 'vue'\nimport type { CollapseProvider } from './collapse.type'\n\nexport default defineComponent({\n  name: 'ElCollapseItem',\n  components: { ElCollapseTransition, ElIcon, ArrowRight },\n  props: {\n    title: {\n      type: String,\n      default: '',\n    },\n    name: {\n      type: [String, Number] as PropType<string | number>,\n      default: () => {\n        return generateId()\n      },\n    },\n    disabled: Boolean,\n  },\n  setup(props) {\n    const collapse = inject<CollapseProvider>('collapse')\n\n    const contentWrapStyle = ref({\n      height: 'auto',\n      display: 'block',\n    })\n    const contentHeight = ref(0)\n    const focusing = ref(false)\n    const isClick = ref(false)\n    const id = ref(generateId())\n\n    const isActive = computed(() => {\n      return collapse?.activeNames.value.indexOf(props.name) > -1\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      isActive,\n      contentWrapStyle,\n      contentHeight,\n      focusing,\n      isClick,\n      id,\n      handleFocus,\n      handleHeaderClick,\n      handleEnterClick,\n      collapse,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElCollapseTransition","ElIcon","ArrowRight","generateId","inject","ref","computed","_openBlock","_withCtx","_createElementVNode"],"mappings":";;;;;;;;;;;AA4DA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,wBAAEC,0BAAsBC,4BAAQC;AAAA,EAC5C,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS,MAAM;AACb,eAAOC;AAAA;AAAA;AAAA,IAGX,UAAU;AAAA;AAAA,EAEZ,MAAM,OAAO;AACX,UAAM,WAAWC,WAAyB;AAE1C,UAAM,mBAAmBC,QAAI;AAAA,MAC3B,QAAQ;AAAA,MACR,SAAS;AAAA;AAEX,UAAM,gBAAgBA,QAAI;AAC1B,UAAM,WAAWA,QAAI;AACrB,UAAM,UAAUA,QAAI;AACpB,UAAM,KAAKA,QAAIF;AAEf,UAAM,WAAWG,aAAS,MAAM;AAC9B,aAAO,kDAAkD;AAAA;AAG3D,UAAM,cAAc,MAAM;AACxB,iBAAW,MAAM;AACf,YAAI,CAAC,QAAQ,OAAO;AAClB,mBAAS,QAAQ;AAAA,eACZ;AACL,kBAAQ,QAAQ;AAAA;AAAA,SAEjB;AAAA;AAGL,UAAM,oBAAoB,MAAM;AAC9B,UAAI,MAAM;AAAU;AACpB;AACA,eAAS,QAAQ;AACjB,cAAQ,QAAQ;AAAA;AAGlB,UAAM,mBAAmB,MAAM;AAC7B;AAAgC;AAGlC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;0BAhFY,eAAC;;;;;;SAzCVC,wCAAC,OAAkB;AAAA;KAGxB;AAAA,2BACY;AAAA,MACT;AAAA,MACA,iBAAa;AAAA,MACb,wCAAgB,KAAyB;AAAA;OAE1C;AAAA,6BACK,OAAsB;AAAA,QACzB,wBAAM;AAAA,kCAGwB,6BAAQ;AAAA,yBAAyB;AAAA;;QAD9D;AAAA,QAKA,UAAK;AAAA,QACL,SAAK,iEAAmB;AAAA,QACxB,SAAK,yDAAE,sCAAW;AAAA,QAClB,SAAI,uCAAE,oBAAQ;AAAA;SAEf;AAAA,iDAAsB;AAAA;;wBAEf,oBAAC;AAAA;;mBAGNC,YAAe;AAAA;;;;;OAIrB,GAayB;AAAA,uDADjB;AAAA,2BAXN;AAAA,2BAEKC,uBAA2B;AAAA,UAC9B,2BAAM,KAAwB;AAAA,UAC9B,OAAK;AAAA,UACJ;AAAA,UACA,qBAAe;AAAA;WAEhB;AAAA,iCACe;AAAA;;cARP,aAAQ;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"collapse-item.js","sources":["../../../../../../packages/components/collapse/src/collapse-item.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ns.b('item'),\n      ns.is('active', isActive),\n      ns.is('disabled', disabled),\n    ]\"\n  >\n    <div\n      role=\"tab\"\n      :aria-expanded=\"isActive\"\n      :aria-controls=\"ns.b(`content-${id}`)\"\n      :aria-describedby=\"ns.b(`content-${id}`)\"\n    >\n      <div\n        :id=\"ns.b(`head-${id}`)\"\n        :class=\"[\n          ns.be('item', 'header'),\n          ns.is('active', isActive),\n          { focusing },\n        ]\"\n        role=\"button\"\n        :tabindex=\"disabled ? -1 : 0\"\n        @click=\"handleHeaderClick\"\n        @keyup.space.enter.stop=\"handleEnterClick\"\n        @focus=\"handleFocus\"\n        @blur=\"focusing = false\"\n      >\n        <slot name=\"title\">{{ title }}</slot>\n        <el-icon :class=\"[ns.be('item', 'arrow'), ns.is('active', isActive)]\">\n          <arrow-right />\n        </el-icon>\n      </div>\n    </div>\n    <el-collapse-transition>\n      <div\n        v-show=\"isActive\"\n        :id=\"ns.b(`content-${id}`)\"\n        :class=\"ns.be('item', 'wrap')\"\n        role=\"tabpanel\"\n        :aria-hidden=\"!isActive\"\n        :aria-labelledby=\"ns.b(`head-${id}`)\"\n      >\n        <div :class=\"ns.be('item', 'content')\">\n          <slot></slot>\n        </div>\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, ref } from 'vue'\nimport { generateId } from '@element-plus/utils/util'\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElIcon from '@element-plus/components/icon'\nimport { ArrowRight } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { PropType } from 'vue'\nimport type { CollapseProvider } from './collapse.type'\n\nexport default defineComponent({\n  name: 'ElCollapseItem',\n  components: { ElCollapseTransition, ElIcon, ArrowRight },\n  props: {\n    title: {\n      type: String,\n      default: '',\n    },\n    name: {\n      type: [String, Number] as PropType<string | number>,\n      default: () => {\n        return generateId()\n      },\n    },\n    disabled: Boolean,\n  },\n  setup(props) {\n    const collapse = inject<CollapseProvider>('collapse')\n    const ns = useNamespace('collapse')\n\n    const contentWrapStyle = ref({\n      height: 'auto',\n      display: 'block',\n    })\n    const contentHeight = ref(0)\n    const focusing = ref(false)\n    const isClick = ref(false)\n    const id = ref(generateId())\n\n    const isActive = computed(() => {\n      return collapse?.activeNames.value.indexOf(props.name) > -1\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      isActive,\n      contentWrapStyle,\n      contentHeight,\n      focusing,\n      isClick,\n      id,\n      ns,\n      handleFocus,\n      handleHeaderClick,\n      handleEnterClick,\n      collapse,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElCollapseTransition","ElIcon","ArrowRight","generateId","inject","useNamespace","ref","computed","_openBlock","_normalizeClass","_withCtx","_createElementVNode"],"mappings":";;;;;;;;;;;;;AA6DA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,wBAAEC,0BAAsBC,4BAAQC;AAAA,EAC5C,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS,MAAM;AACb,eAAOC;AAAA;AAAA;AAAA,IAGX,UAAU;AAAA;AAAA,EAEZ,MAAM,OAAO;AACX,UAAM,WAAWC,WAAyB;AAC1C,UAAM,KAAKC,qBAAa;AAExB,UAAM,mBAAmBC,QAAI;AAAA,MAC3B,QAAQ;AAAA,MACR,SAAS;AAAA;AAEX,UAAM,gBAAgBA,QAAI;AAC1B,UAAM,WAAWA,QAAI;AACrB,UAAM,UAAUA,QAAI;AACpB,UAAM,KAAKA,QAAIH;AAEf,UAAM,WAAWI,aAAS,MAAM;AAC9B,aAAO,kDAAkD;AAAA;AAG3D,UAAM,cAAc,MAAM;AACxB,iBAAW,MAAM;AACf,YAAI,CAAC,QAAQ,OAAO;AAClB,mBAAS,QAAQ;AAAA,eACZ;AACL,kBAAQ,QAAQ;AAAA;AAAA,SAEjB;AAAA;AAGL,UAAM,oBAAoB,MAAM;AAC9B,UAAI,MAAM;AAAU;AACpB;AACA,eAAS,QAAQ;AACjB,cAAQ,QAAQ;AAAA;AAGlB,UAAM,mBAAmB,MAAM;AAC7B;AAAgC;AAGlC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;;;;SA5HIC;AAAA,WAAUC,mBAAI;AAAA,MAAgB,QAAG,EAAE;AAAA,MAA4B,QAAG,GAAE,eAAa;AAAA;;KAMvF;AAAA,2BACY;AAAA,MACT;AAAA,MACA,iBAAe;AAAA,MACf,sBAAkB,KAAE,WAAE,KAAY;AAAA;OAEnC;AAAA,6BACW,OAAS;AAAA,QACjB,SAAK;AAAA,eAAcA,mBAAK;AAAA,UAA8B,QAAG,GAAE;AAAA,+BAAkC,KAAQ;AAAA;;QAMrG;AAAA,QACA,UAAK;AAAA,QACL,SAAK,iEAAmB;AAAA,QACxB,SAAK,yDAAE,sCAAW;AAAA,QAClB,SAAI,uCAAE,oBAAQ;AAAA;SAEf;AAAA,iDAAsB;AAAA;;wBACP,oBAAK;AAAA;;mBAClBC,YAAe;AAAA;;;;;OAIrB,GAayB;AAAA,uDADjB;AAAA,2BAXN;AAAA,2BAEWC,uBAAc;AAAA,UACtB,SAAK,gBAAE,KAAE;AAAA,UACV,OAAKF,mBAAU;AAAA,UACd;AAAA,UACA,qBAAiB;AAAA;WAElB;AAAA,iCAAW,OAAE;AAAA;aACX;AAAA;;eARc;AAAA;;;;;;;;;;;"}

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

@@ -20,6 +20,17 @@ declare const _default: import("vue").DefineComponent<{
     focusing: import("vue").Ref<boolean>;
     isClick: import("vue").Ref<boolean>;
     id: import("vue").Ref<number>;
+    ns: {
+        namespace: import("vue").ComputedRef<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) => string;
+    };
     handleFocus: () => void;
     handleHeaderClick: () => void;
     handleEnterClick: () => void;

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

@@ -4,7 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var constants = require('../../../utils/constants.js');
+require('../../../hooks/index.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
 const _sfc_main = vue.defineComponent({
   name: "ElCollapse",
@@ -17,6 +19,7 @@ const _sfc_main = vue.defineComponent({
   },
   emits: [constants.UPDATE_MODEL_EVENT, constants.CHANGE_EVENT],
   setup(props, { emit }) {
+    const ns = index.useNamespace("collapse");
     const activeNames = vue.ref([].concat(props.modelValue));
     const setActiveNames = (_activeNames) => {
       activeNames.value = [].concat(_activeNames);
@@ -48,21 +51,21 @@ const _sfc_main = vue.defineComponent({
       handleItemClick
     });
     return {
+      ns,
       activeNames,
       setActiveNames,
       handleItemClick
     };
   }
 });
-const _hoisted_1 = {
-  class: "el-collapse",
-  role: "tablist",
-  "aria-multiselectable": "true"
-};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(_ctx.ns.b()),
+    role: "tablist",
+    "aria-multiselectable": "true"
+  }, [
     vue.renderSlot(_ctx.$slots, "default")
-  ]);
+  ], 2);
 }
 var Collapse = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 

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=\"el-collapse\" role=\"tablist\" aria-multiselectable=\"true\">\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, watch, provide } from 'vue'\nimport { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/utils/constants'\nimport type { PropType } from 'vue'\nimport type { CollapseProvider } from './collapse.type'\n\nexport default defineComponent({\n  name: 'ElCollapse',\n  props: {\n    accordion: Boolean,\n    modelValue: {\n      type: [Array, String, Number] as PropType<\n        string | number | Array<string | number>\n      >,\n      default: () => [],\n    },\n  },\n  emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT],\n  setup(props, { emit }) {\n    const activeNames = ref([].concat(props.modelValue))\n\n    const setActiveNames = (_activeNames) => {\n      activeNames.value = [].concat(_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) => {\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.slice(0)\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      () => {\n        activeNames.value = [].concat(props.modelValue)\n      },\n      {\n        deep: true,\n      }\n    )\n\n    provide<CollapseProvider>('collapse', {\n      activeNames,\n      handleItemClick,\n    })\n\n    return {\n      activeNames,\n      setActiveNames,\n      handleItemClick,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","UPDATE_MODEL_EVENT","CHANGE_EVENT","ref","_openBlock","_createElementBlock"],"mappings":";;;;;;;;AAYA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,WAAW;AAAA,IACX,YAAY;AAAA,MACV,MAAM,CAAC,OAAO,QAAQ;AAAA,MAGtB,SAAS,MAAM;AAAA;AAAA;AAAA,EAGnB,OAAO,CAACC,8BAAoBC;AAAA,EAC5B,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,cAAcC,QAAI,GAAG,OAAO,MAAM;AAExC,UAAM,iBAAiB,CAAC,iBAAiB;AACvC,kBAAY,QAAQ,GAAG,OAAO;AAC9B,YAAM,QAAQ,MAAM,YAAY,YAAY,MAAM,KAAK,YAAY;AACnE,WAAKF,8BAAoB;AACzB,WAAKC,wBAAc;AAAA;AAGrB,UAAM,kBAAkB,CAAC,SAAS;AAChC,UAAI,MAAM,WAAW;AACnB,uBACG,aAAY,MAAM,MAAM,YAAY,MAAM,OAAO,MAChD,YAAY,MAAM,OAAO,OACvB,KACA;AAAA,aAED;AACL,cAAM,eAAe,YAAY,MAAM,MAAM;AAC7C,cAAM,QAAQ,aAAa,QAAQ;AAEnC,YAAI,QAAQ,IAAI;AACd,uBAAa,OAAO,OAAO;AAAA,eACtB;AACL,uBAAa,KAAK;AAAA;AAEpB,uBAAe;AAAA;AAAA;AAInB,cACE,MAAM,MAAM,YACZ,MAAM;AACJ,kBAAY,QAAQ,GAAG,OAAO,MAAM;AAAA,OAEtC;AAAA,MACE,MAAM;AAAA;AAIV,gBAA0B,YAAY;AAAA,MACpC;AAAA,MACA;AAAA;AAGF,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;MAxEC,aAAM;AAAA,EAAc,OAAK;AAAA,EAAU;AAAA;;2BAAxC,yCAEM;SADJE,iBAAaC;AAAA;;;;;;;"}
+{"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></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, watch, provide } from 'vue'\nimport { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/utils/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport type { PropType } from 'vue'\nimport type { CollapseProvider } from './collapse.type'\n\nexport default defineComponent({\n  name: 'ElCollapse',\n  props: {\n    accordion: Boolean,\n    modelValue: {\n      type: [Array, String, Number] as PropType<\n        string | number | Array<string | number>\n      >,\n      default: () => [],\n    },\n  },\n  emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT],\n  setup(props, { emit }) {\n    const ns = useNamespace('collapse')\n    const activeNames = ref([].concat(props.modelValue))\n\n    const setActiveNames = (_activeNames) => {\n      activeNames.value = [].concat(_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) => {\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.slice(0)\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      () => {\n        activeNames.value = [].concat(props.modelValue)\n      },\n      {\n        deep: true,\n      }\n    )\n\n    provide<CollapseProvider>('collapse', {\n      activeNames,\n      handleItemClick,\n    })\n\n    return {\n      ns,\n      activeNames,\n      setActiveNames,\n      handleItemClick,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","UPDATE_MODEL_EVENT","CHANGE_EVENT","useNamespace","ref","_openBlock","_normalizeClass"],"mappings":";;;;;;;;;;AAaA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,WAAW;AAAA,IACX,YAAY;AAAA,MACV,MAAM,CAAC,OAAO,QAAQ;AAAA,MAGtB,SAAS,MAAM;AAAA;AAAA;AAAA,EAGnB,OAAO,CAACC,8BAAoBC;AAAA,EAC5B,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,KAAKC,mBAAa;AACxB,UAAM,cAAcC,QAAI,GAAG,OAAO,MAAM;AAExC,UAAM,iBAAiB,CAAC,iBAAiB;AACvC,kBAAY,QAAQ,GAAG,OAAO;AAC9B,YAAM,QAAQ,MAAM,YAAY,YAAY,MAAM,KAAK,YAAY;AACnE,WAAKH,8BAAoB;AACzB,WAAKC,wBAAc;AAAA;AAGrB,UAAM,kBAAkB,CAAC,SAAS;AAChC,UAAI,MAAM,WAAW;AACnB,uBACG,aAAY,MAAM,MAAM,YAAY,MAAM,OAAO,MAChD,YAAY,MAAM,OAAO,OACvB,KACA;AAAA,aAED;AACL,cAAM,eAAe,YAAY,MAAM,MAAM;AAC7C,cAAM,QAAQ,aAAa,QAAQ;AAEnC,YAAI,QAAQ,IAAI;AACd,uBAAa,OAAO,OAAO;AAAA,eACtB;AACL,uBAAa,KAAK;AAAA;AAEpB,uBAAe;AAAA;AAAA;AAInB,cACE,MAAM,MAAM,YACZ,MAAM;AACJ,kBAAY,QAAQ,GAAG,OAAO,MAAM;AAAA,OAEtC;AAAA,MACE,MAAM;AAAA;AAIV,gBAA0B,YAAY;AAAA,MACpC;AAAA,MACA;AAAA;AAGF,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;2BA3EJ,wBAEM;SAFKG,wCAAM;AAAA,IAAI,OAAKC,mBAAS;AAAA,IAAC;AAAA;KAClC;AAAA;;;;;;;"}

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

@@ -6,6 +6,17 @@ declare const _default: import("vue").DefineComponent<{
         default: () => never[];
     };
 }, {
+    ns: {
+        namespace: import("vue").ComputedRef<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) => string;
+    };
     activeNames: import("vue").Ref<never[]>;
     setActiveNames: (_activeNames: any) => void;
     handleItemClick: (name: any) => void;

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

@@ -1,5 +1,16 @@
 import type { SFCWithInstall } from 'element-plus/es/utils/types';
 declare const _CollapseTransition: SFCWithInstall<import("vue").DefineComponent<{}, {
+    ns: {
+        namespace: import("vue").ComputedRef<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) => string;
+    };
     on: {
         beforeEnter(el: any): void;
         enter(el: any): void;
@@ -11,6 +22,17 @@ declare const _CollapseTransition: SFCWithInstall<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<{}>>, {}>>;
 export default _CollapseTransition;
 export declare const ElCollapseTransition: SFCWithInstall<import("vue").DefineComponent<{}, {
+    ns: {
+        namespace: import("vue").ComputedRef<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) => string;
+    };
     on: {
         beforeEnter(el: any): void;
         enter(el: any): void;

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

@@ -3,12 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+require('../../../hooks/index.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
 const _sfc_main = vue.defineComponent({
   name: "ElCollapseTransition",
   setup() {
+    const ns = index.useNamespace("collapse-transition");
     return {
+      ns,
       on: {
         beforeEnter(el) {
           if (!el.dataset)
@@ -63,12 +67,14 @@ const _sfc_main = vue.defineComponent({
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({ name: "el-collapse-transition" }, vue.toHandlers(_ctx.on)), {
+  return vue.openBlock(), vue.createBlock(vue.Transition, vue.mergeProps({
+    name: _ctx.ns.b()
+  }, vue.toHandlers(_ctx.on)), {
     default: vue.withCtx(() => [
       vue.renderSlot(_ctx.$slots, "default")
     ]),
     _: 3
-  }, 16);
+  }, 16, ["name"]);
 }
 var CollapseTransition = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 

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

@@ -1 +1 @@
-{"version":3,"file":"collapse-transition.js","sources":["../../../../../../packages/components/collapse-transition/src/collapse-transition.vue"],"sourcesContent":["<template>\n  <transition name=\"el-collapse-transition\" v-on=\"on\">\n    <slot></slot>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'ElCollapseTransition',\n  setup() {\n    return {\n      on: {\n        beforeEnter(el) {\n          if (!el.dataset) el.dataset = {}\n\n          el.dataset.oldPaddingTop = el.style.paddingTop\n          el.dataset.oldPaddingBottom = el.style.paddingBottom\n\n          el.style.maxHeight = 0\n          el.style.paddingTop = 0\n          el.style.paddingBottom = 0\n        },\n\n        enter(el) {\n          el.dataset.oldOverflow = el.style.overflow\n          if (el.scrollHeight !== 0) {\n            el.style.maxHeight = `${el.scrollHeight}px`\n            el.style.paddingTop = el.dataset.oldPaddingTop\n            el.style.paddingBottom = el.dataset.oldPaddingBottom\n          } else {\n            el.style.maxHeight = 0\n            el.style.paddingTop = el.dataset.oldPaddingTop\n            el.style.paddingBottom = el.dataset.oldPaddingBottom\n          }\n\n          el.style.overflow = 'hidden'\n        },\n\n        afterEnter(el) {\n          el.style.maxHeight = ''\n          el.style.overflow = el.dataset.oldOverflow\n        },\n\n        beforeLeave(el) {\n          if (!el.dataset) el.dataset = {}\n          el.dataset.oldPaddingTop = el.style.paddingTop\n          el.dataset.oldPaddingBottom = el.style.paddingBottom\n          el.dataset.oldOverflow = el.style.overflow\n\n          el.style.maxHeight = `${el.scrollHeight}px`\n          el.style.overflow = 'hidden'\n        },\n\n        leave(el) {\n          if (el.scrollHeight !== 0) {\n            el.style.maxHeight = 0\n            el.style.paddingTop = 0\n            el.style.paddingBottom = 0\n          }\n        },\n\n        afterLeave(el) {\n          el.style.maxHeight = ''\n          el.style.overflow = el.dataset.oldOverflow\n          el.style.paddingTop = el.dataset.oldPaddingTop\n          el.style.paddingBottom = el.dataset.oldPaddingBottom\n        },\n      },\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","_createBlock","_withCtx"],"mappings":";;;;;;;AAQA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AACN,WAAO;AAAA,MACL,IAAI;AAAA,QACF,YAAY,IAAI;AACd,cAAI,CAAC,GAAG;AAAS,eAAG,UAAU;AAE9B,aAAG,QAAQ,gBAAgB,GAAG,MAAM;AACpC,aAAG,QAAQ,mBAAmB,GAAG,MAAM;AAEvC,aAAG,MAAM,YAAY;AACrB,aAAG,MAAM,aAAa;AACtB,aAAG,MAAM,gBAAgB;AAAA;AAAA,QAG3B,MAAM,IAAI;AACR,aAAG,QAAQ,cAAc,GAAG,MAAM;AAClC,cAAI,GAAG,iBAAiB,GAAG;AACzB,eAAG,MAAM,YAAY,GAAG,GAAG;AAC3B,eAAG,MAAM,aAAa,GAAG,QAAQ;AACjC,eAAG,MAAM,gBAAgB,GAAG,QAAQ;AAAA,iBAC/B;AACL,eAAG,MAAM,YAAY;AACrB,eAAG,MAAM,aAAa,GAAG,QAAQ;AACjC,eAAG,MAAM,gBAAgB,GAAG,QAAQ;AAAA;AAGtC,aAAG,MAAM,WAAW;AAAA;AAAA,QAGtB,WAAW,IAAI;AACb,aAAG,MAAM,YAAY;AACrB,aAAG,MAAM,WAAW,GAAG,QAAQ;AAAA;AAAA,QAGjC,YAAY,IAAI;AACd,cAAI,CAAC,GAAG;AAAS,eAAG,UAAU;AAC9B,aAAG,QAAQ,gBAAgB,GAAG,MAAM;AACpC,aAAG,QAAQ,mBAAmB,GAAG,MAAM;AACvC,aAAG,QAAQ,cAAc,GAAG,MAAM;AAElC,aAAG,MAAM,YAAY,GAAG,GAAG;AAC3B,aAAG,MAAM,WAAW;AAAA;AAAA,QAGtB,MAAM,IAAI;AACR,cAAI,GAAG,iBAAiB,GAAG;AACzB,eAAG,MAAM,YAAY;AACrB,eAAG,MAAM,aAAa;AACtB,eAAG,MAAM,gBAAgB;AAAA;AAAA;AAAA,QAI7B,WAAW,IAAI;AACb,aAAG,MAAM,YAAY;AACrB,aAAG,MAAM,WAAW,GAAG,QAAQ;AAC/B,aAAG,MAAM,aAAa,GAAG,QAAQ;AACjC,aAAG,MAAM,gBAAgB,GAAG,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;2BAjE5C,gBAEa,QAFb,iBAAgB;0BACDC;AAAA,aAAbC,YAAa;AAAA;;;;;;;;;"}
+{"version":3,"file":"collapse-transition.js","sources":["../../../../../../packages/components/collapse-transition/src/collapse-transition.vue"],"sourcesContent":["<template>\n  <transition :name=\"ns.b()\" v-on=\"on\">\n    <slot></slot>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nexport default defineComponent({\n  name: 'ElCollapseTransition',\n  setup() {\n    const ns = useNamespace('collapse-transition')\n\n    return {\n      ns,\n      on: {\n        beforeEnter(el) {\n          if (!el.dataset) el.dataset = {}\n\n          el.dataset.oldPaddingTop = el.style.paddingTop\n          el.dataset.oldPaddingBottom = el.style.paddingBottom\n\n          el.style.maxHeight = 0\n          el.style.paddingTop = 0\n          el.style.paddingBottom = 0\n        },\n\n        enter(el) {\n          el.dataset.oldOverflow = el.style.overflow\n          if (el.scrollHeight !== 0) {\n            el.style.maxHeight = `${el.scrollHeight}px`\n            el.style.paddingTop = el.dataset.oldPaddingTop\n            el.style.paddingBottom = el.dataset.oldPaddingBottom\n          } else {\n            el.style.maxHeight = 0\n            el.style.paddingTop = el.dataset.oldPaddingTop\n            el.style.paddingBottom = el.dataset.oldPaddingBottom\n          }\n\n          el.style.overflow = 'hidden'\n        },\n\n        afterEnter(el) {\n          el.style.maxHeight = ''\n          el.style.overflow = el.dataset.oldOverflow\n        },\n\n        beforeLeave(el) {\n          if (!el.dataset) el.dataset = {}\n          el.dataset.oldPaddingTop = el.style.paddingTop\n          el.dataset.oldPaddingBottom = el.style.paddingBottom\n          el.dataset.oldOverflow = el.style.overflow\n\n          el.style.maxHeight = `${el.scrollHeight}px`\n          el.style.overflow = 'hidden'\n        },\n\n        leave(el) {\n          if (el.scrollHeight !== 0) {\n            el.style.maxHeight = 0\n            el.style.paddingTop = 0\n            el.style.paddingBottom = 0\n          }\n        },\n\n        afterLeave(el) {\n          el.style.maxHeight = ''\n          el.style.overflow = el.dataset.oldOverflow\n          el.style.paddingTop = el.dataset.oldPaddingTop\n          el.style.paddingBottom = el.dataset.oldPaddingBottom\n        },\n      },\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useNamespace","_openBlock","_createBlock","_withCtx"],"mappings":";;;;;;;;;AASA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AACN,UAAM,KAAKC,mBAAa;AAExB,WAAO;AAAA,MACL;AAAA,MACA,IAAI;AAAA,QACF,YAAY,IAAI;AACd,cAAI,CAAC,GAAG;AAAS,eAAG,UAAU;AAE9B,aAAG,QAAQ,gBAAgB,GAAG,MAAM;AACpC,aAAG,QAAQ,mBAAmB,GAAG,MAAM;AAEvC,aAAG,MAAM,YAAY;AACrB,aAAG,MAAM,aAAa;AACtB,aAAG,MAAM,gBAAgB;AAAA;AAAA,QAG3B,MAAM,IAAI;AACR,aAAG,QAAQ,cAAc,GAAG,MAAM;AAClC,cAAI,GAAG,iBAAiB,GAAG;AACzB,eAAG,MAAM,YAAY,GAAG,GAAG;AAC3B,eAAG,MAAM,aAAa,GAAG,QAAQ;AACjC,eAAG,MAAM,gBAAgB,GAAG,QAAQ;AAAA,iBAC/B;AACL,eAAG,MAAM,YAAY;AACrB,eAAG,MAAM,aAAa,GAAG,QAAQ;AACjC,eAAG,MAAM,gBAAgB,GAAG,QAAQ;AAAA;AAGtC,aAAG,MAAM,WAAW;AAAA;AAAA,QAGtB,WAAW,IAAI;AACb,aAAG,MAAM,YAAY;AACrB,aAAG,MAAM,WAAW,GAAG,QAAQ;AAAA;AAAA,QAGjC,YAAY,IAAI;AACd,cAAI,CAAC,GAAG;AAAS,eAAG,UAAU;AAC9B,aAAG,QAAQ,gBAAgB,GAAG,MAAM;AACpC,aAAG,QAAQ,mBAAmB,GAAG,MAAM;AACvC,aAAG,QAAQ,cAAc,GAAG,MAAM;AAElC,aAAG,MAAM,YAAY,GAAG,GAAG;AAC3B,aAAG,MAAM,WAAW;AAAA;AAAA,QAGtB,MAAM,IAAI;AACR,cAAI,GAAG,iBAAiB,GAAG;AACzB,eAAG,MAAM,YAAY;AACrB,eAAG,MAAM,aAAa;AACtB,eAAG,MAAM,gBAAgB;AAAA;AAAA;AAAA,QAI7B,WAAW,IAAI;AACb,aAAG,MAAM,YAAY;AACrB,aAAG,MAAM,WAAW,GAAG,QAAQ;AAC/B,aAAG,MAAM,aAAa,GAAG,QAAQ;AACjC,aAAG,MAAM,gBAAgB,GAAG,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;2BArE5C,gBAEa,QAFb,iBAEa;SAFMC,iBAAIC;AAAA,UAAI,QAAS;AAAA,yBAClC,MAAa;AAAA,aAAbC,YAAa;AAAA;;;;;;;;;"}

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

@@ -1,4 +1,15 @@
 declare const _default: import("vue").DefineComponent<{}, {
+    ns: {
+        namespace: import("vue").ComputedRef<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) => string;
+    };
     on: {
         beforeEnter(el: any): void;
         enter(el: any): void;

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

@@ -12,7 +12,7 @@ declare const _ColorPicker: SFCWithInstall<import("vue").DefineComponent<{
     predefine: ArrayConstructor;
 }, {
     color: import("./src/color").default;
-    colorDisabled: import("vue").ComputedRef<boolean | undefined>;
+    colorDisabled: import("vue").ComputedRef<boolean>;
     colorSize: import("vue").ComputedRef<import("element-plus/es/utils/types").ComponentSize>;
     displayedColor: import("vue").ComputedRef<string>;
     showPanelColor: import("vue").Ref<boolean>;
@@ -24,6 +24,17 @@ declare const _ColorPicker: SFCWithInstall<import("vue").DefineComponent<{
     clear: () => void;
     confirmValue: () => void;
     t: import("../..").Translator;
+    ns: {
+        namespace: import("vue").ComputedRef<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) => string;
+    };
     hue: import("vue").Ref<null>;
     svPanel: import("vue").Ref<null>;
     alpha: import("vue").Ref<null>;
@@ -61,7 +72,7 @@ export declare const ElColorPicker: SFCWithInstall<import("vue").DefineComponent
     predefine: ArrayConstructor;
 }, {
     color: import("./src/color").default;
-    colorDisabled: import("vue").ComputedRef<boolean | undefined>;
+    colorDisabled: import("vue").ComputedRef<boolean>;
     colorSize: import("vue").ComputedRef<import("element-plus/es/utils/types").ComponentSize>;
     displayedColor: import("vue").ComputedRef<string>;
     showPanelColor: import("vue").Ref<boolean>;
@@ -73,6 +84,17 @@ export declare const ElColorPicker: SFCWithInstall<import("vue").DefineComponent
     clear: () => void;
     confirmValue: () => void;
     t: import("../..").Translator;
+    ns: {
+        namespace: import("vue").ComputedRef<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) => string;
+    };
     hue: import("vue").Ref<null>;
     svPanel: import("vue").Ref<null>;
     alpha: import("vue").Ref<null>;