tdesign-vue-next/lib/list/list-item.js

TDesign Component for vue-next

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

import { defineComponent, createVNode } from 'vue';
import props from './list-item-props.js';
import 'lodash-es';
import '@babel/runtime/helpers/toConsumableArray';
import '@babel/runtime/helpers/typeof';
import '../_chunks/dep-d9440b5f.js';
import { u as useTNodeJSX } from '../_chunks/dep-b3575781.js';
import { u as usePrefixClass } from '../_chunks/dep-4d7f902f.js';
import '@babel/runtime/helpers/slicedToArray';
import '../_chunks/dep-dfeea6f5.js';
import '@babel/runtime/helpers/defineProperty';
import '../_chunks/dep-a6042a25.js';
import '../_chunks/dep-41cafcc6.js';
import '../_chunks/dep-43a3baa0.js';
import '../config-provider/hooks/useConfig.js';
import '../config-provider/utils/context.js';
import '../_chunks/dep-854d2777.js';
import 'dayjs';
import '@babel/runtime/helpers/createClass';
import '@babel/runtime/helpers/classCallCheck';

var _ListItem = defineComponent({
  name: "TListItem",
  props: props,
  setup: function setup() {
    var COMPONENT_NAME = usePrefixClass("list-item");
    var renderTNodeJSX = useTNodeJSX();
    return function () {
      var propsContent = renderTNodeJSX("content");
      var propsDefaultContent = renderTNodeJSX("default");
      var propsActionContent = renderTNodeJSX("action");
      return createVNode("li", {
        "class": COMPONENT_NAME.value
      }, [createVNode("div", {
        "class": "".concat(COMPONENT_NAME.value, "-main")
      }, [propsDefaultContent || propsContent, propsActionContent && createVNode("li", {
        "class": "".concat(COMPONENT_NAME.value, "__action")
      }, [propsActionContent])])]);
    };
  }
});

export { _ListItem as default };
//# sourceMappingURL=list-item.js.map