"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
require("../../../../node_modules/.pnpm/vue@3.3.4/node_modules/vue/dist/vue.runtime.esm-bundler.js");
require("../../../../node_modules/.pnpm/vue3-lazyload@0.2.5-beta_a6dezdz3je235ci4e3tu4rayna/node_modules/vue3-lazyload/dist/vue3-lazyload.esm.js");
require("../../../../node_modules/.pnpm/screenfull@6.0.2/node_modules/screenfull/index.js");
require("../../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_root.js");
require("../../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_baseGetTag.js");
require("../../../../node_modules/.pnpm/html2canvas@1.4.1/node_modules/html2canvas/dist/html2canvas.esm.js");
require("../../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_baseClone.js");
require("../../../../node_modules/.pnpm/crypto-js@4.1.1/node_modules/crypto-js/index.js");
require("../../../enums/pageEnum.js");
require("../../../router/index.js");
require("../../../store/modules/designStore/designStore.js");
require("../../../settings/designSetting.js");
require("../../../components/GoLoading/index.js");
require("../../../components/GoSkeleton/index.vue.js");
const icon = require("../../../plugins/icon.js");
const runtimeCore_esmBundler = require("../../../../node_modules/.pnpm/@vue_runtime-core@3.3.4/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js");
const shared_esmBundler = require("../../../../node_modules/.pnpm/@vue_shared@3.3.4/node_modules/@vue/shared/dist/shared.esm-bundler.js");
const reactivity_esmBundler = require("../../../../node_modules/.pnpm/@vue_reactivity@3.3.4/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js");
const runtimeDom_esmBundler = require("../../../../node_modules/.pnpm/@vue_runtime-dom@3.3.4/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js");
const _hoisted_1 = {
  key: 0,
  class: "top go-mt-0 go-flex-no-wrap"
};
const _hoisted_2 = { class: "mt-1" };
const _hoisted_3 = {
  key: 1,
  class: "bottom go-mt-0"
};
const _hoisted_4 = { class: "aside" };
const _sfc_main = /* @__PURE__ */ runtimeCore_esmBundler.defineComponent({
  __name: "index",
  props: {
    title: String,
    showTop: {
      type: Boolean,
      default: true
    },
    showBottom: {
      type: Boolean,
      default: false
    },
    flex: {
      type: Boolean,
      default: false
    },
    // back
    backIcon: {
      type: Boolean,
      default: true
    },
    // 背景深度
    depth: {
      type: Number,
      default: 1
    },
    // x 轴滚动
    xScroll: {
      type: Boolean,
      default: false
    },
    disabledScroll: {
      type: Boolean,
      default: false
    }
  },
  emits: ["back"],
  setup(__props, { emit }) {
    const { ChevronBackOutlineIcon } = icon.icon.ionicons5;
    const backHandle = () => {
      emit("back");
    };
    return (_ctx, _cache) => {
      const _component_n_text = runtimeCore_esmBundler.resolveComponent("n-text");
      const _component_n_ellipsis = runtimeCore_esmBundler.resolveComponent("n-ellipsis");
      const _component_n_space = runtimeCore_esmBundler.resolveComponent("n-space");
      const _component_n_icon = runtimeCore_esmBundler.resolveComponent("n-icon");
      const _component_n_scrollbar = runtimeCore_esmBundler.resolveComponent("n-scrollbar");
      return runtimeCore_esmBundler.openBlock(), runtimeCore_esmBundler.createElementBlock("div", {
        class: shared_esmBundler.normalizeClass(["go-content-box", [`bg-depth${__props.depth}`, __props.flex && "flex"]])
      }, [
        __props.showTop ? (runtimeCore_esmBundler.openBlock(), runtimeCore_esmBundler.createElementBlock("div", _hoisted_1, [
          runtimeCore_esmBundler.createVNode(_component_n_space, {
            class: "go-flex-no-wrap",
            size: 5
          }, {
            default: runtimeCore_esmBundler.withCtx(() => [
              runtimeCore_esmBundler.createVNode(_component_n_ellipsis, null, {
                default: runtimeCore_esmBundler.withCtx(() => [
                  runtimeCore_esmBundler.createVNode(_component_n_text, null, {
                    default: runtimeCore_esmBundler.withCtx(() => [
                      runtimeCore_esmBundler.createTextVNode(shared_esmBundler.toDisplayString(__props.title), 1)
                    ]),
                    _: 1
                  })
                ]),
                _: 1
              }),
              runtimeCore_esmBundler.createElementVNode("div", _hoisted_2, [
                runtimeCore_esmBundler.renderSlot(_ctx.$slots, "icon", {}, void 0, true)
              ])
            ]),
            _: 3
          }),
          runtimeCore_esmBundler.createVNode(_component_n_space, {
            class: "go-flex-no-wrap",
            align: "center",
            style: { "gap": "4px" }
          }, {
            default: runtimeCore_esmBundler.withCtx(() => [
              runtimeCore_esmBundler.renderSlot(_ctx.$slots, "top-right", {}, void 0, true),
              runtimeCore_esmBundler.withDirectives(runtimeCore_esmBundler.createVNode(_component_n_icon, {
                size: "20",
                class: "go-cursor-pointer go-d-block",
                onClick: backHandle
              }, {
                default: runtimeCore_esmBundler.withCtx(() => [
                  runtimeCore_esmBundler.createVNode(reactivity_esmBundler.unref(ChevronBackOutlineIcon))
                ]),
                _: 1
              }, 512), [
                [runtimeDom_esmBundler.vShow, __props.backIcon]
              ])
            ]),
            _: 3
          })
        ])) : runtimeCore_esmBundler.createCommentVNode("", true),
        runtimeCore_esmBundler.createElementVNode("div", {
          class: shared_esmBundler.normalizeClass(["content", {
            "content-height-show-top-bottom": __props.showBottom || __props.showTop,
            "content-height-show-both": __props.showBottom && __props.showTop
          }])
        }, [
          __props.disabledScroll ? runtimeCore_esmBundler.renderSlot(_ctx.$slots, "default", { key: 0 }, void 0, true) : __props.xScroll ? (runtimeCore_esmBundler.openBlock(), runtimeCore_esmBundler.createBlock(_component_n_scrollbar, {
            key: 1,
            "x-scrollable": ""
          }, {
            default: runtimeCore_esmBundler.withCtx(() => [
              runtimeCore_esmBundler.createVNode(_component_n_scrollbar, null, {
                default: runtimeCore_esmBundler.withCtx(() => [
                  runtimeCore_esmBundler.renderSlot(_ctx.$slots, "default", {}, void 0, true)
                ]),
                _: 3
              })
            ]),
            _: 3
          })) : (runtimeCore_esmBundler.openBlock(), runtimeCore_esmBundler.createBlock(_component_n_scrollbar, { key: 2 }, {
            default: runtimeCore_esmBundler.withCtx(() => [
              runtimeCore_esmBundler.renderSlot(_ctx.$slots, "default", {}, void 0, true)
            ]),
            _: 3
          }))
        ], 2),
        __props.showBottom ? (runtimeCore_esmBundler.openBlock(), runtimeCore_esmBundler.createElementBlock("div", _hoisted_3, [
          runtimeCore_esmBundler.renderSlot(_ctx.$slots, "bottom", {}, void 0, true)
        ])) : runtimeCore_esmBundler.createCommentVNode("", true),
        runtimeCore_esmBundler.createElementVNode("div", _hoisted_4, [
          runtimeCore_esmBundler.renderSlot(_ctx.$slots, "aside", {}, void 0, true)
        ])
      ], 2);
    };
  }
});
exports.default = _sfc_main;
