fix(ScrollSelect): can not vertail align the selected item when count…

… is even, close #211
ksc-fe · Feb 15, 2019 · 1cb67ef · 1cb67ef
1 parent d31deb4
commit 1cb67ef
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/components/scrollSelect/demos/infinite.md b/components/scrollSelect/demos/infinite.md
@@ -11,6 +11,7 @@ import ScrollSelect from 'kpc/components/scrollSelect';
 <ScrollSelect
     data={{ self.generateData }}
     v-model="value"
+    count={{ 10 }}
 />
 ```
 

diff --git a/components/scrollSelect/index.js b/components/scrollSelect/index.js
@@ -66,9 +66,12 @@ export default class ScrollSelect extends Intact {
     }
 
     _mount() {
+        const count = this.get('count');
         const height = this.element.offsetHeight;
+        const itemHeight = this.refs.item.offsetHeight;
         const totalHeight = this.refs.wrapper.offsetHeight; 
-        this._deltaY = -Math.floor((totalHeight - height) / 2);
+        // for even count, #211
+        this._deltaY = -(Math.floor(count / 2) * itemHeight - (height - itemHeight) / 2);
         this.set({
             _translate: this._deltaY 
         });

diff --git a/pages/scrollSelect/index.vdt b/pages/scrollSelect/index.vdt
@@ -13,5 +13,5 @@ import ScrollSelect from 'components/scrollSelect';
 
     <ScrollSelect data={{ (value) => {
         return Array.apply(null, {length: 10}).map((v, i) => i + value - 5);
-    } }} value={{ 2018 }} />
+    } }} value={{ 2018 }}  count={{ 19 }}/>
 </div>
diff --git a/scripts/doc.js b/scripts/doc.js
@@ -29,8 +29,8 @@ module.exports = function(isDev = true) {
         path.resolve(__dirname, `../site/dist`);
 
     const doc = new KDoc(
-        // './@(docs|components)/**/*.md',
-        './@(docs|components)/layout/**/*.md',
+        './@(docs|components)/**/*.md',
+        // './@(docs|components)/layout/**/*.md',
         root
     );