useDrawer

import { createApp } from 'vue';
import YunDesign from 'yun-design';
import zhLocale from 'yun-design/lib/locale/lang/zh-cn';
import table from '@ylz-material/table';
import BillingDrawer from '../components/drawer/BillingData.vue';

export function useDrawer() {
  function createDrawer(props = {}) {
    const div = document.createElement('div');
    document.body.appendChild(div);
    const drawer = createApp(BillingDrawer, {
      ...props,
      hide() {
        drawer.unmount();
        div.remove();
      },
    });
    drawer.use(YunDesign, { locale: zhLocale }).use(table);
    drawer.mount(div);
    return {
      drawer,
    };
  }
  return {
    createDrawer,
  };
}