lwx-test-ui/dist/es/components/big-dialog/src/big-dialog.vue2.js

lwx-test-ui

import { defineComponent as _, useCssVars as g, ref as h, computed as v, resolveComponent as i, createBlock as b, openBlock as x, Teleport as V, createVNode as s, Transition as C, withCtx as o, withDirectives as B, createElementVNode as l, normalizeClass as D, unref as k, renderSlot as n, toDisplayString as w, vShow as y } from "vue";
import { Back as S } from "@element-plus/icons-vue";
import { bigDialogEmits as z, bigDialogProps as E } from "./big-dialog.js";
const N = { class: "flex items-center" }, T = { class: "text-large font-600 mr-3 big-dialog-title" }, $ = { class: "flex items-center" }, A = /* @__PURE__ */ _({
  name: "LwxBigDialog",
  __name: "big-dialog",
  props: E,
  emits: z,
  setup(r, { emit: c }) {
    g((e) => ({
      fd520d40: u.value
    }));
    const a = r, t = c, d = v({
      get() {
        return a.modelValue;
      },
      set(e) {
        t("close"), t("update:modelValue", e);
      }
    });
    function m() {
      t("close"), t("update:modelValue", !1);
    }
    const u = h("#fff");
    return (e, L) => {
      const f = i("el-scrollbar"), p = i("el-page-header");
      return x(), b(V, {
        defer: "",
        to: "body"
      }, [
        s(C, { name: "el-zoom-in-center" }, {
          default: o(() => [
            B(l("div", {
              class: D(["big-dialog", e.customClass])
            }, [
              s(p, {
                icon: k(S),
                style: { height: "100%", display: "flex", "flex-direction": "column" },
                onBack: m
              }, {
                content: o(() => [
                  l("div", N, [
                    l("span", T, w(a.title), 1)
                  ])
                ]),
                extra: o(() => [
                  l("div", $, [
                    n(e.$slots, "footer", {}, void 0, !0)
                  ])
                ]),
                default: o(() => [
                  s(f, null, {
                    default: o(() => [
                      n(e.$slots, "default", {}, void 0, !0)
                    ]),
                    _: 3
                  })
                ]),
                _: 3
              }, 8, ["icon"])
            ], 2), [
              [y, d.value]
            ])
          ]),
          _: 3
        })
      ]);
    };
  }
});
export {
  A as default
};