<view
  key="ant-number-input-{{$id}}"
  style="{{style}}"
  class="ant-number-keyboard {{className || ''}}"
>
  <view
    a:if="{{visible}}"
    class="ant-number-keyboard-modal"
    onTap="handleHide"
    onAppear="catchAppearModal"
  ></view>
  <view class="ant-number-keyboard-kb {{visible ? '' : 'ant-number-keyboard-kb_hide'}}">
    <slot name="header">
      <view
        a:if="{{closeable}}"
        onTap="handleHide"
        class="ant-number-keyboard-kb_none"
      >
        <ant-icon
          type="DownOutline"
          className="ant-number-keyboard-down"
        ></ant-icon>
      </view>
    </slot>
    <view class="ant-number-keyboard-kb_bd">
      <view class="ant-number-keyboard-kb_keys">
        <block
          a:for="{{random ? randomArr : numArr}}"
          a:for-index="index"
          a:for-item="item"
        >
          <view class="ant-number-keyboard-kb_row">
            <block
              a:for="{{item}}"
              a:for-index="index"
              a:for-item="itemKey"
            >
              <view
                data-key="{{itemKey}}"
                class="ant-number-keyboard-kb_number"
                onTouchStart="tapButton"
              >
                {{itemKey}}
              </view>
            </block>
          </view>
        </block>
        <view
          a:if="{{!confirmText}}"
          class="ant-number-keyboard-kb_row"
        >
          <view
            a:if="{{!point}}"
            class="ant-number-keyboard-kb_number ant-number-keyboard-kb_point ant-number-keyboard-kb_flex ant-number-keyboard-kb_e"
          ></view>
          <view
            a:if="{{point}}"
            class="ant-number-keyboard-kb_number ant-number-keyboard-kb_point ant-number-keyboard-kb_flex"
            data-key="."
            onTouchStart="tapButton"
          >
            .
          </view>
          <view
            class="ant-number-keyboard-kb_number ant-number-keyboard-kb_zero ant-number-keyboard-kb_flex"
            data-key="0"
            onTouchStart="tapButton"
          >
            0
          </view>
          <view
            class="ant-number-keyboard-kb_number ant-number-keyboard-kb_point ant-number-keyboard-kb_flex {{point ? '' : 'ant-number-keyboard-kb_e'}}"
            data-key="del"
            onTouchStart="tapButton"
          >
            <ant-icon
              type="TextDeletionOutline"
              className="ant-number-keyboard-del"
            ></ant-icon>
          </view>
        </view>
        <view
          a:if="{{confirmText}}"
          class="ant-number-keyboard-kb_row"
        >
          <view
            class="ant-number-keyboard-kb_number ant-number-keyboard-kb_zero"
            data-key="0"
            onTouchStart="tapButton"
          >
            0
          </view>
          <view
            a:if="{{point}}"
            class="ant-number-keyboard-kb_number ant-number-keyboard-kb_point"
            data-key="."
            onTouchStart="tapButton"
          >
            .
          </view>
        </view>
      </view>
      <view
        a:if="{{confirmText}}"
        class="ant-number-keyboard-kb_function"
      >
        <view
          class="ant-number-keyboard-kb_number ant-number-keyboard-kb_del"
          data-key="del"
          onTouchStart="tapButton"
        >
          <ant-icon
            type="TextDeletionOutline"
            className="ant-number-keyboard-del"
          ></ant-icon>
        </view>
        <view
          style="opacity: {{confirmDisabled ? '0.5' : '1'}}"
          onTouchStart="tapButton"
          class="ant-number-keyboard-kb_transfer"
          data-key="enter"
        >
          <slot name="confirm">
            <view class="amount-input-kb_transfer-btn">{{confirmText}}</view>
          </slot>
        </view>
      </view>
    </view>
    <view class="ant-number-keyboard-kb_iphonex-safe"></view>
  </view>
</view>