/**
 * ldesign v0.2.22
 * (c) 2022/12/7 16:21 built by swimly
 * @license MIT
 */

import { defineComponent } from '@vue/composition-api';
import { Aside, Content, Header, Layout } from '../../components/layout/index.js';
import { renderLNodeJSX } from '../../utils/render-node.js';
import props from './props.js';
import '../../utils/withInstall.js';
import 'vue';
import 'lodash/capitalize';
import '../../config.js';
import '../../components/layout/layout.js';
import 'lodash';
import '../../components/layout/header.js';
import '../../components/layout/props.js';
import '../../components/layout/footer.js';
import '../../components/layout/aside.js';
import '../../components/layout/content.js';

var _LdesignPage = defineComponent({
  name: "LdesignPage",
  components: {
    LAside: Aside,
    LContent: Content,
    LHeader: Header,
    LLayout: Layout
  },
  props: {
    ...props
  },
  setup(props2, ctx) {
    return {};
  },
  methods: {
    renderHeader() {
      const content = renderLNodeJSX(this, "header");
      return content;
    },
    renderAside() {
      const content = renderLNodeJSX(this, "aside");
      return content;
    }
  },
  render() {
    const h = arguments[0];
    return h("div", {
      "class": {
        "ldesign-page": true,
        [`ldesign-page--${this.layout}`]: this.layout,
        [`ldesign-page--${this.theme}`]: this.theme
      }
    }, [this.layout === "normal" && h("l-layout", {
      "key": "normal"
    }, [h("l-header", [this.renderHeader()]), h("l-content", [h("div", {
      "class": "ldesign-page__content"
    }, [renderLNodeJSX(this, "default")])])]), this.layout === "aside" && h("l-layout", {
      "key": "aside"
    }, [h("l-aside", [this.renderAside()]), h("l-layout", [h("l-header", [this.renderHeader()]), h("l-content", [h("div", {
      "class": "ldesign-page__content"
    }, [renderLNodeJSX(this, "default")])])])]), this.layout === "mix" && h("l-layout", {
      "key": "mix"
    }, [h("l-header", [this.renderHeader()]), h("l-layout", [h("l-aside", [this.renderAside()]), h("l-content", [h("div", {
      "class": "ldesign-page__content"
    }, [renderLNodeJSX(this, "default")])])])])]);
  }
});

export { _LdesignPage as default };
//# sourceMappingURL=page.js.map
