去除分组分割线

kooriookami · May 28, 2024 · 529a49c · 529a49c
1 parent acbbd21
commit 529a49c
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 46 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,11 @@
 ## Changelog
 
+### 1.2.2
+
+_2024-05-28_
+
+- 去除分组分割线
+
 ### 1.2.1
 
 _2024-05-27_

diff --git a/docs/assets/index-BAx2GUgq.css → docs/assets/index-DTJD-ZDi.css b/docs/assets/index-BAx2GUgq.css → docs/assets/index-DTJD-ZDi.css
diff --git a/docs/assets/index-8SO6-GY8.js → docs/assets/index-NMQszbtF.js b/docs/assets/index-8SO6-GY8.js → docs/assets/index-NMQszbtF.js
diff --git a/docs/index.html b/docs/index.html
@@ -5,8 +5,8 @@
     <link rel="icon" type="image/svg+xml" href="./vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Select V2 虚拟列表选择器</title>
-    <script type="module" crossorigin src="./assets/index-8SO6-GY8.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-BAx2GUgq.css">
+    <script type="module" crossorigin src="./assets/index-NMQszbtF.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-DTJD-ZDi.css">
   </head>
   <body>
     <div id="app"></div>

diff --git a/packages/el-select-v2/package.json b/packages/el-select-v2/package.json
@@ -1,6 +1,6 @@
 {
   "name": "el-select-v2",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "main": "src/index.js",
   "module": "src/index.js",
   "repository": {

diff --git a/packages/el-select-v2/src/el-select-v2.vue b/packages/el-select-v2/src/el-select-v2.vue
@@ -40,9 +40,6 @@
       @visible="handleScrollerVisible"
     >
       <li v-if="item._isGroup" class="el-select-group__title">{{ item[labelKey] }}</li>
-      <li v-else-if="item._isSplit" class="el-select-group__split">
-        <span class="el-select-group__split-dash" />
-      </li>
       <el-option
         v-else
         :key="item[valueKey]"
@@ -177,10 +174,10 @@
         this.$refs.scroller.scrollToItem(index);
       },
       localFilterMethod(query) {
-        const groupNameList = this.flattedOptions.filter(option => !option._isGroup && !option._isSplit &&
+        const groupNameList = this.flattedOptions.filter(option => !option._isGroup &&
           option[this.labelKey]?.toLowerCase().includes(query.toLowerCase())).map(option => option._groupName);
         this.localOptions = this.flattedOptions.filter(option => {
-          if (option._isGroup || option._isSplit) {
+          if (option._isGroup) {
             return groupNameList.some(groupName => option._groupName === groupName);
           }
           return option[this.labelKey]?.toLowerCase().includes(query.toLowerCase());
@@ -238,11 +235,6 @@
               ...subOption,
               _groupName,
             })));
-            list.push({
-              _isSplit: true,
-              _groupName,
-              [this.valueKey]: uuidv4(),
-            });
           } else {
             list.push(option);
           }
@@ -277,10 +269,6 @@
         deep: true,
       },
       localOptions() {
-        // 去除最后一个分割线
-        if (this.localOptions.length && this.localOptions[this.localOptions.length - 1]._isSplit) {
-          this.localOptions.pop();
-        }
         this.updateDropdownWidth();
       },
     },
@@ -311,18 +299,5 @@
   .el-scrollbar__bar {
     display: none;
   }
-
-  .el-select-group__split {
-    position: relative;
-
-    .el-select-group__split-dash {
-      position: absolute;
-      left: 20px;
-      right: 20px;
-      height: 1px;
-      background: rgb(228, 231, 237);
-      top: 17px;
-    }
-  }
 }
 </style>