// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`should render demo and match snapshot 1`] = `
<main>
  <demo-block>
    <wx-view
      class="custom-class demo-block van-clearfix "
    >
      <wx-view
        class="demo-block__title"
      >
        基础用法
      </wx-view>
      <van-picker
        bind:change="onChange1"
      >
        <wx-view
          class="van-picker custom-class"
        >
          <wx-view
            class="van-picker__columns"
            style="height:264px"
            catch:touchmove="noop"
          >
            <picker-column
              activeClass="active-class"
              class="van-picker__column"
              customClass="column-class"
              data-index="{{0}}"
              bind:change="onChange"
            >
              <wx-view
                class="van-picker-column custom-class"
                style="height:264px"
                bind:touchcancel="onTouchEnd"
                bind:touchend="onTouchEnd"
                catch:touchmove="onTouchMove"
                bind:touchstart="onTouchStart"
              >
                <wx-view
                  style="transition:transform 0ms;line-height:44px;transform:translate3d(0, 110px, 0)"
                >
                  <wx-view
                    class="van-ellipsis van-picker-column__item van-picker-column__item--selected active-class"
                    data-index="{{0}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    杭州
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{1}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    宁波
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{2}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    温州
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{3}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    嘉兴
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{4}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    湖州
                  </wx-view>
                </wx-view>
              </wx-view>
            </picker-column>
            <wx-view
              class="van-picker__mask"
              style="background-size:100% 110px"
            />
            <wx-view
              class="van-picker__frame van-hairline--top-bottom"
              style="height:44px"
            />
          </wx-view>
        </wx-view>
      </van-picker>
    </wx-view>
  </demo-block>
  <demo-block>
    <wx-view
      class="custom-class demo-block van-clearfix "
    >
      <wx-view
        class="demo-block__title"
      >
        默认选中项
      </wx-view>
      <van-picker
        bind:change="onChange1"
      >
        <wx-view
          class="van-picker custom-class"
        >
          <wx-view
            class="van-picker__columns"
            style="height:264px"
            catch:touchmove="noop"
          >
            <picker-column
              activeClass="active-class"
              class="van-picker__column"
              customClass="column-class"
              data-index="{{0}}"
              bind:change="onChange"
            >
              <wx-view
                class="van-picker-column custom-class"
                style="height:264px"
                bind:touchcancel="onTouchEnd"
                bind:touchend="onTouchEnd"
                catch:touchmove="onTouchMove"
                bind:touchstart="onTouchStart"
              >
                <wx-view
                  style="transition:transform 0ms;line-height:44px;transform:translate3d(0, 110px, 0)"
                >
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{0}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    杭州
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{1}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    宁波
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item van-picker-column__item--selected active-class"
                    data-index="{{2}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    温州
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{3}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    嘉兴
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{4}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    湖州
                  </wx-view>
                </wx-view>
              </wx-view>
            </picker-column>
            <wx-view
              class="van-picker__mask"
              style="background-size:100% 110px"
            />
            <wx-view
              class="van-picker__frame van-hairline--top-bottom"
              style="height:44px"
            />
          </wx-view>
        </wx-view>
      </van-picker>
    </wx-view>
  </demo-block>
  <demo-block>
    <wx-view
      class="custom-class demo-block van-clearfix "
    >
      <wx-view
        class="demo-block__title"
      >
        展示顶部栏
      </wx-view>
      <van-picker
        bind:cancel="onCancel"
        bind:change="onChange1"
        bind:confirm="onConfirm"
      >
        <wx-view
          class="van-picker custom-class"
        >
          <wx-view
            class="van-picker__toolbar toolbar-class"
          >
            <wx-view
              class="van-picker__cancel"
              data-type="cancel"
              hoverClass="van-picker__cancel--hover"
              hoverStayTime="70"
              bind:tap="emit"
            >
              
    取消
  
            </wx-view>
            <wx-view
              class="van-picker__title van-ellipsis"
            >
              标题
            </wx-view>
            <wx-view
              class="van-picker__confirm"
              data-type="confirm"
              hoverClass="van-picker__confirm--hover"
              hoverStayTime="70"
              bind:tap="emit"
            >
              
    确认
  
            </wx-view>
          </wx-view>
          <wx-view
            class="van-picker__columns"
            style="height:264px"
            catch:touchmove="noop"
          >
            <picker-column
              activeClass="active-class"
              class="van-picker__column"
              customClass="column-class"
              data-index="{{0}}"
              bind:change="onChange"
            >
              <wx-view
                class="van-picker-column custom-class"
                style="height:264px"
                bind:touchcancel="onTouchEnd"
                bind:touchend="onTouchEnd"
                catch:touchmove="onTouchMove"
                bind:touchstart="onTouchStart"
              >
                <wx-view
                  style="transition:transform 0ms;line-height:44px;transform:translate3d(0, 110px, 0)"
                >
                  <wx-view
                    class="van-ellipsis van-picker-column__item van-picker-column__item--selected active-class"
                    data-index="{{0}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    杭州
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{1}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    宁波
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{2}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    温州
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{3}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    嘉兴
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{4}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    湖州
                  </wx-view>
                </wx-view>
              </wx-view>
            </picker-column>
            <wx-view
              class="van-picker__mask"
              style="background-size:100% 110px"
            />
            <wx-view
              class="van-picker__frame van-hairline--top-bottom"
              style="height:44px"
            />
          </wx-view>
        </wx-view>
      </van-picker>
    </wx-view>
  </demo-block>
  <demo-block>
    <wx-view
      class="custom-class demo-block van-clearfix "
    >
      <wx-view
        class="demo-block__title"
      >
        多列联动
      </wx-view>
      <van-picker
        bind:change="onChange2"
      >
        <wx-view
          class="van-picker custom-class"
        >
          <wx-view
            class="van-picker__columns"
            style="height:264px"
            catch:touchmove="noop"
          >
            <picker-column
              activeClass="active-class"
              class="van-picker__column"
              customClass="column-class"
              data-index="{{0}}"
              bind:change="onChange"
            >
              <wx-view
                class="van-picker-column custom-class"
                style="height:264px"
                bind:touchcancel="onTouchEnd"
                bind:touchend="onTouchEnd"
                catch:touchmove="onTouchMove"
                bind:touchstart="onTouchStart"
              >
                <wx-view
                  style="transition:transform 0ms;line-height:44px;transform:translate3d(0, 110px, 0)"
                >
                  <wx-view
                    class="van-ellipsis van-picker-column__item van-picker-column__item--selected active-class"
                    data-index="{{0}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    浙江
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{1}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    福建
                  </wx-view>
                </wx-view>
              </wx-view>
            </picker-column>
            <picker-column
              activeClass="active-class"
              class="van-picker__column"
              customClass="column-class"
              data-index="{{1}}"
              bind:change="onChange"
            >
              <wx-view
                class="van-picker-column custom-class"
                style="height:264px"
                bind:touchcancel="onTouchEnd"
                bind:touchend="onTouchEnd"
                catch:touchmove="onTouchMove"
                bind:touchstart="onTouchStart"
              >
                <wx-view
                  style="transition:transform 0ms;line-height:44px;transform:translate3d(0, 110px, 0)"
                >
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{0}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    杭州
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{1}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    宁波
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item van-picker-column__item--selected active-class"
                    data-index="{{2}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    温州
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{3}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    嘉兴
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{4}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    湖州
                  </wx-view>
                </wx-view>
              </wx-view>
            </picker-column>
            <wx-view
              class="van-picker__mask"
              style="background-size:100% 110px"
            />
            <wx-view
              class="van-picker__frame van-hairline--top-bottom"
              style="height:44px"
            />
          </wx-view>
        </wx-view>
      </van-picker>
    </wx-view>
  </demo-block>
  <demo-block>
    <wx-view
      class="custom-class demo-block van-clearfix "
    >
      <wx-view
        class="demo-block__title"
      >
        禁用选项
      </wx-view>
      <van-picker>
        <wx-view
          class="van-picker custom-class"
        >
          <wx-view
            class="van-picker__columns"
            style="height:264px"
            catch:touchmove="noop"
          >
            <picker-column
              activeClass="active-class"
              class="van-picker__column"
              customClass="column-class"
              data-index="{{0}}"
              bind:change="onChange"
            >
              <wx-view
                class="van-picker-column custom-class"
                style="height:264px"
                bind:touchcancel="onTouchEnd"
                bind:touchend="onTouchEnd"
                catch:touchmove="onTouchMove"
                bind:touchstart="onTouchStart"
              >
                <wx-view
                  style="transition:transform 0ms;line-height:44px;transform:translate3d(0, 110px, 0)"
                >
                  <wx-view
                    class="van-ellipsis van-picker-column__item van-picker-column__item--disabled van-picker-column__item--selected active-class"
                    data-index="{{0}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    杭州
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{1}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    宁波
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{2}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    温州
                  </wx-view>
                </wx-view>
              </wx-view>
            </picker-column>
            <wx-view
              class="van-picker__mask"
              style="background-size:100% 110px"
            />
            <wx-view
              class="van-picker__frame van-hairline--top-bottom"
              style="height:44px"
            />
          </wx-view>
        </wx-view>
      </van-picker>
    </wx-view>
  </demo-block>
  <demo-block>
    <wx-view
      class="custom-class demo-block van-clearfix "
    >
      <wx-view
        class="demo-block__title"
      >
        加载状态
      </wx-view>
      <van-picker>
        <wx-view
          class="van-picker custom-class"
        >
          <wx-view
            class="van-picker__loading"
          >
            <van-loading>
              <wx-view
                class="custom-class van-loading"
              >
                <wx-view
                  class="van-loading__spinner van-loading__spinner--circular"
                  style="color:#1989fa"
                />
                <wx-view
                  class="van-loading__text"
                  style=""
                />
              </wx-view>
            </van-loading>
          </wx-view>
          <wx-view
            class="van-picker__columns"
            style="height:264px"
            catch:touchmove="noop"
          >
            <picker-column
              activeClass="active-class"
              class="van-picker__column"
              customClass="column-class"
              data-index="{{0}}"
              bind:change="onChange"
            >
              <wx-view
                class="van-picker-column custom-class"
                style="height:264px"
                bind:touchcancel="onTouchEnd"
                bind:touchend="onTouchEnd"
                catch:touchmove="onTouchMove"
                bind:touchstart="onTouchStart"
              >
                <wx-view
                  style="transition:transform 0ms;line-height:44px;transform:translate3d(0, 110px, 0)"
                >
                  <wx-view
                    class="van-ellipsis van-picker-column__item van-picker-column__item--selected active-class"
                    data-index="{{0}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    浙江
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{1}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    福建
                  </wx-view>
                </wx-view>
              </wx-view>
            </picker-column>
            <picker-column
              activeClass="active-class"
              class="van-picker__column"
              customClass="column-class"
              data-index="{{1}}"
              bind:change="onChange"
            >
              <wx-view
                class="van-picker-column custom-class"
                style="height:264px"
                bind:touchcancel="onTouchEnd"
                bind:touchend="onTouchEnd"
                catch:touchmove="onTouchMove"
                bind:touchstart="onTouchStart"
              >
                <wx-view
                  style="transition:transform 0ms;line-height:44px;transform:translate3d(0, 110px, 0)"
                >
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{0}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    杭州
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{1}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    宁波
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item van-picker-column__item--selected active-class"
                    data-index="{{2}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    温州
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{3}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    嘉兴
                  </wx-view>
                  <wx-view
                    class="van-ellipsis van-picker-column__item "
                    data-index="{{4}}"
                    style="height: 44px"
                    bind:tap="onClickItem"
                  >
                    湖州
                  </wx-view>
                </wx-view>
              </wx-view>
            </picker-column>
            <wx-view
              class="van-picker__mask"
              style="background-size:100% 110px"
            />
            <wx-view
              class="van-picker__frame van-hairline--top-bottom"
              style="height:44px"
            />
          </wx-view>
        </wx-view>
      </van-picker>
    </wx-view>
  </demo-block>
  <van-toast
    id="van-toast"
  >
    <van-transition
      customClass="van-toast__container"
    />
  </van-toast>
</main>
`;
