{"version":3,"file":"node.vue.mjs","sources":["../../../../../packages/components/cascade-panel/src/node.vue"],"sourcesContent":["<template>\n  <li\n    :id=\"`${menuId}-${node.uid}`\"\n    role=\"menuitem\"\n    :tabindex=\"expandable ? -1 : undefined\"\n    :class=\"[\n      'el-cascade-node',\n      checkStrictly && 'is-selectable',\n      inExpandingPath && 'in-active-path',\n      inCheckedPath && 'in-checked-path',\n      node.checked && 'is-active',\n      !expandable && 'is-disabled'\n    ]\"\n    @mouseenter=\"handleHoverExpand\"\n    @focus=\"handleHoverExpand\"\n    @click=\"handleClick\"\n  >\n    <!-- prefix -->\n    <el-checkbox\n      v-if=\"multiple\"\n      :model-value=\"node.checked\"\n      :indeterminate=\"node.indeterminate\"\n      :disabled=\"isDisabled\"\n      @click.stop\n      @update:model-value=\"handleSelectCheck\"\n    />\n    <el-radio\n      v-else-if=\"checkStrictly\"\n      :model-value=\"checkedNodeId\"\n      :value=\"node.uid\"\n      :disabled=\"isDisabled\"\n      @update:model-value=\"handleSelectCheck\"\n      @click.stop\n    >\n      <!--\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      -->\n      <span></span>\n    </el-radio>\n    <el-icon v-else-if=\"isLeaf && node.checked\" class=\"el-cascade-node__prefix\">\n      <check />\n    </el-icon>\n\n    <!-- content -->\n    <node-content />\n\n    <!-- postfix -->\n    <template v-if=\"!isLeaf\">\n      <el-icon v-if=\"node.loading\" class=\"is-loading el-cascade-node__postfix\">\n        <loading />\n      </el-icon>\n      <el-icon v-else class=\"arrow-right el-cascade-node__postfix\">\n        <arrow-right />\n      </el-icon>\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport ElCheckbox from '@element-ultra/components/checkbox'\nimport ElRadio from '@element-ultra/components/radio'\nimport ElIcon from '@element-ultra/components/icon'\nimport { Check, Loading, ArrowRight } from 'icon-ultra'\nimport NodeContent from './node-content'\nimport { Cascade_PANEL_INJECTION_KEY } from './types'\nimport type { default as CascadeNode } from './node'\n\nimport type { PropType } from 'vue'\n\nexport default defineComponent({\n  name: 'ElCascadeNode',\n\n  components: {\n    ElCheckbox,\n    ElRadio,\n    NodeContent,\n    ElIcon,\n    Check,\n    Loading,\n    ArrowRight\n  },\n\n  props: {\n    node: {\n      type: Object as PropType<CascadeNode>,\n      required: true\n    },\n    menuId: String\n  },\n\n  emits: ['expand'],\n\n  setup(props, { emit }) {\n    const panel = inject(Cascade_PANEL_INJECTION_KEY)!\n\n    const isHoverMenu = computed(() => panel.isHoverMenu)\n    const multiple = computed(() => panel.config.multiple)\n    const checkStrictly = computed(() => panel.config.checkStrictly)\n    const checkedNodeId = computed(() => panel.checkedNodes[0]?.uid)\n\n    const isDisabled = computed(() => props.node.isDisabled)\n    const isLeaf = computed(() => props.node.isLeaf)\n    const expandable = computed(\n      () => (checkStrictly.value && !isLeaf.value) || !isDisabled.value\n    )\n    const inExpandingPath = computed(() => isInPath(panel.expandingNode!))\n    // only useful in check-strictly mode\n    const inCheckedPath = computed(\n      () => checkStrictly.value && panel.checkedNodes.some(isInPath)\n    )\n\n    const isInPath = (node: CascadeNode) => {\n      const { level, uid } = props.node\n      return node?.pathNodes[level - 1]?.uid === uid\n    }\n\n    const doExpand = () => {\n      if (inExpandingPath.value) return\n      panel.expandNode(props.node)\n    }\n\n    const doCheck = (checked: boolean) => {\n      const { node } = props\n      if (checked === node.checked) return\n      panel.handleCheckChange(node, checked)\n    }\n\n    const doLoad = () => {\n      panel.lazyLoad(props.node, () => {\n        if (!isLeaf.value) doExpand()\n      })\n    }\n\n    const handleHoverExpand = (e: Event) => {\n      if (!isHoverMenu.value) return\n      handleExpand()\n      !isLeaf.value && emit('expand', e)\n    }\n\n    const handleExpand = () => {\n      const { node } = props\n      // do not exclude leaf node because the menus expanded might have to reset\n      if (!expandable.value || node.loading) return\n      node.loaded ? doExpand() : doLoad()\n    }\n\n    const handleClick = () => {\n      if (isHoverMenu.value && !isLeaf.value) return\n\n      if (\n        isLeaf.value &&\n        !isDisabled.value &&\n        !checkStrictly.value &&\n        !multiple.value\n      ) {\n        handleCheck(true)\n      } else {\n        handleExpand()\n      }\n    }\n\n    const handleSelectCheck = (checked: boolean) => {\n      if (checkStrictly.value) {\n        doCheck(checked)\n        if (props.node.loaded) {\n          doExpand()\n        }\n      } else {\n        handleCheck(checked)\n      }\n    }\n\n    const handleCheck = (checked: boolean) => {\n      if (!props.node.loaded) {\n        doLoad()\n      } else {\n        doCheck(checked)\n        !checkStrictly.value && doExpand()\n      }\n    }\n\n    return {\n      panel,\n      isHoverMenu,\n      multiple,\n      checkStrictly,\n      checkedNodeId,\n      isDisabled,\n      isLeaf,\n      expandable,\n      inExpandingPath,\n      inCheckedPath,\n      handleHoverExpand,\n      handleExpand,\n      handleClick,\n      handleCheck,\n      handleSelectCheck\n    }\n  }\n})\n</script>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_createCommentVNode","_createBlock","_withModifiers","_withCtx","_createVNode","_Fragment"],"mappings":"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"}