@element-plus/nightly 0.0.20260224 → 0.0.20260226

package/es/components/select/src/select.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.vue.mjs","sources":["../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"selectRef\"\n    v-click-outside:[popperRef]=\"handleClickOutside\"\n    :class=\"[nsSelect.b(), nsSelect.m(selectSize)]\"\n    @[mouseEnterEventName]=\"states.inputHovering = true\"\n    @mouseleave=\"states.inputHovering = false\"\n  >\n    <el-tooltip\n      ref=\"tooltipRef\"\n      :visible=\"dropdownMenuVisible\"\n      :placement=\"placement\"\n      :teleported=\"teleported\"\n      :popper-class=\"[nsSelect.e('popper'), popperClass]\"\n      :popper-style=\"popperStyle\"\n      :popper-options=\"popperOptions\"\n      :fallback-placements=\"fallbackPlacements\"\n      :effect=\"effect\"\n      pure\n      trigger=\"click\"\n      :transition=\"`${nsSelect.namespace.value}-zoom-in-top`\"\n      :stop-popper-mouse-event=\"false\"\n      :gpu-acceleration=\"false\"\n      :persistent=\"persistent\"\n      :append-to=\"appendTo\"\n      :show-arrow=\"showArrow\"\n      :offset=\"offset\"\n      @before-show=\"handleMenuEnter\"\n      @hide=\"states.isBeforeHide = false\"\n    >\n      <template #default>\n        <div\n          ref=\"wrapperRef\"\n          :class=\"[\n            nsSelect.e('wrapper'),\n            nsSelect.is('focused', isFocused),\n            nsSelect.is('hovering', states.inputHovering),\n            nsSelect.is('filterable', filterable),\n            nsSelect.is('disabled', selectDisabled),\n          ]\"\n          @click.prevent=\"toggleMenu\"\n        >\n          <div\n            v-if=\"$slots.prefix\"\n            ref=\"prefixRef\"\n            :class=\"nsSelect.e('prefix')\"\n          >\n            <slot name=\"prefix\" />\n          </div>\n          <div\n            ref=\"selectionRef\"\n            :class=\"[\n              nsSelect.e('selection'),\n              nsSelect.is(\n                'near',\n                multiple && !$slots.prefix && !!states.selected.length\n              ),\n            ]\"\n          >\n            <slot\n              v-if=\"multiple\"\n              name=\"tag\"\n              :data=\"states.selected\"\n              :delete-tag=\"deleteTag\"\n              :select-disabled=\"selectDisabled\"\n            >\n              <div\n                v-for=\"item in showTagList\"\n                :key=\"getValueKey(item)\"\n                :class=\"nsSelect.e('selected-item')\"\n              >\n                <el-tag\n                  :closable=\"!selectDisabled && !item.isDisabled\"\n                  :size=\"collapseTagSize\"\n                  :type=\"tagType\"\n                  :effect=\"tagEffect\"\n                  disable-transitions\n                  :style=\"tagStyle\"\n                  @close=\"deleteTag($event, item)\"\n                >\n                  <span :class=\"nsSelect.e('tags-text')\">\n                    <slot\n                      name=\"label\"\n                      :index=\"item.index\"\n                      :label=\"item.currentLabel\"\n                      :value=\"item.value\"\n                    >\n                      {{ item.currentLabel }}\n                    </slot>\n                  </span>\n                </el-tag>\n              </div>\n\n              <el-tooltip\n                v-if=\"collapseTags && states.selected.length > maxCollapseTags\"\n                ref=\"tagTooltipRef\"\n                :disabled=\"dropdownMenuVisible || !collapseTagsTooltip\"\n                :fallback-placements=\"\n                  tagTooltip?.fallbackPlacements ?? [\n                    'bottom',\n                    'top',\n                    'right',\n                    'left',\n                  ]\n                \"\n                :effect=\"tagTooltip?.effect ?? effect\"\n                :placement=\"tagTooltip?.placement ?? 'bottom'\"\n                :popper-class=\"tagTooltip?.popperClass ?? popperClass\"\n                :popper-style=\"tagTooltip?.popperStyle ?? popperStyle\"\n                :teleported=\"tagTooltip?.teleported ?? teleported\"\n                :append-to=\"tagTooltip?.appendTo ?? appendTo\"\n                :popper-options=\"tagTooltip?.popperOptions ?? popperOptions\"\n                :transition=\"tagTooltip?.transition\"\n                :show-after=\"tagTooltip?.showAfter\"\n                :hide-after=\"tagTooltip?.hideAfter\"\n                :auto-close=\"tagTooltip?.autoClose\"\n                :offset=\"tagTooltip?.offset\"\n              >\n                <template #default>\n                  <div\n                    ref=\"collapseItemRef\"\n                    :class=\"nsSelect.e('selected-item')\"\n                  >\n                    <el-tag\n                      :closable=\"false\"\n                      :size=\"collapseTagSize\"\n                      :type=\"tagType\"\n                      :effect=\"tagEffect\"\n                      disable-transitions\n                      :style=\"collapseTagStyle\"\n                    >\n                      <span :class=\"nsSelect.e('tags-text')\">\n                        + {{ states.selected.length - maxCollapseTags }}\n                      </span>\n                    </el-tag>\n                  </div>\n                </template>\n                <template #content>\n                  <div ref=\"tagMenuRef\" :class=\"nsSelect.e('selection')\">\n                    <div\n                      v-for=\"item in collapseTagList\"\n                      :key=\"getValueKey(item)\"\n                      :class=\"nsSelect.e('selected-item')\"\n                    >\n                      <el-tag\n                        class=\"in-tooltip\"\n                        :closable=\"!selectDisabled && !item.isDisabled\"\n                        :size=\"collapseTagSize\"\n                        :type=\"tagType\"\n                        :effect=\"tagEffect\"\n                        disable-transitions\n                        @close=\"deleteTag($event, item)\"\n                      >\n                        <span :class=\"nsSelect.e('tags-text')\">\n                          <slot\n                            name=\"label\"\n                            :index=\"item.index\"\n                            :label=\"item.currentLabel\"\n                            :value=\"item.value\"\n                          >\n                            {{ item.currentLabel }}\n                          </slot>\n                        </span>\n                      </el-tag>\n                    </div>\n                  </div>\n                </template>\n              </el-tooltip>\n            </slot>\n            <div\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('input-wrapper'),\n                nsSelect.is(\n                  'hidden',\n                  !filterable ||\n                    selectDisabled ||\n                    (!states.inputValue && !isFocused)\n                ),\n              ]\"\n            >\n              <input\n                :id=\"inputId\"\n                ref=\"inputRef\"\n                :value=\"states.inputValue\"\n                type=\"text\"\n                :name=\"name\"\n                :class=\"[nsSelect.e('input'), nsSelect.is(selectSize)]\"\n                :disabled=\"selectDisabled\"\n                :autocomplete=\"autocomplete\"\n                :style=\"inputStyle\"\n                :tabindex=\"tabindex\"\n                role=\"combobox\"\n                :readonly=\"!filterable\"\n                spellcheck=\"false\"\n                :aria-activedescendant=\"hoverOption?.id || ''\"\n                :aria-controls=\"contentId\"\n                :aria-expanded=\"dropdownMenuVisible\"\n                :aria-label=\"ariaLabel\"\n                aria-autocomplete=\"none\"\n                aria-haspopup=\"listbox\"\n                @keydown=\"handleKeydown\"\n                @compositionstart=\"handleCompositionStart\"\n                @compositionupdate=\"handleCompositionUpdate\"\n                @compositionend=\"handleCompositionEnd\"\n                @input=\"onInput\"\n                @click.stop=\"toggleMenu\"\n              />\n              <span\n                v-if=\"filterable\"\n                ref=\"calculatorRef\"\n                aria-hidden=\"true\"\n                :class=\"nsSelect.e('input-calculator')\"\n                v-text=\"states.inputValue\"\n              />\n            </div>\n            <div\n              v-if=\"shouldShowPlaceholder\"\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('placeholder'),\n                nsSelect.is(\n                  'transparent',\n                  !hasModelValue || (expanded && !states.inputValue)\n                ),\n              ]\"\n            >\n              <slot\n                v-if=\"hasModelValue\"\n                name=\"label\"\n                :index=\"getOption(modelValue!).index\"\n                :label=\"currentPlaceholder\"\n                :value=\"modelValue\"\n              >\n                <span>{{ currentPlaceholder }}</span>\n              </slot>\n              <span v-else>{{ currentPlaceholder }}</span>\n            </div>\n          </div>\n          <div ref=\"suffixRef\" :class=\"nsSelect.e('suffix')\">\n            <el-icon\n              v-if=\"iconComponent && !showClearBtn\"\n              :class=\"[nsSelect.e('caret'), nsSelect.e('icon'), iconReverse]\"\n            >\n              <component :is=\"iconComponent\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showClearBtn && clearIcon\"\n              :class=\"[\n                nsSelect.e('caret'),\n                nsSelect.e('icon'),\n                nsSelect.e('clear'),\n              ]\"\n              @click=\"handleClearClick\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"validateState && validateIcon && needStatusIcon\"\n              :class=\"[\n                nsInput.e('icon'),\n                nsInput.e('validateIcon'),\n                nsInput.is('loading', validateState === 'validating'),\n              ]\"\n            >\n              <component :is=\"validateIcon\" />\n            </el-icon>\n          </div>\n        </div>\n      </template>\n      <template #content>\n        <el-select-menu ref=\"menuRef\">\n          <div\n            v-if=\"$slots.header\"\n            :class=\"nsSelect.be('dropdown', 'header')\"\n            @click.stop\n          >\n            <slot name=\"header\" />\n          </div>\n          <el-scrollbar\n            v-show=\"states.options.size > 0 && !loading\"\n            :id=\"contentId\"\n            ref=\"scrollbarRef\"\n            tag=\"ul\"\n            :wrap-class=\"nsSelect.be('dropdown', 'wrap')\"\n            :view-class=\"nsSelect.be('dropdown', 'list')\"\n            :class=\"[nsSelect.is('empty', filteredOptionsCount === 0)]\"\n            role=\"listbox\"\n            :aria-label=\"ariaLabel\"\n            aria-orientation=\"vertical\"\n            @scroll=\"popupScroll\"\n          >\n            <el-option\n              v-if=\"showNewOption\"\n              :value=\"states.inputValue\"\n              :created=\"true\"\n            />\n            <el-options>\n              <slot>\n                <template v-for=\"(option, index) in options\" :key=\"index\">\n                  <el-option-group\n                    v-if=\"getOptions(option)?.length\"\n                    :label=\"getLabel(option)\"\n                    :disabled=\"getDisabled(option)\"\n                  >\n                    <el-option\n                      v-for=\"item in getOptions(option)\"\n                      :key=\"getValue(item)\"\n                      v-bind=\"getOptionProps(item)\"\n                    />\n                  </el-option-group>\n                  <el-option v-else v-bind=\"getOptionProps(option)\" />\n                </template>\n              </slot>\n            </el-options>\n          </el-scrollbar>\n          <div\n            v-if=\"$slots.loading && loading\"\n            :class=\"nsSelect.be('dropdown', 'loading')\"\n          >\n            <slot name=\"loading\" />\n          </div>\n          <div\n            v-else-if=\"loading || filteredOptionsCount === 0\"\n            :class=\"nsSelect.be('dropdown', 'empty')\"\n          >\n            <slot name=\"empty\">\n              <span>{{ emptyText }}</span>\n            </slot>\n          </div>\n          <div\n            v-if=\"$slots.footer\"\n            :class=\"nsSelect.be('dropdown', 'footer')\"\n            @click.stop\n          >\n            <slot name=\"footer\" />\n          </div>\n        </el-select-menu>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\n  provide,\n  reactive,\n  toRefs,\n  watch,\n} from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElTag from '@element-plus/components/tag'\nimport ElIcon from '@element-plus/components/icon'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { flattedChildren, isArray, isObject } from '@element-plus/utils'\nimport { useCalcInputWidth } from '@element-plus/hooks'\nimport { useProps } from '@element-plus/components/select-v2/src/useProps'\nimport ElOption from './option.vue'\nimport ElSelectMenu from './select-dropdown.vue'\nimport { useSelect } from './useSelect'\nimport { selectKey } from './token'\nimport ElOptions from './options'\nimport { selectProps } from './select'\nimport ElOptionGroup from './option-group.vue'\n\nimport type { AppConfig, AppContext, VNode } from 'vue'\nimport type { SelectContext } from './type'\n\nconst COMPONENT_NAME = 'ElSelect'\n\ntype WarnHandler = AppConfig['warnHandler']\n\ninterface WarnHandlerRecord {\n  originalWarnHandler: WarnHandler\n  handler: WarnHandler\n  count: number\n}\n\nconst warnHandlerMap = new WeakMap<AppContext, WarnHandlerRecord>()\n\nconst createSelectWarnHandler = (appContext: AppContext): WarnHandler => {\n  return (...args) => {\n    // Overrides warnings about slots not being executable outside of a render function.\n    // We call slot below just to simulate data when persist is false, this warning message should be ignored\n    const message = args[0]\n    if (\n      !message ||\n      (message.includes(\n        'Slot \"default\" invoked outside of the render function'\n      ) &&\n        args[2]?.includes('ElTreeSelect'))\n    )\n      return\n    const original = warnHandlerMap.get(appContext)?.originalWarnHandler\n    if (original) {\n      original(...args)\n      return\n    }\n    // eslint-disable-next-line no-console\n    console.warn(...args)\n  }\n}\n\nconst getWarnHandlerRecord = (appContext: AppContext): WarnHandlerRecord => {\n  let record = warnHandlerMap.get(appContext)\n  if (!record) {\n    record = {\n      originalWarnHandler: appContext.config.warnHandler,\n      handler: createSelectWarnHandler(appContext),\n      count: 0,\n    }\n    warnHandlerMap.set(appContext, record)\n  }\n  return record\n}\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  componentName: COMPONENT_NAME,\n  components: {\n    ElSelectMenu,\n    ElOption,\n    ElOptions,\n    ElOptionGroup,\n    ElTag,\n    ElScrollbar,\n    ElTooltip,\n    ElIcon,\n  },\n  directives: { ClickOutside },\n  props: selectProps,\n  emits: [\n    UPDATE_MODEL_EVENT,\n    CHANGE_EVENT,\n    'remove-tag',\n    'clear',\n    'visible-change',\n    'focus',\n    'blur',\n    'popup-scroll',\n  ],\n\n  setup(props, { emit, slots }) {\n    const instance = getCurrentInstance()!\n    const warnRecord = getWarnHandlerRecord(instance.appContext)\n    warnRecord.count += 1\n    instance.appContext.config.warnHandler = warnRecord.handler\n    const modelValue = computed(() => {\n      const { modelValue: rawModelValue, multiple } = props\n      const fallback = multiple ? [] : undefined\n      // When it is array, we check if this is multi-select.\n      // Based on the result we get\n      if (isArray(rawModelValue)) {\n        return multiple ? rawModelValue : fallback\n      }\n\n      return multiple ? fallback : rawModelValue\n    })\n\n    const _props = reactive({\n      ...toRefs(props),\n      modelValue,\n    })\n\n    const API = useSelect(_props, emit)\n    const { calculatorRef, inputStyle } = useCalcInputWidth()\n    const { getLabel, getValue, getOptions, getDisabled } = useProps(props)\n\n    const getOptionProps = (option: Record<string, any>) => ({\n      label: getLabel(option),\n      value: getValue(option),\n      disabled: getDisabled(option),\n    })\n\n    const flatTreeSelectData = (data: any[]) => {\n      return data.reduce((acc, item) => {\n        acc.push(item)\n        if (item.children && item.children.length > 0) {\n          acc.push(...flatTreeSelectData(item.children))\n        }\n        return acc\n      }, [])\n    }\n\n    const manuallyRenderSlots = (vnodes: VNode[] | undefined) => {\n      // After option rendering is completed, the useSelect internal state can collect the value of each option.\n      // If the persistent value is false, option will not be rendered by default, so in this case,\n      // manually render and load option data here.\n      const children = flattedChildren(vnodes || []) as VNode[]\n      children.forEach((item) => {\n        if (\n          isObject(item) &&\n          // @ts-expect-error\n          (item.type.name === 'ElOption' || item.type.name === 'ElTree')\n        ) {\n          // @ts-expect-error\n          const _name = item.type.name\n          if (_name === 'ElTree') {\n            // tree-select component is a special case.\n            // So we need to handle it separately.\n            const treeData = item.props?.data || []\n            const flatData = flatTreeSelectData(treeData)\n            flatData.forEach((treeItem: any) => {\n              treeItem.currentLabel =\n                treeItem.label ||\n                (isObject(treeItem.value) ? '' : treeItem.value)\n              API.onOptionCreate(treeItem)\n            })\n          } else if (_name === 'ElOption') {\n            const obj = { ...item.props } as any\n            obj.currentLabel =\n              obj.label || (isObject(obj.value) ? '' : obj.value)\n            API.onOptionCreate(obj)\n          }\n        }\n      })\n    }\n    watch(\n      () => [slots.default?.(), modelValue.value],\n      () => {\n        // When persistent is false and the dropdown is closed, the menu is unmounted.\n        // We should always re-hydrate option data from slots so labels stay in sync\n        // with dynamic option list updates. Skip only when persistent is true or\n        // when the dropdown is currently expanded (mounted options will manage themselves).\n        if (props.persistent || API.expanded.value) {\n          // If persistent is true, we don't need to manually render slots.\n          return\n        }\n        // Reset current options snapshot before re-collecting from slots.\n        API.states.options.clear()\n        manuallyRenderSlots(slots.default?.())\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    provide(\n      selectKey,\n      reactive({\n        props: _props,\n        states: API.states,\n        selectRef: API.selectRef,\n        optionsArray: API.optionsArray,\n        setSelected: API.setSelected,\n        handleOptionSelect: API.handleOptionSelect,\n        onOptionCreate: API.onOptionCreate,\n        onOptionDestroy: API.onOptionDestroy,\n      }) satisfies SelectContext\n    )\n\n    const selectedLabel = computed(() => {\n      if (!props.multiple) {\n        return API.states.selectedLabel\n      }\n      return API.states.selected.map((i) => i.currentLabel as string)\n    })\n\n    onBeforeUnmount(() => {\n      // https://github.com/element-plus/element-plus/issues/21279\n      const record = warnHandlerMap.get(instance.appContext)\n      if (!record) return\n      record.count -= 1\n      if (record.count <= 0) {\n        instance.appContext.config.warnHandler = record.originalWarnHandler\n        warnHandlerMap.delete(instance.appContext)\n      }\n    })\n\n    return {\n      ...API,\n      modelValue,\n      selectedLabel,\n      calculatorRef,\n      inputStyle,\n      getLabel,\n      getValue,\n      getOptions,\n      getDisabled,\n      getOptionProps,\n    }\n  },\n})\n</script>\n"],"names":["_withDirectives","_openBlock","_createElementBlock","_mergeProps","_createVNode","_withCtx","_createElementVNode","_normalizeClass","_renderSlot","_Fragment","_renderList","_normalizeStyle","_createTextVNode","_toDisplayString","_createBlock","_a","_createCommentVNode","_resolveDynamicComponent","_withModifiers"],"mappings":"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"}
+{"version":3,"file":"select.vue.mjs","sources":["../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"selectRef\"\n    v-click-outside:[popperRef]=\"handleClickOutside\"\n    :class=\"[nsSelect.b(), nsSelect.m(selectSize)]\"\n    @[mouseEnterEventName]=\"states.inputHovering = true\"\n    @mouseleave=\"states.inputHovering = false\"\n  >\n    <el-tooltip\n      ref=\"tooltipRef\"\n      :visible=\"dropdownMenuVisible\"\n      :placement=\"placement\"\n      :teleported=\"teleported\"\n      :popper-class=\"[nsSelect.e('popper'), popperClass]\"\n      :popper-style=\"popperStyle\"\n      :popper-options=\"popperOptions\"\n      :fallback-placements=\"fallbackPlacements\"\n      :effect=\"effect\"\n      pure\n      trigger=\"click\"\n      :transition=\"`${nsSelect.namespace.value}-zoom-in-top`\"\n      :stop-popper-mouse-event=\"false\"\n      :gpu-acceleration=\"false\"\n      :persistent=\"persistent\"\n      :append-to=\"appendTo\"\n      :show-arrow=\"showArrow\"\n      :offset=\"offset\"\n      @before-show=\"handleMenuEnter\"\n      @hide=\"states.isBeforeHide = false\"\n    >\n      <template #default>\n        <div\n          ref=\"wrapperRef\"\n          :class=\"[\n            nsSelect.e('wrapper'),\n            nsSelect.is('focused', isFocused),\n            nsSelect.is('hovering', states.inputHovering),\n            nsSelect.is('filterable', filterable),\n            nsSelect.is('disabled', selectDisabled),\n          ]\"\n          @click.prevent=\"toggleMenu\"\n        >\n          <div\n            v-if=\"$slots.prefix\"\n            ref=\"prefixRef\"\n            :class=\"nsSelect.e('prefix')\"\n          >\n            <slot name=\"prefix\" />\n          </div>\n          <div\n            ref=\"selectionRef\"\n            :class=\"[\n              nsSelect.e('selection'),\n              nsSelect.is(\n                'near',\n                multiple && !$slots.prefix && !!states.selected.length\n              ),\n            ]\"\n          >\n            <slot\n              v-if=\"multiple\"\n              name=\"tag\"\n              :data=\"states.selected\"\n              :delete-tag=\"deleteTag\"\n              :select-disabled=\"selectDisabled\"\n            >\n              <div\n                v-for=\"item in showTagList\"\n                :key=\"getValueKey(item)\"\n                :class=\"nsSelect.e('selected-item')\"\n              >\n                <el-tag\n                  :closable=\"!selectDisabled && !item.isDisabled\"\n                  :size=\"collapseTagSize\"\n                  :type=\"tagType\"\n                  :effect=\"tagEffect\"\n                  disable-transitions\n                  :style=\"tagStyle\"\n                  @close=\"deleteTag($event, item)\"\n                >\n                  <span :class=\"nsSelect.e('tags-text')\">\n                    <slot\n                      name=\"label\"\n                      :index=\"item.index\"\n                      :label=\"item.currentLabel\"\n                      :value=\"item.value\"\n                    >\n                      {{ item.currentLabel }}\n                    </slot>\n                  </span>\n                </el-tag>\n              </div>\n\n              <el-tooltip\n                v-if=\"collapseTags && states.selected.length > maxCollapseTags\"\n                ref=\"tagTooltipRef\"\n                :disabled=\"dropdownMenuVisible || !collapseTagsTooltip\"\n                :fallback-placements=\"\n                  tagTooltip?.fallbackPlacements ?? [\n                    'bottom',\n                    'top',\n                    'right',\n                    'left',\n                  ]\n                \"\n                :effect=\"tagTooltip?.effect ?? effect\"\n                :placement=\"tagTooltip?.placement ?? 'bottom'\"\n                :popper-class=\"tagTooltip?.popperClass ?? popperClass\"\n                :popper-style=\"tagTooltip?.popperStyle ?? popperStyle\"\n                :teleported=\"tagTooltip?.teleported ?? teleported\"\n                :append-to=\"tagTooltip?.appendTo ?? appendTo\"\n                :popper-options=\"tagTooltip?.popperOptions ?? popperOptions\"\n                :transition=\"tagTooltip?.transition\"\n                :show-after=\"tagTooltip?.showAfter\"\n                :hide-after=\"tagTooltip?.hideAfter\"\n                :auto-close=\"tagTooltip?.autoClose\"\n                :offset=\"tagTooltip?.offset\"\n              >\n                <template #default>\n                  <div\n                    ref=\"collapseItemRef\"\n                    :class=\"nsSelect.e('selected-item')\"\n                  >\n                    <el-tag\n                      :closable=\"false\"\n                      :size=\"collapseTagSize\"\n                      :type=\"tagType\"\n                      :effect=\"tagEffect\"\n                      disable-transitions\n                      :style=\"collapseTagStyle\"\n                    >\n                      <span :class=\"nsSelect.e('tags-text')\">\n                        + {{ states.selected.length - maxCollapseTags }}\n                      </span>\n                    </el-tag>\n                  </div>\n                </template>\n                <template #content>\n                  <div ref=\"tagMenuRef\" :class=\"nsSelect.e('selection')\">\n                    <div\n                      v-for=\"item in collapseTagList\"\n                      :key=\"getValueKey(item)\"\n                      :class=\"nsSelect.e('selected-item')\"\n                    >\n                      <el-tag\n                        class=\"in-tooltip\"\n                        :closable=\"!selectDisabled && !item.isDisabled\"\n                        :size=\"collapseTagSize\"\n                        :type=\"tagType\"\n                        :effect=\"tagEffect\"\n                        disable-transitions\n                        @close=\"deleteTag($event, item)\"\n                      >\n                        <span :class=\"nsSelect.e('tags-text')\">\n                          <slot\n                            name=\"label\"\n                            :index=\"item.index\"\n                            :label=\"item.currentLabel\"\n                            :value=\"item.value\"\n                          >\n                            {{ item.currentLabel }}\n                          </slot>\n                        </span>\n                      </el-tag>\n                    </div>\n                  </div>\n                </template>\n              </el-tooltip>\n            </slot>\n            <div\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('input-wrapper'),\n                nsSelect.is(\n                  'hidden',\n                  !filterable ||\n                    selectDisabled ||\n                    (!states.inputValue && !isFocused)\n                ),\n              ]\"\n            >\n              <input\n                :id=\"inputId\"\n                ref=\"inputRef\"\n                :value=\"states.inputValue\"\n                type=\"text\"\n                :name=\"name\"\n                :class=\"[nsSelect.e('input'), nsSelect.is(selectSize)]\"\n                :disabled=\"selectDisabled\"\n                :autocomplete=\"autocomplete\"\n                :style=\"inputStyle\"\n                :tabindex=\"tabindex\"\n                role=\"combobox\"\n                :readonly=\"!filterable\"\n                spellcheck=\"false\"\n                :aria-activedescendant=\"hoverOption?.id || ''\"\n                :aria-controls=\"contentId\"\n                :aria-expanded=\"dropdownMenuVisible\"\n                :aria-label=\"ariaLabel\"\n                aria-autocomplete=\"none\"\n                aria-haspopup=\"listbox\"\n                @keydown=\"handleKeydown\"\n                @compositionstart=\"handleCompositionStart\"\n                @compositionupdate=\"handleCompositionUpdate\"\n                @compositionend=\"handleCompositionEnd\"\n                @input=\"onInput\"\n                @click.stop=\"toggleMenu\"\n              />\n              <span\n                v-if=\"filterable\"\n                ref=\"calculatorRef\"\n                aria-hidden=\"true\"\n                :class=\"nsSelect.e('input-calculator')\"\n                v-text=\"states.inputValue\"\n              />\n            </div>\n            <div\n              v-if=\"shouldShowPlaceholder\"\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('placeholder'),\n                nsSelect.is(\n                  'transparent',\n                  !hasModelValue || (expanded && !states.inputValue)\n                ),\n              ]\"\n            >\n              <slot\n                v-if=\"hasModelValue\"\n                name=\"label\"\n                :index=\"getOption(modelValue!).index\"\n                :label=\"currentPlaceholder\"\n                :value=\"modelValue\"\n              >\n                <span>{{ currentPlaceholder }}</span>\n              </slot>\n              <span v-else>{{ currentPlaceholder }}</span>\n            </div>\n          </div>\n          <div ref=\"suffixRef\" :class=\"nsSelect.e('suffix')\">\n            <el-icon\n              v-if=\"iconComponent && !showClearBtn\"\n              :class=\"[nsSelect.e('caret'), nsSelect.e('icon'), iconReverse]\"\n            >\n              <component :is=\"iconComponent\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showClearBtn && clearIcon\"\n              :class=\"[\n                nsSelect.e('caret'),\n                nsSelect.e('icon'),\n                nsSelect.e('clear'),\n              ]\"\n              @click=\"handleClearClick\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"validateState && validateIcon && needStatusIcon\"\n              :class=\"[\n                nsInput.e('icon'),\n                nsInput.e('validateIcon'),\n                nsInput.is('loading', validateState === 'validating'),\n              ]\"\n            >\n              <component :is=\"validateIcon\" />\n            </el-icon>\n          </div>\n        </div>\n      </template>\n      <template #content>\n        <el-select-menu ref=\"menuRef\">\n          <div\n            v-if=\"$slots.header\"\n            :class=\"nsSelect.be('dropdown', 'header')\"\n            @click.stop\n          >\n            <slot name=\"header\" />\n          </div>\n          <el-scrollbar\n            v-show=\"states.options.size > 0 && !loading\"\n            :id=\"contentId\"\n            ref=\"scrollbarRef\"\n            tag=\"ul\"\n            :wrap-class=\"nsSelect.be('dropdown', 'wrap')\"\n            :view-class=\"nsSelect.be('dropdown', 'list')\"\n            :class=\"[nsSelect.is('empty', filteredOptionsCount === 0)]\"\n            role=\"listbox\"\n            :aria-label=\"ariaLabel\"\n            aria-orientation=\"vertical\"\n            @scroll=\"popupScroll\"\n          >\n            <el-option\n              v-if=\"showNewOption\"\n              :value=\"states.inputValue\"\n              :created=\"true\"\n            />\n            <el-options>\n              <slot>\n                <template v-for=\"(option, index) in options\" :key=\"index\">\n                  <el-option-group\n                    v-if=\"getOptions(option)?.length\"\n                    :label=\"getLabel(option)\"\n                    :disabled=\"getDisabled(option)\"\n                  >\n                    <el-option\n                      v-for=\"item in getOptions(option)\"\n                      :key=\"getValue(item)\"\n                      v-bind=\"getOptionProps(item)\"\n                    />\n                  </el-option-group>\n                  <el-option v-else v-bind=\"getOptionProps(option)\" />\n                </template>\n              </slot>\n            </el-options>\n          </el-scrollbar>\n          <div\n            v-if=\"$slots.loading && loading\"\n            :class=\"nsSelect.be('dropdown', 'loading')\"\n          >\n            <slot name=\"loading\" />\n          </div>\n          <div\n            v-else-if=\"loading || filteredOptionsCount === 0\"\n            :class=\"nsSelect.be('dropdown', 'empty')\"\n          >\n            <slot name=\"empty\">\n              <span>{{ emptyText }}</span>\n            </slot>\n          </div>\n          <div\n            v-if=\"$slots.footer\"\n            :class=\"nsSelect.be('dropdown', 'footer')\"\n            @click.stop\n          >\n            <slot name=\"footer\" />\n          </div>\n        </el-select-menu>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\n  provide,\n  reactive,\n  toRefs,\n  watch,\n} from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElTag from '@element-plus/components/tag'\nimport ElIcon from '@element-plus/components/icon'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { flattedChildren, isArray, isObject } from '@element-plus/utils'\nimport { useCalcInputWidth } from '@element-plus/hooks'\nimport { useProps } from '@element-plus/components/select-v2/src/useProps'\nimport ElOption from './option.vue'\nimport ElSelectMenu from './select-dropdown.vue'\nimport { useSelect } from './useSelect'\nimport { selectKey } from './token'\nimport ElOptions from './options'\nimport { selectProps } from './select'\nimport ElOptionGroup from './option-group.vue'\n\nimport type { AppConfig, AppContext, VNode } from 'vue'\nimport type { SelectContext } from './type'\n\nconst COMPONENT_NAME = 'ElSelect'\n\ntype WarnHandler = AppConfig['warnHandler']\n\ninterface WarnHandlerRecord {\n  originalWarnHandler: WarnHandler\n  handler: WarnHandler\n  count: number\n}\n\nconst warnHandlerMap = new WeakMap<AppContext, WarnHandlerRecord>()\n\nconst createSelectWarnHandler = (appContext: AppContext): WarnHandler => {\n  return (...args) => {\n    // Overrides warnings about slots not being executable outside of a render function.\n    // We call slot below just to simulate data when persist is false, this warning message should be ignored\n    const message = args[0]\n    if (\n      !message ||\n      (message.includes(\n        'Slot \"default\" invoked outside of the render function'\n      ) &&\n        args[2]?.includes('ElTreeSelect'))\n    )\n      return\n    const original = warnHandlerMap.get(appContext)?.originalWarnHandler\n    if (original) {\n      original(...args)\n      return\n    }\n    // eslint-disable-next-line no-console\n    console.warn(...args)\n  }\n}\n\nconst getWarnHandlerRecord = (appContext: AppContext): WarnHandlerRecord => {\n  let record = warnHandlerMap.get(appContext)\n  if (!record) {\n    record = {\n      originalWarnHandler: appContext.config.warnHandler,\n      handler: createSelectWarnHandler(appContext),\n      count: 0,\n    }\n    warnHandlerMap.set(appContext, record)\n  }\n  return record\n}\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  componentName: COMPONENT_NAME,\n  components: {\n    ElSelectMenu,\n    ElOption,\n    ElOptions,\n    ElOptionGroup,\n    ElTag,\n    ElScrollbar,\n    ElTooltip,\n    ElIcon,\n  },\n  directives: { ClickOutside },\n  props: selectProps,\n  emits: [\n    UPDATE_MODEL_EVENT,\n    CHANGE_EVENT,\n    'remove-tag',\n    'clear',\n    'visible-change',\n    'focus',\n    'blur',\n    'popup-scroll',\n  ],\n\n  setup(props, { emit, slots }) {\n    const instance = getCurrentInstance()!\n    const warnRecord = getWarnHandlerRecord(instance.appContext)\n    warnRecord.count += 1\n    instance.appContext.config.warnHandler = warnRecord.handler\n    const modelValue = computed(() => {\n      const { modelValue: rawModelValue, multiple } = props\n      const fallback = multiple ? [] : undefined\n      // When it is array, we check if this is multi-select.\n      // Based on the result we get\n      if (isArray(rawModelValue)) {\n        return multiple ? rawModelValue : fallback\n      }\n\n      return multiple ? fallback : rawModelValue\n    })\n\n    const _props = reactive({\n      ...toRefs(props),\n      modelValue,\n    })\n\n    const API = useSelect(_props, emit)\n    const { calculatorRef, inputStyle } = useCalcInputWidth()\n    const { getLabel, getValue, getOptions, getDisabled } = useProps(props)\n\n    const getOptionProps = (option: Record<string, any>) => ({\n      label: getLabel(option),\n      value: getValue(option),\n      disabled: getDisabled(option),\n    })\n\n    const flatTreeSelectData = (data: any[]) => {\n      return data.reduce((acc, item) => {\n        acc.push(item)\n        if (item.children && item.children.length > 0) {\n          acc.push(...flatTreeSelectData(item.children))\n        }\n        return acc\n      }, [])\n    }\n\n    const manuallyRenderSlots = (vnodes: VNode[] | undefined) => {\n      // After option rendering is completed, the useSelect internal state can collect the value of each option.\n      // If the persistent value is false, option will not be rendered by default, so in this case,\n      // manually render and load option data here.\n      const children = flattedChildren(vnodes || []) as VNode[]\n      children.forEach((item) => {\n        if (\n          isObject(item) &&\n          // @ts-expect-error\n          (item.type.name === 'ElOption' || item.type.name === 'ElTree')\n        ) {\n          // @ts-expect-error\n          const _name = item.type.name\n          if (_name === 'ElTree') {\n            // tree-select component is a special case.\n            // So we need to handle it separately.\n            const treeData = item.props?.data || []\n            const flatData = flatTreeSelectData(treeData)\n            flatData.forEach((treeItem: any) => {\n              treeItem.currentLabel =\n                treeItem.label ||\n                (isObject(treeItem.value) ? '' : treeItem.value)\n              API.onOptionCreate(treeItem)\n            })\n          } else if (_name === 'ElOption') {\n            const obj = { ...item.props } as any\n            obj.currentLabel =\n              obj.label || (isObject(obj.value) ? '' : obj.value)\n            API.onOptionCreate(obj)\n          }\n        }\n      })\n    }\n    watch(\n      () => [\n        props.persistent || API.expanded.value || !slots.default\n          ? undefined\n          : slots.default?.(),\n        modelValue.value,\n      ],\n      () => {\n        // When persistent is false and the dropdown is closed, the menu is unmounted.\n        // We should always re-hydrate option data from slots so labels stay in sync\n        // with dynamic option list updates. Skip only when persistent is true or\n        // when the dropdown is currently expanded (mounted options will manage themselves).\n        if (props.persistent || API.expanded.value) {\n          // If persistent is true, we don't need to manually render slots.\n          return\n        }\n        // Reset current options snapshot before re-collecting from slots.\n        API.states.options.clear()\n        manuallyRenderSlots(slots.default?.())\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    provide(\n      selectKey,\n      reactive({\n        props: _props,\n        states: API.states,\n        selectRef: API.selectRef,\n        optionsArray: API.optionsArray,\n        setSelected: API.setSelected,\n        handleOptionSelect: API.handleOptionSelect,\n        onOptionCreate: API.onOptionCreate,\n        onOptionDestroy: API.onOptionDestroy,\n      }) satisfies SelectContext\n    )\n\n    const selectedLabel = computed(() => {\n      if (!props.multiple) {\n        return API.states.selectedLabel\n      }\n      return API.states.selected.map((i) => i.currentLabel as string)\n    })\n\n    onBeforeUnmount(() => {\n      // https://github.com/element-plus/element-plus/issues/21279\n      const record = warnHandlerMap.get(instance.appContext)\n      if (!record) return\n      record.count -= 1\n      if (record.count <= 0) {\n        instance.appContext.config.warnHandler = record.originalWarnHandler\n        warnHandlerMap.delete(instance.appContext)\n      }\n    })\n\n    return {\n      ...API,\n      modelValue,\n      selectedLabel,\n      calculatorRef,\n      inputStyle,\n      getLabel,\n      getValue,\n      getOptions,\n      getDisabled,\n      getOptionProps,\n    }\n  },\n})\n</script>\n"],"names":["_withDirectives","_openBlock","_createElementBlock","_mergeProps","_createVNode","_withCtx","_createElementVNode","_normalizeClass","_renderSlot","_Fragment","_renderList","_normalizeStyle","_createTextVNode","_toDisplayString","_createBlock","_a","_createCommentVNode","_resolveDynamicComponent","_withModifiers"],"mappings":"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"}

package/es/components/select/src/select.vue2.mjs

@@ -131,7 +131,10 @@ var _sfc_main = defineComponent({
     watch(
       () => {
         var _a;
-        return [(_a = slots.default) == null ? void 0 : _a.call(slots), modelValue.value];
+        return [
+          props.persistent || API.expanded.value || !slots.default ? void 0 : (_a = slots.default) == null ? void 0 : _a.call(slots),
+          modelValue.value
+        ];
       },
       () => {
         var _a;

package/es/components/select/src/select.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.vue2.mjs","sources":["../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"selectRef\"\n    v-click-outside:[popperRef]=\"handleClickOutside\"\n    :class=\"[nsSelect.b(), nsSelect.m(selectSize)]\"\n    @[mouseEnterEventName]=\"states.inputHovering = true\"\n    @mouseleave=\"states.inputHovering = false\"\n  >\n    <el-tooltip\n      ref=\"tooltipRef\"\n      :visible=\"dropdownMenuVisible\"\n      :placement=\"placement\"\n      :teleported=\"teleported\"\n      :popper-class=\"[nsSelect.e('popper'), popperClass]\"\n      :popper-style=\"popperStyle\"\n      :popper-options=\"popperOptions\"\n      :fallback-placements=\"fallbackPlacements\"\n      :effect=\"effect\"\n      pure\n      trigger=\"click\"\n      :transition=\"`${nsSelect.namespace.value}-zoom-in-top`\"\n      :stop-popper-mouse-event=\"false\"\n      :gpu-acceleration=\"false\"\n      :persistent=\"persistent\"\n      :append-to=\"appendTo\"\n      :show-arrow=\"showArrow\"\n      :offset=\"offset\"\n      @before-show=\"handleMenuEnter\"\n      @hide=\"states.isBeforeHide = false\"\n    >\n      <template #default>\n        <div\n          ref=\"wrapperRef\"\n          :class=\"[\n            nsSelect.e('wrapper'),\n            nsSelect.is('focused', isFocused),\n            nsSelect.is('hovering', states.inputHovering),\n            nsSelect.is('filterable', filterable),\n            nsSelect.is('disabled', selectDisabled),\n          ]\"\n          @click.prevent=\"toggleMenu\"\n        >\n          <div\n            v-if=\"$slots.prefix\"\n            ref=\"prefixRef\"\n            :class=\"nsSelect.e('prefix')\"\n          >\n            <slot name=\"prefix\" />\n          </div>\n          <div\n            ref=\"selectionRef\"\n            :class=\"[\n              nsSelect.e('selection'),\n              nsSelect.is(\n                'near',\n                multiple && !$slots.prefix && !!states.selected.length\n              ),\n            ]\"\n          >\n            <slot\n              v-if=\"multiple\"\n              name=\"tag\"\n              :data=\"states.selected\"\n              :delete-tag=\"deleteTag\"\n              :select-disabled=\"selectDisabled\"\n            >\n              <div\n                v-for=\"item in showTagList\"\n                :key=\"getValueKey(item)\"\n                :class=\"nsSelect.e('selected-item')\"\n              >\n                <el-tag\n                  :closable=\"!selectDisabled && !item.isDisabled\"\n                  :size=\"collapseTagSize\"\n                  :type=\"tagType\"\n                  :effect=\"tagEffect\"\n                  disable-transitions\n                  :style=\"tagStyle\"\n                  @close=\"deleteTag($event, item)\"\n                >\n                  <span :class=\"nsSelect.e('tags-text')\">\n                    <slot\n                      name=\"label\"\n                      :index=\"item.index\"\n                      :label=\"item.currentLabel\"\n                      :value=\"item.value\"\n                    >\n                      {{ item.currentLabel }}\n                    </slot>\n                  </span>\n                </el-tag>\n              </div>\n\n              <el-tooltip\n                v-if=\"collapseTags && states.selected.length > maxCollapseTags\"\n                ref=\"tagTooltipRef\"\n                :disabled=\"dropdownMenuVisible || !collapseTagsTooltip\"\n                :fallback-placements=\"\n                  tagTooltip?.fallbackPlacements ?? [\n                    'bottom',\n                    'top',\n                    'right',\n                    'left',\n                  ]\n                \"\n                :effect=\"tagTooltip?.effect ?? effect\"\n                :placement=\"tagTooltip?.placement ?? 'bottom'\"\n                :popper-class=\"tagTooltip?.popperClass ?? popperClass\"\n                :popper-style=\"tagTooltip?.popperStyle ?? popperStyle\"\n                :teleported=\"tagTooltip?.teleported ?? teleported\"\n                :append-to=\"tagTooltip?.appendTo ?? appendTo\"\n                :popper-options=\"tagTooltip?.popperOptions ?? popperOptions\"\n                :transition=\"tagTooltip?.transition\"\n                :show-after=\"tagTooltip?.showAfter\"\n                :hide-after=\"tagTooltip?.hideAfter\"\n                :auto-close=\"tagTooltip?.autoClose\"\n                :offset=\"tagTooltip?.offset\"\n              >\n                <template #default>\n                  <div\n                    ref=\"collapseItemRef\"\n                    :class=\"nsSelect.e('selected-item')\"\n                  >\n                    <el-tag\n                      :closable=\"false\"\n                      :size=\"collapseTagSize\"\n                      :type=\"tagType\"\n                      :effect=\"tagEffect\"\n                      disable-transitions\n                      :style=\"collapseTagStyle\"\n                    >\n                      <span :class=\"nsSelect.e('tags-text')\">\n                        + {{ states.selected.length - maxCollapseTags }}\n                      </span>\n                    </el-tag>\n                  </div>\n                </template>\n                <template #content>\n                  <div ref=\"tagMenuRef\" :class=\"nsSelect.e('selection')\">\n                    <div\n                      v-for=\"item in collapseTagList\"\n                      :key=\"getValueKey(item)\"\n                      :class=\"nsSelect.e('selected-item')\"\n                    >\n                      <el-tag\n                        class=\"in-tooltip\"\n                        :closable=\"!selectDisabled && !item.isDisabled\"\n                        :size=\"collapseTagSize\"\n                        :type=\"tagType\"\n                        :effect=\"tagEffect\"\n                        disable-transitions\n                        @close=\"deleteTag($event, item)\"\n                      >\n                        <span :class=\"nsSelect.e('tags-text')\">\n                          <slot\n                            name=\"label\"\n                            :index=\"item.index\"\n                            :label=\"item.currentLabel\"\n                            :value=\"item.value\"\n                          >\n                            {{ item.currentLabel }}\n                          </slot>\n                        </span>\n                      </el-tag>\n                    </div>\n                  </div>\n                </template>\n              </el-tooltip>\n            </slot>\n            <div\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('input-wrapper'),\n                nsSelect.is(\n                  'hidden',\n                  !filterable ||\n                    selectDisabled ||\n                    (!states.inputValue && !isFocused)\n                ),\n              ]\"\n            >\n              <input\n                :id=\"inputId\"\n                ref=\"inputRef\"\n                :value=\"states.inputValue\"\n                type=\"text\"\n                :name=\"name\"\n                :class=\"[nsSelect.e('input'), nsSelect.is(selectSize)]\"\n                :disabled=\"selectDisabled\"\n                :autocomplete=\"autocomplete\"\n                :style=\"inputStyle\"\n                :tabindex=\"tabindex\"\n                role=\"combobox\"\n                :readonly=\"!filterable\"\n                spellcheck=\"false\"\n                :aria-activedescendant=\"hoverOption?.id || ''\"\n                :aria-controls=\"contentId\"\n                :aria-expanded=\"dropdownMenuVisible\"\n                :aria-label=\"ariaLabel\"\n                aria-autocomplete=\"none\"\n                aria-haspopup=\"listbox\"\n                @keydown=\"handleKeydown\"\n                @compositionstart=\"handleCompositionStart\"\n                @compositionupdate=\"handleCompositionUpdate\"\n                @compositionend=\"handleCompositionEnd\"\n                @input=\"onInput\"\n                @click.stop=\"toggleMenu\"\n              />\n              <span\n                v-if=\"filterable\"\n                ref=\"calculatorRef\"\n                aria-hidden=\"true\"\n                :class=\"nsSelect.e('input-calculator')\"\n                v-text=\"states.inputValue\"\n              />\n            </div>\n            <div\n              v-if=\"shouldShowPlaceholder\"\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('placeholder'),\n                nsSelect.is(\n                  'transparent',\n                  !hasModelValue || (expanded && !states.inputValue)\n                ),\n              ]\"\n            >\n              <slot\n                v-if=\"hasModelValue\"\n                name=\"label\"\n                :index=\"getOption(modelValue!).index\"\n                :label=\"currentPlaceholder\"\n                :value=\"modelValue\"\n              >\n                <span>{{ currentPlaceholder }}</span>\n              </slot>\n              <span v-else>{{ currentPlaceholder }}</span>\n            </div>\n          </div>\n          <div ref=\"suffixRef\" :class=\"nsSelect.e('suffix')\">\n            <el-icon\n              v-if=\"iconComponent && !showClearBtn\"\n              :class=\"[nsSelect.e('caret'), nsSelect.e('icon'), iconReverse]\"\n            >\n              <component :is=\"iconComponent\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showClearBtn && clearIcon\"\n              :class=\"[\n                nsSelect.e('caret'),\n                nsSelect.e('icon'),\n                nsSelect.e('clear'),\n              ]\"\n              @click=\"handleClearClick\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"validateState && validateIcon && needStatusIcon\"\n              :class=\"[\n                nsInput.e('icon'),\n                nsInput.e('validateIcon'),\n                nsInput.is('loading', validateState === 'validating'),\n              ]\"\n            >\n              <component :is=\"validateIcon\" />\n            </el-icon>\n          </div>\n        </div>\n      </template>\n      <template #content>\n        <el-select-menu ref=\"menuRef\">\n          <div\n            v-if=\"$slots.header\"\n            :class=\"nsSelect.be('dropdown', 'header')\"\n            @click.stop\n          >\n            <slot name=\"header\" />\n          </div>\n          <el-scrollbar\n            v-show=\"states.options.size > 0 && !loading\"\n            :id=\"contentId\"\n            ref=\"scrollbarRef\"\n            tag=\"ul\"\n            :wrap-class=\"nsSelect.be('dropdown', 'wrap')\"\n            :view-class=\"nsSelect.be('dropdown', 'list')\"\n            :class=\"[nsSelect.is('empty', filteredOptionsCount === 0)]\"\n            role=\"listbox\"\n            :aria-label=\"ariaLabel\"\n            aria-orientation=\"vertical\"\n            @scroll=\"popupScroll\"\n          >\n            <el-option\n              v-if=\"showNewOption\"\n              :value=\"states.inputValue\"\n              :created=\"true\"\n            />\n            <el-options>\n              <slot>\n                <template v-for=\"(option, index) in options\" :key=\"index\">\n                  <el-option-group\n                    v-if=\"getOptions(option)?.length\"\n                    :label=\"getLabel(option)\"\n                    :disabled=\"getDisabled(option)\"\n                  >\n                    <el-option\n                      v-for=\"item in getOptions(option)\"\n                      :key=\"getValue(item)\"\n                      v-bind=\"getOptionProps(item)\"\n                    />\n                  </el-option-group>\n                  <el-option v-else v-bind=\"getOptionProps(option)\" />\n                </template>\n              </slot>\n            </el-options>\n          </el-scrollbar>\n          <div\n            v-if=\"$slots.loading && loading\"\n            :class=\"nsSelect.be('dropdown', 'loading')\"\n          >\n            <slot name=\"loading\" />\n          </div>\n          <div\n            v-else-if=\"loading || filteredOptionsCount === 0\"\n            :class=\"nsSelect.be('dropdown', 'empty')\"\n          >\n            <slot name=\"empty\">\n              <span>{{ emptyText }}</span>\n            </slot>\n          </div>\n          <div\n            v-if=\"$slots.footer\"\n            :class=\"nsSelect.be('dropdown', 'footer')\"\n            @click.stop\n          >\n            <slot name=\"footer\" />\n          </div>\n        </el-select-menu>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\n  provide,\n  reactive,\n  toRefs,\n  watch,\n} from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElTag from '@element-plus/components/tag'\nimport ElIcon from '@element-plus/components/icon'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { flattedChildren, isArray, isObject } from '@element-plus/utils'\nimport { useCalcInputWidth } from '@element-plus/hooks'\nimport { useProps } from '@element-plus/components/select-v2/src/useProps'\nimport ElOption from './option.vue'\nimport ElSelectMenu from './select-dropdown.vue'\nimport { useSelect } from './useSelect'\nimport { selectKey } from './token'\nimport ElOptions from './options'\nimport { selectProps } from './select'\nimport ElOptionGroup from './option-group.vue'\n\nimport type { AppConfig, AppContext, VNode } from 'vue'\nimport type { SelectContext } from './type'\n\nconst COMPONENT_NAME = 'ElSelect'\n\ntype WarnHandler = AppConfig['warnHandler']\n\ninterface WarnHandlerRecord {\n  originalWarnHandler: WarnHandler\n  handler: WarnHandler\n  count: number\n}\n\nconst warnHandlerMap = new WeakMap<AppContext, WarnHandlerRecord>()\n\nconst createSelectWarnHandler = (appContext: AppContext): WarnHandler => {\n  return (...args) => {\n    // Overrides warnings about slots not being executable outside of a render function.\n    // We call slot below just to simulate data when persist is false, this warning message should be ignored\n    const message = args[0]\n    if (\n      !message ||\n      (message.includes(\n        'Slot \"default\" invoked outside of the render function'\n      ) &&\n        args[2]?.includes('ElTreeSelect'))\n    )\n      return\n    const original = warnHandlerMap.get(appContext)?.originalWarnHandler\n    if (original) {\n      original(...args)\n      return\n    }\n    // eslint-disable-next-line no-console\n    console.warn(...args)\n  }\n}\n\nconst getWarnHandlerRecord = (appContext: AppContext): WarnHandlerRecord => {\n  let record = warnHandlerMap.get(appContext)\n  if (!record) {\n    record = {\n      originalWarnHandler: appContext.config.warnHandler,\n      handler: createSelectWarnHandler(appContext),\n      count: 0,\n    }\n    warnHandlerMap.set(appContext, record)\n  }\n  return record\n}\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  componentName: COMPONENT_NAME,\n  components: {\n    ElSelectMenu,\n    ElOption,\n    ElOptions,\n    ElOptionGroup,\n    ElTag,\n    ElScrollbar,\n    ElTooltip,\n    ElIcon,\n  },\n  directives: { ClickOutside },\n  props: selectProps,\n  emits: [\n    UPDATE_MODEL_EVENT,\n    CHANGE_EVENT,\n    'remove-tag',\n    'clear',\n    'visible-change',\n    'focus',\n    'blur',\n    'popup-scroll',\n  ],\n\n  setup(props, { emit, slots }) {\n    const instance = getCurrentInstance()!\n    const warnRecord = getWarnHandlerRecord(instance.appContext)\n    warnRecord.count += 1\n    instance.appContext.config.warnHandler = warnRecord.handler\n    const modelValue = computed(() => {\n      const { modelValue: rawModelValue, multiple } = props\n      const fallback = multiple ? [] : undefined\n      // When it is array, we check if this is multi-select.\n      // Based on the result we get\n      if (isArray(rawModelValue)) {\n        return multiple ? rawModelValue : fallback\n      }\n\n      return multiple ? fallback : rawModelValue\n    })\n\n    const _props = reactive({\n      ...toRefs(props),\n      modelValue,\n    })\n\n    const API = useSelect(_props, emit)\n    const { calculatorRef, inputStyle } = useCalcInputWidth()\n    const { getLabel, getValue, getOptions, getDisabled } = useProps(props)\n\n    const getOptionProps = (option: Record<string, any>) => ({\n      label: getLabel(option),\n      value: getValue(option),\n      disabled: getDisabled(option),\n    })\n\n    const flatTreeSelectData = (data: any[]) => {\n      return data.reduce((acc, item) => {\n        acc.push(item)\n        if (item.children && item.children.length > 0) {\n          acc.push(...flatTreeSelectData(item.children))\n        }\n        return acc\n      }, [])\n    }\n\n    const manuallyRenderSlots = (vnodes: VNode[] | undefined) => {\n      // After option rendering is completed, the useSelect internal state can collect the value of each option.\n      // If the persistent value is false, option will not be rendered by default, so in this case,\n      // manually render and load option data here.\n      const children = flattedChildren(vnodes || []) as VNode[]\n      children.forEach((item) => {\n        if (\n          isObject(item) &&\n          // @ts-expect-error\n          (item.type.name === 'ElOption' || item.type.name === 'ElTree')\n        ) {\n          // @ts-expect-error\n          const _name = item.type.name\n          if (_name === 'ElTree') {\n            // tree-select component is a special case.\n            // So we need to handle it separately.\n            const treeData = item.props?.data || []\n            const flatData = flatTreeSelectData(treeData)\n            flatData.forEach((treeItem: any) => {\n              treeItem.currentLabel =\n                treeItem.label ||\n                (isObject(treeItem.value) ? '' : treeItem.value)\n              API.onOptionCreate(treeItem)\n            })\n          } else if (_name === 'ElOption') {\n            const obj = { ...item.props } as any\n            obj.currentLabel =\n              obj.label || (isObject(obj.value) ? '' : obj.value)\n            API.onOptionCreate(obj)\n          }\n        }\n      })\n    }\n    watch(\n      () => [slots.default?.(), modelValue.value],\n      () => {\n        // When persistent is false and the dropdown is closed, the menu is unmounted.\n        // We should always re-hydrate option data from slots so labels stay in sync\n        // with dynamic option list updates. Skip only when persistent is true or\n        // when the dropdown is currently expanded (mounted options will manage themselves).\n        if (props.persistent || API.expanded.value) {\n          // If persistent is true, we don't need to manually render slots.\n          return\n        }\n        // Reset current options snapshot before re-collecting from slots.\n        API.states.options.clear()\n        manuallyRenderSlots(slots.default?.())\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    provide(\n      selectKey,\n      reactive({\n        props: _props,\n        states: API.states,\n        selectRef: API.selectRef,\n        optionsArray: API.optionsArray,\n        setSelected: API.setSelected,\n        handleOptionSelect: API.handleOptionSelect,\n        onOptionCreate: API.onOptionCreate,\n        onOptionDestroy: API.onOptionDestroy,\n      }) satisfies SelectContext\n    )\n\n    const selectedLabel = computed(() => {\n      if (!props.multiple) {\n        return API.states.selectedLabel\n      }\n      return API.states.selected.map((i) => i.currentLabel as string)\n    })\n\n    onBeforeUnmount(() => {\n      // https://github.com/element-plus/element-plus/issues/21279\n      const record = warnHandlerMap.get(instance.appContext)\n      if (!record) return\n      record.count -= 1\n      if (record.count <= 0) {\n        instance.appContext.config.warnHandler = record.originalWarnHandler\n        warnHandlerMap.delete(instance.appContext)\n      }\n    })\n\n    return {\n      ...API,\n      modelValue,\n      selectedLabel,\n      calculatorRef,\n      inputStyle,\n      getLabel,\n      getValue,\n      getOptions,\n      getDisabled,\n      getOptionProps,\n    }\n  },\n})\n</script>\n"],"names":["ElOption","ElOptionGroup"],"mappings":"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"}
+{"version":3,"file":"select.vue2.mjs","sources":["../../../../../../packages/components/select/src/select.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"selectRef\"\n    v-click-outside:[popperRef]=\"handleClickOutside\"\n    :class=\"[nsSelect.b(), nsSelect.m(selectSize)]\"\n    @[mouseEnterEventName]=\"states.inputHovering = true\"\n    @mouseleave=\"states.inputHovering = false\"\n  >\n    <el-tooltip\n      ref=\"tooltipRef\"\n      :visible=\"dropdownMenuVisible\"\n      :placement=\"placement\"\n      :teleported=\"teleported\"\n      :popper-class=\"[nsSelect.e('popper'), popperClass]\"\n      :popper-style=\"popperStyle\"\n      :popper-options=\"popperOptions\"\n      :fallback-placements=\"fallbackPlacements\"\n      :effect=\"effect\"\n      pure\n      trigger=\"click\"\n      :transition=\"`${nsSelect.namespace.value}-zoom-in-top`\"\n      :stop-popper-mouse-event=\"false\"\n      :gpu-acceleration=\"false\"\n      :persistent=\"persistent\"\n      :append-to=\"appendTo\"\n      :show-arrow=\"showArrow\"\n      :offset=\"offset\"\n      @before-show=\"handleMenuEnter\"\n      @hide=\"states.isBeforeHide = false\"\n    >\n      <template #default>\n        <div\n          ref=\"wrapperRef\"\n          :class=\"[\n            nsSelect.e('wrapper'),\n            nsSelect.is('focused', isFocused),\n            nsSelect.is('hovering', states.inputHovering),\n            nsSelect.is('filterable', filterable),\n            nsSelect.is('disabled', selectDisabled),\n          ]\"\n          @click.prevent=\"toggleMenu\"\n        >\n          <div\n            v-if=\"$slots.prefix\"\n            ref=\"prefixRef\"\n            :class=\"nsSelect.e('prefix')\"\n          >\n            <slot name=\"prefix\" />\n          </div>\n          <div\n            ref=\"selectionRef\"\n            :class=\"[\n              nsSelect.e('selection'),\n              nsSelect.is(\n                'near',\n                multiple && !$slots.prefix && !!states.selected.length\n              ),\n            ]\"\n          >\n            <slot\n              v-if=\"multiple\"\n              name=\"tag\"\n              :data=\"states.selected\"\n              :delete-tag=\"deleteTag\"\n              :select-disabled=\"selectDisabled\"\n            >\n              <div\n                v-for=\"item in showTagList\"\n                :key=\"getValueKey(item)\"\n                :class=\"nsSelect.e('selected-item')\"\n              >\n                <el-tag\n                  :closable=\"!selectDisabled && !item.isDisabled\"\n                  :size=\"collapseTagSize\"\n                  :type=\"tagType\"\n                  :effect=\"tagEffect\"\n                  disable-transitions\n                  :style=\"tagStyle\"\n                  @close=\"deleteTag($event, item)\"\n                >\n                  <span :class=\"nsSelect.e('tags-text')\">\n                    <slot\n                      name=\"label\"\n                      :index=\"item.index\"\n                      :label=\"item.currentLabel\"\n                      :value=\"item.value\"\n                    >\n                      {{ item.currentLabel }}\n                    </slot>\n                  </span>\n                </el-tag>\n              </div>\n\n              <el-tooltip\n                v-if=\"collapseTags && states.selected.length > maxCollapseTags\"\n                ref=\"tagTooltipRef\"\n                :disabled=\"dropdownMenuVisible || !collapseTagsTooltip\"\n                :fallback-placements=\"\n                  tagTooltip?.fallbackPlacements ?? [\n                    'bottom',\n                    'top',\n                    'right',\n                    'left',\n                  ]\n                \"\n                :effect=\"tagTooltip?.effect ?? effect\"\n                :placement=\"tagTooltip?.placement ?? 'bottom'\"\n                :popper-class=\"tagTooltip?.popperClass ?? popperClass\"\n                :popper-style=\"tagTooltip?.popperStyle ?? popperStyle\"\n                :teleported=\"tagTooltip?.teleported ?? teleported\"\n                :append-to=\"tagTooltip?.appendTo ?? appendTo\"\n                :popper-options=\"tagTooltip?.popperOptions ?? popperOptions\"\n                :transition=\"tagTooltip?.transition\"\n                :show-after=\"tagTooltip?.showAfter\"\n                :hide-after=\"tagTooltip?.hideAfter\"\n                :auto-close=\"tagTooltip?.autoClose\"\n                :offset=\"tagTooltip?.offset\"\n              >\n                <template #default>\n                  <div\n                    ref=\"collapseItemRef\"\n                    :class=\"nsSelect.e('selected-item')\"\n                  >\n                    <el-tag\n                      :closable=\"false\"\n                      :size=\"collapseTagSize\"\n                      :type=\"tagType\"\n                      :effect=\"tagEffect\"\n                      disable-transitions\n                      :style=\"collapseTagStyle\"\n                    >\n                      <span :class=\"nsSelect.e('tags-text')\">\n                        + {{ states.selected.length - maxCollapseTags }}\n                      </span>\n                    </el-tag>\n                  </div>\n                </template>\n                <template #content>\n                  <div ref=\"tagMenuRef\" :class=\"nsSelect.e('selection')\">\n                    <div\n                      v-for=\"item in collapseTagList\"\n                      :key=\"getValueKey(item)\"\n                      :class=\"nsSelect.e('selected-item')\"\n                    >\n                      <el-tag\n                        class=\"in-tooltip\"\n                        :closable=\"!selectDisabled && !item.isDisabled\"\n                        :size=\"collapseTagSize\"\n                        :type=\"tagType\"\n                        :effect=\"tagEffect\"\n                        disable-transitions\n                        @close=\"deleteTag($event, item)\"\n                      >\n                        <span :class=\"nsSelect.e('tags-text')\">\n                          <slot\n                            name=\"label\"\n                            :index=\"item.index\"\n                            :label=\"item.currentLabel\"\n                            :value=\"item.value\"\n                          >\n                            {{ item.currentLabel }}\n                          </slot>\n                        </span>\n                      </el-tag>\n                    </div>\n                  </div>\n                </template>\n              </el-tooltip>\n            </slot>\n            <div\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('input-wrapper'),\n                nsSelect.is(\n                  'hidden',\n                  !filterable ||\n                    selectDisabled ||\n                    (!states.inputValue && !isFocused)\n                ),\n              ]\"\n            >\n              <input\n                :id=\"inputId\"\n                ref=\"inputRef\"\n                :value=\"states.inputValue\"\n                type=\"text\"\n                :name=\"name\"\n                :class=\"[nsSelect.e('input'), nsSelect.is(selectSize)]\"\n                :disabled=\"selectDisabled\"\n                :autocomplete=\"autocomplete\"\n                :style=\"inputStyle\"\n                :tabindex=\"tabindex\"\n                role=\"combobox\"\n                :readonly=\"!filterable\"\n                spellcheck=\"false\"\n                :aria-activedescendant=\"hoverOption?.id || ''\"\n                :aria-controls=\"contentId\"\n                :aria-expanded=\"dropdownMenuVisible\"\n                :aria-label=\"ariaLabel\"\n                aria-autocomplete=\"none\"\n                aria-haspopup=\"listbox\"\n                @keydown=\"handleKeydown\"\n                @compositionstart=\"handleCompositionStart\"\n                @compositionupdate=\"handleCompositionUpdate\"\n                @compositionend=\"handleCompositionEnd\"\n                @input=\"onInput\"\n                @click.stop=\"toggleMenu\"\n              />\n              <span\n                v-if=\"filterable\"\n                ref=\"calculatorRef\"\n                aria-hidden=\"true\"\n                :class=\"nsSelect.e('input-calculator')\"\n                v-text=\"states.inputValue\"\n              />\n            </div>\n            <div\n              v-if=\"shouldShowPlaceholder\"\n              :class=\"[\n                nsSelect.e('selected-item'),\n                nsSelect.e('placeholder'),\n                nsSelect.is(\n                  'transparent',\n                  !hasModelValue || (expanded && !states.inputValue)\n                ),\n              ]\"\n            >\n              <slot\n                v-if=\"hasModelValue\"\n                name=\"label\"\n                :index=\"getOption(modelValue!).index\"\n                :label=\"currentPlaceholder\"\n                :value=\"modelValue\"\n              >\n                <span>{{ currentPlaceholder }}</span>\n              </slot>\n              <span v-else>{{ currentPlaceholder }}</span>\n            </div>\n          </div>\n          <div ref=\"suffixRef\" :class=\"nsSelect.e('suffix')\">\n            <el-icon\n              v-if=\"iconComponent && !showClearBtn\"\n              :class=\"[nsSelect.e('caret'), nsSelect.e('icon'), iconReverse]\"\n            >\n              <component :is=\"iconComponent\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showClearBtn && clearIcon\"\n              :class=\"[\n                nsSelect.e('caret'),\n                nsSelect.e('icon'),\n                nsSelect.e('clear'),\n              ]\"\n              @click=\"handleClearClick\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"validateState && validateIcon && needStatusIcon\"\n              :class=\"[\n                nsInput.e('icon'),\n                nsInput.e('validateIcon'),\n                nsInput.is('loading', validateState === 'validating'),\n              ]\"\n            >\n              <component :is=\"validateIcon\" />\n            </el-icon>\n          </div>\n        </div>\n      </template>\n      <template #content>\n        <el-select-menu ref=\"menuRef\">\n          <div\n            v-if=\"$slots.header\"\n            :class=\"nsSelect.be('dropdown', 'header')\"\n            @click.stop\n          >\n            <slot name=\"header\" />\n          </div>\n          <el-scrollbar\n            v-show=\"states.options.size > 0 && !loading\"\n            :id=\"contentId\"\n            ref=\"scrollbarRef\"\n            tag=\"ul\"\n            :wrap-class=\"nsSelect.be('dropdown', 'wrap')\"\n            :view-class=\"nsSelect.be('dropdown', 'list')\"\n            :class=\"[nsSelect.is('empty', filteredOptionsCount === 0)]\"\n            role=\"listbox\"\n            :aria-label=\"ariaLabel\"\n            aria-orientation=\"vertical\"\n            @scroll=\"popupScroll\"\n          >\n            <el-option\n              v-if=\"showNewOption\"\n              :value=\"states.inputValue\"\n              :created=\"true\"\n            />\n            <el-options>\n              <slot>\n                <template v-for=\"(option, index) in options\" :key=\"index\">\n                  <el-option-group\n                    v-if=\"getOptions(option)?.length\"\n                    :label=\"getLabel(option)\"\n                    :disabled=\"getDisabled(option)\"\n                  >\n                    <el-option\n                      v-for=\"item in getOptions(option)\"\n                      :key=\"getValue(item)\"\n                      v-bind=\"getOptionProps(item)\"\n                    />\n                  </el-option-group>\n                  <el-option v-else v-bind=\"getOptionProps(option)\" />\n                </template>\n              </slot>\n            </el-options>\n          </el-scrollbar>\n          <div\n            v-if=\"$slots.loading && loading\"\n            :class=\"nsSelect.be('dropdown', 'loading')\"\n          >\n            <slot name=\"loading\" />\n          </div>\n          <div\n            v-else-if=\"loading || filteredOptionsCount === 0\"\n            :class=\"nsSelect.be('dropdown', 'empty')\"\n          >\n            <slot name=\"empty\">\n              <span>{{ emptyText }}</span>\n            </slot>\n          </div>\n          <div\n            v-if=\"$slots.footer\"\n            :class=\"nsSelect.be('dropdown', 'footer')\"\n            @click.stop\n          >\n            <slot name=\"footer\" />\n          </div>\n        </el-select-menu>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\n  provide,\n  reactive,\n  toRefs,\n  watch,\n} from 'vue'\nimport { ClickOutside } from '@element-plus/directives'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElTag from '@element-plus/components/tag'\nimport ElIcon from '@element-plus/components/icon'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { flattedChildren, isArray, isObject } from '@element-plus/utils'\nimport { useCalcInputWidth } from '@element-plus/hooks'\nimport { useProps } from '@element-plus/components/select-v2/src/useProps'\nimport ElOption from './option.vue'\nimport ElSelectMenu from './select-dropdown.vue'\nimport { useSelect } from './useSelect'\nimport { selectKey } from './token'\nimport ElOptions from './options'\nimport { selectProps } from './select'\nimport ElOptionGroup from './option-group.vue'\n\nimport type { AppConfig, AppContext, VNode } from 'vue'\nimport type { SelectContext } from './type'\n\nconst COMPONENT_NAME = 'ElSelect'\n\ntype WarnHandler = AppConfig['warnHandler']\n\ninterface WarnHandlerRecord {\n  originalWarnHandler: WarnHandler\n  handler: WarnHandler\n  count: number\n}\n\nconst warnHandlerMap = new WeakMap<AppContext, WarnHandlerRecord>()\n\nconst createSelectWarnHandler = (appContext: AppContext): WarnHandler => {\n  return (...args) => {\n    // Overrides warnings about slots not being executable outside of a render function.\n    // We call slot below just to simulate data when persist is false, this warning message should be ignored\n    const message = args[0]\n    if (\n      !message ||\n      (message.includes(\n        'Slot \"default\" invoked outside of the render function'\n      ) &&\n        args[2]?.includes('ElTreeSelect'))\n    )\n      return\n    const original = warnHandlerMap.get(appContext)?.originalWarnHandler\n    if (original) {\n      original(...args)\n      return\n    }\n    // eslint-disable-next-line no-console\n    console.warn(...args)\n  }\n}\n\nconst getWarnHandlerRecord = (appContext: AppContext): WarnHandlerRecord => {\n  let record = warnHandlerMap.get(appContext)\n  if (!record) {\n    record = {\n      originalWarnHandler: appContext.config.warnHandler,\n      handler: createSelectWarnHandler(appContext),\n      count: 0,\n    }\n    warnHandlerMap.set(appContext, record)\n  }\n  return record\n}\nexport default defineComponent({\n  name: COMPONENT_NAME,\n  componentName: COMPONENT_NAME,\n  components: {\n    ElSelectMenu,\n    ElOption,\n    ElOptions,\n    ElOptionGroup,\n    ElTag,\n    ElScrollbar,\n    ElTooltip,\n    ElIcon,\n  },\n  directives: { ClickOutside },\n  props: selectProps,\n  emits: [\n    UPDATE_MODEL_EVENT,\n    CHANGE_EVENT,\n    'remove-tag',\n    'clear',\n    'visible-change',\n    'focus',\n    'blur',\n    'popup-scroll',\n  ],\n\n  setup(props, { emit, slots }) {\n    const instance = getCurrentInstance()!\n    const warnRecord = getWarnHandlerRecord(instance.appContext)\n    warnRecord.count += 1\n    instance.appContext.config.warnHandler = warnRecord.handler\n    const modelValue = computed(() => {\n      const { modelValue: rawModelValue, multiple } = props\n      const fallback = multiple ? [] : undefined\n      // When it is array, we check if this is multi-select.\n      // Based on the result we get\n      if (isArray(rawModelValue)) {\n        return multiple ? rawModelValue : fallback\n      }\n\n      return multiple ? fallback : rawModelValue\n    })\n\n    const _props = reactive({\n      ...toRefs(props),\n      modelValue,\n    })\n\n    const API = useSelect(_props, emit)\n    const { calculatorRef, inputStyle } = useCalcInputWidth()\n    const { getLabel, getValue, getOptions, getDisabled } = useProps(props)\n\n    const getOptionProps = (option: Record<string, any>) => ({\n      label: getLabel(option),\n      value: getValue(option),\n      disabled: getDisabled(option),\n    })\n\n    const flatTreeSelectData = (data: any[]) => {\n      return data.reduce((acc, item) => {\n        acc.push(item)\n        if (item.children && item.children.length > 0) {\n          acc.push(...flatTreeSelectData(item.children))\n        }\n        return acc\n      }, [])\n    }\n\n    const manuallyRenderSlots = (vnodes: VNode[] | undefined) => {\n      // After option rendering is completed, the useSelect internal state can collect the value of each option.\n      // If the persistent value is false, option will not be rendered by default, so in this case,\n      // manually render and load option data here.\n      const children = flattedChildren(vnodes || []) as VNode[]\n      children.forEach((item) => {\n        if (\n          isObject(item) &&\n          // @ts-expect-error\n          (item.type.name === 'ElOption' || item.type.name === 'ElTree')\n        ) {\n          // @ts-expect-error\n          const _name = item.type.name\n          if (_name === 'ElTree') {\n            // tree-select component is a special case.\n            // So we need to handle it separately.\n            const treeData = item.props?.data || []\n            const flatData = flatTreeSelectData(treeData)\n            flatData.forEach((treeItem: any) => {\n              treeItem.currentLabel =\n                treeItem.label ||\n                (isObject(treeItem.value) ? '' : treeItem.value)\n              API.onOptionCreate(treeItem)\n            })\n          } else if (_name === 'ElOption') {\n            const obj = { ...item.props } as any\n            obj.currentLabel =\n              obj.label || (isObject(obj.value) ? '' : obj.value)\n            API.onOptionCreate(obj)\n          }\n        }\n      })\n    }\n    watch(\n      () => [\n        props.persistent || API.expanded.value || !slots.default\n          ? undefined\n          : slots.default?.(),\n        modelValue.value,\n      ],\n      () => {\n        // When persistent is false and the dropdown is closed, the menu is unmounted.\n        // We should always re-hydrate option data from slots so labels stay in sync\n        // with dynamic option list updates. Skip only when persistent is true or\n        // when the dropdown is currently expanded (mounted options will manage themselves).\n        if (props.persistent || API.expanded.value) {\n          // If persistent is true, we don't need to manually render slots.\n          return\n        }\n        // Reset current options snapshot before re-collecting from slots.\n        API.states.options.clear()\n        manuallyRenderSlots(slots.default?.())\n      },\n      {\n        immediate: true,\n      }\n    )\n\n    provide(\n      selectKey,\n      reactive({\n        props: _props,\n        states: API.states,\n        selectRef: API.selectRef,\n        optionsArray: API.optionsArray,\n        setSelected: API.setSelected,\n        handleOptionSelect: API.handleOptionSelect,\n        onOptionCreate: API.onOptionCreate,\n        onOptionDestroy: API.onOptionDestroy,\n      }) satisfies SelectContext\n    )\n\n    const selectedLabel = computed(() => {\n      if (!props.multiple) {\n        return API.states.selectedLabel\n      }\n      return API.states.selected.map((i) => i.currentLabel as string)\n    })\n\n    onBeforeUnmount(() => {\n      // https://github.com/element-plus/element-plus/issues/21279\n      const record = warnHandlerMap.get(instance.appContext)\n      if (!record) return\n      record.count -= 1\n      if (record.count <= 0) {\n        instance.appContext.config.warnHandler = record.originalWarnHandler\n        warnHandlerMap.delete(instance.appContext)\n      }\n    })\n\n    return {\n      ...API,\n      modelValue,\n      selectedLabel,\n      calculatorRef,\n      inputStyle,\n      getLabel,\n      getValue,\n      getOptions,\n      getDisabled,\n      getOptionProps,\n    }\n  },\n})\n</script>\n"],"names":["ElOption","ElOptionGroup"],"mappings":";;;;;;;;;;;;;;;;;;;AAsXA,MAAM,cAAA,GAAiB,UAAA;AAUvB,MAAM,cAAA,uBAAqB,OAAA,EAAuC;AAElE,MAAM,uBAAA,GAA0B,CAAC,UAAA,KAAwC;AACvE,EAAA,OAAO,IAAI,IAAA,KAAS;;AAGlB,IAAA,MAAM,OAAA,GAAU,KAAK,CAAC,CAAA;AACtB,IAAA,IACE,CAAC,WACA,OAAA,CAAQ,QAAA;AAAA,MACP;AAAA,KACF,KAAA,CACE,EAAA,GAAA,IAAA,CAAK,CAAC,CAAA,KAAN,mBAAS,QAAA,CAAS,cAAA,CAAA,CAAA;AAEpB,MAAA;AACF,IAAA,MAAM,QAAA,GAAA,CAAW,EAAA,GAAA,cAAA,CAAe,GAAA,CAAI,UAAU,MAA7B,IAAA,GAAA,MAAA,GAAA,EAAA,CAAgC,mBAAA;AACjD,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,QAAA,CAAS,GAAG,IAAI,CAAA;AAChB,MAAA;AAAA,IACF;AAEA,IAAA,OAAA,CAAQ,IAAA,CAAK,GAAG,IAAI,CAAA;AAAA,EACtB,CAAA;AACF,CAAA;AAEA,MAAM,oBAAA,GAAuB,CAAC,UAAA,KAA8C;AAC1E,EAAA,IAAI,MAAA,GAAS,cAAA,CAAe,GAAA,CAAI,UAAU,CAAA;AAC1C,EAAA,IAAI,CAAC,MAAA,EAAQ;AACX,IAAA,MAAA,GAAS;AAAA,MACP,mBAAA,EAAqB,WAAW,MAAA,CAAO,WAAA;AAAA,MACvC,OAAA,EAAS,wBAAwB,UAAU,CAAA;AAAA,MAC3C,KAAA,EAAO;AAAA,KACT;AACA,IAAA,cAAA,CAAe,GAAA,CAAI,YAAY,MAAM,CAAA;AAAA,EACvC;AACA,EAAA,OAAO,MAAA;AACT,CAAA;AACA,gBAAe,eAAA,CAAgB;AAAA,EAC7B,IAAA,EAAM,cAAA;AAAA,EACN,aAAA,EAAe,cAAA;AAAA,EACf,UAAA,EAAY;AAAA,IACV,YAAA;AAAA,cACAA,MAAA;AAAA,IACA,SAAA;AAAA,mBACAC,WAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,UAAA,EAAY,EAAE,YAAA,EAAa;AAAA,EAC3B,KAAA,EAAO,WAAA;AAAA,EACP,KAAA,EAAO;AAAA,IACL,kBAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,OAAA;AAAA,IACA,gBAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GACF;AAAA,EAEA,KAAA,CAAM,KAAA,EAAO,EAAE,IAAA,EAAM,OAAM,EAAG;AAC5B,IAAA,MAAM,WAAW,kBAAA,EAAmB;AACpC,IAAA,MAAM,UAAA,GAAa,oBAAA,CAAqB,QAAA,CAAS,UAAU,CAAA;AAC3D,IAAA,UAAA,CAAW,KAAA,IAAS,CAAA;AACpB,IAAA,QAAA,CAAS,UAAA,CAAW,MAAA,CAAO,WAAA,GAAc,UAAA,CAAW,OAAA;AACpD,IAAA,MAAM,UAAA,GAAa,SAAS,MAAM;AAChC,MAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAe,QAAA,EAAS,GAAI,KAAA;AAChD,MAAA,MAAM,QAAA,GAAW,QAAA,GAAW,EAAC,GAAI,MAAA;AAGjC,MAAA,IAAI,OAAA,CAAQ,aAAa,CAAA,EAAG;AAC1B,QAAA,OAAO,WAAW,aAAA,GAAgB,QAAA;AAAA,MACpC;AAEA,MAAA,OAAO,WAAW,QAAA,GAAW,aAAA;AAAA,IAC/B,CAAC,CAAA;AAED,IAAA,MAAM,SAAS,QAAA,CAAS;AAAA,MACtB,GAAG,OAAO,KAAK,CAAA;AAAA,MACf;AAAA,KACD,CAAA;AAED,IAAA,MAAM,GAAA,GAAM,SAAA,CAAU,MAAA,EAAQ,IAAI,CAAA;AAClC,IAAA,MAAM,EAAE,aAAA,EAAe,UAAA,EAAW,GAAI,iBAAA,EAAkB;AACxD,IAAA,MAAM,EAAE,QAAA,EAAU,QAAA,EAAU,YAAY,WAAA,EAAY,GAAI,SAAS,KAAK,CAAA;AAEtE,IAAA,MAAM,cAAA,GAAiB,CAAC,MAAA,MAAiC;AAAA,MACvD,KAAA,EAAO,SAAS,MAAM,CAAA;AAAA,MACtB,KAAA,EAAO,SAAS,MAAM,CAAA;AAAA,MACtB,QAAA,EAAU,YAAY,MAAM;AAAA,KAC9B,CAAA;AAEA,IAAA,MAAM,kBAAA,GAAqB,CAAC,IAAA,KAAgB;AAC1C,MAAA,OAAO,IAAA,CAAK,MAAA,CAAO,CAAC,GAAA,EAAK,IAAA,KAAS;AAChC,QAAA,GAAA,CAAI,KAAK,IAAI,CAAA;AACb,QAAA,IAAI,IAAA,CAAK,QAAA,IAAY,IAAA,CAAK,QAAA,CAAS,SAAS,CAAA,EAAG;AAC7C,UAAA,GAAA,CAAI,IAAA,CAAK,GAAG,kBAAA,CAAmB,IAAA,CAAK,QAAQ,CAAC,CAAA;AAAA,QAC/C;AACA,QAAA,OAAO,GAAA;AAAA,MACT,CAAA,EAAG,EAAE,CAAA;AAAA,IACP,CAAA;AAEA,IAAA,MAAM,mBAAA,GAAsB,CAAC,MAAA,KAAgC;AAI3D,MAAA,MAAM,QAAA,GAAW,eAAA,CAAgB,MAAA,IAAU,EAAE,CAAA;AAC7C,MAAA,QAAA,CAAS,OAAA,CAAQ,CAAC,IAAA,KAAS;;AACzB,QAAA,IACE,SAAS,IAAI,CAAA;AAAA,SAEZ,KAAK,IAAA,CAAK,IAAA,KAAS,cAAc,IAAA,CAAK,IAAA,CAAK,SAAS,QAAA,CAAA,EACrD;AAEA,UAAA,MAAM,KAAA,GAAQ,KAAK,IAAA,CAAK,IAAA;AACxB,UAAA,IAAI,UAAU,QAAA,EAAU;AAGtB,YAAA,MAAM,QAAA,GAAA,CAAA,CAAW,EAAA,GAAA,IAAA,CAAK,KAAA,KAAL,IAAA,GAAA,MAAA,GAAA,EAAA,CAAY,SAAQ,EAAC;AACtC,YAAA,MAAM,QAAA,GAAW,mBAAmB,QAAQ,CAAA;AAC5C,YAAA,QAAA,CAAS,OAAA,CAAQ,CAAC,QAAA,KAAkB;AAClC,cAAA,QAAA,CAAS,YAAA,GACP,SAAS,KAAA,KACR,QAAA,CAAS,SAAS,KAAK,CAAA,GAAI,KAAK,QAAA,CAAS,KAAA,CAAA;AAC5C,cAAA,GAAA,CAAI,eAAe,QAAQ,CAAA;AAAA,YAC7B,CAAC,CAAA;AAAA,UACH,CAAA,MAAA,IAAW,UAAU,UAAA,EAAY;AAC/B,YAAA,MAAM,GAAA,GAAM,EAAE,GAAG,IAAA,CAAK,KAAA,EAAM;AAC5B,YAAA,GAAA,CAAI,YAAA,GACF,IAAI,KAAA,KAAU,QAAA,CAAS,IAAI,KAAK,CAAA,GAAI,KAAK,GAAA,CAAI,KAAA,CAAA;AAC/C,YAAA,GAAA,CAAI,eAAe,GAAG,CAAA;AAAA,UACxB;AAAA,QACF;AAAA,MACF,CAAC,CAAA;AAAA,IACH,CAAA;AACA,IAAA,KAAA;AAAA,MACE,MAAG;;AAAG,QAAA,OAAA;AAAA,UACJ,KAAA,CAAM,UAAA,IAAc,GAAA,CAAI,QAAA,CAAS,KAAA,IAAS,CAAC,KAAA,CAAM,OAAA,GAC7C,MAAA,GAAA,CACA,EAAA,GAAA,KAAA,CAAM,OAAA,KAAN,IAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA;AAAA,UACJ,UAAA,CAAW;AAAA,SACb;AAAA,MAAA,CAAA;AAAA,MACA,MAAM;;AAKJ,QAAA,IAAI,KAAA,CAAM,UAAA,IAAc,GAAA,CAAI,QAAA,CAAS,KAAA,EAAO;AAE1C,UAAA;AAAA,QACF;AAEA,QAAA,GAAA,CAAI,MAAA,CAAO,QAAQ,KAAA,EAAM;AACzB,QAAA,mBAAA,CAAA,CAAoB,EAAA,GAAA,KAAA,CAAM,YAAN,IAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAiB,CAAA;AAAA,MACvC,CAAA;AAAA,MACA;AAAA,QACE,SAAA,EAAW;AAAA;AACb,KACF;AAEA,IAAA,OAAA;AAAA,MACE,SAAA;AAAA,MACA,QAAA,CAAS;AAAA,QACP,KAAA,EAAO,MAAA;AAAA,QACP,QAAQ,GAAA,CAAI,MAAA;AAAA,QACZ,WAAW,GAAA,CAAI,SAAA;AAAA,QACf,cAAc,GAAA,CAAI,YAAA;AAAA,QAClB,aAAa,GAAA,CAAI,WAAA;AAAA,QACjB,oBAAoB,GAAA,CAAI,kBAAA;AAAA,QACxB,gBAAgB,GAAA,CAAI,cAAA;AAAA,QACpB,iBAAiB,GAAA,CAAI;AAAA,OACtB;AAAA,KACH;AAEA,IAAA,MAAM,aAAA,GAAgB,SAAS,MAAM;AACnC,MAAA,IAAI,CAAC,MAAM,QAAA,EAAU;AACnB,QAAA,OAAO,IAAI,MAAA,CAAO,aAAA;AAAA,MACpB;AACA,MAAA,OAAO,IAAI,MAAA,CAAO,QAAA,CAAS,IAAI,CAAC,CAAA,KAAM,EAAE,YAAsB,CAAA;AAAA,IAChE,CAAC,CAAA;AAED,IAAA,eAAA,CAAgB,MAAM;AAEpB,MAAA,MAAM,MAAA,GAAS,cAAA,CAAe,GAAA,CAAI,QAAA,CAAS,UAAU,CAAA;AACrD,MAAA,IAAI,CAAC,MAAA,EAAQ;AACb,MAAA,MAAA,CAAO,KAAA,IAAS,CAAA;AAChB,MAAA,IAAI,MAAA,CAAO,SAAS,CAAA,EAAG;AACrB,QAAA,QAAA,CAAS,UAAA,CAAW,MAAA,CAAO,WAAA,GAAc,MAAA,CAAO,mBAAA;AAChD,QAAA,cAAA,CAAe,MAAA,CAAO,SAAS,UAAU,CAAA;AAAA,MAC3C;AAAA,IACF,CAAC,CAAA;AAED,IAAA,OAAO;AAAA,MACL,GAAG,GAAA;AAAA,MACH,UAAA;AAAA,MACA,aAAA;AAAA,MACA,aAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA,KACF;AAAA,EACF;AACF,CAAC,CAAA;;;;"}

package/es/components/tree/src/tree-node.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tree-node.vue.mjs","sources":["../../../../../../packages/components/tree/src/tree-node.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"node.visible\"\n    ref=\"node$\"\n    :class=\"[\n      ns.b('node'),\n      ns.is('expanded', expanded),\n      ns.is('current', node.isCurrent),\n      ns.is('hidden', !node.visible),\n      ns.is('focusable', !node.disabled),\n      ns.is('checked', !node.disabled && node.checked),\n      getNodeClass(node),\n    ]\"\n    role=\"treeitem\"\n    tabindex=\"-1\"\n    :aria-expanded=\"expanded\"\n    :aria-disabled=\"node.disabled\"\n    :aria-checked=\"node.checked\"\n    :draggable=\"tree.props.draggable\"\n    :data-key=\"getNodeKey(node)\"\n    @click.stop=\"handleClick\"\n    @contextmenu=\"handleContextMenu\"\n    @dragstart.stop=\"handleDragStart\"\n    @dragover.stop=\"handleDragOver\"\n    @dragend.stop=\"handleDragEnd\"\n    @drop.stop=\"handleDrop\"\n  >\n    <div\n      :class=\"ns.be('node', 'content')\"\n      :style=\"{ paddingLeft: (node.level - 1) * tree.props.indent + 'px' }\"\n    >\n      <el-icon\n        v-if=\"tree.props.icon || CaretRight\"\n        :class=\"[\n          ns.be('node', 'expand-icon'),\n          ns.is('leaf', node.isLeaf),\n          {\n            expanded: !node.isLeaf && expanded,\n          },\n        ]\"\n        @click.stop=\"handleExpandIconClick\"\n      >\n        <component :is=\"tree.props.icon || CaretRight\" />\n      </el-icon>\n      <el-checkbox\n        v-if=\"showCheckbox\"\n        :model-value=\"node.checked\"\n        :indeterminate=\"node.indeterminate\"\n        :disabled=\"!!node.disabled\"\n        @click.stop\n        @change=\"handleCheckChange\"\n      />\n      <el-icon\n        v-if=\"node.loading\"\n        :class=\"[ns.be('node', 'loading-icon'), ns.is('loading')]\"\n      >\n        <loading />\n      </el-icon>\n      <node-content :node=\"node\" :render-content=\"renderContent\" />\n    </div>\n    <el-collapse-transition>\n      <div\n        v-if=\"!renderAfterExpand || childNodeRendered\"\n        v-show=\"expanded\"\n        :class=\"ns.be('node', 'children')\"\n        role=\"group\"\n        :aria-expanded=\"expanded\"\n        @click.stop\n      >\n        <el-tree-node\n          v-for=\"child in node.childNodes\"\n          :key=\"getNodeKey(child)\"\n          :render-content=\"renderContent\"\n          :render-after-expand=\"renderAfterExpand\"\n          :show-checkbox=\"showCheckbox\"\n          :node=\"child\"\n          :accordion=\"accordion\"\n          :props=\"props\"\n          @node-expand=\"handleChildNodeExpand\"\n        />\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  nextTick,\n  provide,\n  ref,\n  watch,\n} from 'vue'\nimport { debugWarn, isFunction, isString } from '@element-plus/utils'\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CaretRight, Loading } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport NodeContent from './tree-node-content.vue'\nimport { getNodeKey as getNodeKeyUtil, handleCurrentChange } from './model/util'\nimport { useNodeExpandEventBroadcast } from './model/useNodeExpandEventBroadcast'\nimport { dragEventsKey } from './model/useDragNode'\nimport Node from './model/node'\nimport { NODE_INSTANCE_INJECTION_KEY, ROOT_TREE_INJECTION_KEY } from './tokens'\n\nimport type { ComponentInternalInstance, PropType } from 'vue'\nimport type { RootTreeType, TreeNodeData, TreeOptionProps } from './tree.type'\nimport type { CheckboxValueType } from '@element-plus/components/checkbox'\n\nexport default defineComponent({\n  name: 'ElTreeNode',\n  components: {\n    ElCollapseTransition,\n    ElCheckbox,\n    NodeContent,\n    ElIcon,\n    Loading,\n  },\n  props: {\n    node: {\n      type: Node,\n      default: () => ({}),\n    },\n    props: {\n      type: Object as PropType<TreeOptionProps>,\n      default: () => ({}),\n    },\n    accordion: Boolean,\n    renderContent: Function,\n    renderAfterExpand: Boolean,\n    showCheckbox: Boolean,\n  },\n  emits: ['node-expand'],\n  setup(props, ctx) {\n    const ns = useNamespace('tree')\n    const { broadcastExpanded } = useNodeExpandEventBroadcast(props)\n    const tree = inject<RootTreeType>(ROOT_TREE_INJECTION_KEY)!\n    const expanded = ref(false)\n    const childNodeRendered = ref(false)\n    const oldChecked = ref<boolean>()\n    const oldIndeterminate = ref<boolean>()\n    const node$ = ref<HTMLElement>()\n    const dragEvents = inject(dragEventsKey)!\n    const instance = getCurrentInstance()\n\n    provide(NODE_INSTANCE_INJECTION_KEY, instance)\n    if (!tree) {\n      debugWarn('Tree', \"Can not find node's tree.\")\n    }\n\n    if (props.node.expanded) {\n      expanded.value = true\n      childNodeRendered.value = true\n    }\n\n    const childrenKey = tree.props.props['children'] || 'children'\n    watch(\n      () => {\n        const children = props.node.data?.[childrenKey]\n        return children && [...children]\n      },\n      () => {\n        props.node.updateChildren()\n      }\n    )\n\n    watch(\n      () => props.node.indeterminate,\n      (val) => {\n        handleSelectChange(props.node.checked, val)\n      }\n    )\n\n    watch(\n      () => props.node.checked,\n      (val) => {\n        handleSelectChange(val, props.node.indeterminate)\n      }\n    )\n\n    watch(\n      () => props.node.childNodes.length,\n      () => props.node.reInitChecked()\n    )\n\n    watch(\n      () => props.node.expanded,\n      (val) => {\n        nextTick(() => (expanded.value = val))\n        if (val) {\n          childNodeRendered.value = true\n        }\n      }\n    )\n\n    const getNodeKey = (node: Node): any => {\n      return getNodeKeyUtil(tree.props.nodeKey, node.data)\n    }\n\n    const getNodeClass = (node: Node) => {\n      const nodeClassFunc = props.props.class\n      if (!nodeClassFunc) {\n        return {}\n      }\n      let className\n      if (isFunction(nodeClassFunc)) {\n        const { data } = node\n        className = nodeClassFunc(data, node)\n      } else {\n        className = nodeClassFunc\n      }\n\n      if (isString(className)) {\n        return { [className]: true }\n      } else {\n        return className\n      }\n    }\n\n    const handleSelectChange = (checked: boolean, indeterminate: boolean) => {\n      if (\n        oldChecked.value !== checked ||\n        oldIndeterminate.value !== indeterminate\n      ) {\n        tree.ctx.emit('check-change', props.node.data, checked, indeterminate)\n      }\n      oldChecked.value = checked\n      oldIndeterminate.value = indeterminate\n    }\n\n    const handleClick = (e: MouseEvent) => {\n      handleCurrentChange(tree.store, tree.ctx.emit, () => {\n        const nodeKeyProp = tree?.props?.nodeKey\n        if (nodeKeyProp) {\n          const curNodeKey = getNodeKey(props.node)\n          tree.store.value.setCurrentNodeKey(curNodeKey)\n        } else {\n          tree.store.value.setCurrentNode(props.node)\n        }\n      })\n      tree.currentNode.value = props.node\n\n      if (tree.props.expandOnClickNode) {\n        handleExpandIconClick()\n      }\n\n      if (\n        (tree.props.checkOnClickNode ||\n          (props.node.isLeaf &&\n            tree.props.checkOnClickLeaf &&\n            props.showCheckbox)) &&\n        !props.node.disabled\n      ) {\n        handleCheckChange(!props.node.checked)\n      }\n      tree.ctx.emit('node-click', props.node.data, props.node, instance, e)\n    }\n\n    const handleContextMenu = (event: Event) => {\n      if (tree.instance.vnode.props?.['onNodeContextmenu']) {\n        event.stopPropagation()\n        event.preventDefault()\n      }\n      tree.ctx.emit(\n        'node-contextmenu',\n        event,\n        props.node.data,\n        props.node,\n        instance\n      )\n    }\n\n    const handleExpandIconClick = () => {\n      if (props.node.isLeaf) return\n      if (expanded.value) {\n        tree.ctx.emit('node-collapse', props.node.data, props.node, instance)\n        props.node.collapse()\n      } else {\n        props.node.expand(() => {\n          ctx.emit('node-expand', props.node.data, props.node, instance)\n        })\n      }\n    }\n\n    const handleCheckChange = (value: CheckboxValueType) => {\n      const checkStrictly = tree?.props.checkStrictly\n      const childNodes = props.node.childNodes\n      if (!checkStrictly && childNodes.length) {\n        value = childNodes.some((node) => !node.isEffectivelyChecked)\n      }\n      props.node.setChecked(value as boolean, !checkStrictly)\n      nextTick(() => {\n        const store = tree.store.value\n        tree.ctx.emit('check', props.node.data, {\n          checkedNodes: store.getCheckedNodes(),\n          checkedKeys: store.getCheckedKeys(),\n          halfCheckedNodes: store.getHalfCheckedNodes(),\n          halfCheckedKeys: store.getHalfCheckedKeys(),\n        })\n      })\n    }\n\n    const handleChildNodeExpand = (\n      nodeData: TreeNodeData,\n      node: Node,\n      instance: ComponentInternalInstance\n    ) => {\n      broadcastExpanded(node)\n      tree.ctx.emit('node-expand', nodeData, node, instance)\n    }\n\n    const handleDragStart = (event: DragEvent) => {\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragStart({ event, treeNode: props })\n    }\n\n    const handleDragOver = (event: DragEvent) => {\n      event.preventDefault()\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragOver({\n        event,\n        treeNode: { $el: node$.value, node: props.node },\n      })\n    }\n\n    const handleDrop = (event: DragEvent) => {\n      event.preventDefault()\n    }\n\n    const handleDragEnd = (event: DragEvent) => {\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragEnd(event)\n    }\n\n    return {\n      ns,\n      node$,\n      tree,\n      expanded,\n      childNodeRendered,\n      oldChecked,\n      oldIndeterminate,\n      getNodeKey,\n      getNodeClass,\n      handleSelectChange,\n      handleClick,\n      handleContextMenu,\n      handleExpandIconClick,\n      handleCheckChange,\n      handleChildNodeExpand,\n      handleDragStart,\n      handleDragOver,\n      handleDrop,\n      handleDragEnd,\n      CaretRight,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle","_openBlock","_createBlock","_withModifiers","_resolveDynamicComponent","_createCommentVNode","_createVNode","_withCtx","_Fragment","_renderList","_vShow"],"mappings":"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"}
+{"version":3,"file":"tree-node.vue.mjs","sources":["../../../../../../packages/components/tree/src/tree-node.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"node.visible\"\n    ref=\"node$\"\n    :class=\"[\n      ns.b('node'),\n      ns.is('expanded', expanded),\n      ns.is('current', node.isCurrent),\n      ns.is('hidden', !node.visible),\n      ns.is('focusable', !node.disabled),\n      ns.is('checked', !node.disabled && node.checked),\n      getNodeClass(node),\n    ]\"\n    role=\"treeitem\"\n    tabindex=\"-1\"\n    :aria-expanded=\"expanded\"\n    :aria-disabled=\"node.disabled\"\n    :aria-checked=\"node.checked\"\n    :draggable=\"tree.props.draggable\"\n    :data-key=\"getNodeKey(node)\"\n    @click.stop=\"handleClick\"\n    @contextmenu=\"handleContextMenu\"\n    @dragstart.stop=\"handleDragStart\"\n    @dragover.stop=\"handleDragOver\"\n    @dragend.stop=\"handleDragEnd\"\n    @drop.stop=\"handleDrop\"\n  >\n    <div\n      :class=\"ns.be('node', 'content')\"\n      :style=\"{ paddingLeft: (node.level - 1) * tree.props.indent + 'px' }\"\n    >\n      <el-icon\n        v-if=\"tree.props.icon || CaretRight\"\n        :class=\"[\n          ns.be('node', 'expand-icon'),\n          ns.is('leaf', node.isLeaf),\n          {\n            expanded: !node.isLeaf && expanded,\n          },\n        ]\"\n        @click.stop=\"handleExpandIconClick\"\n      >\n        <component :is=\"tree.props.icon || CaretRight\" />\n      </el-icon>\n      <el-checkbox\n        v-if=\"showCheckbox\"\n        :model-value=\"node.checked\"\n        :indeterminate=\"node.indeterminate\"\n        :disabled=\"!!node.disabled\"\n        @click.stop\n        @change=\"handleCheckChange\"\n      />\n      <el-icon\n        v-if=\"node.loading\"\n        :class=\"[ns.be('node', 'loading-icon'), ns.is('loading')]\"\n      >\n        <loading />\n      </el-icon>\n      <node-content :node=\"node\" :render-content=\"renderContent\" />\n    </div>\n    <el-collapse-transition>\n      <div\n        v-if=\"!renderAfterExpand || childNodeRendered\"\n        v-show=\"expanded\"\n        :class=\"ns.be('node', 'children')\"\n        role=\"group\"\n        :aria-expanded=\"expanded\"\n        @click.stop\n      >\n        <el-tree-node\n          v-for=\"child in node.childNodes\"\n          :key=\"getNodeKey(child)\"\n          :render-content=\"renderContent\"\n          :render-after-expand=\"renderAfterExpand\"\n          :show-checkbox=\"showCheckbox\"\n          :node=\"child\"\n          :accordion=\"accordion\"\n          :props=\"props\"\n          @node-expand=\"handleChildNodeExpand\"\n        />\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  nextTick,\n  provide,\n  ref,\n  watch,\n} from 'vue'\nimport { debugWarn, isFunction, isString } from '@element-plus/utils'\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CaretRight, Loading } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport NodeContent from './tree-node-content.vue'\nimport { getNodeKey as getNodeKeyUtil, handleCurrentChange } from './model/util'\nimport { useNodeExpandEventBroadcast } from './model/useNodeExpandEventBroadcast'\nimport { dragEventsKey } from './model/useDragNode'\nimport Node from './model/node'\nimport { NODE_INSTANCE_INJECTION_KEY, ROOT_TREE_INJECTION_KEY } from './tokens'\n\nimport type { ComponentInternalInstance, PropType } from 'vue'\nimport type { RootTreeType, TreeNodeData, TreeOptionProps } from './tree.type'\nimport type { CheckboxValueType } from '@element-plus/components/checkbox'\n\nexport default defineComponent({\n  name: 'ElTreeNode',\n  components: {\n    ElCollapseTransition,\n    ElCheckbox,\n    NodeContent,\n    ElIcon,\n    Loading,\n  },\n  props: {\n    node: {\n      type: Node,\n      default: () => ({}),\n    },\n    props: {\n      type: Object as PropType<TreeOptionProps>,\n      default: () => ({}),\n    },\n    accordion: Boolean,\n    renderContent: Function,\n    renderAfterExpand: Boolean,\n    showCheckbox: Boolean,\n  },\n  emits: ['node-expand'],\n  setup(props, ctx) {\n    const ns = useNamespace('tree')\n    const { broadcastExpanded } = useNodeExpandEventBroadcast(props)\n    const tree = inject<RootTreeType>(ROOT_TREE_INJECTION_KEY)!\n    const expanded = ref(false)\n    const childNodeRendered = ref(false)\n    const oldChecked = ref<boolean>()\n    const oldIndeterminate = ref<boolean>()\n    const node$ = ref<HTMLElement>()\n    const dragEvents = inject(dragEventsKey)!\n    const instance = getCurrentInstance()\n\n    provide(NODE_INSTANCE_INJECTION_KEY, instance)\n    if (!tree) {\n      debugWarn('Tree', \"Can not find node's tree.\")\n    }\n\n    if (props.node.expanded) {\n      expanded.value = true\n      childNodeRendered.value = true\n    }\n\n    const childrenKey = tree.props.props['children'] || 'children'\n    watch(\n      () => {\n        const children = props.node.data?.[childrenKey]\n        return children && [...children]\n      },\n      () => {\n        props.node.updateChildren()\n      }\n    )\n\n    watch(\n      () => props.node.indeterminate,\n      (val) => {\n        handleSelectChange(props.node.checked, val)\n      }\n    )\n\n    watch(\n      () => props.node.checked,\n      (val) => {\n        handleSelectChange(val, props.node.indeterminate)\n      }\n    )\n\n    watch(\n      () => props.node.childNodes.length,\n      () => props.node.reInitChecked()\n    )\n\n    watch(\n      () => props.node.expanded,\n      (val) => {\n        nextTick(() => (expanded.value = val))\n        if (val) {\n          childNodeRendered.value = true\n        }\n      }\n    )\n\n    const getNodeKey = (node: Node): any => {\n      return tree.props.nodeKey\n        ? getNodeKeyUtil(tree.props.nodeKey, node.data)\n        : node.id\n    }\n\n    const getNodeClass = (node: Node) => {\n      const nodeClassFunc = props.props.class\n      if (!nodeClassFunc) {\n        return {}\n      }\n      let className\n      if (isFunction(nodeClassFunc)) {\n        const { data } = node\n        className = nodeClassFunc(data, node)\n      } else {\n        className = nodeClassFunc\n      }\n\n      if (isString(className)) {\n        return { [className]: true }\n      } else {\n        return className\n      }\n    }\n\n    const handleSelectChange = (checked: boolean, indeterminate: boolean) => {\n      if (\n        oldChecked.value !== checked ||\n        oldIndeterminate.value !== indeterminate\n      ) {\n        tree.ctx.emit('check-change', props.node.data, checked, indeterminate)\n      }\n      oldChecked.value = checked\n      oldIndeterminate.value = indeterminate\n    }\n\n    const handleClick = (e: MouseEvent) => {\n      handleCurrentChange(tree.store, tree.ctx.emit, () => {\n        const nodeKeyProp = tree?.props?.nodeKey\n        if (nodeKeyProp) {\n          const curNodeKey = getNodeKey(props.node)\n          tree.store.value.setCurrentNodeKey(curNodeKey)\n        } else {\n          tree.store.value.setCurrentNode(props.node)\n        }\n      })\n      tree.currentNode.value = props.node\n\n      if (tree.props.expandOnClickNode) {\n        handleExpandIconClick()\n      }\n\n      if (\n        (tree.props.checkOnClickNode ||\n          (props.node.isLeaf &&\n            tree.props.checkOnClickLeaf &&\n            props.showCheckbox)) &&\n        !props.node.disabled\n      ) {\n        handleCheckChange(!props.node.checked)\n      }\n      tree.ctx.emit('node-click', props.node.data, props.node, instance, e)\n    }\n\n    const handleContextMenu = (event: Event) => {\n      if (tree.instance.vnode.props?.['onNodeContextmenu']) {\n        event.stopPropagation()\n        event.preventDefault()\n      }\n      tree.ctx.emit(\n        'node-contextmenu',\n        event,\n        props.node.data,\n        props.node,\n        instance\n      )\n    }\n\n    const handleExpandIconClick = () => {\n      if (props.node.isLeaf) return\n      if (expanded.value) {\n        tree.ctx.emit('node-collapse', props.node.data, props.node, instance)\n        props.node.collapse()\n      } else {\n        props.node.expand(() => {\n          ctx.emit('node-expand', props.node.data, props.node, instance)\n        })\n      }\n    }\n\n    const handleCheckChange = (value: CheckboxValueType) => {\n      const checkStrictly = tree?.props.checkStrictly\n      const childNodes = props.node.childNodes\n      if (!checkStrictly && childNodes.length) {\n        value = childNodes.some((node) => !node.isEffectivelyChecked)\n      }\n      props.node.setChecked(value as boolean, !checkStrictly)\n      nextTick(() => {\n        const store = tree.store.value\n        tree.ctx.emit('check', props.node.data, {\n          checkedNodes: store.getCheckedNodes(),\n          checkedKeys: store.getCheckedKeys(),\n          halfCheckedNodes: store.getHalfCheckedNodes(),\n          halfCheckedKeys: store.getHalfCheckedKeys(),\n        })\n      })\n    }\n\n    const handleChildNodeExpand = (\n      nodeData: TreeNodeData,\n      node: Node,\n      instance: ComponentInternalInstance\n    ) => {\n      broadcastExpanded(node)\n      tree.ctx.emit('node-expand', nodeData, node, instance)\n    }\n\n    const handleDragStart = (event: DragEvent) => {\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragStart({ event, treeNode: props })\n    }\n\n    const handleDragOver = (event: DragEvent) => {\n      event.preventDefault()\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragOver({\n        event,\n        treeNode: { $el: node$.value, node: props.node },\n      })\n    }\n\n    const handleDrop = (event: DragEvent) => {\n      event.preventDefault()\n    }\n\n    const handleDragEnd = (event: DragEvent) => {\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragEnd(event)\n    }\n\n    return {\n      ns,\n      node$,\n      tree,\n      expanded,\n      childNodeRendered,\n      oldChecked,\n      oldIndeterminate,\n      getNodeKey,\n      getNodeClass,\n      handleSelectChange,\n      handleClick,\n      handleContextMenu,\n      handleExpandIconClick,\n      handleCheckChange,\n      handleChildNodeExpand,\n      handleDragStart,\n      handleDragOver,\n      handleDrop,\n      handleDragEnd,\n      CaretRight,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle","_openBlock","_createBlock","_withModifiers","_resolveDynamicComponent","_createCommentVNode","_createVNode","_withCtx","_Fragment","_renderList","_vShow"],"mappings":"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"}

package/es/components/tree/src/tree-node.vue2.mjs

@@ -93,7 +93,7 @@ var _sfc_main = defineComponent({
       }
     );
     const getNodeKey$1 = (node) => {
-      return getNodeKey(tree.props.nodeKey, node.data);
+      return tree.props.nodeKey ? getNodeKey(tree.props.nodeKey, node.data) : node.id;
     };
     const getNodeClass = (node) => {
       const nodeClassFunc = props.props.class;

package/es/components/tree/src/tree-node.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tree-node.vue2.mjs","sources":["../../../../../../packages/components/tree/src/tree-node.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"node.visible\"\n    ref=\"node$\"\n    :class=\"[\n      ns.b('node'),\n      ns.is('expanded', expanded),\n      ns.is('current', node.isCurrent),\n      ns.is('hidden', !node.visible),\n      ns.is('focusable', !node.disabled),\n      ns.is('checked', !node.disabled && node.checked),\n      getNodeClass(node),\n    ]\"\n    role=\"treeitem\"\n    tabindex=\"-1\"\n    :aria-expanded=\"expanded\"\n    :aria-disabled=\"node.disabled\"\n    :aria-checked=\"node.checked\"\n    :draggable=\"tree.props.draggable\"\n    :data-key=\"getNodeKey(node)\"\n    @click.stop=\"handleClick\"\n    @contextmenu=\"handleContextMenu\"\n    @dragstart.stop=\"handleDragStart\"\n    @dragover.stop=\"handleDragOver\"\n    @dragend.stop=\"handleDragEnd\"\n    @drop.stop=\"handleDrop\"\n  >\n    <div\n      :class=\"ns.be('node', 'content')\"\n      :style=\"{ paddingLeft: (node.level - 1) * tree.props.indent + 'px' }\"\n    >\n      <el-icon\n        v-if=\"tree.props.icon || CaretRight\"\n        :class=\"[\n          ns.be('node', 'expand-icon'),\n          ns.is('leaf', node.isLeaf),\n          {\n            expanded: !node.isLeaf && expanded,\n          },\n        ]\"\n        @click.stop=\"handleExpandIconClick\"\n      >\n        <component :is=\"tree.props.icon || CaretRight\" />\n      </el-icon>\n      <el-checkbox\n        v-if=\"showCheckbox\"\n        :model-value=\"node.checked\"\n        :indeterminate=\"node.indeterminate\"\n        :disabled=\"!!node.disabled\"\n        @click.stop\n        @change=\"handleCheckChange\"\n      />\n      <el-icon\n        v-if=\"node.loading\"\n        :class=\"[ns.be('node', 'loading-icon'), ns.is('loading')]\"\n      >\n        <loading />\n      </el-icon>\n      <node-content :node=\"node\" :render-content=\"renderContent\" />\n    </div>\n    <el-collapse-transition>\n      <div\n        v-if=\"!renderAfterExpand || childNodeRendered\"\n        v-show=\"expanded\"\n        :class=\"ns.be('node', 'children')\"\n        role=\"group\"\n        :aria-expanded=\"expanded\"\n        @click.stop\n      >\n        <el-tree-node\n          v-for=\"child in node.childNodes\"\n          :key=\"getNodeKey(child)\"\n          :render-content=\"renderContent\"\n          :render-after-expand=\"renderAfterExpand\"\n          :show-checkbox=\"showCheckbox\"\n          :node=\"child\"\n          :accordion=\"accordion\"\n          :props=\"props\"\n          @node-expand=\"handleChildNodeExpand\"\n        />\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  nextTick,\n  provide,\n  ref,\n  watch,\n} from 'vue'\nimport { debugWarn, isFunction, isString } from '@element-plus/utils'\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CaretRight, Loading } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport NodeContent from './tree-node-content.vue'\nimport { getNodeKey as getNodeKeyUtil, handleCurrentChange } from './model/util'\nimport { useNodeExpandEventBroadcast } from './model/useNodeExpandEventBroadcast'\nimport { dragEventsKey } from './model/useDragNode'\nimport Node from './model/node'\nimport { NODE_INSTANCE_INJECTION_KEY, ROOT_TREE_INJECTION_KEY } from './tokens'\n\nimport type { ComponentInternalInstance, PropType } from 'vue'\nimport type { RootTreeType, TreeNodeData, TreeOptionProps } from './tree.type'\nimport type { CheckboxValueType } from '@element-plus/components/checkbox'\n\nexport default defineComponent({\n  name: 'ElTreeNode',\n  components: {\n    ElCollapseTransition,\n    ElCheckbox,\n    NodeContent,\n    ElIcon,\n    Loading,\n  },\n  props: {\n    node: {\n      type: Node,\n      default: () => ({}),\n    },\n    props: {\n      type: Object as PropType<TreeOptionProps>,\n      default: () => ({}),\n    },\n    accordion: Boolean,\n    renderContent: Function,\n    renderAfterExpand: Boolean,\n    showCheckbox: Boolean,\n  },\n  emits: ['node-expand'],\n  setup(props, ctx) {\n    const ns = useNamespace('tree')\n    const { broadcastExpanded } = useNodeExpandEventBroadcast(props)\n    const tree = inject<RootTreeType>(ROOT_TREE_INJECTION_KEY)!\n    const expanded = ref(false)\n    const childNodeRendered = ref(false)\n    const oldChecked = ref<boolean>()\n    const oldIndeterminate = ref<boolean>()\n    const node$ = ref<HTMLElement>()\n    const dragEvents = inject(dragEventsKey)!\n    const instance = getCurrentInstance()\n\n    provide(NODE_INSTANCE_INJECTION_KEY, instance)\n    if (!tree) {\n      debugWarn('Tree', \"Can not find node's tree.\")\n    }\n\n    if (props.node.expanded) {\n      expanded.value = true\n      childNodeRendered.value = true\n    }\n\n    const childrenKey = tree.props.props['children'] || 'children'\n    watch(\n      () => {\n        const children = props.node.data?.[childrenKey]\n        return children && [...children]\n      },\n      () => {\n        props.node.updateChildren()\n      }\n    )\n\n    watch(\n      () => props.node.indeterminate,\n      (val) => {\n        handleSelectChange(props.node.checked, val)\n      }\n    )\n\n    watch(\n      () => props.node.checked,\n      (val) => {\n        handleSelectChange(val, props.node.indeterminate)\n      }\n    )\n\n    watch(\n      () => props.node.childNodes.length,\n      () => props.node.reInitChecked()\n    )\n\n    watch(\n      () => props.node.expanded,\n      (val) => {\n        nextTick(() => (expanded.value = val))\n        if (val) {\n          childNodeRendered.value = true\n        }\n      }\n    )\n\n    const getNodeKey = (node: Node): any => {\n      return getNodeKeyUtil(tree.props.nodeKey, node.data)\n    }\n\n    const getNodeClass = (node: Node) => {\n      const nodeClassFunc = props.props.class\n      if (!nodeClassFunc) {\n        return {}\n      }\n      let className\n      if (isFunction(nodeClassFunc)) {\n        const { data } = node\n        className = nodeClassFunc(data, node)\n      } else {\n        className = nodeClassFunc\n      }\n\n      if (isString(className)) {\n        return { [className]: true }\n      } else {\n        return className\n      }\n    }\n\n    const handleSelectChange = (checked: boolean, indeterminate: boolean) => {\n      if (\n        oldChecked.value !== checked ||\n        oldIndeterminate.value !== indeterminate\n      ) {\n        tree.ctx.emit('check-change', props.node.data, checked, indeterminate)\n      }\n      oldChecked.value = checked\n      oldIndeterminate.value = indeterminate\n    }\n\n    const handleClick = (e: MouseEvent) => {\n      handleCurrentChange(tree.store, tree.ctx.emit, () => {\n        const nodeKeyProp = tree?.props?.nodeKey\n        if (nodeKeyProp) {\n          const curNodeKey = getNodeKey(props.node)\n          tree.store.value.setCurrentNodeKey(curNodeKey)\n        } else {\n          tree.store.value.setCurrentNode(props.node)\n        }\n      })\n      tree.currentNode.value = props.node\n\n      if (tree.props.expandOnClickNode) {\n        handleExpandIconClick()\n      }\n\n      if (\n        (tree.props.checkOnClickNode ||\n          (props.node.isLeaf &&\n            tree.props.checkOnClickLeaf &&\n            props.showCheckbox)) &&\n        !props.node.disabled\n      ) {\n        handleCheckChange(!props.node.checked)\n      }\n      tree.ctx.emit('node-click', props.node.data, props.node, instance, e)\n    }\n\n    const handleContextMenu = (event: Event) => {\n      if (tree.instance.vnode.props?.['onNodeContextmenu']) {\n        event.stopPropagation()\n        event.preventDefault()\n      }\n      tree.ctx.emit(\n        'node-contextmenu',\n        event,\n        props.node.data,\n        props.node,\n        instance\n      )\n    }\n\n    const handleExpandIconClick = () => {\n      if (props.node.isLeaf) return\n      if (expanded.value) {\n        tree.ctx.emit('node-collapse', props.node.data, props.node, instance)\n        props.node.collapse()\n      } else {\n        props.node.expand(() => {\n          ctx.emit('node-expand', props.node.data, props.node, instance)\n        })\n      }\n    }\n\n    const handleCheckChange = (value: CheckboxValueType) => {\n      const checkStrictly = tree?.props.checkStrictly\n      const childNodes = props.node.childNodes\n      if (!checkStrictly && childNodes.length) {\n        value = childNodes.some((node) => !node.isEffectivelyChecked)\n      }\n      props.node.setChecked(value as boolean, !checkStrictly)\n      nextTick(() => {\n        const store = tree.store.value\n        tree.ctx.emit('check', props.node.data, {\n          checkedNodes: store.getCheckedNodes(),\n          checkedKeys: store.getCheckedKeys(),\n          halfCheckedNodes: store.getHalfCheckedNodes(),\n          halfCheckedKeys: store.getHalfCheckedKeys(),\n        })\n      })\n    }\n\n    const handleChildNodeExpand = (\n      nodeData: TreeNodeData,\n      node: Node,\n      instance: ComponentInternalInstance\n    ) => {\n      broadcastExpanded(node)\n      tree.ctx.emit('node-expand', nodeData, node, instance)\n    }\n\n    const handleDragStart = (event: DragEvent) => {\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragStart({ event, treeNode: props })\n    }\n\n    const handleDragOver = (event: DragEvent) => {\n      event.preventDefault()\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragOver({\n        event,\n        treeNode: { $el: node$.value, node: props.node },\n      })\n    }\n\n    const handleDrop = (event: DragEvent) => {\n      event.preventDefault()\n    }\n\n    const handleDragEnd = (event: DragEvent) => {\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragEnd(event)\n    }\n\n    return {\n      ns,\n      node$,\n      tree,\n      expanded,\n      childNodeRendered,\n      oldChecked,\n      oldIndeterminate,\n      getNodeKey,\n      getNodeClass,\n      handleSelectChange,\n      handleClick,\n      handleContextMenu,\n      handleExpandIconClick,\n      handleCheckChange,\n      handleChildNodeExpand,\n      handleDragStart,\n      handleDragOver,\n      handleDrop,\n      handleDragEnd,\n      CaretRight,\n    }\n  },\n})\n</script>\n"],"names":["NodeContent","getNodeKey","getNodeKeyUtil","instance"],"mappings":"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"}
+{"version":3,"file":"tree-node.vue2.mjs","sources":["../../../../../../packages/components/tree/src/tree-node.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"node.visible\"\n    ref=\"node$\"\n    :class=\"[\n      ns.b('node'),\n      ns.is('expanded', expanded),\n      ns.is('current', node.isCurrent),\n      ns.is('hidden', !node.visible),\n      ns.is('focusable', !node.disabled),\n      ns.is('checked', !node.disabled && node.checked),\n      getNodeClass(node),\n    ]\"\n    role=\"treeitem\"\n    tabindex=\"-1\"\n    :aria-expanded=\"expanded\"\n    :aria-disabled=\"node.disabled\"\n    :aria-checked=\"node.checked\"\n    :draggable=\"tree.props.draggable\"\n    :data-key=\"getNodeKey(node)\"\n    @click.stop=\"handleClick\"\n    @contextmenu=\"handleContextMenu\"\n    @dragstart.stop=\"handleDragStart\"\n    @dragover.stop=\"handleDragOver\"\n    @dragend.stop=\"handleDragEnd\"\n    @drop.stop=\"handleDrop\"\n  >\n    <div\n      :class=\"ns.be('node', 'content')\"\n      :style=\"{ paddingLeft: (node.level - 1) * tree.props.indent + 'px' }\"\n    >\n      <el-icon\n        v-if=\"tree.props.icon || CaretRight\"\n        :class=\"[\n          ns.be('node', 'expand-icon'),\n          ns.is('leaf', node.isLeaf),\n          {\n            expanded: !node.isLeaf && expanded,\n          },\n        ]\"\n        @click.stop=\"handleExpandIconClick\"\n      >\n        <component :is=\"tree.props.icon || CaretRight\" />\n      </el-icon>\n      <el-checkbox\n        v-if=\"showCheckbox\"\n        :model-value=\"node.checked\"\n        :indeterminate=\"node.indeterminate\"\n        :disabled=\"!!node.disabled\"\n        @click.stop\n        @change=\"handleCheckChange\"\n      />\n      <el-icon\n        v-if=\"node.loading\"\n        :class=\"[ns.be('node', 'loading-icon'), ns.is('loading')]\"\n      >\n        <loading />\n      </el-icon>\n      <node-content :node=\"node\" :render-content=\"renderContent\" />\n    </div>\n    <el-collapse-transition>\n      <div\n        v-if=\"!renderAfterExpand || childNodeRendered\"\n        v-show=\"expanded\"\n        :class=\"ns.be('node', 'children')\"\n        role=\"group\"\n        :aria-expanded=\"expanded\"\n        @click.stop\n      >\n        <el-tree-node\n          v-for=\"child in node.childNodes\"\n          :key=\"getNodeKey(child)\"\n          :render-content=\"renderContent\"\n          :render-after-expand=\"renderAfterExpand\"\n          :show-checkbox=\"showCheckbox\"\n          :node=\"child\"\n          :accordion=\"accordion\"\n          :props=\"props\"\n          @node-expand=\"handleChildNodeExpand\"\n        />\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  nextTick,\n  provide,\n  ref,\n  watch,\n} from 'vue'\nimport { debugWarn, isFunction, isString } from '@element-plus/utils'\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { CaretRight, Loading } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport NodeContent from './tree-node-content.vue'\nimport { getNodeKey as getNodeKeyUtil, handleCurrentChange } from './model/util'\nimport { useNodeExpandEventBroadcast } from './model/useNodeExpandEventBroadcast'\nimport { dragEventsKey } from './model/useDragNode'\nimport Node from './model/node'\nimport { NODE_INSTANCE_INJECTION_KEY, ROOT_TREE_INJECTION_KEY } from './tokens'\n\nimport type { ComponentInternalInstance, PropType } from 'vue'\nimport type { RootTreeType, TreeNodeData, TreeOptionProps } from './tree.type'\nimport type { CheckboxValueType } from '@element-plus/components/checkbox'\n\nexport default defineComponent({\n  name: 'ElTreeNode',\n  components: {\n    ElCollapseTransition,\n    ElCheckbox,\n    NodeContent,\n    ElIcon,\n    Loading,\n  },\n  props: {\n    node: {\n      type: Node,\n      default: () => ({}),\n    },\n    props: {\n      type: Object as PropType<TreeOptionProps>,\n      default: () => ({}),\n    },\n    accordion: Boolean,\n    renderContent: Function,\n    renderAfterExpand: Boolean,\n    showCheckbox: Boolean,\n  },\n  emits: ['node-expand'],\n  setup(props, ctx) {\n    const ns = useNamespace('tree')\n    const { broadcastExpanded } = useNodeExpandEventBroadcast(props)\n    const tree = inject<RootTreeType>(ROOT_TREE_INJECTION_KEY)!\n    const expanded = ref(false)\n    const childNodeRendered = ref(false)\n    const oldChecked = ref<boolean>()\n    const oldIndeterminate = ref<boolean>()\n    const node$ = ref<HTMLElement>()\n    const dragEvents = inject(dragEventsKey)!\n    const instance = getCurrentInstance()\n\n    provide(NODE_INSTANCE_INJECTION_KEY, instance)\n    if (!tree) {\n      debugWarn('Tree', \"Can not find node's tree.\")\n    }\n\n    if (props.node.expanded) {\n      expanded.value = true\n      childNodeRendered.value = true\n    }\n\n    const childrenKey = tree.props.props['children'] || 'children'\n    watch(\n      () => {\n        const children = props.node.data?.[childrenKey]\n        return children && [...children]\n      },\n      () => {\n        props.node.updateChildren()\n      }\n    )\n\n    watch(\n      () => props.node.indeterminate,\n      (val) => {\n        handleSelectChange(props.node.checked, val)\n      }\n    )\n\n    watch(\n      () => props.node.checked,\n      (val) => {\n        handleSelectChange(val, props.node.indeterminate)\n      }\n    )\n\n    watch(\n      () => props.node.childNodes.length,\n      () => props.node.reInitChecked()\n    )\n\n    watch(\n      () => props.node.expanded,\n      (val) => {\n        nextTick(() => (expanded.value = val))\n        if (val) {\n          childNodeRendered.value = true\n        }\n      }\n    )\n\n    const getNodeKey = (node: Node): any => {\n      return tree.props.nodeKey\n        ? getNodeKeyUtil(tree.props.nodeKey, node.data)\n        : node.id\n    }\n\n    const getNodeClass = (node: Node) => {\n      const nodeClassFunc = props.props.class\n      if (!nodeClassFunc) {\n        return {}\n      }\n      let className\n      if (isFunction(nodeClassFunc)) {\n        const { data } = node\n        className = nodeClassFunc(data, node)\n      } else {\n        className = nodeClassFunc\n      }\n\n      if (isString(className)) {\n        return { [className]: true }\n      } else {\n        return className\n      }\n    }\n\n    const handleSelectChange = (checked: boolean, indeterminate: boolean) => {\n      if (\n        oldChecked.value !== checked ||\n        oldIndeterminate.value !== indeterminate\n      ) {\n        tree.ctx.emit('check-change', props.node.data, checked, indeterminate)\n      }\n      oldChecked.value = checked\n      oldIndeterminate.value = indeterminate\n    }\n\n    const handleClick = (e: MouseEvent) => {\n      handleCurrentChange(tree.store, tree.ctx.emit, () => {\n        const nodeKeyProp = tree?.props?.nodeKey\n        if (nodeKeyProp) {\n          const curNodeKey = getNodeKey(props.node)\n          tree.store.value.setCurrentNodeKey(curNodeKey)\n        } else {\n          tree.store.value.setCurrentNode(props.node)\n        }\n      })\n      tree.currentNode.value = props.node\n\n      if (tree.props.expandOnClickNode) {\n        handleExpandIconClick()\n      }\n\n      if (\n        (tree.props.checkOnClickNode ||\n          (props.node.isLeaf &&\n            tree.props.checkOnClickLeaf &&\n            props.showCheckbox)) &&\n        !props.node.disabled\n      ) {\n        handleCheckChange(!props.node.checked)\n      }\n      tree.ctx.emit('node-click', props.node.data, props.node, instance, e)\n    }\n\n    const handleContextMenu = (event: Event) => {\n      if (tree.instance.vnode.props?.['onNodeContextmenu']) {\n        event.stopPropagation()\n        event.preventDefault()\n      }\n      tree.ctx.emit(\n        'node-contextmenu',\n        event,\n        props.node.data,\n        props.node,\n        instance\n      )\n    }\n\n    const handleExpandIconClick = () => {\n      if (props.node.isLeaf) return\n      if (expanded.value) {\n        tree.ctx.emit('node-collapse', props.node.data, props.node, instance)\n        props.node.collapse()\n      } else {\n        props.node.expand(() => {\n          ctx.emit('node-expand', props.node.data, props.node, instance)\n        })\n      }\n    }\n\n    const handleCheckChange = (value: CheckboxValueType) => {\n      const checkStrictly = tree?.props.checkStrictly\n      const childNodes = props.node.childNodes\n      if (!checkStrictly && childNodes.length) {\n        value = childNodes.some((node) => !node.isEffectivelyChecked)\n      }\n      props.node.setChecked(value as boolean, !checkStrictly)\n      nextTick(() => {\n        const store = tree.store.value\n        tree.ctx.emit('check', props.node.data, {\n          checkedNodes: store.getCheckedNodes(),\n          checkedKeys: store.getCheckedKeys(),\n          halfCheckedNodes: store.getHalfCheckedNodes(),\n          halfCheckedKeys: store.getHalfCheckedKeys(),\n        })\n      })\n    }\n\n    const handleChildNodeExpand = (\n      nodeData: TreeNodeData,\n      node: Node,\n      instance: ComponentInternalInstance\n    ) => {\n      broadcastExpanded(node)\n      tree.ctx.emit('node-expand', nodeData, node, instance)\n    }\n\n    const handleDragStart = (event: DragEvent) => {\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragStart({ event, treeNode: props })\n    }\n\n    const handleDragOver = (event: DragEvent) => {\n      event.preventDefault()\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragOver({\n        event,\n        treeNode: { $el: node$.value, node: props.node },\n      })\n    }\n\n    const handleDrop = (event: DragEvent) => {\n      event.preventDefault()\n    }\n\n    const handleDragEnd = (event: DragEvent) => {\n      if (!tree.props.draggable) return\n      dragEvents.treeNodeDragEnd(event)\n    }\n\n    return {\n      ns,\n      node$,\n      tree,\n      expanded,\n      childNodeRendered,\n      oldChecked,\n      oldIndeterminate,\n      getNodeKey,\n      getNodeClass,\n      handleSelectChange,\n      handleClick,\n      handleContextMenu,\n      handleExpandIconClick,\n      handleCheckChange,\n      handleChildNodeExpand,\n      handleDragStart,\n      handleDragOver,\n      handleDrop,\n      handleDragEnd,\n      CaretRight,\n    }\n  },\n})\n</script>\n"],"names":["NodeContent","getNodeKey","getNodeKeyUtil","instance"],"mappings":";;;;;;;;;;;;;;;AAgHA,gBAAe,eAAA,CAAgB;AAAA,EAC7B,IAAA,EAAM,YAAA;AAAA,EACN,UAAA,EAAY;AAAA,IACV,oBAAA;AAAA,IACA,UAAA;AAAA,iBACAA,WAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM;AAAA,MACJ,IAAA,EAAM,IAAA;AAAA,MACN,OAAA,EAAS,OAAO,EAAC;AAAA,KACnB;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,MAAA;AAAA,MACN,OAAA,EAAS,OAAO,EAAC;AAAA,KACnB;AAAA,IACA,SAAA,EAAW,OAAA;AAAA,IACX,aAAA,EAAe,QAAA;AAAA,IACf,iBAAA,EAAmB,OAAA;AAAA,IACnB,YAAA,EAAc;AAAA,GAChB;AAAA,EACA,KAAA,EAAO,CAAC,aAAa,CAAA;AAAA,EACrB,KAAA,CAAM,OAAO,GAAA,EAAK;AAChB,IAAA,MAAM,EAAA,GAAK,aAAa,MAAM,CAAA;AAC9B,IAAA,MAAM,EAAE,iBAAA,EAAkB,GAAI,2BAAA,CAA4B,KAAK,CAAA;AAC/D,IAAA,MAAM,IAAA,GAAO,OAAqB,uBAAuB,CAAA;AACzD,IAAA,MAAM,QAAA,GAAW,IAAI,KAAK,CAAA;AAC1B,IAAA,MAAM,iBAAA,GAAoB,IAAI,KAAK,CAAA;AACnC,IAAA,MAAM,aAAa,GAAA,EAAa;AAChC,IAAA,MAAM,mBAAmB,GAAA,EAAa;AACtC,IAAA,MAAM,QAAQ,GAAA,EAAiB;AAC/B,IAAA,MAAM,UAAA,GAAa,OAAO,aAAa,CAAA;AACvC,IAAA,MAAM,WAAW,kBAAA,EAAmB;AAEpC,IAAA,OAAA,CAAQ,6BAA6B,QAAQ,CAAA;AAC7C,IAAA,IAAI,CAAC,IAAA,EAAM;AACT,MAAA,SAAA,CAAU,QAAQ,2BAA2B,CAAA;AAAA,IAC/C;AAEA,IAAA,IAAI,KAAA,CAAM,KAAK,QAAA,EAAU;AACvB,MAAA,QAAA,CAAS,KAAA,GAAQ,IAAA;AACjB,MAAA,iBAAA,CAAkB,KAAA,GAAQ,IAAA;AAAA,IAC5B;AAEA,IAAA,MAAM,WAAA,GAAc,IAAA,CAAK,KAAA,CAAM,KAAA,CAAM,UAAU,CAAA,IAAK,UAAA;AACpD,IAAA,KAAA;AAAA,MACE,MAAM;;AACJ,QAAA,MAAM,QAAA,GAAA,CAAW,EAAA,GAAA,KAAA,CAAM,IAAA,CAAK,IAAA,KAAX,IAAA,GAAA,MAAA,GAAA,EAAA,CAAkB,WAAA,CAAA;AACnC,QAAA,OAAO,QAAA,IAAY,CAAC,GAAG,QAAQ,CAAA;AAAA,MACjC,CAAA;AAAA,MACA,MAAM;AACJ,QAAA,KAAA,CAAM,KAAK,cAAA,EAAe;AAAA,MAC5B;AAAA,KACF;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,MAAM,IAAA,CAAK,aAAA;AAAA,MACjB,CAAC,GAAA,KAAQ;AACP,QAAA,kBAAA,CAAmB,KAAA,CAAM,IAAA,CAAK,OAAA,EAAS,GAAG,CAAA;AAAA,MAC5C;AAAA,KACF;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,MAAM,IAAA,CAAK,OAAA;AAAA,MACjB,CAAC,GAAA,KAAQ;AACP,QAAA,kBAAA,CAAmB,GAAA,EAAK,KAAA,CAAM,IAAA,CAAK,aAAa,CAAA;AAAA,MAClD;AAAA,KACF;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,KAAA,CAAM,IAAA,CAAK,UAAA,CAAW,MAAA;AAAA,MAC5B,MAAM,KAAA,CAAM,IAAA,CAAK,aAAA;AAAc,KACjC;AAEA,IAAA,KAAA;AAAA,MACE,MAAM,MAAM,IAAA,CAAK,QAAA;AAAA,MACjB,CAAC,GAAA,KAAQ;AACP,QAAA,QAAA,CAAS,MAAO,QAAA,CAAS,KAAA,GAAQ,GAAI,CAAA;AACrC,QAAA,IAAI,GAAA,EAAK;AACP,UAAA,iBAAA,CAAkB,KAAA,GAAQ,IAAA;AAAA,QAC5B;AAAA,MACF;AAAA,KACF;AAEA,IAAA,MAAMC,YAAA,GAAa,CAAC,IAAA,KAAoB;AACtC,MAAA,OAAO,IAAA,CAAK,KAAA,CAAM,OAAA,GACdC,UAAA,CAAe,IAAA,CAAK,MAAM,OAAA,EAAS,IAAA,CAAK,IAAI,CAAA,GAC5C,IAAA,CAAK,EAAA;AAAA,IACX,CAAA;AAEA,IAAA,MAAM,YAAA,GAAe,CAAC,IAAA,KAAe;AACnC,MAAA,MAAM,aAAA,GAAgB,MAAM,KAAA,CAAM,KAAA;AAClC,MAAA,IAAI,CAAC,aAAA,EAAe;AAClB,QAAA,OAAO,EAAC;AAAA,MACV;AACA,MAAA,IAAI,SAAA;AACJ,MAAA,IAAI,UAAA,CAAW,aAAa,CAAA,EAAG;AAC7B,QAAA,MAAM,EAAE,MAAK,GAAI,IAAA;AACjB,QAAA,SAAA,GAAY,aAAA,CAAc,MAAM,IAAI,CAAA;AAAA,MACtC,CAAA,MAAO;AACL,QAAA,SAAA,GAAY,aAAA;AAAA,MACd;AAEA,MAAA,IAAI,QAAA,CAAS,SAAS,CAAA,EAAG;AACvB,QAAA,OAAO,EAAE,CAAC,SAAS,GAAG,IAAA,EAAK;AAAA,MAC7B,CAAA,MAAO;AACL,QAAA,OAAO,SAAA;AAAA,MACT;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,kBAAA,GAAqB,CAAC,OAAA,EAAkB,aAAA,KAA2B;AACvE,MAAA,IACE,UAAA,CAAW,KAAA,KAAU,OAAA,IACrB,gBAAA,CAAiB,UAAU,aAAA,EAC3B;AACA,QAAA,IAAA,CAAK,IAAI,IAAA,CAAK,cAAA,EAAgB,MAAM,IAAA,CAAK,IAAA,EAAM,SAAS,aAAa,CAAA;AAAA,MACvE;AACA,MAAA,UAAA,CAAW,KAAA,GAAQ,OAAA;AACnB,MAAA,gBAAA,CAAiB,KAAA,GAAQ,aAAA;AAAA,IAC3B,CAAA;AAEA,IAAA,MAAM,WAAA,GAAc,CAAC,CAAA,KAAkB;AACrC,MAAA,mBAAA,CAAoB,IAAA,CAAK,KAAA,EAAO,IAAA,CAAK,GAAA,CAAI,MAAM,MAAM;;AACnD,QAAA,MAAM,WAAA,GAAA,CAAc,EAAA,GAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,KAAA,KAAN,IAAA,GAAA,MAAA,GAAA,EAAA,CAAa,OAAA;AACjC,QAAA,IAAI,WAAA,EAAa;AACf,UAAA,MAAM,UAAA,GAAaD,YAAA,CAAW,KAAA,CAAM,IAAI,CAAA;AACxC,UAAA,IAAA,CAAK,KAAA,CAAM,KAAA,CAAM,iBAAA,CAAkB,UAAU,CAAA;AAAA,QAC/C,CAAA,MAAO;AACL,UAAA,IAAA,CAAK,KAAA,CAAM,KAAA,CAAM,cAAA,CAAe,KAAA,CAAM,IAAI,CAAA;AAAA,QAC5C;AAAA,MACF,CAAC,CAAA;AACD,MAAA,IAAA,CAAK,WAAA,CAAY,QAAQ,KAAA,CAAM,IAAA;AAE/B,MAAA,IAAI,IAAA,CAAK,MAAM,iBAAA,EAAmB;AAChC,QAAA,qBAAA,EAAsB;AAAA,MACxB;AAEA,MAAA,IAAA,CACG,IAAA,CAAK,KAAA,CAAM,gBAAA,IACT,KAAA,CAAM,KAAK,MAAA,IACV,IAAA,CAAK,KAAA,CAAM,gBAAA,IACX,KAAA,CAAM,YAAA,KACV,CAAC,KAAA,CAAM,KAAK,QAAA,EACZ;AACA,QAAA,iBAAA,CAAkB,CAAC,KAAA,CAAM,IAAA,CAAK,OAAO,CAAA;AAAA,MACvC;AACA,MAAA,IAAA,CAAK,GAAA,CAAI,KAAK,YAAA,EAAc,KAAA,CAAM,KAAK,IAAA,EAAM,KAAA,CAAM,IAAA,EAAM,QAAA,EAAU,CAAC,CAAA;AAAA,IACtE,CAAA;AAEA,IAAA,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAAiB;;AAC1C,MAAA,IAAA,CAAI,EAAA,GAAA,IAAA,CAAK,QAAA,CAAS,KAAA,CAAM,KAAA,KAApB,mBAA4B,mBAAA,CAAA,EAAsB;AACpD,QAAA,KAAA,CAAM,eAAA,EAAgB;AACtB,QAAA,KAAA,CAAM,cAAA,EAAe;AAAA,MACvB;AACA,MAAA,IAAA,CAAK,GAAA,CAAI,IAAA;AAAA,QACP,kBAAA;AAAA,QACA,KAAA;AAAA,QACA,MAAM,IAAA,CAAK,IAAA;AAAA,QACX,KAAA,CAAM,IAAA;AAAA,QACN;AAAA,OACF;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,wBAAwB,MAAM;AAClC,MAAA,IAAI,KAAA,CAAM,KAAK,MAAA,EAAQ;AACvB,MAAA,IAAI,SAAS,KAAA,EAAO;AAClB,QAAA,IAAA,CAAK,GAAA,CAAI,KAAK,eAAA,EAAiB,KAAA,CAAM,KAAK,IAAA,EAAM,KAAA,CAAM,MAAM,QAAQ,CAAA;AACpE,QAAA,KAAA,CAAM,KAAK,QAAA,EAAS;AAAA,MACtB,CAAA,MAAO;AACL,QAAA,KAAA,CAAM,IAAA,CAAK,OAAO,MAAM;AACtB,UAAA,GAAA,CAAI,KAAK,aAAA,EAAe,KAAA,CAAM,KAAK,IAAA,EAAM,KAAA,CAAM,MAAM,QAAQ,CAAA;AAAA,QAC/D,CAAC,CAAA;AAAA,MACH;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAA6B;AACtD,MAAA,MAAM,aAAA,GAAgB,6BAAM,KAAA,CAAM,aAAA;AAClC,MAAA,MAAM,UAAA,GAAa,MAAM,IAAA,CAAK,UAAA;AAC9B,MAAA,IAAI,CAAC,aAAA,IAAiB,UAAA,CAAW,MAAA,EAAQ;AACvC,QAAA,KAAA,GAAQ,WAAW,IAAA,CAAK,CAAC,IAAA,KAAS,CAAC,KAAK,oBAAoB,CAAA;AAAA,MAC9D;AACA,MAAA,KAAA,CAAM,IAAA,CAAK,UAAA,CAAW,KAAA,EAAkB,CAAC,aAAa,CAAA;AACtD,MAAA,QAAA,CAAS,MAAM;AACb,QAAA,MAAM,KAAA,GAAQ,KAAK,KAAA,CAAM,KAAA;AACzB,QAAA,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,OAAA,EAAS,KAAA,CAAM,KAAK,IAAA,EAAM;AAAA,UACtC,YAAA,EAAc,MAAM,eAAA,EAAgB;AAAA,UACpC,WAAA,EAAa,MAAM,cAAA,EAAe;AAAA,UAClC,gBAAA,EAAkB,MAAM,mBAAA,EAAoB;AAAA,UAC5C,eAAA,EAAiB,MAAM,kBAAA;AAAmB,SAC3C,CAAA;AAAA,MACH,CAAC,CAAA;AAAA,IACH,CAAA;AAEA,IAAA,MAAM,qBAAA,GAAwB,CAC5B,QAAA,EACA,IAAA,EACAE,SAAAA,KACG;AACH,MAAA,iBAAA,CAAkB,IAAI,CAAA;AACtB,MAAA,IAAA,CAAK,GAAA,CAAI,IAAA,CAAK,aAAA,EAAe,QAAA,EAAU,MAAMA,SAAQ,CAAA;AAAA,IACvD,CAAA;AAEA,IAAA,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAqB;AAC5C,MAAA,IAAI,CAAC,IAAA,CAAK,KAAA,CAAM,SAAA,EAAW;AAC3B,MAAA,UAAA,CAAW,iBAAA,CAAkB,EAAE,KAAA,EAAO,QAAA,EAAU,OAAO,CAAA;AAAA,IACzD,CAAA;AAEA,IAAA,MAAM,cAAA,GAAiB,CAAC,KAAA,KAAqB;AAC3C,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,IAAI,CAAC,IAAA,CAAK,KAAA,CAAM,SAAA,EAAW;AAC3B,MAAA,UAAA,CAAW,gBAAA,CAAiB;AAAA,QAC1B,KAAA;AAAA,QACA,UAAU,EAAE,GAAA,EAAK,MAAM,KAAA,EAAO,IAAA,EAAM,MAAM,IAAA;AAAK,OAChD,CAAA;AAAA,IACH,CAAA;AAEA,IAAA,MAAM,UAAA,GAAa,CAAC,KAAA,KAAqB;AACvC,MAAA,KAAA,CAAM,cAAA,EAAe;AAAA,IACvB,CAAA;AAEA,IAAA,MAAM,aAAA,GAAgB,CAAC,KAAA,KAAqB;AAC1C,MAAA,IAAI,CAAC,IAAA,CAAK,KAAA,CAAM,SAAA,EAAW;AAC3B,MAAA,UAAA,CAAW,gBAAgB,KAAK,CAAA;AAAA,IAClC,CAAA;AAEA,IAAA,OAAO;AAAA,MACL,EAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA;AAAA,MACA,iBAAA;AAAA,MACA,UAAA;AAAA,MACA,gBAAA;AAAA,kBACAF,YAAA;AAAA,MACA,YAAA;AAAA,MACA,kBAAA;AAAA,MACA,WAAA;AAAA,MACA,iBAAA;AAAA,MACA,qBAAA;AAAA,MACA,iBAAA;AAAA,MACA,qBAAA;AAAA,MACA,eAAA;AAAA,MACA,cAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA,KACF;AAAA,EACF;AACF,CAAC,CAAA;;;;"}

package/es/components/tree/src/tree.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tree.vue.mjs","sources":["../../../../../../packages/components/tree/src/tree.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"el$\"\n    :class=\"[\n      ns.b(),\n      ns.is('dragging', !!dragState.draggingNode),\n      ns.is('drop-not-allow', !dragState.allowDrop),\n      ns.is('drop-inner', dragState.dropType === 'inner'),\n      { [ns.m('highlight-current')]: highlightCurrent },\n    ]\"\n    role=\"tree\"\n  >\n    <el-tree-node\n      v-for=\"child in root.childNodes\"\n      :key=\"getNodeKey(child)\"\n      :node=\"child\"\n      :props=\"props\"\n      :accordion=\"accordion\"\n      :render-after-expand=\"renderAfterExpand\"\n      :show-checkbox=\"showCheckbox\"\n      :render-content=\"renderContent\"\n      @node-expand=\"handleNodeExpand\"\n    />\n    <div v-if=\"isEmpty\" :class=\"ns.e('empty-block')\">\n      <slot name=\"empty\">\n        <span :class=\"ns.e('empty-text')\">\n          {{ emptyText ?? t('el.tree.emptyText') }}\n        </span>\n      </slot>\n    </div>\n    <div\n      v-show=\"dragState.showDropIndicator\"\n      ref=\"dropIndicator$\"\n      :class=\"ns.e('drop-indicator')\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  provide,\n  ref,\n  watch,\n} from 'vue'\nimport { isEqual } from 'lodash-unified'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { formItemContextKey } from '@element-plus/components/form'\nimport TreeStore from './model/tree-store'\nimport { getNodeKey as getNodeKeyUtil, handleCurrentChange } from './model/util'\nimport ElTreeNode from './tree-node.vue'\nimport { useNodeExpandEventBroadcast } from './model/useNodeExpandEventBroadcast'\nimport { useDragNodeHandler } from './model/useDragNode'\nimport { useKeydown } from './model/useKeydown'\nimport { ROOT_TREE_INJECTION_KEY } from './tokens'\nimport { treeEmits, treeProps } from './tree'\n\nimport type Node from './model/node'\nimport type { ComponentInternalInstance } from 'vue'\nimport type { Nullable } from '@element-plus/utils'\nimport type { FilterValue, TreeData, TreeKey, TreeNodeData } from './tree.type'\n\nexport default defineComponent({\n  name: 'ElTree',\n  components: { ElTreeNode },\n  props: treeProps,\n  emits: treeEmits,\n  setup(props, ctx) {\n    const { t } = useLocale()\n    const ns = useNamespace('tree')\n\n    const store = ref<TreeStore>(\n      new TreeStore({\n        key: props.nodeKey,\n        data: props.data,\n        lazy: props.lazy,\n        props: props.props,\n        load: props.load,\n        currentNodeKey: props.currentNodeKey,\n        checkStrictly: props.checkStrictly,\n        checkDescendants: props.checkDescendants,\n        defaultCheckedKeys: props.defaultCheckedKeys,\n        defaultExpandedKeys: props.defaultExpandedKeys,\n        autoExpandParent: props.autoExpandParent,\n        defaultExpandAll: props.defaultExpandAll,\n        filterNodeMethod: props.filterNodeMethod,\n      })\n    )\n\n    store.value.initialize()\n\n    const root = ref<Node>(store.value.root)\n    const currentNode = ref<Node | null>(null)\n    const el$ = ref<Nullable<HTMLElement>>(null)\n    const dropIndicator$ = ref<Nullable<HTMLElement>>(null)\n\n    const { broadcastExpanded } = useNodeExpandEventBroadcast(props)\n\n    const { dragState } = useDragNodeHandler({\n      props,\n      ctx,\n      el$,\n      dropIndicator$,\n      store,\n    })\n\n    useKeydown({ el$ }, store)\n\n    const instance = getCurrentInstance()\n\n    const isSelectTree = computed(() => {\n      let parent = instance?.parent\n      while (parent) {\n        if (parent.type.name === 'ElTreeSelect') {\n          return true\n        }\n        parent = parent.parent\n      }\n      return false\n    })\n\n    const isEmpty = computed(() => {\n      const { childNodes } = root.value\n      return (\n        (!childNodes ||\n          childNodes.length === 0 ||\n          childNodes.every(({ visible }) => !visible)) &&\n        !isSelectTree.value\n      )\n    })\n\n    watch(\n      () => props.currentNodeKey,\n      (newVal) => {\n        store.value.setCurrentNodeKey(newVal ?? null)\n      }\n    )\n\n    watch(\n      () => props.defaultCheckedKeys,\n      (newVal, oldVal) => {\n        if (isEqual(newVal, oldVal)) return\n\n        store.value.setDefaultCheckedKey(newVal ?? [])\n      }\n    )\n\n    watch(\n      () => props.defaultExpandedKeys,\n      (newVal) => {\n        store.value.setDefaultExpandedKeys(newVal ?? [])\n      }\n    )\n\n    watch(\n      () => props.data,\n      (newVal) => {\n        store.value.setData(newVal)\n      },\n      { deep: true }\n    )\n\n    watch(\n      () => props.checkStrictly,\n      (newVal) => {\n        store.value.checkStrictly = newVal\n      }\n    )\n\n    const filter = (value: FilterValue) => {\n      if (!props.filterNodeMethod)\n        throw new Error('[Tree] filterNodeMethod is required when filter')\n      store.value.filter(value)\n    }\n\n    const getNodeKey = (node: Node) => {\n      return getNodeKeyUtil(props.nodeKey, node.data)\n    }\n\n    const requireNodeKey = (methodName: string) => {\n      if (!props.nodeKey) {\n        throw new Error(`[Tree] nodeKey is required in ${methodName}`)\n      }\n    }\n\n    const getNodePath = (data: TreeKey | TreeNodeData) => {\n      requireNodeKey('getNodePath')\n\n      const node = store.value.getNode(data)\n      if (!node) return []\n      const path = [node.data]\n      let parent = node.parent\n      while (parent && parent !== root.value) {\n        path.push(parent.data)\n        parent = parent.parent\n      }\n      return path.reverse()\n    }\n\n    const getCheckedNodes = (\n      leafOnly?: boolean,\n      includeHalfChecked?: boolean\n    ): TreeNodeData[] => {\n      return store.value.getCheckedNodes(leafOnly, includeHalfChecked)\n    }\n\n    const getCheckedKeys = (leafOnly?: boolean): TreeKey[] => {\n      return store.value.getCheckedKeys(leafOnly)\n    }\n\n    const getCurrentNode = () => {\n      const currentNode = store.value.getCurrentNode()\n      return currentNode ? currentNode.data : null\n    }\n\n    const getCurrentKey = (): TreeKey | null => {\n      requireNodeKey('getCurrentKey')\n\n      const currentNode = getCurrentNode()\n      return currentNode ? currentNode[props.nodeKey!] : null\n    }\n\n    const setCheckedNodes = (nodes: Node[], leafOnly?: boolean) => {\n      requireNodeKey('setCheckedNodes')\n\n      store.value.setCheckedNodes(nodes, leafOnly)\n    }\n\n    const setCheckedKeys = (keys: TreeKey[], leafOnly?: boolean) => {\n      requireNodeKey('setCheckedKeys')\n\n      store.value.setCheckedKeys(keys, leafOnly)\n    }\n\n    const setChecked = (\n      data: TreeKey | TreeNodeData,\n      checked: boolean,\n      deep: boolean\n    ) => {\n      store.value.setChecked(data, checked, deep)\n    }\n\n    const getHalfCheckedNodes = (): TreeNodeData[] => {\n      return store.value.getHalfCheckedNodes()\n    }\n\n    const getHalfCheckedKeys = (): TreeKey[] => {\n      return store.value.getHalfCheckedKeys()\n    }\n\n    const setCurrentNode = (node: Node, shouldAutoExpandParent = true) => {\n      requireNodeKey('setCurrentNode')\n\n      handleCurrentChange(store, ctx.emit, () => {\n        broadcastExpanded(node)\n        store.value.setUserCurrentNode(node, shouldAutoExpandParent)\n      })\n    }\n\n    const setCurrentKey = (\n      key: TreeKey | null = null,\n      shouldAutoExpandParent = true\n    ) => {\n      requireNodeKey('setCurrentKey')\n\n      handleCurrentChange(store, ctx.emit, () => {\n        broadcastExpanded()\n        store.value.setCurrentNodeKey(key, shouldAutoExpandParent)\n      })\n    }\n\n    const getNode = (data: TreeKey | TreeNodeData): Node => {\n      return store.value.getNode(data)\n    }\n\n    const remove = (data: TreeNodeData | Node) => {\n      store.value.remove(data)\n    }\n\n    const append = (\n      data: TreeNodeData,\n      parentNode: TreeNodeData | TreeKey | Node\n    ) => {\n      store.value.append(data, parentNode)\n    }\n\n    const insertBefore = (\n      data: TreeNodeData,\n      refNode: TreeKey | TreeNodeData | Node\n    ) => {\n      store.value.insertBefore(data, refNode)\n    }\n\n    const insertAfter = (\n      data: TreeNodeData,\n      refNode: TreeKey | TreeNodeData | Node\n    ) => {\n      store.value.insertAfter(data, refNode)\n    }\n\n    const handleNodeExpand = (\n      nodeData: TreeNodeData,\n      node: Node,\n      instance: ComponentInternalInstance\n    ) => {\n      broadcastExpanded(node)\n      ctx.emit('node-expand', nodeData, node, instance)\n    }\n\n    const updateKeyChildren = (key: TreeKey, data: TreeData) => {\n      requireNodeKey('updateKeyChildren')\n\n      store.value.updateChildren(key, data)\n    }\n\n    provide(ROOT_TREE_INJECTION_KEY, {\n      ctx,\n      props,\n      store,\n      root,\n      currentNode,\n      instance,\n    })\n\n    provide(formItemContextKey, undefined)\n\n    return {\n      ns,\n      // ref\n      store,\n      root,\n      currentNode,\n      dragState,\n      el$,\n      dropIndicator$,\n\n      // computed\n      isEmpty,\n\n      // methods\n      filter,\n      getNodeKey,\n      getNodePath,\n      getCheckedNodes,\n      getCheckedKeys,\n      getCurrentNode,\n      getCurrentKey,\n      setCheckedNodes,\n      setCheckedKeys,\n      setChecked,\n      getHalfCheckedNodes,\n      getHalfCheckedKeys,\n      setCurrentNode,\n      setCurrentKey,\n      t,\n      getNode,\n      remove,\n      append,\n      insertBefore,\n      insertAfter,\n      handleNodeExpand,\n      updateKeyChildren,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderList","_createBlock","_renderSlot","_createElementVNode","_toDisplayString","_withDirectives","_vShow"],"mappings":";;;;;;AACE,EAAA,OAAAA,WAAA,EAAAC,kBAAA;AAAA,IAkCM,KAAA;AAAA,IAAA;AAAA,MAjCJ,GAAA,EAAI,KAAA;AAAA,MACH,OAAKC,cAAA,CAAA;AAAA,QAAU,IAAA,IAAG,CAAA,EAAC;AAAA,QAAU,IAAA,CAAA,GAAG,EAAA,CAAE,UAAA,EAAA,CAAA,CAAe,IAAA,CAAA,UAAU,YAAY,CAAA;AAAA,QAAS,KAAA,EAAA,CAAG,EAAA,CAAE,kBAAA,CAAoB,IAAA,CAAA,UAAU,SAAS,CAAA;AAAA,QAAS,KAAA,EAAA,CAAG,EAAA,CAAE,cAAe,IAAA,CAAA,SAAA,CAAU,aAAQ,OAAA,CAAA;AAAA,QAAA,EAAA,CAAwB,IAAA,CAAA,EAAA,CAAG,EAAC,mBAAA,CAAA,GAAwB,IAAA,CAAA,gBAAA;AAAgB,OAAA,CAAA;AAAA,MAOhP,IAAA,EAAK;AAAA,KAAA;AAAA;OAELF,SAAA,CAAA,IAAA,CAAA,EAAAC,kBAAA;AAAA,QAUEE,QAAA;AAAA,QAAA,IAAA;AAAA,QAAAC,UAAA,CATgB,IAAA,CAAA,IAAA,CAAK,UAAA,EAAU,CAAxB,KAAA,KAAK;8BADdC,WAAA,CAUE,uBAAA,EAAA;AAAA,YARC,GAAA,EAAK,IAAA,YAAW,KAAK,CAAA;AAAA,YACrB,IAAA,EAAM,KAAA;AAAA,YACN,OAAO,IAAA,CAAA,KAAA;AAAA,YACP,WAAW,IAAA,CAAA,SAAA;AAAA,YACX,uBAAqB,IAAA,CAAA,iBAAA;AAAA,YACrB,iBAAe,IAAA,CAAA,YAAA;AAAA,YACf,kBAAgB,IAAA,CAAA,aAAA;AAAA,YAChB,cAAa,IAAA,CAAA;AAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,cAAA,CAAA,CAAA;AAAA;;;;MAEL,IAAA,CAAA,OAAA,IAAAL,SAAA,EAAA,EAAXC,kBAAA;AAAA,QAMM,KAAA;AAAA,QAAA;AAAA,UAAA,GAAA,EAAA,CAAA;AAAA,UANe,OAAKC,cAAA,CAAE,IAAA,IAAG,CAAA,CAAC,aAAA,CAAA;AAAA,SAAA;AAAA;UAC9BI,WAIO,IAAA,sBAJP,MAAA;;AAIO,YAAA,OAAA;AAAA,cAHLC,kBAAA;AAAA,gBAEO,MAAA;AAAA,gBAAA;AAAA,kBAFA,OAAKL,cAAA,CAAE,IAAA,CAAA,EAAA,CAAG,CAAA,CAAC,YAAA,CAAA;AAAA,iBAAA;AAAA,gBACbM,iBAAA,EAAA,GAAA,IAAA,CAAA,SAAA,KAAA,YAAa,IAAA,CAAA,CAAA,CAAC,mBAAA,CAAA,CAAA;AAAA,gBAAA;AAAA;AAAA;AAAA,aAAA;AAAA,UAAA,CAAA;AAAA;;;;MAIvBC,cAAA,CAAAF,kBAAA;AAAA,QAIE,KAAA;AAAA,QAAA;AAAA,UAFA,GAAA,EAAI,gBAAA;AAAA,UACH,OAAKL,cAAA,CAAE,IAAA,CAAA,EAAA,CAAG,CAAA,CAAC,gBAAA,CAAA;AAAA,SAAA;AAAA;;;;QAFJ,CAAAQ,KAAA,EAAA,IAAA,CAAA,SAAA,CAAU,iBAAiB;AAAA,OAAA;AAAA;;;;;;;;;"}
+{"version":3,"file":"tree.vue.mjs","sources":["../../../../../../packages/components/tree/src/tree.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"el$\"\n    :class=\"[\n      ns.b(),\n      ns.is('dragging', !!dragState.draggingNode),\n      ns.is('drop-not-allow', !dragState.allowDrop),\n      ns.is('drop-inner', dragState.dropType === 'inner'),\n      { [ns.m('highlight-current')]: highlightCurrent },\n    ]\"\n    role=\"tree\"\n  >\n    <el-tree-node\n      v-for=\"child in root.childNodes\"\n      :key=\"getNodeKey(child)\"\n      :node=\"child\"\n      :props=\"props\"\n      :accordion=\"accordion\"\n      :render-after-expand=\"renderAfterExpand\"\n      :show-checkbox=\"showCheckbox\"\n      :render-content=\"renderContent\"\n      @node-expand=\"handleNodeExpand\"\n    />\n    <div v-if=\"isEmpty\" :class=\"ns.e('empty-block')\">\n      <slot name=\"empty\">\n        <span :class=\"ns.e('empty-text')\">\n          {{ emptyText ?? t('el.tree.emptyText') }}\n        </span>\n      </slot>\n    </div>\n    <div\n      v-show=\"dragState.showDropIndicator\"\n      ref=\"dropIndicator$\"\n      :class=\"ns.e('drop-indicator')\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  provide,\n  ref,\n  watch,\n} from 'vue'\nimport { isEqual } from 'lodash-unified'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { formItemContextKey } from '@element-plus/components/form'\nimport TreeStore from './model/tree-store'\nimport { getNodeKey as getNodeKeyUtil, handleCurrentChange } from './model/util'\nimport ElTreeNode from './tree-node.vue'\nimport { useNodeExpandEventBroadcast } from './model/useNodeExpandEventBroadcast'\nimport { useDragNodeHandler } from './model/useDragNode'\nimport { useKeydown } from './model/useKeydown'\nimport { ROOT_TREE_INJECTION_KEY } from './tokens'\nimport { treeEmits, treeProps } from './tree'\n\nimport type Node from './model/node'\nimport type { ComponentInternalInstance } from 'vue'\nimport type { Nullable } from '@element-plus/utils'\nimport type { FilterValue, TreeData, TreeKey, TreeNodeData } from './tree.type'\n\nexport default defineComponent({\n  name: 'ElTree',\n  components: { ElTreeNode },\n  props: treeProps,\n  emits: treeEmits,\n  setup(props, ctx) {\n    const { t } = useLocale()\n    const ns = useNamespace('tree')\n\n    const store = ref<TreeStore>(\n      new TreeStore({\n        key: props.nodeKey,\n        data: props.data,\n        lazy: props.lazy,\n        props: props.props,\n        load: props.load,\n        currentNodeKey: props.currentNodeKey,\n        checkStrictly: props.checkStrictly,\n        checkDescendants: props.checkDescendants,\n        defaultCheckedKeys: props.defaultCheckedKeys,\n        defaultExpandedKeys: props.defaultExpandedKeys,\n        autoExpandParent: props.autoExpandParent,\n        defaultExpandAll: props.defaultExpandAll,\n        filterNodeMethod: props.filterNodeMethod,\n      })\n    )\n\n    store.value.initialize()\n\n    const root = ref<Node>(store.value.root)\n    const currentNode = ref<Node | null>(null)\n    const el$ = ref<Nullable<HTMLElement>>(null)\n    const dropIndicator$ = ref<Nullable<HTMLElement>>(null)\n\n    const { broadcastExpanded } = useNodeExpandEventBroadcast(props)\n\n    const { dragState } = useDragNodeHandler({\n      props,\n      ctx,\n      el$,\n      dropIndicator$,\n      store,\n    })\n\n    useKeydown({ el$ }, store)\n\n    const instance = getCurrentInstance()\n\n    const isSelectTree = computed(() => {\n      let parent = instance?.parent\n      while (parent) {\n        if (parent.type.name === 'ElTreeSelect') {\n          return true\n        }\n        parent = parent.parent\n      }\n      return false\n    })\n\n    const isEmpty = computed(() => {\n      const { childNodes } = root.value\n      return (\n        (!childNodes ||\n          childNodes.length === 0 ||\n          childNodes.every(({ visible }) => !visible)) &&\n        !isSelectTree.value\n      )\n    })\n\n    watch(\n      () => props.currentNodeKey,\n      (newVal) => {\n        store.value.setCurrentNodeKey(newVal ?? null)\n      }\n    )\n\n    watch(\n      () => props.defaultCheckedKeys,\n      (newVal, oldVal) => {\n        if (isEqual(newVal, oldVal)) return\n\n        store.value.setDefaultCheckedKey(newVal ?? [])\n      }\n    )\n\n    watch(\n      () => props.defaultExpandedKeys,\n      (newVal) => {\n        store.value.setDefaultExpandedKeys(newVal ?? [])\n      }\n    )\n\n    watch(\n      () => props.data,\n      (newVal) => {\n        store.value.setData(newVal)\n      },\n      { deep: true }\n    )\n\n    watch(\n      () => props.checkStrictly,\n      (newVal) => {\n        store.value.checkStrictly = newVal\n      }\n    )\n\n    const filter = (value: FilterValue) => {\n      if (!props.filterNodeMethod)\n        throw new Error('[Tree] filterNodeMethod is required when filter')\n      store.value.filter(value)\n    }\n\n    const getNodeKey = (node: Node) => {\n      return props.nodeKey ? getNodeKeyUtil(props.nodeKey, node.data) : node.id\n    }\n\n    const requireNodeKey = (methodName: string) => {\n      if (!props.nodeKey) {\n        throw new Error(`[Tree] nodeKey is required in ${methodName}`)\n      }\n    }\n\n    const getNodePath = (data: TreeKey | TreeNodeData) => {\n      requireNodeKey('getNodePath')\n\n      const node = store.value.getNode(data)\n      if (!node) return []\n      const path = [node.data]\n      let parent = node.parent\n      while (parent && parent !== root.value) {\n        path.push(parent.data)\n        parent = parent.parent\n      }\n      return path.reverse()\n    }\n\n    const getCheckedNodes = (\n      leafOnly?: boolean,\n      includeHalfChecked?: boolean\n    ): TreeNodeData[] => {\n      return store.value.getCheckedNodes(leafOnly, includeHalfChecked)\n    }\n\n    const getCheckedKeys = (leafOnly?: boolean): TreeKey[] => {\n      return store.value.getCheckedKeys(leafOnly)\n    }\n\n    const getCurrentNode = () => {\n      const currentNode = store.value.getCurrentNode()\n      return currentNode ? currentNode.data : null\n    }\n\n    const getCurrentKey = (): TreeKey | null => {\n      requireNodeKey('getCurrentKey')\n\n      const currentNode = getCurrentNode()\n      return currentNode ? currentNode[props.nodeKey!] : null\n    }\n\n    const setCheckedNodes = (nodes: Node[], leafOnly?: boolean) => {\n      requireNodeKey('setCheckedNodes')\n\n      store.value.setCheckedNodes(nodes, leafOnly)\n    }\n\n    const setCheckedKeys = (keys: TreeKey[], leafOnly?: boolean) => {\n      requireNodeKey('setCheckedKeys')\n\n      store.value.setCheckedKeys(keys, leafOnly)\n    }\n\n    const setChecked = (\n      data: TreeKey | TreeNodeData,\n      checked: boolean,\n      deep: boolean\n    ) => {\n      store.value.setChecked(data, checked, deep)\n    }\n\n    const getHalfCheckedNodes = (): TreeNodeData[] => {\n      return store.value.getHalfCheckedNodes()\n    }\n\n    const getHalfCheckedKeys = (): TreeKey[] => {\n      return store.value.getHalfCheckedKeys()\n    }\n\n    const setCurrentNode = (node: Node, shouldAutoExpandParent = true) => {\n      requireNodeKey('setCurrentNode')\n\n      handleCurrentChange(store, ctx.emit, () => {\n        broadcastExpanded(node)\n        store.value.setUserCurrentNode(node, shouldAutoExpandParent)\n      })\n    }\n\n    const setCurrentKey = (\n      key: TreeKey | null = null,\n      shouldAutoExpandParent = true\n    ) => {\n      requireNodeKey('setCurrentKey')\n\n      handleCurrentChange(store, ctx.emit, () => {\n        broadcastExpanded()\n        store.value.setCurrentNodeKey(key, shouldAutoExpandParent)\n      })\n    }\n\n    const getNode = (data: TreeKey | TreeNodeData): Node => {\n      return store.value.getNode(data)\n    }\n\n    const remove = (data: TreeNodeData | Node) => {\n      store.value.remove(data)\n    }\n\n    const append = (\n      data: TreeNodeData,\n      parentNode: TreeNodeData | TreeKey | Node\n    ) => {\n      store.value.append(data, parentNode)\n    }\n\n    const insertBefore = (\n      data: TreeNodeData,\n      refNode: TreeKey | TreeNodeData | Node\n    ) => {\n      store.value.insertBefore(data, refNode)\n    }\n\n    const insertAfter = (\n      data: TreeNodeData,\n      refNode: TreeKey | TreeNodeData | Node\n    ) => {\n      store.value.insertAfter(data, refNode)\n    }\n\n    const handleNodeExpand = (\n      nodeData: TreeNodeData,\n      node: Node,\n      instance: ComponentInternalInstance\n    ) => {\n      broadcastExpanded(node)\n      ctx.emit('node-expand', nodeData, node, instance)\n    }\n\n    const updateKeyChildren = (key: TreeKey, data: TreeData) => {\n      requireNodeKey('updateKeyChildren')\n\n      store.value.updateChildren(key, data)\n    }\n\n    provide(ROOT_TREE_INJECTION_KEY, {\n      ctx,\n      props,\n      store,\n      root,\n      currentNode,\n      instance,\n    })\n\n    provide(formItemContextKey, undefined)\n\n    return {\n      ns,\n      // ref\n      store,\n      root,\n      currentNode,\n      dragState,\n      el$,\n      dropIndicator$,\n\n      // computed\n      isEmpty,\n\n      // methods\n      filter,\n      getNodeKey,\n      getNodePath,\n      getCheckedNodes,\n      getCheckedKeys,\n      getCurrentNode,\n      getCurrentKey,\n      setCheckedNodes,\n      setCheckedKeys,\n      setChecked,\n      getHalfCheckedNodes,\n      getHalfCheckedKeys,\n      setCurrentNode,\n      setCurrentKey,\n      t,\n      getNode,\n      remove,\n      append,\n      insertBefore,\n      insertAfter,\n      handleNodeExpand,\n      updateKeyChildren,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderList","_createBlock","_renderSlot","_createElementVNode","_toDisplayString","_withDirectives","_vShow"],"mappings":";;;;;;AACE,EAAA,OAAAA,WAAA,EAAAC,kBAAA;AAAA,IAkCM,KAAA;AAAA,IAAA;AAAA,MAjCJ,GAAA,EAAI,KAAA;AAAA,MACH,OAAKC,cAAA,CAAA;AAAA,QAAU,IAAA,IAAG,CAAA,EAAC;AAAA,QAAU,IAAA,CAAA,GAAG,EAAA,CAAE,UAAA,EAAA,CAAA,CAAe,IAAA,CAAA,UAAU,YAAY,CAAA;AAAA,QAAS,KAAA,EAAA,CAAG,EAAA,CAAE,kBAAA,CAAoB,IAAA,CAAA,UAAU,SAAS,CAAA;AAAA,QAAS,KAAA,EAAA,CAAG,EAAA,CAAE,cAAe,IAAA,CAAA,SAAA,CAAU,aAAQ,OAAA,CAAA;AAAA,QAAA,EAAA,CAAwB,IAAA,CAAA,EAAA,CAAG,EAAC,mBAAA,CAAA,GAAwB,IAAA,CAAA,gBAAA;AAAgB,OAAA,CAAA;AAAA,MAOhP,IAAA,EAAK;AAAA,KAAA;AAAA;OAELF,SAAA,CAAA,IAAA,CAAA,EAAAC,kBAAA;AAAA,QAUEE,QAAA;AAAA,QAAA,IAAA;AAAA,QAAAC,UAAA,CATgB,IAAA,CAAA,IAAA,CAAK,UAAA,EAAU,CAAxB,KAAA,KAAK;8BADdC,WAAA,CAUE,uBAAA,EAAA;AAAA,YARC,GAAA,EAAK,IAAA,YAAW,KAAK,CAAA;AAAA,YACrB,IAAA,EAAM,KAAA;AAAA,YACN,OAAO,IAAA,CAAA,KAAA;AAAA,YACP,WAAW,IAAA,CAAA,SAAA;AAAA,YACX,uBAAqB,IAAA,CAAA,iBAAA;AAAA,YACrB,iBAAe,IAAA,CAAA,YAAA;AAAA,YACf,kBAAgB,IAAA,CAAA,aAAA;AAAA,YAChB,cAAa,IAAA,CAAA;AAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,cAAA,CAAA,CAAA;AAAA;;;;MAEL,IAAA,CAAA,OAAA,IAAAL,SAAA,EAAA,EAAXC,kBAAA;AAAA,QAMM,KAAA;AAAA,QAAA;AAAA,UAAA,GAAA,EAAA,CAAA;AAAA,UANe,OAAKC,cAAA,CAAE,IAAA,IAAG,CAAA,CAAC,aAAA,CAAA;AAAA,SAAA;AAAA;UAC9BI,WAIO,IAAA,sBAJP,MAAA;;AAIO,YAAA,OAAA;AAAA,cAHLC,kBAAA;AAAA,gBAEO,MAAA;AAAA,gBAAA;AAAA,kBAFA,OAAKL,cAAA,CAAE,IAAA,CAAA,EAAA,CAAG,CAAA,CAAC,YAAA,CAAA;AAAA,iBAAA;AAAA,gBACbM,iBAAA,EAAA,GAAA,IAAA,CAAA,SAAA,KAAA,YAAa,IAAA,CAAA,CAAA,CAAC,mBAAA,CAAA,CAAA;AAAA,gBAAA;AAAA;AAAA;AAAA,aAAA;AAAA,UAAA,CAAA;AAAA;;;;MAIvBC,cAAA,CAAAF,kBAAA;AAAA,QAIE,KAAA;AAAA,QAAA;AAAA,UAFA,GAAA,EAAI,gBAAA;AAAA,UACH,OAAKL,cAAA,CAAE,IAAA,CAAA,EAAA,CAAG,CAAA,CAAC,gBAAA,CAAA;AAAA,SAAA;AAAA;;;;QAFJ,CAAAQ,KAAA,EAAA,IAAA,CAAA,SAAA,CAAU,iBAAiB;AAAA,OAAA;AAAA;;;;;;;;;"}