label-print-design/lib/components/my/input/my-input-number.vue2.js

操作简单，组件丰富的一站式打印解决方案打印设计器

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
var myInput = require('./my-input.vue.js');
var vueDemi = require('vue-demi');
var numberUtil = require('../../../utils/numberUtil.js');
var lodash = require('lodash');

var _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "my-input-number",
  props: {
    modelValue: { default: void 0 },
    min: { default: -Infinity },
    max: { default: Infinity },
    step: { default: 1 },
    formatter: { type: Function, default: (value) => value },
    precision: { default: 0 },
    disabled: { type: Boolean, default: false }
  },
  emits: ["update:modelValue", "change"],
  setup(__props, { emit: __emit }) {
    const emit = __emit;
    const props = __props;
    const innerValue = vueDemi.ref(props.modelValue);
    vueDemi.watch(() => props.modelValue, (_newVal, _oldVal) => {
      innerValue.value = props.modelValue;
    });
    const precision = vueDemi.computed(() => {
      const stepPrecision = String(props.step).split(".")[1]?.length || 0;
      return Math.max(props.precision, stepPrecision);
    });
    function emitValue(value) {
      if (value == props.modelValue) {
        return;
      }
      emit("update:modelValue", value);
      emit("change", value);
    }
    function onInput(value) {
      if (lodash.isEmpty(value)) {
        emitValue(value);
        return;
      }
      value = value.replace(/,/g, "");
      if (!Number.isNaN(parseFloat(value))) {
        innerValue.value = value;
      }
    }
    function onChange(value) {
      value = value.replace(/,/g, "");
      if (!Number.isNaN(parseFloat(value))) {
        if (parseFloat(value) > props.max) {
          emitValue(props.max);
          return;
        }
        if (parseFloat(value) < props.min) {
          emitValue(props.min);
          return;
        }
        if (parseFloat(value) !== props.modelValue) {
          emitValue(parseFloat(value));
        } else {
          emitValue(parseFloat(value));
        }
      } else {
        emitValue(parseFloat(value));
      }
    }
    function onUp() {
      const res = parseFloat(Math.min(props.max, numberUtil.default.sum(props.modelValue || 0, +props.step)).toFixed(precision.value));
      emitValue(res);
    }
    function onDown() {
      const res = parseFloat(Math.max(props.min, numberUtil.default.sum(props.modelValue || 0, -props.step)).toFixed(precision.value));
      emitValue(res);
    }
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createBlock(myInput.default, {
        "model-value": vue.unref(innerValue),
        onKeydown: [
          vue.withKeys(vue.withModifiers(onUp, ["prevent"]), ["up"]),
          vue.withKeys(vue.withModifiers(onDown, ["prevent"]), ["down"])
        ],
        disabled: _ctx.disabled,
        onInput,
        onChange,
        autocomplete: "off"
      }, null, 8, ["model-value", "onKeydown", "disabled"]);
    };
  }
});

exports.default = _sfc_main;
//# sourceMappingURL=my-input-number.vue2.js.map