mine-h5-ui/es/MeCollapseItem/hooks.js

一款轻量级、模块化基于 Vue3.x 的 H5 前端 UI 组件库 👍

import { inject as v, ref as n, watch as s, nextTick as C } from "vue";
import { MeCollapseKey as a } from "../MeCollapse/token.js";
const k = (o, m) => {
  const { name: c, currentValue: i, onChange: u } = v(a, {}), l = n(), e = n(!1), r = n(0), f = () => {
    e.value = c === a && o.name === i.value;
  }, h = (t) => {
    c === a && u(o.name), m("click", t);
  };
  return s(i, f, { immediate: !0 }), s(
    e,
    (t) => {
      C(() => {
        r.value = t ? l.value.offsetHeight : 0;
      });
    },
    { immediate: !0 }
  ), { collapseItemCont: l, isShow: e, curHeight: r, onClick: h };
};
export {
  k as useHandler
};