/**
 * ldesign v0.2.2
 * (c) 2022年9月20日 swimly
 * @license MIT
 */

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

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
var _RangeInputPopup = defineComponent({
  name: "LRangeInputPopup",
  props: RangeInputPopupProps,
  components: {
    LPopup: Popup
  },
  setup: function setup(props2) {
    var COMPONENT_NAME = usePrefixClass("range-input-popup");

    var _useOverlayInnerStyle = useOverlayInnerStyle(props2),
        tOverlayInnerStyle = _useOverlayInnerStyle.tOverlayInnerStyle,
        innerPopupVisible = _useOverlayInnerStyle.innerPopupVisible,
        onInnerPopupVisibleChange = _useOverlayInnerStyle.onInnerPopupVisibleChange;

    var popupClasses = computed(function () {
      return [COMPONENT_NAME.value, _defineProperty({}, "".concat(COMPONENT_NAME.value, "--visible"), props2.popupVisible || innerPopupVisible.value)];
    });
    return {
      COMPONENT_NAME: COMPONENT_NAME,
      tOverlayInnerStyle: tOverlayInnerStyle,
      innerPopupVisible: innerPopupVisible,
      onInnerPopupVisibleChange: onInnerPopupVisibleChange,
      popupClasses: popupClasses
    };
  },
  render: function render() {
    var h = arguments[0];
    var tOverlayInnerStyle = this.tOverlayInnerStyle,
        innerPopupVisible = this.innerPopupVisible,
        onInnerPopupVisibleChange = this.onInnerPopupVisibleChange,
        popupClasses = this.popupClasses;
    return h("div", {
      "class": popupClasses
    }, [h("l-popup", {
      "attrs": {
        "hideEmptyPopup": true,
        "content": this.panel,
        "trigger": "click",
        "placement": "bottom-left",
        "visible": this.popupVisible || innerPopupVisible
      },
      "props": _objectSpread({}, _objectSpread({
        disabled: this.disabled,
        overlayInnerStyle: tOverlayInnerStyle,
        onVisibleChange: onInnerPopupVisibleChange
      }, this.popupProps))
    }, [h(_RangeInput, {
      "props": _objectSpread({}, _objectSpread({
        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
