From e9220128f1f141ec8049005645d8e952c4d70885 Mon Sep 17 00:00:00 2001
From: Carl Chen <ccheartszzz@gmail.com>
Date: Sun, 18 Aug 2024 01:30:48 +0800
Subject: [PATCH] fix: fix scss namespace

---
 .../collapse-card/collapse-card.scss          | 20 +++---
 .../collapse-card/collapse-card.vue           | 12 ++--
 packages/element-plus/package.json            |  2 +-
 pnpm-lock.yaml                                | 63 ++++++++++---------
 4 files changed, 50 insertions(+), 47 deletions(-)

diff --git a/packages/element-plus/components/collapse-card/collapse-card.scss b/packages/element-plus/components/collapse-card/collapse-card.scss
index b0eb62f..cbb86e5 100644
--- a/packages/element-plus/components/collapse-card/collapse-card.scss
+++ b/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);
   }
-}
+}
\ No newline at end of file
diff --git a/packages/element-plus/components/collapse-card/collapse-card.vue b/packages/element-plus/components/collapse-card/collapse-card.vue
index 892f958..6965d32 100644
--- a/packages/element-plus/components/collapse-card/collapse-card.vue
+++ b/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>
diff --git a/packages/element-plus/package.json b/packages/element-plus/package.json
index 4f460be..d41db17 100644
--- a/packages/element-plus/package.json
+++ b/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",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 27b592c..fbb9a2c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -84,26 +84,16 @@ importers:
         version: 1.8.27(typescript@5.5.4)
 
   packages/element-plus:
-    dependencies:
-      '@element-plus/icons-vue':
-        specifier: '>=2.3.1'
-        version: 2.3.1(vue@3.4.37)
-      '@vueuse/core':
-        specifier: '>=10.0.0'
-        version: 10.7.1(vue@3.4.37)
-      element-plus:
-        specifier: '>=2.4.3'
-        version: 2.4.3(vue@3.4.37)
-      vue:
-        specifier: '>=3.4.0'
-        version: 3.4.37(typescript@5.5.4)
     devDependencies:
       '@cc-heart/eslint-config':
         specifier: ^0.0.5
         version: 0.0.5(eslint@8.56.0)(typescript@5.5.4)
       '@cc-heart/utils-client':
-        specifier: ^2.0.4
-        version: 2.0.4
+        specifier: ^2.0.5
+        version: 2.0.5
+      '@element-plus/icons-vue':
+        specifier: '>=2.3.1'
+        version: 2.3.1(vue@3.4.37)
       '@intlify/unplugin-vue-i18n':
         specifier: ^0.10.1
         version: 0.10.1(rollup@4.9.2)(vue-i18n@9.14.0)
@@ -122,6 +112,12 @@ importers:
       '@vitejs/plugin-vue-jsx':
         specifier: ^3.1.0
         version: 3.1.0(vite@4.5.0)(vue@3.4.37)
+      '@vueuse/core':
+        specifier: '>=10.0.0'
+        version: 10.7.1(vue@3.4.37)
+      element-plus:
+        specifier: '>=2.4.3'
+        version: 2.4.3(vue@3.4.37)
       eslint-plugin-vue:
         specifier: ^9.27.0
         version: 9.27.0(eslint@8.56.0)
@@ -146,6 +142,9 @@ importers:
       vitepress-theme-demoblock:
         specifier: ^3.0.7
         version: 3.0.7(@algolia/client-search@4.22.0)(@types/node@20.15.0)(postcss@8.4.41)(sass@1.77.8)(search-insights@2.13.0)(typescript@5.5.4)
+      vue:
+        specifier: '>=3.4.0'
+        version: 3.4.37(typescript@5.5.4)
       vue-i18n:
         specifier: ^9.14.0
         version: 9.14.0(vue@3.4.37)
@@ -914,8 +913,8 @@ packages:
       - typescript
     dev: true
 
-  /@cc-heart/utils-client@2.0.4:
-    resolution: {integrity: sha512-vE2SzS1PRsxecgNIYQ3ole+TEChp89Ue7w/UlaFTw7tjr5xIV7WLlg7C3neYJF//RSNLjJ4Ja0NvGhn/Kjjgig==}
+  /@cc-heart/utils-client@2.0.5:
+    resolution: {integrity: sha512-ZYV7IX8WVwNOXjGrHdDzSTmX+ncao2/p6Z85LvVcQetIlCvzxiwZO5HzT24RA+YCnVPXxCxa3YVfWySdLGonrw==}
     dev: true
 
   /@cc-heart/utils-service@2.0.1:
@@ -943,6 +942,7 @@ packages:
   /@ctrl/tinycolor@3.6.1:
     resolution: {integrity: sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==}
     engines: {node: '>=10'}
+    dev: true
 
   /@docsearch/css@3.5.2:
     resolution: {integrity: sha512-SPiDHaWKQZpwR2siD0KQUwlStvIAnEyK6tAE2h2Wuoq8ue9skzhlyVQ1ddzOxX6khULnAALDiR/isSF3bnuciA==}
@@ -1033,7 +1033,7 @@ packages:
       vue: ^3.2.0
     dependencies:
       vue: 3.4.37(typescript@5.5.4)
-    dev: false
+    dev: true
 
   /@emotion/hash@0.9.1:
     resolution: {integrity: sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==}
@@ -2375,7 +2375,7 @@ packages:
 
   /@sxzz/popperjs-es@2.11.7:
     resolution: {integrity: sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==}
-    dev: false
+    dev: true
 
   /@tsconfig/node10@1.0.9:
     resolution: {integrity: sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==}
@@ -2458,11 +2458,11 @@ packages:
     resolution: {integrity: sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==}
     dependencies:
       '@types/lodash': 4.14.202
-    dev: false
+    dev: true
 
   /@types/lodash@4.14.202:
     resolution: {integrity: sha512-OvlIYQK9tNneDlS0VN54LLd5uiPCBOp7gS5Z0f1mjoJYBrtStzgmJBxONW3U6OZqdtNzZPmn9BS/7WI7BFFcFQ==}
-    dev: false
+    dev: true
 
   /@types/markdown-it@13.0.7:
     resolution: {integrity: sha512-U/CBi2YUUcTHBt5tjO2r5QV/x0Po6nsYwQU4Y04fBS6vfoImaiZ6f8bi3CjTCxBPQSO1LMyUqkByzi8AidyxfA==}
@@ -2535,7 +2535,7 @@ packages:
 
   /@types/web-bluetooth@0.0.16:
     resolution: {integrity: sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==}
-    dev: false
+    dev: true
 
   /@types/web-bluetooth@0.0.20:
     resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
@@ -3394,7 +3394,7 @@ packages:
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
-    dev: false
+    dev: true
 
   /@vueuse/integrations@10.7.1(focus-trap@7.5.4)(vue@3.4.0):
     resolution: {integrity: sha512-cKo5LEeKVHdBRBtMTOrDPdR0YNtrmN9IBfdcnY2P3m5LHVrsD0xiHUtAH1WKjHQRIErZG6rJUa6GA4tWZt89Og==}
@@ -3508,7 +3508,7 @@ packages:
 
   /@vueuse/metadata@9.13.0:
     resolution: {integrity: sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==}
-    dev: false
+    dev: true
 
   /@vueuse/shared@10.11.1(vue@3.4.37):
     resolution: {integrity: sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==}
@@ -3551,7 +3551,7 @@ packages:
     transitivePeerDependencies:
       - '@vue/composition-api'
       - vue
-    dev: false
+    dev: true
 
   /acorn-jsx@5.3.2(acorn@7.4.1):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
@@ -3725,6 +3725,7 @@ packages:
 
   /async-validator@4.2.5:
     resolution: {integrity: sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==}
+    dev: true
 
   /bail@2.0.2:
     resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
@@ -4049,6 +4050,7 @@ packages:
 
   /dayjs@1.11.10:
     resolution: {integrity: sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==}
+    dev: true
 
   /de-indent@1.0.2:
     resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
@@ -4189,7 +4191,7 @@ packages:
       vue: 3.4.37(typescript@5.5.4)
     transitivePeerDependencies:
       - '@vue/composition-api'
-    dev: false
+    dev: true
 
   /emoji-regex@10.3.0:
     resolution: {integrity: sha512-QpLs9D9v9kArv4lfDEgg1X/gN5XLnf/A6l9cs8SPZLRZR3ZkY9+kwIQTxm+fsSej5UMYGE8fdoaZVIBlqG0XTw==}
@@ -4310,7 +4312,7 @@ packages:
 
   /escape-html@1.0.3:
     resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
-    dev: false
+    dev: true
 
   /escape-string-regexp@1.0.5:
     resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
@@ -5226,6 +5228,7 @@ packages:
 
   /lodash-es@4.17.21:
     resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+    dev: true
 
   /lodash-unified@1.0.3(@types/lodash-es@4.17.12)(lodash-es@4.17.21)(lodash@4.17.21):
     resolution: {integrity: sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==}
@@ -5237,7 +5240,7 @@ packages:
       '@types/lodash-es': 4.17.12
       lodash: 4.17.21
       lodash-es: 4.17.21
-    dev: false
+    dev: true
 
   /lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
@@ -5498,7 +5501,7 @@ packages:
 
   /memoize-one@6.0.0:
     resolution: {integrity: sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==}
-    dev: false
+    dev: true
 
   /merge-stream@2.0.0:
     resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
@@ -6003,7 +6006,7 @@ packages:
 
   /normalize-wheel-es@1.2.0:
     resolution: {integrity: sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==}
-    dev: false
+    dev: true
 
   /npm-run-path@4.0.1:
     resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}