diff --git a/src/app.js b/src/app.js
index c306f12f0..32a2ecea3 100644
--- a/src/app.js
+++ b/src/app.js
@@ -37,6 +37,7 @@ class App extends Component {
'pages/navigation/tabbar/index',
'pages/navigation/segmented-control/index',
'pages/navigation/navbar/index',
+ 'pages/navigation/indexes/index',
'pages/layout/flex/index',
'pages/layout/grid/index',
'pages/layout/float-layout/index',
diff --git a/src/components/indexes/__snapshots__/index.test.js.snap b/src/components/indexes/__snapshots__/index.test.js.snap
new file mode 100644
index 000000000..65075e9e9
--- /dev/null
+++ b/src/components/indexes/__snapshots__/index.test.js.snap
@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AtIndexes Snap render AtIndexes -- props animation 1`] = `""`;
+
+exports[`AtIndexes Snap render AtIndexes -- props children 1`] = `""`;
+
+exports[`AtIndexes Snap render AtIndexes -- props className 1`] = `""`;
+
+exports[`AtIndexes Snap render AtIndexes -- props customStyle 1`] = `""`;
+
+exports[`AtIndexes Snap render AtIndexes -- props list 1`] = `""`;
+
+exports[`AtIndexes Snap render AtIndexes -- props topKey 1`] = `""`;
+
+exports[`AtIndexes Snap render initial AtIndexes 1`] = `""`;
diff --git a/src/components/indexes/index.js b/src/components/indexes/index.js
new file mode 100644
index 000000000..6a9e10a00
--- /dev/null
+++ b/src/components/indexes/index.js
@@ -0,0 +1,149 @@
+import Taro from '@tarojs/taro'
+import PropTypes from 'prop-types'
+import { View, ScrollView } from '@tarojs/components'
+import classNames from 'classnames'
+
+import AtComponent from '../../common/component'
+import AtList from '../../components/list/index'
+import AtListItem from '../../components/list/item/index'
+
+import './index.scss'
+
+export default class AtIndexes extends AtComponent {
+ static defaultProps = {
+ customStyle: '',
+ className: '',
+ animation: true,
+ topKey: 'Top',
+ list: [],
+ onClick: () => {}
+ }
+
+ static propTypes = {
+ customStyle: PropTypes.oneOfType([
+ PropTypes.object,
+ PropTypes.string
+ ]),
+ className: PropTypes.oneOfType([
+ PropTypes.array,
+ PropTypes.string
+ ]),
+ animation: PropTypes.bool,
+ topKey: PropTypes.string,
+ list: PropTypes.array,
+ onClick: PropTypes.func
+ }
+
+ constructor () {
+ super(...arguments)
+ this.state = {
+ targetView: '',
+ targetOffsetTop: 0
+ }
+ }
+
+ handleClick () {
+ this.props.onClick(...arguments)
+ }
+
+ jumpTarget (targetView, i) {
+ const env = Taro.getEnv()
+ if (env === Taro.ENV_TYPE.WEAPP) {
+ // 小程序环境
+ this.setState({
+ targetView
+ })
+ } else if (env === Taro.ENV_TYPE.WEB) {
+ // web环境
+ const bodyOffsetTop = this.indexesRef.vnode.dom.offsetTop
+ // 目标节点offsetTop
+ const targetOffsetTop = this.listRef.vnode.dom.childNodes[i].offsetTop
+ this.setState({
+ targetOffsetTop: targetOffsetTop - bodyOffsetTop
+ })
+ }
+ }
+
+ getListRef = node => (this.listRef = node)
+
+ getIndexesRef = node => (this.indexesRef = node)
+
+ render () {
+ const {
+ className,
+ customStyle,
+ animation,
+ topKey,
+ list
+ } = this.props
+ return (
+
+
+
+ {topKey}
+
+ {
+ list.map((item, i) => (
+
+ {item.key}
+
+ ))
+ }
+
+
+
+ {this.props.children}
+
+ {
+ list.map(listItem => (
+
+
+ {listItem.title}
+
+
+ {listItem.items && listItem.items.map(item => (
+
+ ))}
+
+
+ ))
+ }
+
+
+ )
+ }
+}
diff --git a/src/components/indexes/index.scss b/src/components/indexes/index.scss
new file mode 100644
index 000000000..a3a68c796
--- /dev/null
+++ b/src/components/indexes/index.scss
@@ -0,0 +1,52 @@
+@import "../../style/theme/default.scss";
+@import "../../style/mixins/index.scss";
+
+.at-indexes {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ box-sizing: border-box;
+
+ &__content {
+ width: 100%;
+ overflow: hidden;
+ box-sizing: border-box;
+ }
+
+ &__menu {
+ position: fixed;
+ top: 100px;
+ right: 10px;
+ overflow: hidden;
+ z-index: $zindex-indexes;
+ }
+
+ &__menu-item {
+ font-size: $font-size-base;
+ color: $color-link;
+ padding: 0 $spacing-h-sm;
+ text-align: center;
+ }
+
+ &__body {
+ width: 100%;
+ height: 100%;
+ box-sizing: border-box;
+ }
+
+ &__list {
+ width: 100%;
+ box-sizing: border-box;
+ overflow: hidden;
+ }
+
+ &__list-title {
+ font-size: $font-size-lg;
+ background-color: $color-grey-5;
+ color: $color-black-2;
+ padding: $spacing-h-sm $spacing-v-lg;
+ width: 100%;
+ box-sizing: border-box;
+ overflow: hidden;
+ }
+}
diff --git a/src/components/indexes/index.test.js b/src/components/indexes/index.test.js
new file mode 100644
index 000000000..c69f84abe
--- /dev/null
+++ b/src/components/indexes/index.test.js
@@ -0,0 +1,85 @@
+import Nerv from 'nervjs'
+import { renderToString } from 'nerv-server'
+
+import AtIndexes from '../../../.temp/components/indexes/index'
+
+describe('AtIndexes Snap', () => {
+ it('render initial AtIndexes', () => {
+ const component = renderToString()
+ expect(component).toMatchSnapshot()
+ })
+
+ it('render AtIndexes -- props className', () => {
+ const component = renderToString()
+ expect(component).toMatchSnapshot()
+ })
+
+ it('render AtIndexes -- props customStyle', () => {
+ const component = renderToString()
+ expect(component).toMatchSnapshot()
+ })
+
+ it('render AtIndexes -- props animation', () => {
+ const component = renderToString()
+ expect(component).toMatchSnapshot()
+ })
+
+ it('render AtIndexes -- props topKey', () => {
+ const component = renderToString()
+ expect(component).toMatchSnapshot()
+ })
+
+ it('render AtIndexes -- props children', () => {
+ const component = renderToString(children)
+ expect(component).toMatchSnapshot()
+ })
+
+ it('render AtIndexes -- props list', () => {
+ const list = [
+ {
+ title: 'A',
+ key: 'A',
+ items: [
+ {
+ 'name': '阿坝',
+ },
+ {
+ 'name': '阿里',
+ },
+ {
+ 'name': '阿拉善',
+ },
+ {
+ 'name': '阿拉善',
+ },
+ {
+ 'name': '阿拉善',
+ },
+ {
+ 'name': '阿拉善',
+ },
+ {
+ 'name': '阿拉善',
+ }
+ ]
+ },
+ {
+ title: 'B',
+ key: 'B',
+ items: [
+ {
+ 'name': '百度',
+ },
+ {
+ 'name': '白色',
+ },
+ {
+ 'name': '百强',
+ }
+ ]
+ }
+ ]
+ const component = renderToString()
+ expect(component).toMatchSnapshot()
+ })
+})
diff --git a/src/index.js b/src/index.js
index 040cde924..5014804a0 100644
--- a/src/index.js
+++ b/src/index.js
@@ -53,6 +53,7 @@ export { default as AtSteps } from './components/steps'
export { default as AtCurtain } from './components/curtain'
export { AtMessage, message } from './components/message'
export { default as AtImagePicker } from './components/image-picker'
+export { default as AtIndexes } from './components/indexes'
/* 私有的组件 */
export { default as AtLoading } from './components/loading'
diff --git a/src/pages/navigation/indexes/index.js b/src/pages/navigation/indexes/index.js
new file mode 100644
index 000000000..04ffd2c73
--- /dev/null
+++ b/src/pages/navigation/indexes/index.js
@@ -0,0 +1,43 @@
+import Taro from '@tarojs/taro'
+import { View } from '@tarojs/components'
+import AtIndexes from '../../../components/indexes/index'
+import DocsHeader from '../../components/doc-header'
+import mockData from './mock-data'
+import './index.scss'
+
+export default class Index extends Taro.Component {
+ config = {
+ navigationBarTitleText: 'Taro UI'
+ }
+ onClick (item) {
+ console.log(item)
+ }
+
+ render () {
+ return (
+
+ {/* S Header */}
+
+ {/* E Header */}
+ {/* S Body */}
+
+ {/* 基础用法 */}
+
+ 基础用法
+
+
+ 用户自定义内容
+
+
+
+
+
+ {/* E Body */}
+
+ )
+ }
+}
diff --git a/src/pages/navigation/indexes/index.scss b/src/pages/navigation/indexes/index.scss
new file mode 100644
index 000000000..c802b34d5
--- /dev/null
+++ b/src/pages/navigation/indexes/index.scss
@@ -0,0 +1,4 @@
+.example-item {
+ color: #333;
+ font-size: 28px;
+}
diff --git a/src/pages/navigation/indexes/mock-data.js b/src/pages/navigation/indexes/mock-data.js
new file mode 100644
index 000000000..12562d879
--- /dev/null
+++ b/src/pages/navigation/indexes/mock-data.js
@@ -0,0 +1,1306 @@
+const city = [
+ {
+ title: 'A',
+ key: 'A',
+ items: [
+ {
+ 'name': ' 阿坝 ',
+ 'key': 'A'
+ },
+ {
+ 'name': ' 阿拉善 ',
+ 'key': 'A'
+ },
+ {
+ 'name': ' 阿里 ',
+ 'key': 'A'
+ },
+ {
+ 'name': ' 安康 ',
+ 'key': 'A'
+ },
+ {
+ 'name': ' 安庆 ',
+ 'key': 'A'
+ },
+ {
+ 'name': ' 鞍山 ',
+ 'key': 'A'
+ },
+ {
+ 'name': ' 安顺 ',
+ 'key': 'A'
+ },
+ {
+ 'name': ' 安阳 ',
+ 'key': 'A'
+ },
+ {
+ 'name': ' 澳门 ',
+ 'key': 'A'
+ }
+ ]
+ }, {
+ title: 'B',
+ key: 'B',
+ items: [
+ {
+ 'name': ' 北京 ',
+ 'key': 'B'
+ },
+ {
+ 'name': ' 白银 ',
+ 'key': 'B'
+ },
+ {
+ 'name': ' 保定 ',
+ 'key': 'B'
+ },
+ {
+ 'name': ' 宝鸡 ',
+ 'key': 'B'
+ },
+ {
+ 'name': ' 保山 ',
+ 'key': 'B'
+ },
+ {
+ 'name': ' 包头 ',
+ 'key': 'B'
+ },
+ {
+ 'name': ' 巴中 ',
+ 'key': 'B'
+ },
+ {
+ 'name': ' 北海 ',
+ 'key': 'B'
+ },
+ {
+ 'name': ' 蚌埠 ',
+ 'key': 'B'
+ },
+ {
+ 'name': ' 本溪 ',
+ 'key': 'B'
+ },
+ {
+ 'name': ' 毕节 ',
+ 'key': 'B'
+ },
+ {
+ 'name': ' 滨州 ',
+ 'key': 'B'
+ },
+ {
+ 'name': ' 百色 ',
+ 'key': 'B'
+ },
+ {
+ 'name': ' 亳州 ',
+ 'key': 'B'
+ }
+ ]
+ }, {
+ title: 'C',
+ key: 'C',
+ items: [
+ {
+ 'name': ' 重庆 ',
+ 'key': 'C'
+ },
+ {
+ 'name': ' 成都 ',
+ 'key': 'C'
+ },
+ {
+ 'name': ' 长沙 ',
+ 'key': 'C'
+ },
+ {
+ 'name': ' 长春 ',
+ 'key': 'C'
+ },
+ {
+ 'name': ' 沧州 ',
+ 'key': 'C'
+ },
+ {
+ 'name': ' 常德 ',
+ 'key': 'C'
+ },
+ {
+ 'name': ' 昌都 ',
+ 'key': 'C'
+ },
+ {
+ 'name': ' 长治 ',
+ 'key': 'C'
+ },
+ {
+ 'name': ' 常州 ',
+ 'key': 'C'
+ },
+ {
+ 'name': ' 巢湖 ',
+ 'key': 'C'
+ },
+ {
+ 'name': ' 潮州 ',
+ 'key': 'C'
+ },
+ {
+ 'name': ' 承德 ',
+ 'key': 'C'
+ },
+ {
+ 'name': ' 郴州 ',
+ 'key': 'C'
+ },
+ {
+ 'name': ' 赤峰 ',
+ 'key': 'C'
+ },
+ {
+ 'name': ' 池州 ',
+ 'key': 'C'
+ },
+ {
+ 'name': ' 崇左 ',
+ 'key': 'C'
+ },
+ {
+ 'name': ' 楚雄 ',
+ 'key': 'C'
+ },
+ {
+ 'name': ' 滁州 ',
+ 'key': 'C'
+ },
+ {
+ 'name': ' 朝阳 ',
+ 'key': 'C'
+ }
+ ]
+ }, {
+ title: 'D',
+ key: 'D',
+ items: [
+ {
+ 'name': ' 大连 ',
+ 'key': 'D'
+ },
+ {
+ 'name': ' 东莞 ',
+ 'key': 'D'
+ },
+ {
+ 'name': ' 大理 ',
+ 'key': 'D'
+ },
+ {
+ 'name': ' 丹东 ',
+ 'key': 'D'
+ },
+ {
+ 'name': ' 大庆 ',
+ 'key': 'D'
+ },
+ {
+ 'name': ' 大同 ',
+ 'key': 'D'
+ },
+ {
+ 'name': ' 大兴安岭 ',
+ 'key': 'D'
+ },
+ {
+ 'name': ' 德宏 ',
+ 'key': 'D'
+ },
+ {
+ 'name': ' 德阳 ',
+ 'key': 'D'
+ },
+ {
+ 'name': ' 德州 ',
+ 'key': 'D'
+ },
+ {
+ 'name': ' 定西 ',
+ 'key': 'D'
+ },
+ {
+ 'name': ' 迪庆 ',
+ 'key': 'D'
+ },
+ {
+ 'name': ' 东营 ',
+ 'key': 'D'
+ }
+
+ ]
+ }, {
+ title: 'E',
+ key: 'E',
+ items: [
+ {
+ 'name': ' 鄂尔多斯 ',
+ 'key': 'E'
+ },
+ {
+ 'name': ' 恩施 ',
+ 'key': 'E'
+ },
+ {
+ 'name': ' 鄂州 ',
+ 'key': 'E'
+ }
+ ]
+ }, {
+ title: 'F',
+ key: 'F',
+ items: [
+ {
+ 'name': ' 福州 ',
+ 'key': 'F'
+ },
+ {
+ 'name': ' 防城港 ',
+ 'key': 'F'
+ },
+ {
+ 'name': ' 佛山 ',
+ 'key': 'F'
+ },
+ {
+ 'name': ' 抚顺 ',
+ 'key': 'F'
+ },
+ {
+ 'name': ' 抚州 ',
+ 'key': 'F'
+ },
+ {
+ 'name': ' 阜新 ',
+ 'key': 'F'
+ },
+ {
+ 'name': ' 阜阳 ',
+ 'key': 'F'
+ }
+ ]
+ }, {
+ title: 'G',
+ key: 'G',
+ items: [
+ {
+ 'name': ' 广州 ',
+ 'key': 'G'
+ },
+ {
+ 'name': ' 赣州 ',
+ 'key': 'G'
+ },
+ {
+ 'name': ' 桂林 ',
+ 'key': 'G'
+ },
+ {
+ 'name': ' 贵阳 ',
+ 'key': 'G'
+ },
+ {
+ 'name': ' 甘南 ',
+ 'key': 'G'
+ },
+
+ {
+ 'name': ' 甘孜 ',
+ 'key': 'G'
+ },
+ {
+ 'name': ' 广安 ',
+ 'key': 'G'
+ },
+ {
+ 'name': ' 广元 ',
+ 'key': 'G'
+ },
+ {
+ 'name': ' 果洛 ',
+ 'key': 'G'
+ },
+ {
+ 'name': ' 贵港 ',
+ 'key': 'G'
+ }
+
+ ]
+ }, {
+
+ title: 'H',
+ key: 'H',
+ items: [
+ {
+ 'name': ' 杭州 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 哈尔滨 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 合肥 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 海口 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 海东 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 海北 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 海南 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 海西 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 邯郸 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 汉中 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 鹤壁 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 河池 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 鹤岗 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 黑河 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 衡水 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 衡阳 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 河源 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 贺州 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 红河 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 淮安 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 淮北 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 怀化 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 淮南 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 黄冈 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 黄南 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 黄山 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 黄石 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 惠州 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 葫芦岛 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 呼伦贝尔 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 湖州 ',
+ 'key': 'H'
+ },
+ {
+ 'name': ' 菏泽 ',
+ 'key': 'H'
+ }
+
+ ]
+ }, {
+ title: 'J',
+ key: 'J',
+ items: [
+
+ {
+ 'name': ' 济南 ',
+ 'key': 'J'
+ },
+ {
+ 'name': ' 佳木斯 ',
+ 'key': 'J'
+ },
+ {
+ 'name': ' 吉安 ',
+ 'key': 'J'
+ },
+ {
+ 'name': ' 江门 ',
+ 'key': 'J'
+ },
+ {
+ 'name': ' 焦作 ',
+ 'key': 'J'
+ },
+ {
+ 'name': ' 嘉兴 ',
+ 'key': 'J'
+ }
+ ]
+ }, {
+
+ title: 'L',
+ key: 'L',
+ items: [
+ {
+ 'name': ' 兰州 ',
+ 'key': 'L'
+ },
+ {
+ 'name': ' 拉萨 ',
+ 'key': 'L'
+ },
+ {
+ 'name': ' 来宾 ',
+ 'key': 'L'
+ },
+ {
+ 'name': ' 莱芜 ',
+ 'key': 'L'
+ },
+ {
+ 'name': ' 廊坊 ',
+ 'key': 'L'
+ },
+ {
+ 'name': ' 乐山 ',
+ 'key': 'L'
+ },
+ {
+ 'name': ' 凉山 ',
+ 'key': 'L'
+ }
+ ]
+ }, {
+
+ title: 'M',
+ key: 'M',
+ items: [
+ {
+ 'name': ' 马鞍山 ',
+ 'key': 'M'
+ },
+ {
+ 'name': ' 茂名 ',
+ 'key': 'M'
+ },
+ {
+ 'name': ' 眉山 ',
+ 'key': 'M'
+ },
+ {
+ 'name': ' 梅州 ',
+ 'key': 'M'
+ },
+ {
+ 'name': ' 绵阳 ',
+ 'key': 'M'
+ },
+ {
+ 'name': ' 牡丹江 ',
+ 'key': 'M'
+ }
+ ]
+ }, {
+ title: 'N',
+ key: 'N',
+ items: [
+ {
+ 'name': ' 南京 ',
+ 'key': 'N'
+ },
+ {
+ 'name': ' 南昌 ',
+ 'key': 'N'
+ },
+ {
+ 'name': ' 南宁 ',
+ 'key': 'N'
+ },
+ {
+ 'name': ' 南充 ',
+ 'key': 'N'
+ },
+ {
+ 'name': ' 南平 ',
+ 'key': 'N'
+ },
+ {
+ 'name': ' 南通 ',
+ 'key': 'N'
+ },
+ {
+ 'name': ' 南阳 ',
+ 'key': 'N'
+ },
+ {
+ 'name': ' 那曲 ',
+ 'key': 'N'
+ },
+ {
+ 'name': ' 内江 ',
+ 'key': 'N'
+ },
+ {
+ 'name': ' 宁德 ',
+ 'key': 'N'
+ },
+ {
+ 'name': ' 怒江 ',
+ 'key': 'N'
+ }
+ ]
+ }, {
+ title: 'P',
+ key: 'P',
+ items: [
+ {
+ 'name': ' 盘锦 ',
+ 'key': 'P'
+ },
+ {
+ 'name': ' 攀枝花 ',
+ 'key': 'P'
+ },
+ {
+ 'name': ' 平顶山 ',
+ 'key': 'P'
+ },
+ {
+ 'name': ' 平凉 ',
+ 'key': 'P'
+ },
+ {
+ 'name': ' 萍乡 ',
+ 'key': 'P'
+ },
+ {
+ 'name': ' 莆田 ',
+ 'key': 'P'
+ },
+ {
+ 'name': ' 濮阳 ',
+ 'key': 'P'
+ }
+ ]
+ }, {
+ title: 'Q',
+ key: 'Q',
+ items: [
+
+ {
+ 'name': ' 青岛 ',
+ 'key': 'Q'
+ },
+ {
+ 'name': ' 黔东南 ',
+ 'key': 'Q'
+ },
+ {
+ 'name': ' 黔南 ',
+ 'key': 'Q'
+ },
+ {
+ 'name': ' 黔西南 ',
+ 'key': 'Q'
+ },
+ {
+ 'name': ' 庆阳 ',
+ 'key': 'Q'
+ },
+ {
+ 'name': ' 清远 ',
+ 'key': 'Q'
+ },
+ {
+ 'name': ' 秦皇岛 ',
+ 'key': 'Q'
+ }
+ ]
+ }, {
+
+ title: 'R',
+ key: 'R',
+ items: [
+ {
+ 'name': ' 日喀则 ',
+ 'key': 'R'
+ },
+ {
+ 'name': ' 日照 ',
+ 'key': 'R'
+ }
+ ]
+ }, {
+
+ title: 'S',
+ key: 'S',
+ items: [
+ {
+ 'name': ' 上海 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 深圳 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 苏州 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 沈阳 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 石家庄 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 三门峡 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 三明 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 三亚 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 商洛 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 商丘 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 上饶 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 山南 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 汕头 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 汕尾 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 韶关 ',
+ 'key': 'S'
+ },
+
+ {
+ 'name': ' 绍兴 ',
+ 'key': 'S'
+ },
+
+ {
+ 'name': ' 邵阳 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 十堰 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 朔州 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 四平 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 绥化 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 遂宁 ',
+ 'key': 'S'
+ },
+
+ {
+ 'name': ' 随州 ',
+ 'key': 'S'
+ },
+
+ {
+ 'name': ' 娄底 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 宿迁 ',
+ 'key': 'S'
+ },
+ {
+ 'name': ' 宿州 ',
+ 'key': 'S'
+ }
+
+ ]
+ }, {
+ title: 'T',
+ key: 'T',
+ items: [
+
+ {
+ 'name': ' 天津 ',
+ 'key': 'T'
+ },
+ {
+ 'name': ' 太原 ',
+ 'key': 'T'
+ },
+ {
+ 'name': ' 泰安 ',
+ 'key': 'T'
+ },
+ {
+ 'name': ' 泰州 ',
+ 'key': 'T'
+ },
+ {
+ 'name': ' 唐山 ',
+ 'key': 'T'
+ },
+ {
+ 'name': ' 天水 ',
+ 'key': 'T'
+ },
+ {
+ 'name': ' 铁岭 ',
+ 'key': 'T'
+ },
+ {
+ 'name': ' 铜川 ',
+ 'key': 'T'
+ },
+
+ {
+ 'name': ' 通化 ',
+ 'key': 'T'
+ },
+ {
+ 'name': ' 通辽 ',
+ 'key': 'T'
+ },
+ {
+ 'name': ' 铜陵 ',
+ 'key': 'T'
+ },
+ {
+ 'name': ' 铜仁 ',
+ 'key': 'T'
+ },
+ {
+ 'name': ' 台湾 ',
+ 'key': 'T'
+ }
+
+
+ ]
+ }, {
+ title: 'W',
+ key: 'W',
+ items: [
+
+ {
+ 'name': ' 武汉 ',
+ 'key': 'W'
+ },
+ {
+ 'name': ' 乌鲁木齐 ',
+ 'key': 'W'
+ },
+ {
+ 'name': ' 无锡 ',
+ 'key': 'W'
+ },
+ {
+ 'name': ' 威海 ',
+ 'key': 'W'
+ },
+ {
+ 'name': ' 潍坊 ',
+ 'key': 'W'
+ },
+ {
+ 'name': ' 文山 ',
+ 'key': 'W'
+ },
+ {
+ 'name': ' 温州 ',
+ 'key': 'W'
+ },
+ {
+ 'name': ' 乌海 ',
+ 'key': 'W'
+ },
+
+ {
+ 'name': ' 芜湖 ',
+ 'key': 'W'
+ },
+ {
+ 'name': ' 乌兰察布 ',
+ 'key': 'W'
+ },
+ {
+ 'name': ' 武威 ',
+ 'key': 'W'
+ },
+ {
+ 'name': ' 梧州 ',
+ 'key': 'W'
+ }
+
+ ]
+ }, {
+ title: 'X',
+ key: 'X',
+ items: [
+
+ {
+ 'name': ' 厦门 ',
+ 'key': 'X'
+ },
+ {
+ 'name': ' 西安 ',
+ 'key': 'X'
+ },
+ {
+ 'name': ' 西宁 ',
+ 'key': 'X'
+ },
+ {
+ 'name': ' 襄樊 ',
+ 'key': 'X'
+ },
+ {
+ 'name': ' 湘潭 ',
+ 'key': 'X'
+ },
+ {
+ 'name': ' 湘西 ',
+ 'key': 'X'
+ },
+ {
+ 'name': ' 咸宁 ',
+ 'key': 'X'
+ },
+ {
+ 'name': ' 咸阳 ',
+ 'key': 'X'
+ },
+
+ {
+ 'name': ' 孝感 ',
+ 'key': 'X'
+ },
+ {
+ 'name': ' 邢台 ',
+ 'key': 'X'
+ },
+ {
+ 'name': ' 新乡 ',
+ 'key': 'X'
+ },
+ {
+ 'name': ' 信阳 ',
+ 'key': 'X'
+ },
+ {
+ 'name': ' 新余 ',
+ 'key': 'X'
+ },
+ {
+ 'name': ' 忻州 ',
+ 'key': 'X'
+ },
+ {
+ 'name': ' 西双版纳 ',
+ 'key': 'X'
+ },
+
+ {
+ 'name': ' 宣城 ',
+ 'key': 'X'
+ },
+
+ {
+ 'name': ' 许昌 ',
+ 'key': 'X'
+ },
+ {
+ 'name': ' 徐州 ',
+ 'key': 'X'
+ },
+ {
+ 'name': ' 香港 ',
+ 'key': 'X'
+ },
+ {
+ 'name': ' 锡林郭勒 ',
+ 'key': 'X'
+ },
+ {
+ 'name': ' 兴安 ',
+ 'key': 'X'
+ }
+ ]
+ }, {
+ title: 'Y',
+ key: 'Y',
+ items: [
+
+ {
+ 'name': ' 银川 ',
+ 'key': 'Y'
+ },
+ {
+ 'name': ' 雅安 ',
+ 'key': 'Y'
+ },
+ {
+ 'name': ' 延安 ',
+ 'key': 'Y'
+ },
+ {
+ 'name': ' 延边 ',
+ 'key': 'Y'
+ },
+ {
+ 'name': ' 盐城 ',
+ 'key': 'Y'
+ },
+ {
+ 'name': ' 阳江 ',
+ 'key': 'Y'
+ },
+
+ {
+ 'name': ' 阳泉 ',
+ 'key': 'Y'
+ },
+ {
+ 'name': ' 扬州 ',
+ 'key': 'Y'
+ },
+
+ {
+ 'name': ' 烟台 ',
+ 'key': 'Y'
+ },
+ {
+ 'name': ' 宜宾 ',
+ 'key': 'Y'
+ },
+ {
+ 'name': ' 宜昌 ',
+ 'key': 'Y'
+ },
+ {
+ 'name': ' 宜春 ',
+ 'key': 'Y'
+ },
+ {
+ 'name': ' 营口 ',
+ 'key': 'Y'
+ },
+
+ {
+ 'name': ' 益阳 ',
+ 'key': 'Y'
+ },
+ {
+ 'name': ' 永州 ',
+ 'key': 'Y'
+ },
+
+ {
+ 'name': ' 岳阳 ',
+ 'key': 'Y'
+ },
+
+ {
+ 'name': ' 榆林 ',
+ 'key': 'Y'
+ },
+ {
+ 'name': ' 运城 ',
+ 'key': 'Y'
+ },
+ {
+ 'name': ' 云浮 ',
+ 'key': 'Y'
+ },
+ {
+ 'name': ' 玉树 ',
+ 'key': 'Y'
+ },
+ {
+ 'name': ' 玉溪 ',
+ 'key': 'Y'
+ },
+ {
+ 'name': ' 玉林 ',
+ 'key': 'Y'
+ }
+
+ ]
+ }, {
+
+ title: 'Z',
+ key: 'Z',
+ items: [
+ {
+ 'name': ' 杂多县 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 赞皇县 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 枣强县 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 枣阳市 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 枣庄 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 泽库县 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 增城市 ',
+ 'key': 'Z'
+ },
+
+ {
+ 'name': ' 曾都区 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 泽普县 ',
+ 'key': 'Z'
+ },
+
+ {
+ 'name': ' 泽州县 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 札达县 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 扎赉特旗 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 扎兰屯市 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 扎鲁特旗 ',
+ 'key': 'Z'
+ },
+
+ {
+ 'name': ' 扎囊县 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 张北县 ',
+ 'key': 'Z'
+ },
+
+ {
+ 'name': ' 张店区 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 章贡区 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 张家港 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 张家界 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 张家口 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 漳平市 ',
+ 'key': 'Z'
+ },
+
+ {
+ 'name': ' 漳浦县 ',
+ 'key': 'Z'
+ },
+
+ {
+ 'name': ' 章丘市 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 樟树市 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 张湾区 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 彰武县 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 漳县 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 张掖 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 漳州 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 长子县 ',
+ 'key': 'Z'
+ },
+
+ {
+ 'name': ' 湛河区 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 湛江 ',
+ 'key': 'Z'
+ },
+
+ {
+ 'name': ' 站前区 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 沾益县 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 诏安县 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 召陵区 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 昭平县 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 肇庆 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 昭通 ',
+ 'key': 'Z'
+ },
+ {
+ 'name': ' 赵县 ',
+ 'key': 'Z'
+ }
+
+ ]
+ }
+]
+
+export default city
diff --git a/src/pages/panel/index.js b/src/pages/panel/index.js
index a8f4bc289..f1bb65bba 100644
--- a/src/pages/panel/index.js
+++ b/src/pages/panel/index.js
@@ -244,6 +244,10 @@ export default class PanelBasic extends Component {
{
id: 'Drawer',
name: '抽屉'
+ },
+ {
+ id: 'Indexes',
+ name: '索引选择器'
}
]
}
diff --git a/src/style/theme/default.scss b/src/style/theme/default.scss
index c3ed5ffd0..92a30f128 100644
--- a/src/style/theme/default.scss
+++ b/src/style/theme/default.scss
@@ -112,6 +112,7 @@ $zindex-steps: 500;
$zindex-tab: 600;
$zindex-form: 700;
$zindex-nav: 800;
+$zindex-indexes: 805;
$zindex-flot-layout: 810;
$zindex-drawer: 900;
$zindex-modal: 1000;