fix: fix scss namespace

packages/element-plus/components/collapse-card/collapse-card.scss

@@ -1,4 +1,4 @@
-@include b('collapse-card') {
+@include ns('collapse-card') {
   --collapse-card-bg-color: var(--el-bg-color-overlay);
   --collapse-card-border: var(--el-border-color-light);
   --collapse-arrow-icon-color: var(--el-primary-color);
@@ -8,37 +8,37 @@
   background-color: var(--collapse-card-bg-color);
   border: 1px solid var(--collapse-card-border);
 
-  @include e('active') {
+  @include b('active') {
     $is-at-root: false !global;
 
-    @include e('arrow') {
+    @include b('arrow') {
       & > svg {
         transform: rotate(180deg);
       }
     }
 
-    @include e('title') {
+    @include b('title') {
       border-bottom: 1px solid var(--collapse-card-border);
     }
 
     $is-at-root: true !global;
   }
 
-  @include e('title') {
+  @include b('title') {
     padding: 8px 12px;
 
-    @include m('default') {
+    @include e('default') {
       display: flex;
       cursor: pointer;
       align-items: center;
     }
 
-    @include m('text') {
+    @include e('text') {
       color: var(--collapse-arrow-icon-color);
     }
   }
 
-  @include e('arrow') {
+  @include b('arrow') {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -54,7 +54,7 @@
     }
   }
 
-  @include e('content') {
+  @include b('content') {
     padding: var(--collapse-card-padding);
   }
-}
+}

packages/element-plus/components/collapse-card/collapse-card.vue

@@ -18,22 +18,22 @@ const handleToggleCollapse = () => {
 </script>
 
 <template>
-  <div :class="[ns.cls, isCollapse && ns.e('active')]">
-    <div :class="[ns.e('title')]">
+  <div :class="[ns.cls, isCollapse && ns.b('active')]">
+    <div :class="[ns.b('title')]">
       <slot name="title">
-        <div :class="[ns.em('title', 'default')]" @click="handleToggleCollapse">
-          <div :class="[ns.e('arrow')]">
+        <div :class="[ns.be('title', 'default')]" @click="handleToggleCollapse">
+          <div :class="[ns.b('arrow')]">
             <slot name="title-icon">
               <arrow-down-icon />
             </slot>
           </div>
-          <span :class="[ns.em('title', 'text')]">{{ title }}</span>
+          <span :class="[ns.be('title', 'text')]">{{ title }}</span>
         </div>
       </slot>
     </div>
     <el-collapse-transition>
       <div v-show="isCollapse">
-        <div :class="ns.e('content')">
+        <div :class="ns.b('content')">
           <slot />
         </div>
       </div>

packages/element-plus/package.json

@@ -17,7 +17,7 @@
     "@element-plus/icons-vue": ">=2.3.1",
     "@vueuse/core": ">=10.0.0",
     "@cc-heart/eslint-config": "^0.0.5",
-    "@cc-heart/utils-client": "^2.0.4",
+    "@cc-heart/utils-client": "^2.0.5",
     "@intlify/unplugin-vue-i18n": "^0.10.1",
     "@packages/vue-utils": "workspace:^",
     "@types/node": "^20.15.0",