<commit_before><template>
<div class="weui_cell">
  <div class="weui_cell_bd weui_cell_primary">
      <p>{{title}}</p>
  </div>
  <div class="weui_cell_ft" v-show="!readonly" style="font-size:0">
    <a @click="sub()" class="number-selector number-selector-sub needsclick":class="{'number-disabled':disabled_min}">-</a>
    <input v-model="value" class="number-input" :style="{width: width+'px'}" number/>
    <a @click="add()" class="number-selector number-selector-plus needsclick" :class="{'number-disabled':disabled_max}">+</a>
  </div>
  <div class="weui_cell_ft" v-else>
  {{value}}
  </div>
</div>
</template>

<style>
  .number-input {
    float:left;
    height:20px;
    font-size:20px;
    color: #666;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:1px solid #ececec;
    padding:3px 0;
    text-align:center;
    border-radius: 1px;
  }
  .number-selector {
    float:left;
    height:20px;
    font-size:25px;
    line-height:18px;
    color:#3cc51f;
    border:1px solid #ececec;
  }
  .number-selector.number-disabled{
    color:#ccc;
  }
  .number-selector-sub {
    border-right:none;
    padding:3px 10px;
  }
  .number-selector-plus {
    border-left:none;
    margin-right: 5px;
    padding:3px 8px;
  }
</style>

<script>
export default {
  // 定义
  /* @todo readonly*/
  /* @todo disabled on_change*/
  props: {
    min: Number,
    max: Number,<commit_msg>number: update style<commit_after><template>
<div class="weui_cell">
  <div class="weui_cell_bd weui_cell_primary">
      <p>{{title}}</p>
  </div>
  <div class="weui_cell_ft" v-show="!readonly" style="font-size:0">
    <a @click="sub()" class="number-selector number-selector-sub needsclick":class="{'number-disabled':disabled_min}">-</a>
    <input v-model="value" class="number-input" :style="{width: width+'px'}" number/>
    <a @click="add()" class="number-selector number-selector-plus needsclick" :class="{'number-disabled':disabled_max}">+</a>
  </div>
  <div class="weui_cell_ft" v-else>
  {{value}}
  </div>
</div>
</template>

<style>
  .number-input {
    float:left;
    height:20px;
    font-size:20px;
    color: #666;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border:1px solid #ececec;
    padding:3px 0;
    text-align:center;
    border-radius: 1px;
  }
  .number-selector {
    float:left;
    height:20px;
    font-size:25px;
    line-height:18px;
    color:#3cc51f;
    border:1px solid #ececec;
  }
  .number-selector.number-disabled{
    color:#ccc;
  }
  .number-selector-sub {
    border-right:none;
    padding:3px 10px;
    border-radius:2px 0 0 2px;
  }
  .number-selector-plus {
    border-left:none;
    margin-right: 5px;
    padding:3px 8px;
    border-radius:0 2px 2px 0;
  }
</style>

<script>
export default {
  // 定义
  /* @todo readonly*/
  /* @todo disabled on_change*/
  props: {
    min: Number,
    max: Number,
{'fraction_non_alphanumeric': 0.17667238421955403, 'fraction_numerical': 0.021955403087478557, 'mean_word_length': 3.34575260804769, 'pattern_counts': {'":': 2, '<': 43, '<?xml version=': 0, '>': 43, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6115793', 'n_tokens_mistral': 1162, 'n_tokens_neox': 1109, 'n_words': 197}