comic-plus/es/components/drawer/src/main.vue.mjs

<p align="center"> <img width="200px" src="./logo.png"/> </p>

import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, Transition, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
import "../style/drawer.css";
import { CuMode } from "../../mode/index.mjs";
import { usePopup } from "../../../hooks/popup.mjs";
import "../../../utils/config.mjs";
import "@vueuse/core";
import { drawerProps, drawerEmits } from "./main.props.mjs";
import "../../../icons/index.mjs";
import { Close } from "../../../icons/components/components.mjs";
const _hoisted_1 = { class: "cu-drawer__header" };
const _hoisted_2 = { class: "cu-drawer__content" };
const _hoisted_3 = {
  key: 0,
  class: "cu-drawer__footer"
};
const _sfc_main = /* @__PURE__ */ defineComponent({
  ...{
    name: "CuDrawer"
  },
  __name: "main",
  props: drawerProps,
  emits: drawerEmits,
  setup(__props, { emit: __emit }) {
    const props = __props;
    const emit = __emit;
    const { visible, showMode, onAfterEnter, modeHandleClick, close, onAfterLeave } = usePopup(props, emit);
    const drawerStyle = computed(() => {
      const key = ["left", "right"].includes(props.direction) ? "width" : "height";
      return {
        [key]: props.dimension,
        backgroundColor: props.color
      };
    });
    return (_ctx, _cache) => {
      return openBlock(), createBlock(unref(CuMode), {
        show: unref(showMode),
        "lock-scroll": !_ctx.appendToBody || !_ctx.lockScroll ? false : _ctx.lockScroll,
        "append-to-body": _ctx.appendToBody,
        "append-to": _ctx.appendTo,
        "custom-class": ["cu-mode__drawer", _ctx.modeClass],
        onClose: _cache[2] || (_cache[2] = ($event) => emit("close")),
        onOpen: unref(onAfterEnter),
        onModeClick: unref(modeHandleClick)
      }, {
        default: withCtx(() => [
          createVNode(Transition, {
            name: "cu-drawer-" + _ctx.direction,
            onAfterLeave: _cache[0] || (_cache[0] = ($event) => unref(onAfterLeave)()),
            onAfterEnter: _cache[1] || (_cache[1] = ($event) => emit("open"))
          }, {
            default: withCtx(() => [
              unref(visible) ? (openBlock(), createElementBlock("div", {
                key: 0,
                class: normalizeClass(["cu-drawer", ["cu-drawer--" + _ctx.direction, _ctx.customClass]]),
                style: normalizeStyle(drawerStyle.value)
              }, [
                createElementVNode("div", _hoisted_1, [
                  createElementVNode("div", null, [
                    renderSlot(_ctx.$slots, "header", {}, () => [
                      createTextVNode(toDisplayString(_ctx.header), 1)
                    ])
                  ]),
                  _ctx.showClose ? (openBlock(), createBlock(unref(Close), {
                    key: 0,
                    class: "close",
                    onClick: unref(close)
                  }, null, 8, ["onClick"])) : createCommentVNode("", true)
                ]),
                createElementVNode("div", _hoisted_2, [
                  renderSlot(_ctx.$slots, "default")
                ]),
                _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_3, [
                  renderSlot(_ctx.$slots, "footer")
                ])) : createCommentVNode("", true)
              ], 6)) : createCommentVNode("", true)
            ]),
            _: 3
          }, 8, ["name"])
        ]),
        _: 3
      }, 8, ["show", "lock-scroll", "append-to-body", "append-to", "custom-class", "onOpen", "onModeClick"]);
    };
  }
});
export {
  _sfc_main as default
};