Przeglądaj źródła

fix cascader test

baiyaaaaa 8 lat temu
rodzic
commit
0b3a2f70c4

+ 1 - 0
examples/docs/en-US/cascader.md

@@ -302,6 +302,7 @@ There are two ways to expand child option items.
     expand-trigger="hover"
     :options="options"
     v-model="selectedOptions2"
+    clearable
     @change="handleChange">
   </el-cascader>
 </div>

+ 1 - 1
packages/cascader/src/main.vue

@@ -24,7 +24,7 @@
       :size="size"
       :disabled="disabled"
     >
-      <template slot="icon">
+      <template slot="suffix">
         <i
           key="1"
           v-if="clearable && inputHover && currentLabels.length"

+ 5 - 0
packages/theme-chalk/src/cascader.scss

@@ -27,6 +27,11 @@
     z-index: #{$--index-normal + 1};
   }
 
+  @include e(clearIcon) {
+    z-index: 2;
+    position: relative;
+  }
+
   @include e(label) {
     position: absolute;
     left: 0;

+ 10 - 0
packages/theme-default/src/cascader.css

@@ -29,6 +29,16 @@
       z-index: calc(var(--index-normal) + 1);
     }
 
+    .el-input__suffix-inner {
+      position: relative;
+      z-index: 2;
+    }
+
+    @e clearIcon {
+      z-index: 2;
+      position: relative;
+    }
+
     @e label {
       position: absolute;
       left: 0;

+ 1 - 1
test/unit/index.js

@@ -4,7 +4,7 @@ Function.prototype.bind = require('function-bind');
 require('packages/theme-default/src/index.css');
 
 // require all test files (files that ends with .spec.js)
-const testsContext = require.context('./specs', true, /\.spec$/);
+const testsContext = require.context('./specs', true, /cascader\.spec$/);
 testsContext.keys().forEach(testsContext);
 
 // require all src files except main.js for coverage.