/**
 * ldesign v0.2.14
 * (c) 2022/11/2 16:16 built by swimly
 * @license MIT
 */

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var Vue = require('vue');
var config = require('../../config.js');
var utils_renderNode = require('../../utils/render-node.js');
var components_layout_props = require('./props.js');
require('lodash');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var Vue__default = /*#__PURE__*/_interopDefaultLegacy(Vue);

var _Aside = Vue__default["default"].extend({
  name: "LAside",
  inject: {
    layout: {
      default: void 0
    }
  },
  props: {
    ...components_layout_props.AsideProps
  },
  data() {
    return {};
  },
  mounted() {
    this.layout.hasSider = true;
  },
  unmounted() {
    this.layout.hasSider = false;
  },
  render() {
    const h = arguments[0];
    const styles = this.width ? {
      width: this.width
    } : {};
    return h("aside", {
      "class": `${config.PREFIX}-layout__sider`,
      "style": styles
    }, [utils_renderNode.renderLNodeJSX(this, "default")]);
  }
});

exports["default"] = _Aside;
//# sourceMappingURL=aside.js.map
