tav-ui/lib/packages/components/input-number-range/src/input-number-range2.js

Tav UI

'use strict';

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

var vue = require('vue');
var antDesignVue = require('ant-design-vue');
var useMessage = require('../../../hooks/web/useMessage2.js');
var types = require('./types2.js');
var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');

const { createMessage } = useMessage.useMessage();
const _sfc_main = vue.defineComponent({
  name: "TaInputNumberRange",
  components: {
    FormItem: antDesignVue.FormItem,
    InputNumber: antDesignVue.InputNumber
  },
  props: types.inputNumberRangeProps,
  emits: types.inputNumberRangeEmits,
  setup(props, { emit }) {
    const initPropsValue = props.value ? props.value.slice(0) : [];
    const state = vue.reactive({
      min: initPropsValue[0],
      max: initPropsValue[1]
    });
    const minCompProps = vue.computed(() => ({
      ...props.minProps,
      min: props.min ? props.min : props.minProps.min,
      max: props.max ? props.max : props.minProps.max || Infinity,
      placeholder: props.minPlaceHolder ? props.minPlaceHolder : props.minProps.placeholder
    }));
    const maxCompProps = vue.computed(() => ({
      ...props.maxProps,
      min: props.min ? props.min : props.maxProps.min,
      max: props.max ? props.max : props.maxProps.max || Infinity,
      placeholder: props.maxPlaceHolder ? props.maxPlaceHolder : props.maxProps.placeholder
    }));
    const changeHandle = (value) => {
      emit("change", [state.min, state.max]);
    };
    vue.watch(() => props.value, (newValue) => {
      const nextValue = newValue ? newValue.slice(0) : [];
      state.min = nextValue[0];
      state.max = nextValue[1];
    }, {
      deep: true
    });
    return {
      minCompProps,
      maxCompProps,
      changeHandle,
      ...vue.toRefs(state)
    };
  }
});
const _hoisted_1 = { class: "ta-input-number-range-prefix" };
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_InputNumber = vue.resolveComponent("InputNumber");
  const _component_FormItem = vue.resolveComponent("FormItem");
  return vue.openBlock(), vue.createElementBlock("div", {
    class: vue.normalizeClass(["ta-input-number-range", { disabled: _ctx.disabled }])
  }, [
    vue.createVNode(_component_FormItem, null, {
      default: vue.withCtx(() => [
        vue.createVNode(_component_InputNumber, vue.mergeProps({ ..._ctx.minCompProps }, {
          value: _ctx.min,
          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.min = $event),
          size: _ctx.size,
          disabled: _ctx.disabled,
          precision: _ctx.precision,
          onChange: _ctx.changeHandle
        }), null, 16, ["value", "size", "disabled", "precision", "onChange"])
      ]),
      _: 1
    }),
    vue.createElementVNode("span", _hoisted_1, vue.toDisplayString(_ctx.prefixCenter), 1),
    vue.createVNode(_component_FormItem, null, {
      default: vue.withCtx(() => [
        vue.createVNode(_component_InputNumber, vue.mergeProps({ ..._ctx.maxCompProps }, {
          value: _ctx.max,
          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => _ctx.max = $event),
          size: _ctx.size,
          disabled: _ctx.disabled,
          precision: _ctx.precision,
          onChange: _ctx.changeHandle
        }), null, 16, ["value", "size", "disabled", "precision", "onChange"])
      ]),
      _: 1
    })
  ], 2);
}
var InputNumberRange = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/tav-ui/tav-ui/packages/components/input-number-range/src/input-number-range.vue"]]);

exports["default"] = InputNumberRange;
//# sourceMappingURL=input-number-range2.js.map