@opensig/opendesign/es/scrollbar/use-scrollebar.mjs

<p align="center"><img src="../docs/public/opendesign-logo-light.png"/></p> <h1 align="center">opendesign</h1> <p align="center">一个 Vue 3 组件库</p> <p align="center"><b>皮肤可定制，使用 TypeScript</b></p>

import { resolveHtmlElement } from "../_utils/vue-utils.mjs";
import { createApp } from "vue";
import _sfc_main from "./OScrollbar.vue.mjs";
const ScrollbarClass = {
  wrapper: "o-scrollbar-wrapper"
};
function useScrollbar(options) {
  const { wrapper, target, ...rests } = options;
  const app = createApp(_sfc_main, {
    ...rests,
    target
  });
  const div = document.createElement("div");
  const instance = app.mount(div);
  let wrapperEl;
  const mount = (wrapper2) => {
    wrapperEl = wrapper2 || document.body;
    wrapperEl == null ? void 0 : wrapperEl.appendChild(div.childNodes[0]);
    wrapperEl == null ? void 0 : wrapperEl.classList.add(ScrollbarClass.wrapper);
  };
  if (wrapper) {
    resolveHtmlElement(wrapper).then((el) => {
      mount(el);
    });
  } else {
    resolveHtmlElement(target).then((el) => {
      mount(el == null ? void 0 : el.parentNode);
    });
  }
  return {
    scrollbar: instance,
    unmount: () => {
      app.unmount();
      wrapperEl == null ? void 0 : wrapperEl.classList.remove(ScrollbarClass.wrapper);
    }
  };
}
export {
  useScrollbar
};