diff --git a/src/action-sheet/README.md b/src/action-sheet/README.md
index e0922ad67..4dfec847b 100644
--- a/src/action-sheet/README.md
+++ b/src/action-sheet/README.md
@@ -5,7 +5,7 @@ spline: data
isComponent: true
---
-
+
## 引入
全局引入，在 miniprogram 根目录下的`app.json`中配置，局部引入，在需要引入的页面或组件的`index.json`中配置。
diff --git a/src/avatar/README.md b/src/avatar/README.md
index 331cbe337..e09603f5b 100644
--- a/src/avatar/README.md
+++ b/src/avatar/README.md
@@ -5,7 +5,7 @@ spline: data
isComponent: true
---
-
+
## 引入
全局引入，在 miniprogram 根目录下的`app.json`中配置，局部引入，在需要引入的页面或组件的`index.json`中配置。
diff --git a/src/back-top/README.md b/src/back-top/README.md
index 0120a38d3..42d70934d 100644
--- a/src/back-top/README.md
+++ b/src/back-top/README.md
@@ -5,6 +5,7 @@ spline: navigation
isComponent: true
---
+
## 引入
全局引入，在 miniprogram 根目录下的`app.json`中配置，局部引入，在需要引入的页面或组件的`index.json`中配置。
diff --git a/src/badge/README.md b/src/badge/README.md
index e48c86149..6cdabe170 100644
--- a/src/badge/README.md
+++ b/src/badge/README.md
@@ -5,7 +5,7 @@ spline: data
isComponent: true
---
-
+
## 引入
全局引入，在 miniprogram 根目录下的`app.json`中配置，局部引入，在需要引入的页面或组件的`index.json`中配置。
diff --git a/src/indexes/README.md b/src/indexes/README.md
index 2103d32b6..e8a1f5d65 100644
--- a/src/indexes/README.md
+++ b/src/indexes/README.md
@@ -5,6 +5,7 @@ spline: navigation
isComponent: true
---
+
## 引入
全局引入，在 miniprogram 根目录下的`app.json`中配置，局部引入，在需要引入的页面或组件的`index.json`中配置。
diff --git a/src/indexes/__test__/__snapshots__/index.test.js.snap b/src/indexes/__test__/__snapshots__/index.test.js.snap
index 32b74f821..d80c5ea1d 100644
--- a/src/indexes/__test__/__snapshots__/index.test.js.snap
+++ b/src/indexes/__test__/__snapshots__/index.test.js.snap
@@ -36,6 +36,7 @@ exports[`indexes event scroll 1`] = `
0,
]
}}"
+ id="cell_0_0"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -89,6 +90,7 @@ exports[`indexes event scroll 1`] = `
1,
]
}}"
+ id="cell_0_1"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -142,6 +144,7 @@ exports[`indexes event scroll 1`] = `
2,
]
}}"
+ id="cell_0_2"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -195,6 +198,7 @@ exports[`indexes event scroll 1`] = `
3,
]
}}"
+ id="cell_0_3"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -248,6 +252,7 @@ exports[`indexes event scroll 1`] = `
4,
]
}}"
+ id="cell_0_4"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -301,6 +306,7 @@ exports[`indexes event scroll 1`] = `
5,
]
}}"
+ id="cell_0_5"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -354,6 +360,7 @@ exports[`indexes event scroll 1`] = `
6,
]
}}"
+ id="cell_0_6"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -407,6 +414,7 @@ exports[`indexes event scroll 1`] = `
7,
]
}}"
+ id="cell_0_7"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -460,6 +468,7 @@ exports[`indexes event scroll 1`] = `
8,
]
}}"
+ id="cell_0_8"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -528,6 +537,7 @@ exports[`indexes event scroll 1`] = `
0,
]
}}"
+ id="cell_1_0"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -581,6 +591,7 @@ exports[`indexes event scroll 1`] = `
1,
]
}}"
+ id="cell_1_1"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -634,6 +645,7 @@ exports[`indexes event scroll 1`] = `
2,
]
}}"
+ id="cell_1_2"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -687,6 +699,7 @@ exports[`indexes event scroll 1`] = `
3,
]
}}"
+ id="cell_1_3"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -740,6 +753,7 @@ exports[`indexes event scroll 1`] = `
4,
]
}}"
+ id="cell_1_4"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -793,6 +807,7 @@ exports[`indexes event scroll 1`] = `
5,
]
}}"
+ id="cell_1_5"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -846,6 +861,7 @@ exports[`indexes event scroll 1`] = `
6,
]
}}"
+ id="cell_1_6"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -899,6 +915,7 @@ exports[`indexes event scroll 1`] = `
7,
]
}}"
+ id="cell_1_7"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -952,6 +969,7 @@ exports[`indexes event scroll 1`] = `
8,
]
}}"
+ id="cell_1_8"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -1005,6 +1023,7 @@ exports[`indexes event scroll 1`] = `
9,
]
}}"
+ id="cell_1_9"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -1058,6 +1077,7 @@ exports[`indexes event scroll 1`] = `
10,
]
}}"
+ id="cell_1_10"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -1111,6 +1131,7 @@ exports[`indexes event scroll 1`] = `
11,
]
}}"
+ id="cell_1_11"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -1164,6 +1185,7 @@ exports[`indexes event scroll 1`] = `
12,
]
}}"
+ id="cell_1_12"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -1217,6 +1239,7 @@ exports[`indexes event scroll 1`] = `
13,
]
}}"
+ id="cell_1_13"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -1285,6 +1308,7 @@ exports[`indexes event scroll 1`] = `
0,
]
}}"
+ id="cell_2_0"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -1338,6 +1362,7 @@ exports[`indexes event scroll 1`] = `
1,
]
}}"
+ id="cell_2_1"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -1391,6 +1416,7 @@ exports[`indexes event scroll 1`] = `
2,
]
}}"
+ id="cell_2_2"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -1444,6 +1470,7 @@ exports[`indexes event scroll 1`] = `
3,
]
}}"
+ id="cell_2_3"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -1497,6 +1524,7 @@ exports[`indexes event scroll 1`] = `
4,
]
}}"
+ id="cell_2_4"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -1550,6 +1578,7 @@ exports[`indexes event scroll 1`] = `
5,
]
}}"
+ id="cell_2_5"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -1603,6 +1632,7 @@ exports[`indexes event scroll 1`] = `
6,
]
}}"
+ id="cell_2_6"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -1656,6 +1686,7 @@ exports[`indexes event scroll 1`] = `
7,
]
}}"
+ id="cell_2_7"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -1709,6 +1740,7 @@ exports[`indexes event scroll 1`] = `
8,
]
}}"
+ id="cell_2_8"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -1762,6 +1794,7 @@ exports[`indexes event scroll 1`] = `
9,
]
}}"
+ id="cell_2_9"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -1815,6 +1848,7 @@ exports[`indexes event scroll 1`] = `
10,
]
}}"
+ id="cell_2_10"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -1868,6 +1902,7 @@ exports[`indexes event scroll 1`] = `
11,
]
}}"
+ id="cell_2_11"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -1921,6 +1956,7 @@ exports[`indexes event scroll 1`] = `
12,
]
}}"
+ id="cell_2_12"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -1974,6 +2010,7 @@ exports[`indexes event scroll 1`] = `
13,
]
}}"
+ id="cell_2_13"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -2027,6 +2064,7 @@ exports[`indexes event scroll 1`] = `
14,
]
}}"
+ id="cell_2_14"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -2080,6 +2118,7 @@ exports[`indexes event scroll 1`] = `
15,
]
}}"
+ id="cell_2_15"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -2133,6 +2172,7 @@ exports[`indexes event scroll 1`] = `
16,
]
}}"
+ id="cell_2_16"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -2186,6 +2226,7 @@ exports[`indexes event scroll 1`] = `
17,
]
}}"
+ id="cell_2_17"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -2239,6 +2280,7 @@ exports[`indexes event scroll 1`] = `
18,
]
}}"
+ id="cell_2_18"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -2307,6 +2349,7 @@ exports[`indexes event scroll 1`] = `
0,
]
}}"
+ id="cell_3_0"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -2360,6 +2403,7 @@ exports[`indexes event scroll 1`] = `
1,
]
}}"
+ id="cell_3_1"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -2413,6 +2457,7 @@ exports[`indexes event scroll 1`] = `
2,
]
}}"
+ id="cell_3_2"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -2466,6 +2511,7 @@ exports[`indexes event scroll 1`] = `
3,
]
}}"
+ id="cell_3_3"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -2519,6 +2565,7 @@ exports[`indexes event scroll 1`] = `
4,
]
}}"
+ id="cell_3_4"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -2572,6 +2619,7 @@ exports[`indexes event scroll 1`] = `
5,
]
}}"
+ id="cell_3_5"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -2625,6 +2673,7 @@ exports[`indexes event scroll 1`] = `
6,
]
}}"
+ id="cell_3_6"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -2678,6 +2727,7 @@ exports[`indexes event scroll 1`] = `
7,
]
}}"
+ id="cell_3_7"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -2731,6 +2781,7 @@ exports[`indexes event scroll 1`] = `
8,
]
}}"
+ id="cell_3_8"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -2784,6 +2835,7 @@ exports[`indexes event scroll 1`] = `
9,
]
}}"
+ id="cell_3_9"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -2837,6 +2889,7 @@ exports[`indexes event scroll 1`] = `
10,
]
}}"
+ id="cell_3_10"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -2890,6 +2943,7 @@ exports[`indexes event scroll 1`] = `
11,
]
}}"
+ id="cell_3_11"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -2943,6 +2997,7 @@ exports[`indexes event scroll 1`] = `
12,
]
}}"
+ id="cell_3_12"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -3011,6 +3066,7 @@ exports[`indexes event scroll 1`] = `
0,
]
}}"
+ id="cell_4_0"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -3064,6 +3120,7 @@ exports[`indexes event scroll 1`] = `
1,
]
}}"
+ id="cell_4_1"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -3117,6 +3174,7 @@ exports[`indexes event scroll 1`] = `
2,
]
}}"
+ id="cell_4_2"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -3185,6 +3243,7 @@ exports[`indexes event scroll 1`] = `
0,
]
}}"
+ id="cell_5_0"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -3238,6 +3297,7 @@ exports[`indexes event scroll 1`] = `
1,
]
}}"
+ id="cell_5_1"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -3291,6 +3351,7 @@ exports[`indexes event scroll 1`] = `
2,
]
}}"
+ id="cell_5_2"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -3344,6 +3405,7 @@ exports[`indexes event scroll 1`] = `
3,
]
}}"
+ id="cell_5_3"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -3397,6 +3459,7 @@ exports[`indexes event scroll 1`] = `
4,
]
}}"
+ id="cell_5_4"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -3450,6 +3513,7 @@ exports[`indexes event scroll 1`] = `
5,
]
}}"
+ id="cell_5_5"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -3503,6 +3567,7 @@ exports[`indexes event scroll 1`] = `
6,
]
}}"
+ id="cell_5_6"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -3571,6 +3636,7 @@ exports[`indexes event scroll 1`] = `
0,
]
}}"
+ id="cell_6_0"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -3624,6 +3690,7 @@ exports[`indexes event scroll 1`] = `
1,
]
}}"
+ id="cell_6_1"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -3677,6 +3744,7 @@ exports[`indexes event scroll 1`] = `
2,
]
}}"
+ id="cell_6_2"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -3730,6 +3798,7 @@ exports[`indexes event scroll 1`] = `
3,
]
}}"
+ id="cell_6_3"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -3783,6 +3852,7 @@ exports[`indexes event scroll 1`] = `
4,
]
}}"
+ id="cell_6_4"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -3836,6 +3906,7 @@ exports[`indexes event scroll 1`] = `
5,
]
}}"
+ id="cell_6_5"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -3889,6 +3960,7 @@ exports[`indexes event scroll 1`] = `
6,
]
}}"
+ id="cell_6_6"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -3942,6 +4014,7 @@ exports[`indexes event scroll 1`] = `
7,
]
}}"
+ id="cell_6_7"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -3995,6 +4068,7 @@ exports[`indexes event scroll 1`] = `
8,
]
}}"
+ id="cell_6_8"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
@@ -4048,6 +4122,7 @@ exports[`indexes event scroll 1`] = `
9,
]
}}"
+ id="cell_6_9"
tClass="t-indexes__row"
bind:tap="onCellTap"
>
diff --git a/src/indexes/__test__/index.test.js b/src/indexes/__test__/index.test.js
index 8feb55f48..5d86e4911 100644
--- a/src/indexes/__test__/index.test.js
+++ b/src/indexes/__test__/index.test.js
@@ -7,6 +7,14 @@ describe('indexes', () => {
less: true,
rootPath: path.resolve(__dirname, '../..'),
});
+ const cell = simulate.load(path.resolve(__dirname, '../../cell', 'cell'), {
+ less: true,
+ rootPath: path.resolve(__dirname, '../../cell/cell'),
+ });
+ const cellGroup = simulate.load(path.resolve(__dirname, '../../cell-group', 'cell-group'), {
+ less: true,
+ rootPath: path.resolve(__dirname, '../../cell-group/cell-group'),
+ });
const id = simulate.load({
template: ``,
@@ -16,6 +24,8 @@ describe('indexes', () => {
},
usingComponents: {
't-indexes': indexes,
+ 't-cell-group': cellGroup,
+ 't-cell': cell,
},
});
@@ -42,25 +52,34 @@ describe('indexes', () => {
const $scrollView = $index.querySelector('.t-indexes__content');
// scroll
- simulate.scroll($scrollView, 50, 3);
+ simulate.scroll($scrollView, 100, 1);
await simulate.sleep();
- expect($scrollView.dom.scrollTop).toEqual(50);
- expect(comp).toMatchSnapshot();
-
// touch
const $bar = comp.querySelectorAll('.indexes >>> .t-indexes__bar')[0];
-
const touch = async () => {
$bar.dispatchEvent('touchstart', {
- touches: [{ x: 0, pageY: 50 }],
+ touches: [{ x: 0, y: 100 }],
});
$bar.dispatchEvent('touchmove', {
- touches: [{ x: 0, pageY: 60 }],
+ touches: [{ x: 0, y: 200 }],
});
$bar.dispatchEvent('touchend', {
- changedTouches: [{ x: 0, pageY: 60 }],
+ changedTouches: [{ x: 0, y: 200 }],
});
};
touch();
+ expect(comp).toMatchSnapshot();
+ await simulate.sleep();
+ expect($index.data.showScrollTip).toBeTruthy;
+ expect($index.data.activeGroup.index).toBe('G');
+ const $cell = $index.querySelector('#cell_6_0');
+ $cell.dispatchEvent('tap', {
+ changedTouches: [
+ {
+ pageY: 200,
+ },
+ ],
+ });
+ expect($index.data.currentGroup.title).toBe('G开头');
});
});
diff --git a/src/indexes/indexes.ts b/src/indexes/indexes.ts
index 2e3ce043b..2fe6b7f76 100644
--- a/src/indexes/indexes.ts
+++ b/src/indexes/indexes.ts
@@ -56,7 +56,9 @@ export default class IndexBar extends SuperComponent {
{
clientHeight: res.windowHeight,
},
- this.getDomInfo,
+ () => {
+ this.getDomInfo();
+ },
);
},
});
diff --git a/src/indexes/indexes.wxml b/src/indexes/indexes.wxml
index 3c1d74aae..a7b26f3da 100644
--- a/src/indexes/indexes.wxml
+++ b/src/indexes/indexes.wxml
@@ -20,6 +20,7 @@