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

TDesign Component for vue-next

/**
 * tdesign v1.11.5
 * (c) 2025 tdesign
 * @license MIT
 */

import { defineComponent, createVNode } from 'vue';
import props from './list-item-props.js';
import { usePrefixClass } from '../hooks/useConfig.js';
import { u as useTNodeJSX } from '../_chunks/dep-7c56a7f5.js';
import '../config-provider/hooks/useConfig.js';
import 'lodash-es';
import '../config-provider/utils/context.js';
import '../_chunks/dep-c75b9b8e.js';
import '@babel/runtime/helpers/typeof';
import '../_chunks/dep-caecb55d.js';
import 'dayjs';
import '../utils/render-tnode.js';

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