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

exports[`should render demo and match snapshot 1`] = `
<div>
  <div class="van-picker">
    <div class="van-picker__toolbar">
      <button type="button"
              class="van-picker__cancel"
      >
        Cancel
      </button>
      <div class="van-picker__title van-ellipsis">
        Title
      </div>
      <button type="button"
              class="van-picker__confirm"
      >
        Confirm
      </button>
    </div>
    <div class="van-picker__columns"
         style="height: 264px;"
    >
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Delaware
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Florida
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Georqia
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Indiana
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Maine
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker__mask"
           style="background-size: 100% 110px;"
      >
      </div>
      <div class="van-hairline-unset--top-bottom van-picker__frame"
           style="height: 44px;"
      >
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-picker">
    <div class="van-picker__toolbar">
      <button type="button"
              class="van-picker__cancel"
      >
        Cancel
      </button>
      <div class="van-picker__title van-ellipsis">
        Title
      </div>
      <button type="button"
              class="van-picker__confirm"
      >
        Confirm
      </button>
    </div>
    <div class="van-picker__columns"
         style="height: 264px;"
    >
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Delaware
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Florida
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Georqia
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Indiana
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Maine
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker__mask"
           style="background-size: 100% 110px;"
      >
      </div>
      <div class="van-hairline-unset--top-bottom van-picker__frame"
           style="height: 44px;"
      >
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-picker">
    <div class="van-picker__toolbar">
      <button type="button"
              class="van-picker__cancel"
      >
        Cancel
      </button>
      <div class="van-picker__title van-ellipsis">
        Title
      </div>
      <button type="button"
              class="van-picker__confirm"
      >
        Confirm
      </button>
    </div>
    <div class="van-picker__columns"
         style="height: 264px;"
    >
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Monday
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Tuesday
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Wednesday
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Thursday
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Friday
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Morning
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Afternoon
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Evening
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker__mask"
           style="background-size: 100% 110px;"
      >
      </div>
      <div class="van-hairline-unset--top-bottom van-picker__frame"
           style="height: 44px;"
      >
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-picker">
    <div class="van-picker__toolbar">
      <button type="button"
              class="van-picker__cancel"
      >
        Cancel
      </button>
      <div class="van-picker__title van-ellipsis">
        Title
      </div>
      <button type="button"
              class="van-picker__confirm"
      >
        Confirm
      </button>
    </div>
    <div class="van-picker__columns"
         style="height: 264px;"
    >
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Zhejiang
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Fujian
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Hangzhou
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Wenzhou
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Xihu
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Yuhang
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker__mask"
           style="background-size: 100% 110px;"
      >
      </div>
      <div class="van-hairline-unset--top-bottom van-picker__frame"
           style="height: 44px;"
      >
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-picker">
    <div class="van-picker__toolbar">
      <button type="button"
              class="van-picker__cancel"
      >
        Cancel
      </button>
      <div class="van-picker__title van-ellipsis">
        Title
      </div>
      <button type="button"
              class="van-picker__confirm"
      >
        Confirm
      </button>
    </div>
    <div class="van-picker__columns"
         style="height: 264px;"
    >
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="-1"
              class="van-picker-column__item van-picker-column__item--disabled"
          >
            <div class="van-ellipsis">
              Delaware
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Florida
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Georqia
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker__mask"
           style="background-size: 100% 110px;"
      >
      </div>
      <div class="van-hairline-unset--top-bottom van-picker__frame"
           style="height: 44px;"
      >
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-picker">
    <div class="van-picker__toolbar">
      <button type="button"
              class="van-picker__cancel"
      >
        Cancel
      </button>
      <div class="van-picker__title van-ellipsis">
        Title
      </div>
      <button type="button"
              class="van-picker__confirm"
      >
        Confirm
      </button>
    </div>
    <div class="van-picker__columns"
         style="height: 264px;"
    >
      <div class="van-picker-column column1">
        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Group1
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Group2
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker-column column2">
        <ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Delaware
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Florida
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Georqia
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Indiana
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Maine
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker__mask"
           style="background-size: 100% 110px;"
      >
      </div>
      <div class="van-hairline-unset--top-bottom van-picker__frame"
           style="height: 44px;"
      >
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-picker">
    <div class="van-picker__toolbar">
      <button type="button"
              class="van-picker__cancel"
      >
        Cancel
      </button>
      <div class="van-picker__title van-ellipsis">
        Title
      </div>
      <button type="button"
              class="van-picker__confirm"
      >
        Confirm
      </button>
    </div>
    <div class="van-loading van-loading--circular van-picker__loading">
      <span class="van-loading__spinner van-loading__spinner--circular">
        <svg class="van-loading__circular"
             viewbox="25 25 50 50"
        >
          <circle cx="50"
                  cy="50"
                  r="20"
                  fill="none"
          >
          </circle>
        </svg>
      </span>
    </div>
    <div class="van-picker__columns"
         style="height: 264px;"
    >
      <div class="van-picker-column column1">
        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Group1
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Group2
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker-column column2">
        <ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Delaware
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Florida
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Georqia
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Indiana
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Maine
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker__mask"
           style="background-size: 100% 110px;"
      >
      </div>
      <div class="van-hairline-unset--top-bottom van-picker__frame"
           style="height: 44px;"
      >
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-cell van-cell--clickable van-field"
       role="button"
       tabindex="0"
  >
    <div class="van-cell__title van-field__label">
      <label>
        City
      </label>
    </div>
    <div class="van-cell__value van-field__value">
      <div class="van-field__body">
        <input type="text"
               class="van-field__control"
               readonly
               placeholder="Choose City"
        >
      </div>
    </div>
    <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
    </i>
  </div>
  <transition-stub>
  </transition-stub>
  <transition-stub>
  </transition-stub>
</div>
<div>
  <div class="van-picker">
    <div class="van-picker__toolbar">
      <button type="button"
              class="van-picker__cancel"
      >
        Cancel
      </button>
      <div class="van-picker__title van-ellipsis">
        Title
      </div>
      <button type="button"
              class="van-picker__confirm"
      >
        Confirm
      </button>
    </div>
    <div class="van-picker__columns"
         style="height: 264px;"
    >
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Zhejiang
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Fujian
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Hangzhou
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Wenzhou
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker-column">
        <ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
            class="van-picker-column__wrapper"
        >
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Xihu
            </div>
          </li>
          <li role="button"
              style="height: 44px;"
              tabindex="0"
              class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Yuhang
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker__mask"
           style="background-size: 100% 110px;"
      >
      </div>
      <div class="van-hairline-unset--top-bottom van-picker__frame"
           style="height: 44px;"
      >
      </div>
    </div>
  </div>
</div>
`;