/**
 * ldesign v0.2.3
 * (c) 2022年9月24日 swimly
 * @license MIT
 */

import Vue from 'vue';
import { PREFIX } from '../../config.js';
import { AsideProps } from './props.js';
import { renderLNodeJSX } from '../../utils/render-node.js';
import 'lodash/camelCase';
import 'lodash/kebabCase';

var _Aside = Vue.extend({
  name: "LAside",
  props: { ...AsideProps
  },

  data() {
    return {};
  },

  inject: {
    layout: {
      default: void 0
    }
  },

  mounted() {
    this.layout.hasSider = true;
  },

  destroyed() {
    this.layout.hasSider = false;
  },

  render() {
    const h = arguments[0];
    const styles = this.width ? {
      width: this.width
    } : {};
    return h("aside", {
      "class": `${PREFIX}-layout__sider`,
      "style": styles
    }, [renderLNodeJSX(this, "default")]);
  }

});

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