index.vue 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. <template>
  2. <uni-shadow-root class="vant-stepper-index"><view class="van-stepper custom-class">
  3. <view :class="'minus-class '+(utils.bem('stepper__minus', { disabled: minusDisabled }))" :style="showMinus ? '' : 'display: none;'" hover-class="van-stepper__minus--hover" hover-stay-time="70" @click="onMinus"></view>
  4. <input :type="integer ? 'number' : 'digit'" :class="'input-class '+(utils.bem('stepper__input', { disabled: disabled || disableInput }))" :style="inputWidth ? 'width: ' + inputWidth : ''" :value="value" :focus="focus" :disabled="disabled || disableInput" @input="onInput" @focus="onFocus" @blur="onBlur"></input>
  5. <view :class="'plus-class '+(utils.bem('stepper__plus', { disabled: plusDisabled }))" :style="showPlus ? '' : 'display: none;'" hover-class="van-stepper__plus--hover" hover-stay-time="70" @click="onPlus"></view>
  6. </view></uni-shadow-root>
  7. </template>
  8. <wxs src="../wxs/utils.wxs" module="utils"></wxs>
  9. <script>
  10. global['__wxRoute'] = 'vant/stepper/index'
  11. "use strict";
  12. Object.defineProperty(exports, "__esModule", { value: true });
  13. var component_1 = require('./../common/component.js');
  14. component_1.VantComponent({
  15. field: true,
  16. classes: ['input-class', 'plus-class', 'minus-class'],
  17. props: {
  18. value: null,
  19. integer: Boolean,
  20. disabled: Boolean,
  21. inputWidth: String,
  22. asyncChange: Boolean,
  23. disableInput: Boolean,
  24. min: {
  25. type: null,
  26. value: 1
  27. },
  28. max: {
  29. type: null,
  30. value: Number.MAX_SAFE_INTEGER
  31. },
  32. step: {
  33. type: null,
  34. value: 1
  35. },
  36. showPlus: {
  37. type: Boolean,
  38. value: true
  39. },
  40. showMinus: {
  41. type: Boolean,
  42. value: true
  43. }
  44. },
  45. computed: {
  46. minusDisabled: function minusDisabled() {
  47. return this.data.disabled || this.data.value <= this.data.min;
  48. },
  49. plusDisabled: function plusDisabled() {
  50. return this.data.disabled || this.data.value >= this.data.max;
  51. }
  52. },
  53. watch: {
  54. value: function value(_value) {
  55. if (_value === '') {
  56. return;
  57. }
  58. var newValue = this.range(_value);
  59. if (typeof newValue === 'number' && +this.data.value !== newValue) {
  60. this.set({ value: newValue });
  61. }
  62. }
  63. },
  64. data: {
  65. focus: false
  66. },
  67. created: function created() {
  68. this.set({
  69. value: this.range(this.data.value)
  70. });
  71. },
  72. methods: {
  73. onFocus: function onFocus(event) {
  74. this.$emit('focus', event.detail);
  75. },
  76. onBlur: function onBlur(event) {
  77. var value = this.range(this.data.value);
  78. this.triggerInput(value);
  79. this.$emit('blur', event.detail);
  80. },
  81. // limit value range
  82. range: function range(value) {
  83. value = String(value).replace(/[^0-9.-]/g, '');
  84. return Math.max(Math.min(this.data.max, value), this.data.min);
  85. },
  86. onInput: function onInput(event) {
  87. var _a = (event.detail || {}).value,
  88. value = _a === void 0 ? '' : _a;
  89. this.triggerInput(value);
  90. },
  91. onChange: function onChange(type) {
  92. if (this.data[type + "Disabled"]) {
  93. this.$emit('overlimit', type);
  94. return;
  95. }
  96. var diff = type === 'minus' ? -this.data.step : +this.data.step;
  97. var value = Math.round((+this.data.value + diff) * 100) / 100;
  98. this.triggerInput(this.range(value));
  99. this.$emit(type);
  100. },
  101. onMinus: function onMinus() {
  102. this.onChange('minus');
  103. },
  104. onPlus: function onPlus() {
  105. this.onChange('plus');
  106. },
  107. triggerInput: function triggerInput(value) {
  108. this.set({
  109. value: this.data.asyncChange ? this.data.value : value
  110. });
  111. this.$emit('change', value);
  112. }
  113. }
  114. });
  115. //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmpzIl0sIm5hbWVzIjpbIk9iamVjdCIsInZhbHVlIiwiY29tcG9uZW50XzEiLCJyZXF1aXJlIiwiZmllbGQiLCJjbGFzc2VzIiwicHJvcHMiLCJpbnRlZ2VyIiwiZGlzYWJsZWQiLCJpbnB1dFdpZHRoIiwiYXN5bmNDaGFuZ2UiLCJkaXNhYmxlSW5wdXQiLCJtaW4iLCJ0eXBlIiwibWF4IiwiTnVtYmVyIiwiTUFYX1NBRkVfSU5URUdFUiIsInN0ZXAiLCJzaG93UGx1cyIsInNob3dNaW51cyIsImNvbXB1dGVkIiwibWludXNEaXNhYmxlZCIsInBsdXNEaXNhYmxlZCIsIndhdGNoIiwibmV3VmFsdWUiLCJkYXRhIiwiZm9jdXMiLCJjcmVhdGVkIiwibWV0aG9kcyIsIm9uRm9jdXMiLCJldmVudCIsIm9uQmx1ciIsInJhbmdlIiwiU3RyaW5nIiwiTWF0aCIsIm9uSW5wdXQiLCJfYSIsIm9uQ2hhbmdlIiwiZGlmZiIsIm9uTWludXMiLCJvblBsdXMiLCJ0cmlnZ2VySW5wdXQiXSwibWFwcGluZ3MiOiI7O0FBQ0FBLE9BQUFBLGNBQUFBLENBQUFBLE9BQUFBLEVBQUFBLFlBQUFBLEVBQTZDLEVBQUVDLE9BQS9DRCxJQUE2QyxFQUE3Q0E7QUFDQSxJQUFJRSxjQUFjQyxRQUFsQiwwQkFBa0JBLENBQWxCO0FBQ0FELFlBQUFBLGFBQUFBLENBQTBCO0FBQ3RCRSxXQURzQixJQUFBO0FBRXRCQyxhQUFTLENBQUEsYUFBQSxFQUFBLFlBQUEsRUFGYSxhQUViLENBRmE7QUFPdEJDLFdBQU87QUFDSEwsZUFERyxJQUFBO0FBRUhNLGlCQUZHLE9BQUE7QUFHSEMsa0JBSEcsT0FBQTtBQUlIQyxvQkFKRyxNQUFBO0FBS0hDLHFCQUxHLE9BQUE7QUFNSEMsc0JBTkcsT0FBQTtBQU9IQyxhQUFLO0FBQ0RDLGtCQURDLElBQUE7QUFFRFosbUJBQU87QUFGTixTQVBGO0FBV0hhLGFBQUs7QUFDREQsa0JBREMsSUFBQTtBQUVEWixtQkFBT2MsT0FBT0M7QUFGYixTQVhG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QUEsSUFBQSxDQUFqRCxJQUFBO0FBQ0EsZ0JBQUlaLFFBQVFpQyxLQUFBQSxLQUFBQSxDQUFXLENBQUMsQ0FBQyxLQUFBLElBQUEsQ0FBRCxLQUFBLEdBQUQsSUFBQSxJQUFYQSxHQUFBQSxJQUFaLEdBQUE7QUFDQSxpQkFBQSxZQUFBLENBQWtCLEtBQUEsS0FBQSxDQUFsQixLQUFrQixDQUFsQjtBQUNBLGlCQUFBLEtBQUEsQ0FBQSxJQUFBO0FBMUJDLFNBQUE7QUE0QkxLLGlCQUFTLFNBQUEsT0FBQSxHQUFZO0FBQ2pCLGlCQUFBLFFBQUEsQ0FBQSxPQUFBO0FBN0JDLFNBQUE7QUErQkxDLGdCQUFRLFNBQUEsTUFBQSxHQUFZO0FBQ2hCLGlCQUFBLFFBQUEsQ0FBQSxNQUFBO0FBaENDLFNBQUE7QUFrQ0xDLHNCQUFjLFNBQUEsWUFBQSxDQUFBLEtBQUEsRUFBaUI7QUFDM0IsaUJBQUEsR0FBQSxDQUFTO0FBQ0x4Qyx1QkFBTyxLQUFBLElBQUEsQ0FBQSxXQUFBLEdBQXdCLEtBQUEsSUFBQSxDQUF4QixLQUFBLEdBQTBDQTtBQUQ1QyxhQUFUO0FBR0EsaUJBQUEsS0FBQSxDQUFBLFFBQUEsRUFBQSxLQUFBO0FBQ0g7QUF2Q0k7QUE5RGEsQ0FBMUJDIiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5PYmplY3QuZGVmaW5lUHJvcGVydHkoZXhwb3J0cywgXCJfX2VzTW9kdWxlXCIsIHsgdmFsdWU6IHRydWUgfSk7XG52YXIgY29tcG9uZW50XzEgPSByZXF1aXJlKFwiLi4vY29tbW9uL2NvbXBvbmVudFwiKTtcbmNvbXBvbmVudF8xLlZhbnRDb21wb25lbnQoe1xuICAgIGZpZWxkOiB0cnVlLFxuICAgIGNsYXNzZXM6IFtcbiAgICAgICAgJ2lucHV0LWNsYXNzJyxcbiAgICAgICAgJ3BsdXMtY2xhc3MnLFxuICAgICAgICAnbWludXMtY2xhc3MnXG4gICAgXSxcbiAgICBwcm9wczoge1xuICAgICAgICB2YWx1ZTogbnVsbCxcbiAgICAgICAgaW50ZWdlcjogQm9vbGVhbixcbiAgICAgICAgZGlzYWJsZWQ6IEJvb2xlYW4sXG4gICAgICAgIGlucHV0V2lkdGg6IFN0cmluZyxcbiAgICAgICAgYXN5bmNDaGFuZ2U6IEJvb2xlYW4sXG4gICAgICAgIGRpc2FibGVJbnB1dDogQm9vbGVhbixcbiAgICAgICAgbWluOiB7XG4gICAgICAgICAgICB0eXBlOiBudWxsLFxuICAgICAgICAgICAgdmFsdWU6IDFcbiAgICAgICAgfSxcbiAgICAgICAgbWF4OiB7XG4gICAgICAgICAgICB0eXBlOiBudWxsLFxuICAgICAgICAgICAgdmFsdWU6IE51bWJlci5NQVhfU0FGRV9JTlRFR0VSXG4gICAgICAgIH0sXG4gICAgICAgIHN0ZXA6IHtcbiAgICAgICAgICAgIHR5cGU6IG51bGwsXG4gICAgICAgICAgICB2YWx1ZTogMVxuICAgICAgICB9LFxuICAgICAgICBzaG93UGx1czoge1xuICAgICAgICAgICAgdHlwZTogQm9vbGVhbixcbiAgICAgICAgICAgIHZhbHVlOiB0cnVlXG4gICAgICAgIH0sXG4gICAgICAgIHNob3dNaW51czoge1xuICAgICAgICAgICAgdHlwZTogQm9vbGVhbixcbiAgICAgICAgICAgIHZhbHVlOiB0cnVlXG4gICAgICAgIH1cbiAgICB9LFxuICAgIGNvbXB1dGVkOiB7XG4gICAgICAgIG1pbnVzRGlzYWJsZWQ6IGZ1bmN0aW9uICgpIHtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLmRhdGEuZGlzYWJsZWQgfHwgdGhpcy5kYXRhLnZhbHVlIDw9IHRoaXMuZGF0YS5taW47XG4gICAgICAgIH0sXG4gICAgICAgIHBsdXNEaXNhYmxlZDogZnVuY3Rpb24gKCkge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuZGF0YS5kaXNhYmxlZCB8fCB0aGlzLmRhdGEudmFsdWUgPj0gdGhpcy5kYXRhLm1heDtcbiAgICAgICAgfVxuICAgIH0sXG4gICAgd2F0Y2g6IHtcbiAgICAgICAgdmFsdWU6IGZ1bmN0aW9uICh2YWx1ZSkge1xuICAgICAgICAgICAgaWYgKHZhbHVlID09PSAnJykge1xuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHZhciBuZXdWYWx1ZSA9IHRoaXMucmFuZ2UodmFsdWUpO1xuICAgICAgICAgICAgaWYgKHR5cGVvZiBuZXdWYWx1ZSA9PT0gJ251bWJlcicgJiYgK3RoaXMuZGF0YS52YWx1ZSAhPT0gbmV3VmFsdWUpIHtcbiAgICAgICAgICAgICAgICB0aGlzLnNldCh7IHZhbHVlOiBuZXdWYWx1ZSB9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH0sXG4gICAgZGF0YToge1xuICAgICAgICBmb2N1czogZmFsc2VcbiAgICB9LFxuICAgIGNyZWF0ZWQ6IGZ1bmN0aW9uICgpIHtcbiAgICAgICAgdGhpcy5zZXQoe1xuICAgICAgICAgICAgdmFsdWU6IHRoaXMucmFuZ2UodGhpcy5kYXRhLnZhbHVlKVxuICAgICAgICB9KTtcbiAgICB9LFxuICAgIG1ldGhvZHM6IHtcbiAgICAgICAgb25Gb2N1czogZnVuY3Rpb24gKGV2ZW50KSB7XG4gICAgICAgICAgICB0aGlzLiRlbWl0KCdmb2N1cycsIGV2ZW50LmRldGFpbCk7XG4gICAgICAgIH0sXG4gICAgICAgIG9uQmx1cjogZnVuY3Rpb24gKGV2ZW50KSB7XG4gICAgICAgICAgICB2YXIgdmFsdWUgPSB0aGlzLnJhbmdlKHRoaXMuZGF0YS52YWx1ZSk7XG4gICAgICAgICAgICB0aGlzLnRyaWdnZXJJbnB1dCh2YWx1ZSk7XG4gICAgICAgICAgICB0aGlzLiRlbWl0KCdibHVyJywgZXZlbnQuZGV0YWlsKTtcbiAgICAgICAgfSxcbiAgICAgICAgLy8gbGltaXQgdmFsdWUgcmFuZ2VcbiAgICAgICAgcmFuZ2U6IGZ1bmN0aW9uICh2YWx1ZSkge1xuICAgICAgICAgICAgdmFsdWUgPSBTdHJpbmcodmFsdWUpLnJlcGxhY2UoL1teMC05Li1dL2csICcnKTtcbiAgICAgICAgICAgIHJldHVybiBNYXRoLm1heChNYXRoLm1pbih0aGlzLmRhdGEubWF4LCB2YWx1ZSksIHRoaXMuZGF0YS5taW4pO1xuICAgICAgICB9LFxuICAgICAgICBvbklucHV0OiBmdW5jdGlvbiAoZXZlbnQpIHtcbiAgICAgICAgICAgIHZhciBfYSA9IChldmVudC5kZXRhaWwgfHwge30pLnZhbHVlLCB2YWx1ZSA9IF9hID09PSB2b2lkIDAgPyAnJyA6IF9hO1xuICAgICAgICAgICAgdGhpcy50cmlnZ2VySW5wdXQodmFsdWUpO1xuICAgICAgICB9LFxuICAgICAgICBvbkNoYW5nZTogZnVuY3Rpb24gKHR5cGUpIHtcbiAgICAgICAgICAgIGlmICh0aGlzLmRhdGFbdHlwZSArIFwiRGlzYWJsZWRcIl0pIHtcbiAgICAgICAgICAgICAgICB0aGlzLiRlbWl0KCdvdmVybGltaXQnLCB0eXBlKTtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICB2YXIgZGlmZiA9IHR5cGUgPT09ICdtaW51cycgPyAtdGhpcy5kYXRhLnN0ZXAgOiArdGhpcy5kYXRhLnN0ZXA7XG4gICAgICAgICAgICB2YXIgdmFsdWUgPSBNYXRoLnJvdW5kKCgrdGhpcy5kYXRhLnZhbHVlICsgZGlmZikgKiAxMDApIC8gMTAwO1xuICAgICAgICAgICAgdGhpcy50cmlnZ2VySW5wdXQodGhpcy5yYW5nZSh2YWx1ZSkpO1xuICAgICAgICAgICAgdGhpcy4kZW1pdCh0eXBlKTtcbiAgICAgICAgfSxcbiAgICAgICAgb25NaW51czogZnVuY3Rpb24gKCkge1xuICAgICAgICAgICAgdGhpcy5vbkNoYW5nZSgnbWludXMnKTtcbiAgICAgICAgfSxcbiAgICAgICAgb25QbHVzOiBmdW5jdGlvbiAoKSB7XG4gICAgICAgICAgICB0aGlzLm9uQ2hhbmdlKCdwbHVzJyk7XG4gICAgICAgIH0sXG4gICAgICAgIHRyaWdnZXJJbnB1dDogZnVuY3Rpb24gKHZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLnNldCh7XG4gICAgICAgICAgICAgICAgdmFsdWU6IHRoaXMuZGF0YS5hc3luY0NoYW5nZSA/IHRoaXMuZGF0YS52YWx1ZSA6IHZhbHVlXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIHRoaXMuJGVtaXQoJ2NoYW5nZScsIHZhbHVlKTtcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuIl0sImZpbGUiOiJpbmRleC5qcyJ9
  116. export default global['__wxComponents']['vant/stepper/index']
  117. </script>
  118. <style platform="mp-weixin">
  119. @import '../common/index.css';.van-stepper{font-size:0}.van-stepper__minus,.van-stepper__plus{position:relative;display:inline-block;width:28px;height:28px;padding:5px;margin:1px;vertical-align:middle;background-color:#f2f3f5;border:0;box-sizing:border-box}.van-stepper__minus:before,.van-stepper__plus:before{width:9px;height:1px}.van-stepper__minus:after,.van-stepper__plus:after{width:1px;height:9px}.van-stepper__minus:after,.van-stepper__minus:before,.van-stepper__plus:after,.van-stepper__plus:before{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background-color:#333;content:""}.van-stepper__minus--hover,.van-stepper__plus--hover{background-color:#e8e8e8}.van-stepper__minus--disabled,.van-stepper__plus--disabled{background-color:#f7f8fa}.van-stepper__minus--disabled:after,.van-stepper__minus--disabled:before,.van-stepper__plus--disabled:after,.van-stepper__plus--disabled:before{background-color:#c9c9c9}.van-stepper__minus--disabled.van-stepper__minus--hover,.van-stepper__minus--disabled.van-stepper__plus--hover,.van-stepper__plus--disabled.van-stepper__minus--hover,.van-stepper__plus--disabled.van-stepper__plus--hover{background-color:#f7f8fa}.van-stepper__minus{border-radius:4px 0 0 4px}.van-stepper__minus:after{display:none}.van-stepper__plus{border-radius:0 4px 4px 0}.van-stepper__input{display:inline-block;width:30px;height:26px;padding:1px;margin:1px;font-size:14px;color:#333;text-align:center;vertical-align:middle;background-color:#f2f3f5;border:0;border-width:1px 0;border-radius:0;box-sizing:initial;-webkit-appearance:none}.van-stepper__input--disabled{color:#c9c9c9;background-color:#f2f3f5}
  120. </style>