"use strict";
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const shared_esmBundler = require("../../../../../@vue/shared/dist/shared.esm-bundler.js");
const index = require("../../../hooks/use-namespace/index.js");
const index$2 = require("../../icon/index.js");
const index$3 = require("../../checkbox/index.js");
const virtualTree = require("./virtual-tree.js");
const treeNodeContent = require("./tree-node-content.js");
const index$1 = require("../../../../../@element-plus/icons-vue/dist/index.js");
const Vue = require("vue");
const _hoisted_1 = [
  "aria-expanded",
  "aria-disabled",
  "aria-checked",
  "data-key"
];
var tree_node_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ Vue.defineComponent({
  name: "ElTreeNode",
  __name: "tree-node",
  props: virtualTree.treeNodeProps,
  emits: virtualTree.treeNodeEmits,
  setup(__props, { emit: __emit }) {
    const props = __props;
    const emit = __emit;
    const tree = Vue.inject(virtualTree.ROOT_TREE_INJECTION_KEY);
    const ns = index.useNamespace("tree");
    const indent = Vue.computed(() => (tree == null ? void 0 : tree.props.indent) ?? 16);
    const icon = Vue.computed(() => (tree == null ? void 0 : tree.props.icon) ?? index$1.CaretRight);
    const getNodeClass = (node) => {
      var _a;
      const nodeClassFunc = (_a = tree == null ? void 0 : tree.props.props) == null ? void 0 : _a.class;
      if (!nodeClassFunc) return {};
      let className;
      if (shared_esmBundler.isFunction(nodeClassFunc)) {
        const { data } = node;
        className = nodeClassFunc(data, node);
      } else className = nodeClassFunc;
      return shared_esmBundler.isString(className) ? { [className]: true } : className;
    };
    const handleClick = (e) => {
      emit("click", props.node, e);
    };
    const handleDrop = (e) => {
      emit("drop", props.node, e);
    };
    const handleExpandIconClick = () => {
      emit("toggle", props.node);
    };
    const handleCheckChange = (value) => {
      emit("check", props.node, value);
    };
    const handleContextMenu = (event) => {
      var _a, _b, _c, _d;
      if ((_c = (_b = (_a = tree == null ? void 0 : tree.instance) == null ? void 0 : _a.vnode) == null ? void 0 : _b.props) == null ? void 0 : _c["onNodeContextmenu"]) {
        event.stopPropagation();
        event.preventDefault();
      }
      tree == null ? void 0 : tree.ctx.emit(virtualTree.NODE_CONTEXTMENU, event, (_d = props.node) == null ? void 0 : _d.data, props.node);
    };
    return (_ctx, _cache) => {
      var _a, _b, _c;
      return Vue.openBlock(), Vue.createElementBlock("div", {
        ref: "node$",
        class: Vue.normalizeClass([
          Vue.unref(ns).b("node"),
          Vue.unref(ns).is("expanded", __props.expanded),
          Vue.unref(ns).is("current", __props.current),
          Vue.unref(ns).is("focusable", !__props.disabled),
          Vue.unref(ns).is("checked", !__props.disabled && __props.checked),
          getNodeClass(__props.node)
        ]),
        role: "treeitem",
        tabindex: "-1",
        "aria-expanded": __props.expanded,
        "aria-disabled": __props.disabled,
        "aria-checked": __props.checked,
        "data-key": (_a = __props.node) == null ? void 0 : _a.key,
        onClick: Vue.withModifiers(handleClick, ["stop"]),
        onContextmenu: handleContextMenu,
        onDragover: _cache[1] || (_cache[1] = Vue.withModifiers(() => {
        }, ["prevent"])),
        onDragenter: _cache[2] || (_cache[2] = Vue.withModifiers(() => {
        }, ["prevent"])),
        onDrop: Vue.withModifiers(handleDrop, ["stop"])
      }, [Vue.createElementVNode("div", {
        class: Vue.normalizeClass(Vue.unref(ns).be("node", "content")),
        style: Vue.normalizeStyle({
          paddingLeft: `${(__props.node.level - 1) * indent.value}px`,
          height: __props.itemSize + "px"
        })
      }, [
        icon.value ? (Vue.openBlock(), Vue.createBlock(Vue.unref(index$2.ElIcon), {
          key: 0,
          class: Vue.normalizeClass([
            Vue.unref(ns).is("leaf", !!((_b = __props.node) == null ? void 0 : _b.isLeaf)),
            Vue.unref(ns).is("hidden", __props.hiddenExpandIcon),
            { expanded: !((_c = __props.node) == null ? void 0 : _c.isLeaf) && __props.expanded },
            Vue.unref(ns).be("node", "expand-icon")
          ]),
          onClick: Vue.withModifiers(handleExpandIconClick, ["stop"])
        }, {
          default: Vue.withCtx(() => [(Vue.openBlock(), Vue.createBlock(Vue.resolveDynamicComponent(icon.value)))]),
          _: 1
        }, 8, ["class"])) : Vue.createCommentVNode("v-if", true),
        __props.showCheckbox ? (Vue.openBlock(), Vue.createBlock(Vue.unref(index$3.ElCheckbox), {
          key: 1,
          "model-value": __props.checked,
          indeterminate: __props.indeterminate,
          disabled: __props.disabled,
          onChange: handleCheckChange,
          onClick: _cache[0] || (_cache[0] = Vue.withModifiers(() => {
          }, ["stop"]))
        }, null, 8, [
          "model-value",
          "indeterminate",
          "disabled"
        ])) : Vue.createCommentVNode("v-if", true),
        Vue.createVNode(Vue.unref(treeNodeContent.default), { node: {
          ...__props.node,
          expanded: __props.expanded
        } }, null, 8, ["node"])
      ], 6)], 42, _hoisted_1);
    };
  }
});
exports.default = tree_node_vue_vue_type_script_setup_true_lang_default;
