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

'use strict';

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

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

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",
  props: { ...components_layout_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": `${config.PREFIX}-layout__sider`,
      "style": styles
    }, [utils_renderNode.renderLNodeJSX(this, "default")]);
  }

});

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