/**
 * ldesign v0.2.14
 * (c) 2022/11/2 16:16 built by swimly
 * @license MIT
 */

import { defineComponent, computed } from '@vue/composition-api';
import { Popup } from '../popup/index.js';
import { usePrefixClass } from '../../hooks/use-config.js';
import useOverlayInnerStyle from '../select-input/hooks/use-overlay-innerstyle.js';
import _RangeInput from './range-input.js';
import { RangeInputPopupProps } from './props.js';
import '../../utils/map-props.js';
import 'vue';
import '../../utils/with-install.js';
import 'lodash';
import '../../config.js';
import '../popup/popup.js';
import '@popperjs/core';
import '../../chunks/set-style.js';
import '../../utils/dom.js';
import 'raf';
import 'lodash/isString';
import '../../chunks/index.js';
import '../../chunks/log.js';
import '../../chunks/_commonjsHelpers-2e6815bd.js';
import '../../utils/easing.js';
import '../../utils/render-node.js';
import '../../utils/helper.js';
import 'lodash/camelCase';
import '../config-provider/config-receiver.js';
import 'lodash/mergeWith';
import '../config-provider/context.js';
import '../../chunks/zh_CN.js';
import '../config-provider/type.js';
import '../../utils/mixins.js';
import '../popup/props.js';
import '../popup/container.js';
import '../popup/style';
import '../popup/type.js';
import '../config-provider/useConfig.js';
import 'lodash/isObject';
import 'lodash/isFunction';
import '@ldesign/icons-vue';
import '../input/index.js';
import '../input/input.js';
import 'lodash/kebabCase';
import '../../chunks/helper2.js';
import '../../chunks/defineProperty-838e4192.js';
import '../../utils/event.js';
import '../input/props.js';
import '../input/group.js';
import '../input/style';
import '../input/type.js';
import '../../hooks/use-vmodel.js';
import '../../hooks/use-global-icon.js';
import '../../hooks/lnode.js';
import 'lodash/isEmpty';
import '../../hooks/render-lnode.js';

var _RangeInputPopup = defineComponent({
  name: "LRangeInputPopup",
  components: {
    LPopup: Popup
  },
  props: RangeInputPopupProps,
  setup(props2) {
    const COMPONENT_NAME = usePrefixClass("range-input-popup");
    const {
      tOverlayInnerStyle,
      innerPopupVisible,
      onInnerPopupVisibleChange
    } = useOverlayInnerStyle(props2);
    const popupClasses = computed(() => [COMPONENT_NAME.value, {
      [`${COMPONENT_NAME.value}--visible`]: props2.popupVisible || innerPopupVisible.value
    }]);
    return {
      COMPONENT_NAME,
      tOverlayInnerStyle,
      innerPopupVisible,
      onInnerPopupVisibleChange,
      popupClasses
    };
  },
  render() {
    const h = arguments[0];
    const {
      tOverlayInnerStyle,
      innerPopupVisible,
      onInnerPopupVisibleChange,
      popupClasses
    } = this;
    return h("div", {
      "class": popupClasses
    }, [h("l-popup", {
      "attrs": {
        "hideEmptyPopup": true,
        "content": this.panel,
        "trigger": "click",
        "placement": "bottom-left",
        "visible": this.popupVisible || innerPopupVisible
      },
      "props": {
        ...{
          disabled: this.disabled,
          overlayInnerStyle: tOverlayInnerStyle,
          onVisibleChange: onInnerPopupVisibleChange,
          ...this.popupProps
        }
      }
    }, [h(_RangeInput, {
      "props": {
        ...{
          value: this.inputValue,
          onChange: this.onInputChange,
          disabled: this.disabled,
          status: this.status,
          tips: this.tips,
          ...this.rangeInputProps
        }
      }
    })])]);
  }
});

export { _RangeInputPopup as default };
//# sourceMappingURL=range-input-popup.js.map
