ivue-material-plus/dist/unplugin-vue-components/es/components/ivue-tree/node.mjs

A high quality UI components Library with Vue.js

import _sfc_main from './node.vue_vue_type_script_lang.mjs';
import { resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, withModifiers, createCommentVNode, createElementVNode, normalizeStyle, createBlock, withCtx, resolveDynamicComponent, Fragment, createTextVNode, toDisplayString, createVNode, renderList, vShow } from 'vue';
import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';

const _hoisted_1 = ["data-key", "draggable"];
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_ivue_icon = resolveComponent("ivue-icon");
  const _component_loading = resolveComponent("loading");
  const _component_ivue_checkbox = resolveComponent("ivue-checkbox");
  const _component_node_content = resolveComponent("node-content");
  const _component_ivue_tree_node = resolveComponent("ivue-tree-node");
  const _component_collapse_transition = resolveComponent("collapse-transition");
  return withDirectives((openBlock(), createElementBlock("div", {
    tabindex: "-1",
    role: "treeItem",
    class: normalizeClass(_ctx.wrapperClasses),
    "data-key": _ctx.getTreeNodeKey(_ctx.node),
    draggable: _ctx.tree.props.draggable,
    onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.handleNodeClick && _ctx.handleNodeClick(...args), ["stop"])),
    onDragstart: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.handleDragStart && _ctx.handleDragStart(...args), ["stop"])),
    onDragover: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.handleDragOver && _ctx.handleDragOver(...args), ["stop", "prevent"])),
    onDragend: _cache[4] || (_cache[4] = withModifiers((...args) => _ctx.handleDragEnd && _ctx.handleDragEnd(...args), ["stop", "prevent"])),
    onDrop: _cache[5] || (_cache[5] = withModifiers(() => {
    }, ["stop", "prevent"])),
    ref: "nodeRef"
  }, [
    createCommentVNode(" \u6807\u9898 "),
    createElementVNode("div", {
      class: normalizeClass(`${_ctx.prefixCls}--content`),
      style: normalizeStyle(_ctx.contentStyles)
    }, [
      createCommentVNode(" icon "),
      _ctx.tree.props.icon && !_ctx.node.loading ? (openBlock(), createBlock(_component_ivue_icon, {
        key: 0,
        class: normalizeClass(_ctx.iconClasses),
        onClick: withModifiers(_ctx.handleExpandIconClick, ["stop"])
      }, {
        default: withCtx(() => [
          !_ctx.isString(_ctx.tree.props.icon) ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.tree.props.icon), { key: 0 })) : createCommentVNode("v-if", true),
          _ctx.isString(_ctx.tree.props.icon) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
            createTextVNode(toDisplayString(_ctx.tree.props.icon), 1)
          ], 64)) : createCommentVNode("v-if", true)
        ]),
        _: 1
      }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
      createCommentVNode(" loading "),
      _ctx.node.loading ? (openBlock(), createBlock(_component_loading, { key: 1 })) : createCommentVNode("v-if", true),
      createCommentVNode(" checkbox "),
      _ctx.showCheckbox ? (openBlock(), createBlock(_component_ivue_checkbox, {
        key: 2,
        class: normalizeClass(`${_ctx.prefixCls}--checkbox`),
        "model-value": _ctx.node.checked,
        indeterminate: _ctx.node.indeterminate,
        disabled: !!_ctx.node.disabled,
        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
        }, ["stop"])),
        onChange: _ctx.handleCheckChange
      }, null, 8, ["class", "model-value", "indeterminate", "disabled", "onChange"])) : createCommentVNode("v-if", true),
      createCommentVNode(" text "),
      createVNode(_component_node_content, {
        node: _ctx.node,
        "render-content": _ctx.renderContent
      }, null, 8, ["node", "render-content"])
    ], 6),
    createCommentVNode(" \u5B50\u8282\u70B9 "),
    createVNode(_component_collapse_transition, null, {
      default: withCtx(() => [
        !_ctx.renderAfterExpand || _ctx.childNodeRendered ? withDirectives((openBlock(), createElementBlock("div", {
          key: 0,
          class: normalizeClass(`${_ctx.prefixCls}--children`)
        }, [
          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.node.childNodes, (child) => {
            return openBlock(), createBlock(_component_ivue_tree_node, {
              node: child,
              accordion: _ctx.accordion,
              "show-checkbox": _ctx.showCheckbox,
              "render-after-expand": _ctx.renderAfterExpand,
              key: _ctx.getTreeNodeKey(child),
              "render-content": _ctx.renderContent,
              props: _ctx.props,
              onOnNodeExpand: _ctx.handleChildNodeExpand
            }, null, 8, ["node", "accordion", "show-checkbox", "render-after-expand", "render-content", "props", "onOnNodeExpand"]);
          }), 128))
        ], 2)), [
          [vShow, _ctx.expanded]
        ]) : createCommentVNode("v-if", true)
      ]),
      _: 1
    })
  ], 42, _hoisted_1)), [
    [vShow, _ctx.node.visible]
  ]);
}
var TreeNode = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\louise\\person\\project\\GitHub\\ivue-ui-plus\\src\\components\\ivue-tree\\node.vue"]]);

export { TreeNode as default };
//# sourceMappingURL=node.mjs.map