tdesign-vue/cjs/tag-input/hooks/useHover.js

tdesign-vue

/**
 * tdesign v1.11.2
 * (c) 2025 tdesign
 * @license MIT
 */

'use strict';

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

var VueCompositionAPI = require('@vue/composition-api');

function useHover(props, _ref) {
  var emit = _ref.emit;
  var disabled = props.disabled,
    readonly = props.readonly,
    onMouseenter = props.onMouseenter,
    onMouseleave = props.onMouseleave;
  var isHover = VueCompositionAPI.ref(false);
  var addHover = function addHover(context) {
    if (readonly.value || disabled.value) return;
    isHover.value = true;
    onMouseenter === null || onMouseenter === void 0 || onMouseenter(context);
    emit("mouseenter", context);
  };
  var cancelHover = function cancelHover(context) {
    if (readonly.value || disabled.value) return;
    isHover.value = false;
    onMouseleave === null || onMouseleave === void 0 || onMouseleave(context);
    emit("mouseleave", context);
  };
  return {
    isHover: isHover,
    addHover: addHover,
    cancelHover: cancelHover
  };
}

exports["default"] = useHover;
//# sourceMappingURL=useHover.js.map