tdesign-vue-next/esm/layout/aside.js

TDesign Component for vue-next

/**
 * tdesign v1.20.0
 * (c) 2026 tdesign
 * @license MIT
 */

import { defineComponent, inject, onMounted, onUnmounted, createVNode } from 'vue';
import props from './aside-props.js';
import 'lodash-es';
import '@babel/runtime/helpers/toConsumableArray';
import '@babel/runtime/helpers/typeof';
import '../_chunks/dep-e0d16f64.js';
import { u as useTNodeJSX } from '../_chunks/dep-b82e5636.js';
import { u as usePrefixClass } from '../_chunks/dep-844f829b.js';
import '@babel/runtime/helpers/slicedToArray';
import '../_chunks/dep-97e2bf94.js';
import '@babel/runtime/helpers/defineProperty';
import '../_chunks/dep-edfcdaaa.js';
import '../_chunks/dep-23fbb09b.js';
import '../_chunks/dep-91cd9b55.js';
import '../config-provider/hooks/useConfig.js';
import '../config-provider/utils/context.js';
import '../_chunks/dep-cecf5377.js';
import 'dayjs';
import '@babel/runtime/helpers/createClass';
import '@babel/runtime/helpers/classCallCheck';

var _Aside = defineComponent({
  name: "TAside",
  props: props,
  setup: function setup(props2) {
    var _inject = inject("layout", /* @__PURE__ */Object.create(null)),
      hasSide = _inject.hasSide;
    var COMPONENT_NAME = usePrefixClass("layout__sider");
    var renderTNodeJSX = useTNodeJSX();
    if (!hasSide) return;
    onMounted(function () {
      hasSide.value = true;
    });
    onUnmounted(function () {
      hasSide.value = false;
    });
    return function () {
      var styles = props2.width ? {
        width: props2.width
      } : {};
      return createVNode("aside", {
        "class": COMPONENT_NAME.value,
        "style": styles
      }, [renderTNodeJSX("default")]);
    };
  }
});

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