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

import { defineComponent } from '@vue/composition-api';
import { LdesignMenu } from '../menu/index.js';
import { renderLNodeJSX, renderLNodeJSXDefault } from '../../utils/render-node.js';
import props from './props.js';
import '../../utils/withInstall.js';
import 'vue';
import 'lodash/capitalize';
import '../../config.js';
import '../menu/menu.js';
import '../../components/menu/index.js';
import '../../utils/map-props.js';
import '../../components/menu/menu.js';
import '../../hooks/useConfig.js';
import '../../components/config-provider/useConfig.js';
import '../../components/config-provider/context.js';
import 'lodash/merge';
import 'lodash/mergeWith';
import '../../_chunks/dep-b4fd1955.js';
import '../../components/menu/props.js';
import '../../components/menu/v-menu.js';
import '@babel/runtime/helpers/defineProperty';
import 'lodash';
import '../../components/menu/head-menu.js';
import '../../components/tabs/index.js';
import '../../components/tabs/tabs.js';
import '../../_chunks/dep-b0f1ed22.js';
import 'lodash/kebabCase';
import '../../utils/event.js';
import '../../utils/helper.js';
import 'lodash/camelCase';
import '../../components/config-provider/config-receiver.js';
import '../../utils/mixins.js';
import '../../components/tabs/props.js';
import '../../components/tabs/tab-panel.js';
import '../../hooks/useDestroyOnClose.js';
import '../../components/tabs/tab-nav.js';
import 'lodash/debounce';
import '@ldesign/icons-vue';
import '../../components/tabs/tab-nav-item.js';
import '../../utils/ripple.js';
import '../../_chunks/dep-c68dc4b6.js';
import '../../components/menu/sub-menu.js';
import '../../components/common/fake-arrow.js';
import '../../components/menu/menu-item.js';
import '../../components/menu/menu-group.js';
import '../menu/props.js';
import '../menu/menu-item.js';
import '../menu/utils.js';

var _LdesignAside = defineComponent({
  name: "LdesignAside",
  props: {
    ...props
  },
  render() {
    const h = arguments[0];
    const prefixContent = renderLNodeJSX(this, "prefix");
    const suffixContent = renderLNodeJSX(this, "suffix");
    return h("div", {
      "class": {
        "ldesign-aside": true,
        [`ldesign-aside-${this.layout}`]: true
      }
    }, [prefixContent && h("div", {
      "class": "ldesign-aside__head"
    }, [prefixContent]), h("div", {
      "class": "ldesign-aside__content"
    }, [renderLNodeJSXDefault(this, "default", h(LdesignMenu, {
      "attrs": {
        "allowRouter": true,
        "list": this.list,
        "active": this.active,
        "expand": this.expand,
        "layout": this.layout,
        "expandType": this.expandType,
        "collapsed": this.collapsed,
        "iconUrl": this.iconUrl,
        "mode": this.mode
      }
    }))]), suffixContent && h("div", {
      "class": "ldesign-aside__footer"
    }, [suffixContent])]);
  }
});

export { _LdesignAside as default };
//# sourceMappingURL=aside.js.map
