@opentiny/vue-renderless/tag-group/index.js

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

import {
  __spreadValues
} from "../chunk-G2ADBYYC.js";
const handelItemClick = ({ emit }) => (item, index, $event) => {
  emit("item-click", item, index, $event);
};
const getHiddenTags = ({ props, vm, state }) => () => {
  if (!props.data.length)
    return;
  const tagGroup = vm.$refs.tagGroup || {};
  const tags = tagGroup.children;
  const moreDom = vm.$refs.more || {};
  const extrasHeightMap = {
    mini: 4,
    small: 2,
    medium: 0
  };
  const height = tags[0] && tags[0].getBoundingClientRect().height + extrasHeightMap[props.size] + "px";
  if (tagGroup.style) {
    tagGroup.style.height = height;
  }
  if (moreDom.style) {
    moreDom.style.height = height;
  }
  state.hiddenTags = [];
  Array.from(tags).forEach((el, index) => {
    const item = props.data[index];
    const element = el;
    if (element.offsetTop >= element.offsetHeight && item) {
      state.hiddenTags.push(__spreadValues({}, item));
    }
  });
  state.showMore = !!state.hiddenTags.length;
};
export {
  getHiddenTags,
  handelItemClick
};