@element-plus/nightly 0.0.20220121 → 0.0.20220125

package/es/components/carousel/src/main.vue_vue_type_template_id_1303d144_lang.mjs

@@ -1,101 +0,0 @@
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, normalizeStyle, createBlock, Transition, withCtx, withDirectives, createVNode, vShow, createCommentVNode, renderSlot, Fragment, renderList, toDisplayString } from 'vue';
-
-const _hoisted_1 = ["onMouseenter", "onClick"];
-const _hoisted_2 = { class: "el-carousel__button" };
-const _hoisted_3 = { key: 0 };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_arrow_left = resolveComponent("arrow-left");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_arrow_right = resolveComponent("arrow-right");
-  return openBlock(), createElementBlock("div", {
-    ref: "root",
-    class: normalizeClass(_ctx.carouselClasses),
-    onMouseenter: _cache[6] || (_cache[6] = withModifiers((...args) => _ctx.handleMouseEnter && _ctx.handleMouseEnter(...args), ["stop"])),
-    onMouseleave: _cache[7] || (_cache[7] = withModifiers((...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args), ["stop"]))
-  }, [
-    createElementVNode("div", {
-      class: "el-carousel__container",
-      style: normalizeStyle({ height: _ctx.height })
-    }, [
-      _ctx.arrowDisplay ? (openBlock(), createBlock(Transition, {
-        key: 0,
-        name: "carousel-arrow-left"
-      }, {
-        default: withCtx(() => [
-          withDirectives(createElementVNode("button", {
-            type: "button",
-            class: "el-carousel__arrow el-carousel__arrow--left",
-            onMouseenter: _cache[0] || (_cache[0] = ($event) => _ctx.handleButtonEnter("left")),
-            onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.handleButtonLeave && _ctx.handleButtonLeave(...args)),
-            onClick: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.throttledArrowClick(_ctx.data.activeIndex - 1), ["stop"]))
-          }, [
-            createVNode(_component_el_icon, null, {
-              default: withCtx(() => [
-                createVNode(_component_arrow_left)
-              ]),
-              _: 1
-            })
-          ], 544), [
-            [
-              vShow,
-              (_ctx.arrow === "always" || _ctx.data.hover) && (_ctx.props.loop || _ctx.data.activeIndex > 0)
-            ]
-          ])
-        ]),
-        _: 1
-      })) : createCommentVNode("v-if", true),
-      _ctx.arrowDisplay ? (openBlock(), createBlock(Transition, {
-        key: 1,
-        name: "carousel-arrow-right"
-      }, {
-        default: withCtx(() => [
-          withDirectives(createElementVNode("button", {
-            type: "button",
-            class: "el-carousel__arrow el-carousel__arrow--right",
-            onMouseenter: _cache[3] || (_cache[3] = ($event) => _ctx.handleButtonEnter("right")),
-            onMouseleave: _cache[4] || (_cache[4] = (...args) => _ctx.handleButtonLeave && _ctx.handleButtonLeave(...args)),
-            onClick: _cache[5] || (_cache[5] = withModifiers(($event) => _ctx.throttledArrowClick(_ctx.data.activeIndex + 1), ["stop"]))
-          }, [
-            createVNode(_component_el_icon, null, {
-              default: withCtx(() => [
-                createVNode(_component_arrow_right)
-              ]),
-              _: 1
-            })
-          ], 544), [
-            [
-              vShow,
-              (_ctx.arrow === "always" || _ctx.data.hover) && (_ctx.props.loop || _ctx.data.activeIndex < _ctx.items.length - 1)
-            ]
-          ])
-        ]),
-        _: 1
-      })) : createCommentVNode("v-if", true),
-      renderSlot(_ctx.$slots, "default")
-    ], 4),
-    _ctx.indicatorPosition !== "none" ? (openBlock(), createElementBlock("ul", {
-      key: 0,
-      class: normalizeClass(_ctx.indicatorsClasses)
-    }, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
-        return openBlock(), createElementBlock("li", {
-          key: index,
-          class: normalizeClass([
-            "el-carousel__indicator",
-            "el-carousel__indicator--" + _ctx.direction,
-            { "is-active": index === _ctx.data.activeIndex }
-          ]),
-          onMouseenter: ($event) => _ctx.throttledIndicatorHover(index),
-          onClick: withModifiers(($event) => _ctx.handleIndicatorClick(index), ["stop"])
-        }, [
-          createElementVNode("button", _hoisted_2, [
-            _ctx.hasLabel ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(item.label), 1)) : createCommentVNode("v-if", true)
-          ])
-        ], 42, _hoisted_1);
-      }), 128))
-    ], 2)) : createCommentVNode("v-if", true)
-  ], 34);
-}
-
-export { render };
-//# sourceMappingURL=main.vue_vue_type_template_id_1303d144_lang.mjs.map

package/es/components/carousel/src/main.vue_vue_type_template_id_1303d144_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.vue_vue_type_template_id_1303d144_lang.mjs","sources":["../../../../../../packages/components/carousel/src/main.vue?vue&type=template&id=1303d144&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"root\"\n    :class=\"carouselClasses\"\n    @mouseenter.stop=\"handleMouseEnter\"\n    @mouseleave.stop=\"handleMouseLeave\"\n  >\n    <div class=\"el-carousel__container\" :style=\"{ height: height }\">\n      <transition v-if=\"arrowDisplay\" name=\"carousel-arrow-left\">\n        <button\n          v-show=\"\n            (arrow === 'always' || data.hover) &&\n            (props.loop || data.activeIndex > 0)\n          \"\n          type=\"button\"\n          class=\"el-carousel__arrow el-carousel__arrow--left\"\n          @mouseenter=\"handleButtonEnter('left')\"\n          @mouseleave=\"handleButtonLeave\"\n          @click.stop=\"throttledArrowClick(data.activeIndex - 1)\"\n        >\n          <el-icon>\n            <arrow-left />\n          </el-icon>\n        </button>\n      </transition>\n      <transition v-if=\"arrowDisplay\" name=\"carousel-arrow-right\">\n        <button\n          v-show=\"\n            (arrow === 'always' || data.hover) &&\n            (props.loop || data.activeIndex < items.length - 1)\n          \"\n          type=\"button\"\n          class=\"el-carousel__arrow el-carousel__arrow--right\"\n          @mouseenter=\"handleButtonEnter('right')\"\n          @mouseleave=\"handleButtonLeave\"\n          @click.stop=\"throttledArrowClick(data.activeIndex + 1)\"\n        >\n          <el-icon>\n            <arrow-right />\n          </el-icon>\n        </button>\n      </transition>\n      <slot></slot>\n    </div>\n    <ul v-if=\"indicatorPosition !== 'none'\" :class=\"indicatorsClasses\">\n      <li\n        v-for=\"(item, index) in items\"\n        :key=\"index\"\n        :class=\"[\n          'el-carousel__indicator',\n          'el-carousel__indicator--' + direction,\n          { 'is-active': index === data.activeIndex },\n        ]\"\n        @mouseenter=\"throttledIndicatorHover(index)\"\n        @click.stop=\"handleIndicatorClick(index)\"\n      >\n        <button class=\"el-carousel__button\">\n          <span v-if=\"hasLabel\">{{ item.label }}</span>\n        </button>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  reactive,\n  computed,\n  ref,\n  provide,\n  onMounted,\n  onBeforeUnmount,\n  watch,\n  nextTick,\n} from 'vue'\nimport throttle from 'lodash/throttle'\nimport {\n  addResizeListener,\n  removeResizeListener,\n} from '@element-plus/utils/resize-event'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'\n\nimport { debugWarn } from '@element-plus/utils/error'\nimport type {\n  ICarouselProps,\n  CarouselItem,\n  InjectCarouselScope,\n} from './carousel'\n\nexport default defineComponent({\n  name: 'ElCarousel',\n  components: {\n    ElIcon,\n    ArrowLeft,\n    ArrowRight,\n  },\n  props: {\n    initialIndex: {\n      type: Number,\n      default: 0,\n    },\n    height: { type: String, default: '' },\n    trigger: {\n      type: String,\n      default: 'hover',\n    },\n    autoplay: {\n      type: Boolean,\n      default: true,\n    },\n    interval: {\n      type: Number,\n      default: 3000,\n    },\n    indicatorPosition: { type: String, default: '' },\n    indicator: {\n      type: Boolean,\n      default: true,\n    },\n    arrow: {\n      type: String,\n      default: 'hover',\n    },\n    type: { type: String, default: '' },\n    loop: {\n      type: Boolean,\n      default: true,\n    },\n    direction: {\n      type: String,\n      default: 'horizontal',\n      validator(val: string) {\n        return ['horizontal', 'vertical'].includes(val)\n      },\n    },\n    pauseOnHover: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  emits: ['change'],\n  setup(props: ICarouselProps, { emit }) {\n    // data\n    const data = reactive<{\n      activeIndex: number\n      containerWidth: number\n      timer: null | ReturnType<typeof setInterval>\n      hover: boolean\n    }>({\n      activeIndex: -1,\n      containerWidth: 0,\n      timer: null,\n      hover: false,\n    })\n\n    // refs\n    const root = ref(null)\n    const items = ref<CarouselItem[]>([])\n\n    // computed\n    const arrowDisplay = computed(\n      () => props.arrow !== 'never' && props.direction !== 'vertical'\n    )\n\n    const hasLabel = computed(() => {\n      return items.value.some((item) => item.label.toString().length > 0)\n    })\n\n    const carouselClasses = computed(() => {\n      const classes = ['el-carousel', `el-carousel--${props.direction}`]\n      if (props.type === 'card') {\n        classes.push('el-carousel--card')\n      }\n      return classes\n    })\n\n    const indicatorsClasses = computed(() => {\n      const classes = [\n        'el-carousel__indicators',\n        `el-carousel__indicators--${props.direction}`,\n      ]\n      if (hasLabel.value) {\n        classes.push('el-carousel__indicators--labels')\n      }\n      if (props.indicatorPosition === 'outside' || props.type === 'card') {\n        classes.push('el-carousel__indicators--outside')\n      }\n      return classes\n    })\n\n    // methods\n    const throttledArrowClick = throttle(\n      (index) => {\n        setActiveItem(index)\n      },\n      300,\n      { trailing: true }\n    )\n\n    const throttledIndicatorHover = throttle((index) => {\n      handleIndicatorHover(index)\n    }, 300)\n\n    function pauseTimer() {\n      if (data.timer) {\n        clearInterval(data.timer)\n        data.timer = null\n      }\n    }\n\n    function startTimer() {\n      if (props.interval <= 0 || !props.autoplay || data.timer) return\n      data.timer = setInterval(() => playSlides(), props.interval)\n    }\n\n    const playSlides = () => {\n      if (data.activeIndex < items.value.length - 1) {\n        data.activeIndex = data.activeIndex + 1\n      } else if (props.loop) {\n        data.activeIndex = 0\n      }\n    }\n\n    function setActiveItem(index) {\n      if (typeof index === 'string') {\n        const filteredItems = items.value.filter((item) => item.name === index)\n        if (filteredItems.length > 0) {\n          index = items.value.indexOf(filteredItems[0])\n        }\n      }\n      index = Number(index)\n      if (isNaN(index) || index !== Math.floor(index)) {\n        debugWarn('Carousel', 'index must be an integer.')\n        return\n      }\n      const length = items.value.length\n      const oldIndex = data.activeIndex\n      if (index < 0) {\n        data.activeIndex = props.loop ? length - 1 : 0\n      } else if (index >= length) {\n        data.activeIndex = props.loop ? 0 : length - 1\n      } else {\n        data.activeIndex = index\n      }\n      if (oldIndex === data.activeIndex) {\n        resetItemPosition(oldIndex)\n      }\n    }\n\n    function resetItemPosition(oldIndex) {\n      items.value.forEach((item, index) => {\n        item.translateItem(index, data.activeIndex, oldIndex)\n      })\n    }\n\n    function addItem(item) {\n      items.value.push(item)\n    }\n\n    function removeItem(uid) {\n      const index = items.value.findIndex((item) => item.uid === uid)\n      if (index !== -1) {\n        items.value.splice(index, 1)\n        if (data.activeIndex === index) next()\n      }\n    }\n\n    function itemInStage(item, index) {\n      const length = items.value.length\n      if (\n        (index === length - 1 && item.inStage && items.value[0].active) ||\n        (item.inStage &&\n          items.value[index + 1] &&\n          items.value[index + 1].active)\n      ) {\n        return 'left'\n      } else if (\n        (index === 0 && item.inStage && items.value[length - 1].active) ||\n        (item.inStage &&\n          items.value[index - 1] &&\n          items.value[index - 1].active)\n      ) {\n        return 'right'\n      }\n      return false\n    }\n\n    function handleMouseEnter() {\n      data.hover = true\n      if (props.pauseOnHover) {\n        pauseTimer()\n      }\n    }\n\n    function handleMouseLeave() {\n      data.hover = false\n      startTimer()\n    }\n\n    function handleButtonEnter(arrow) {\n      if (props.direction === 'vertical') return\n      items.value.forEach((item, index) => {\n        if (arrow === itemInStage(item, index)) {\n          item.hover = true\n        }\n      })\n    }\n\n    function handleButtonLeave() {\n      if (props.direction === 'vertical') return\n      items.value.forEach((item) => {\n        item.hover = false\n      })\n    }\n\n    function handleIndicatorClick(index) {\n      data.activeIndex = index\n    }\n\n    function handleIndicatorHover(index) {\n      if (props.trigger === 'hover' && index !== data.activeIndex) {\n        data.activeIndex = index\n      }\n    }\n\n    function prev() {\n      setActiveItem(data.activeIndex - 1)\n    }\n\n    function next() {\n      setActiveItem(data.activeIndex + 1)\n    }\n\n    // watch\n    watch(\n      () => data.activeIndex,\n      (current, prev) => {\n        resetItemPosition(prev)\n        if (prev > -1) {\n          emit('change', current, prev)\n        }\n      }\n    )\n    watch(\n      () => props.autoplay,\n      (current) => {\n        current ? startTimer() : pauseTimer()\n      }\n    )\n    watch(\n      () => props.loop,\n      () => {\n        setActiveItem(data.activeIndex)\n      }\n    )\n\n    // lifecycle\n    onMounted(() => {\n      nextTick(() => {\n        addResizeListener(root.value, resetItemPosition)\n        if (\n          props.initialIndex < items.value.length &&\n          props.initialIndex >= 0\n        ) {\n          data.activeIndex = props.initialIndex\n        }\n        startTimer()\n      })\n    })\n\n    onBeforeUnmount(() => {\n      if (root.value) removeResizeListener(root.value, resetItemPosition)\n      pauseTimer()\n    })\n\n    // provide\n    provide<InjectCarouselScope>('injectCarouselScope', {\n      root,\n      direction: props.direction,\n      type: props.type,\n      items,\n      loop: props.loop,\n      addItem,\n      removeItem,\n      setActiveItem,\n    })\n\n    return {\n      data,\n      props,\n      items,\n\n      arrowDisplay,\n      carouselClasses,\n      indicatorsClasses,\n      hasLabel,\n\n      handleMouseEnter,\n      handleMouseLeave,\n      handleIndicatorClick,\n      throttledArrowClick,\n      throttledIndicatorHover,\n      handleButtonEnter,\n      handleButtonLeave,\n\n      prev,\n      next,\n      setActiveItem,\n\n      root,\n    }\n  },\n})\n</script>\n"],"names":["_createElementVNode","_createVNode","_withCtx"],"mappings":";;;;qBAwDgB,KAAK;;;;;;;;wBAvDnB;IACE;;IAECA;;;;MAGI,KAAK;WAAgC;;OACtB;wBAAlB;;YAAgC,IAAI,EAAC;;;;;;;;gBAUhCC;;;;;;;;;;;;;;;;;;;;;YAO2B,4BAA2B;;8BACzD;;;qBAMO,EAACC;gBACLD,WAAU;gBACV;;;gBAGD;;mBACE;;;;;;;;;;;;;;;;;;;;;;iCAON;;;;;;;sCAQe;;;;;;"}

package/es/components/cascader/src/index.vue_vue_type_script_lang.mjs

@@ -1,450 +0,0 @@
-import { defineComponent, inject, ref, computed, nextTick, watch, onMounted, onBeforeUnmount } from 'vue';
-import { isPromise } from '@vue/shared';
-import debounce from 'lodash/debounce';
-import { isClient } from '@vueuse/core';
-import _CascaderPanel from '../../cascader-panel/index.mjs';
-import { ElInput } from '../../input/index.mjs';
-import { ElTooltip } from '../../tooltip/index.mjs';
-import { ElScrollbar } from '../../scrollbar/index.mjs';
-import { ElTag } from '../../tag/index.mjs';
-import { ElIcon } from '../../icon/index.mjs';
-import '../../../tokens/index.mjs';
-import '../../../directives/index.mjs';
-import '../../../hooks/index.mjs';
-import { EVENT_CODE, focusNode, getSibling } from '../../../utils/aria.mjs';
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../utils/constants.mjs';
-import { addResizeListener, removeResizeListener } from '../../../utils/resize-event.mjs';
-import { isValidComponentSize } from '../../../utils/validators.mjs';
-import { isKorean } from '../../../utils/isDef.mjs';
-import { CircleClose, Check, ArrowDown } from '@element-plus/icons-vue';
-import ClickOutside from '../../../directives/click-outside/index.mjs';
-import { CommonProps } from '../../cascader-panel/src/config.mjs';
-import { useLocale } from '../../../hooks/use-locale/index.mjs';
-import { elFormKey, elFormItemKey } from '../../../tokens/form.mjs';
-import { useSize } from '../../../hooks/use-common-props/index.mjs';
-
-const DEFAULT_INPUT_HEIGHT = 40;
-const INPUT_HEIGHT_MAP = {
-  large: 36,
-  default: 32,
-  small: 28
-};
-const popperOptions = {
-  modifiers: [
-    {
-      name: "arrowPosition",
-      enabled: true,
-      phase: "main",
-      fn: ({ state }) => {
-        const { modifiersData, placement } = state;
-        if (["right", "left", "bottom", "top"].includes(placement))
-          return;
-        modifiersData.arrow.x = 35;
-      },
-      requires: ["arrow"]
-    }
-  ]
-};
-var script = defineComponent({
-  name: "ElCascader",
-  components: {
-    ElCascaderPanel: _CascaderPanel,
-    ElInput,
-    ElTooltip,
-    ElScrollbar,
-    ElTag,
-    ElIcon,
-    CircleClose,
-    Check,
-    ArrowDown
-  },
-  directives: {
-    Clickoutside: ClickOutside
-  },
-  props: {
-    ...CommonProps,
-    size: {
-      type: String,
-      validator: isValidComponentSize
-    },
-    placeholder: {
-      type: String
-    },
-    disabled: Boolean,
-    clearable: Boolean,
-    filterable: Boolean,
-    filterMethod: {
-      type: Function,
-      default: (node, keyword) => node.text.includes(keyword)
-    },
-    separator: {
-      type: String,
-      default: " / "
-    },
-    showAllLevels: {
-      type: Boolean,
-      default: true
-    },
-    collapseTags: Boolean,
-    debounce: {
-      type: Number,
-      default: 300
-    },
-    beforeFilter: {
-      type: Function,
-      default: () => true
-    },
-    popperClass: {
-      type: String,
-      default: ""
-    },
-    popperAppendToBody: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: [
-    UPDATE_MODEL_EVENT,
-    CHANGE_EVENT,
-    "focus",
-    "blur",
-    "visible-change",
-    "expand-change",
-    "remove-tag"
-  ],
-  setup(props, { emit }) {
-    let inputInitialHeight = 0;
-    let pressDeleteCount = 0;
-    const { t } = useLocale();
-    const elForm = inject(elFormKey, {});
-    const elFormItem = inject(elFormItemKey, {});
-    const tooltipRef = ref(null);
-    const input = ref(null);
-    const tagWrapper = ref(null);
-    const panel = ref(null);
-    const suggestionPanel = ref(null);
-    const popperVisible = ref(false);
-    const inputHover = ref(false);
-    const filtering = ref(false);
-    const inputValue = ref("");
-    const searchInputValue = ref("");
-    const presentTags = ref([]);
-    const suggestions = ref([]);
-    const isOnComposition = ref(false);
-    const isDisabled = computed(() => props.disabled || elForm.disabled);
-    const inputPlaceholder = computed(() => props.placeholder || t("el.cascader.placeholder"));
-    const realSize = useSize();
-    const tagSize = computed(() => ["small"].includes(realSize.value) ? "small" : "default");
-    const multiple = computed(() => !!props.props.multiple);
-    const readonly = computed(() => !props.filterable || multiple.value);
-    const searchKeyword = computed(() => multiple.value ? searchInputValue.value : inputValue.value);
-    const checkedNodes = computed(() => {
-      var _a;
-      return ((_a = panel.value) == null ? void 0 : _a.checkedNodes) || [];
-    });
-    const clearBtnVisible = computed(() => {
-      if (!props.clearable || isDisabled.value || filtering.value || !inputHover.value)
-        return false;
-      return !!checkedNodes.value.length;
-    });
-    const presentText = computed(() => {
-      const { showAllLevels, separator } = props;
-      const nodes = checkedNodes.value;
-      return nodes.length ? multiple.value ? " " : nodes[0].calcText(showAllLevels, separator) : "";
-    });
-    const checkedValue = computed({
-      get() {
-        return props.modelValue;
-      },
-      set(val) {
-        var _a;
-        emit(UPDATE_MODEL_EVENT, val);
-        emit(CHANGE_EVENT, val);
-        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change");
-      }
-    });
-    const popperPaneRef = computed(() => {
-      var _a, _b;
-      return (_b = (_a = tooltipRef.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
-    });
-    const togglePopperVisible = (visible) => {
-      var _a, _b, _c;
-      if (isDisabled.value)
-        return;
-      visible = visible != null ? visible : !popperVisible.value;
-      if (visible !== popperVisible.value) {
-        popperVisible.value = visible;
-        (_b = (_a = input.value) == null ? void 0 : _a.input) == null ? void 0 : _b.setAttribute("aria-expanded", `${visible}`);
-        if (visible) {
-          updatePopperPosition();
-          nextTick((_c = panel.value) == null ? void 0 : _c.scrollToExpandingNode);
-        } else if (props.filterable) {
-          const { value } = presentText;
-          inputValue.value = value;
-          searchInputValue.value = value;
-        }
-        emit("visible-change", visible);
-      }
-    };
-    const updatePopperPosition = () => {
-      nextTick(() => {
-        var _a;
-        (_a = tooltipRef.value) == null ? void 0 : _a.updatePopper();
-      });
-    };
-    const hideSuggestionPanel = () => {
-      filtering.value = false;
-    };
-    const genTag = (node) => {
-      const { showAllLevels, separator } = props;
-      return {
-        node,
-        key: node.uid,
-        text: node.calcText(showAllLevels, separator),
-        hitState: false,
-        closable: !isDisabled.value && !node.isDisabled
-      };
-    };
-    const deleteTag = (tag) => {
-      var _a;
-      const node = tag.node;
-      node.doCheck(false);
-      (_a = panel.value) == null ? void 0 : _a.calculateCheckedValue();
-      emit("remove-tag", node.valueByOption);
-    };
-    const calculatePresentTags = () => {
-      if (!multiple.value)
-        return;
-      const nodes = checkedNodes.value;
-      const tags = [];
-      if (nodes.length) {
-        const [first, ...rest] = nodes;
-        const restCount = rest.length;
-        tags.push(genTag(first));
-        if (restCount) {
-          if (props.collapseTags) {
-            tags.push({
-              key: -1,
-              text: `+ ${restCount}`,
-              closable: false
-            });
-          } else {
-            rest.forEach((node) => tags.push(genTag(node)));
-          }
-        }
-      }
-      presentTags.value = tags;
-    };
-    const calculateSuggestions = () => {
-      var _a, _b;
-      const { filterMethod, showAllLevels, separator } = props;
-      const res = (_b = (_a = panel.value) == null ? void 0 : _a.getFlattedNodes(!props.props.checkStrictly)) == null ? void 0 : _b.filter((node) => {
-        if (node.isDisabled)
-          return false;
-        node.calcText(showAllLevels, separator);
-        return filterMethod(node, searchKeyword.value);
-      });
-      if (multiple.value) {
-        presentTags.value.forEach((tag) => {
-          tag.hitState = false;
-        });
-      }
-      filtering.value = true;
-      suggestions.value = res;
-      updatePopperPosition();
-    };
-    const focusFirstNode = () => {
-      var _a;
-      let firstNode;
-      if (filtering.value && suggestionPanel.value) {
-        firstNode = suggestionPanel.value.$el.querySelector(".el-cascader__suggestion-item");
-      } else {
-        firstNode = (_a = panel.value) == null ? void 0 : _a.$el.querySelector('.el-cascader-node[tabindex="-1"]');
-      }
-      if (firstNode) {
-        firstNode.focus();
-        !filtering.value && firstNode.click();
-      }
-    };
-    const updateStyle = () => {
-      var _a, _b;
-      const inputInner = (_a = input.value) == null ? void 0 : _a.input;
-      const tagWrapperEl = tagWrapper.value;
-      const suggestionPanelEl = (_b = suggestionPanel.value) == null ? void 0 : _b.$el;
-      if (!isClient || !inputInner)
-        return;
-      if (suggestionPanelEl) {
-        const suggestionList = suggestionPanelEl.querySelector(".el-cascader__suggestion-list");
-        suggestionList.style.minWidth = `${inputInner.offsetWidth}px`;
-      }
-      if (tagWrapperEl) {
-        const { offsetHeight } = tagWrapperEl;
-        const height = presentTags.value.length > 0 ? `${Math.max(offsetHeight + 6, inputInitialHeight)}px` : `${inputInitialHeight}px`;
-        inputInner.style.height = height;
-        updatePopperPosition();
-      }
-    };
-    const getCheckedNodes = (leafOnly) => {
-      var _a;
-      return (_a = panel.value) == null ? void 0 : _a.getCheckedNodes(leafOnly);
-    };
-    const handleExpandChange = (value) => {
-      updatePopperPosition();
-      emit("expand-change", value);
-    };
-    const handleComposition = (event) => {
-      var _a;
-      const text = (_a = event.target) == null ? void 0 : _a.value;
-      if (event.type === "compositionend") {
-        isOnComposition.value = false;
-        nextTick(() => handleInput(text));
-      } else {
-        const lastCharacter = text[text.length - 1] || "";
-        isOnComposition.value = !isKorean(lastCharacter);
-      }
-    };
-    const handleKeyDown = (e) => {
-      if (isOnComposition.value)
-        return;
-      switch (e.code) {
-        case EVENT_CODE.enter:
-          togglePopperVisible();
-          break;
-        case EVENT_CODE.down:
-          togglePopperVisible(true);
-          nextTick(focusFirstNode);
-          e.preventDefault();
-          break;
-        case EVENT_CODE.esc:
-        case EVENT_CODE.tab:
-          togglePopperVisible(false);
-          break;
-      }
-    };
-    const handleClear = () => {
-      var _a;
-      (_a = panel.value) == null ? void 0 : _a.clearCheckedNodes();
-      togglePopperVisible(false);
-    };
-    const handleSuggestionClick = (node) => {
-      var _a, _b;
-      const { checked } = node;
-      if (multiple.value) {
-        (_a = panel.value) == null ? void 0 : _a.handleCheckChange(node, !checked, false);
-      } else {
-        !checked && ((_b = panel.value) == null ? void 0 : _b.handleCheckChange(node, true, false));
-        togglePopperVisible(false);
-      }
-    };
-    const handleSuggestionKeyDown = (e) => {
-      const target = e.target;
-      const { code } = e;
-      switch (code) {
-        case EVENT_CODE.up:
-        case EVENT_CODE.down: {
-          const distance = code === EVENT_CODE.up ? -1 : 1;
-          focusNode(getSibling(target, distance, '.el-cascader__suggestion-item[tabindex="-1"]'));
-          break;
-        }
-        case EVENT_CODE.enter:
-          target.click();
-          break;
-        case EVENT_CODE.esc:
-        case EVENT_CODE.tab:
-          togglePopperVisible(false);
-          break;
-      }
-    };
-    const handleDelete = () => {
-      const tags = presentTags.value;
-      const lastTag = tags[tags.length - 1];
-      pressDeleteCount = searchInputValue.value ? 0 : pressDeleteCount + 1;
-      if (!lastTag || !pressDeleteCount)
-        return;
-      if (lastTag.hitState) {
-        deleteTag(lastTag);
-      } else {
-        lastTag.hitState = true;
-      }
-    };
-    const handleFilter = debounce(() => {
-      const { value } = searchKeyword;
-      if (!value)
-        return;
-      const passed = props.beforeFilter(value);
-      if (isPromise(passed)) {
-        passed.then(calculateSuggestions).catch(() => {
-        });
-      } else if (passed !== false) {
-        calculateSuggestions();
-      } else {
-        hideSuggestionPanel();
-      }
-    }, props.debounce);
-    const handleInput = (val, e) => {
-      !popperVisible.value && togglePopperVisible(true);
-      if (e == null ? void 0 : e.isComposing)
-        return;
-      val ? handleFilter() : hideSuggestionPanel();
-    };
-    watch(filtering, updatePopperPosition);
-    watch([checkedNodes, isDisabled], calculatePresentTags);
-    watch(presentTags, () => {
-      nextTick(() => updateStyle());
-    });
-    watch(presentText, (val) => inputValue.value = val, { immediate: true });
-    onMounted(() => {
-      var _a;
-      const inputEl = (_a = input.value) == null ? void 0 : _a.$el;
-      inputInitialHeight = (inputEl == null ? void 0 : inputEl.offsetHeight) || INPUT_HEIGHT_MAP[realSize.value] || DEFAULT_INPUT_HEIGHT;
-      addResizeListener(inputEl, updateStyle);
-    });
-    onBeforeUnmount(() => {
-      var _a;
-      removeResizeListener((_a = input.value) == null ? void 0 : _a.$el, updateStyle);
-    });
-    return {
-      popperOptions,
-      tooltipRef,
-      popperPaneRef,
-      input,
-      tagWrapper,
-      panel,
-      suggestionPanel,
-      popperVisible,
-      inputHover,
-      inputPlaceholder,
-      filtering,
-      presentText,
-      checkedValue,
-      inputValue,
-      searchInputValue,
-      presentTags,
-      suggestions,
-      isDisabled,
-      isOnComposition,
-      realSize,
-      tagSize,
-      multiple,
-      readonly,
-      clearBtnVisible,
-      t,
-      togglePopperVisible,
-      hideSuggestionPanel,
-      deleteTag,
-      focusFirstNode,
-      getCheckedNodes,
-      handleExpandChange,
-      handleKeyDown,
-      handleComposition,
-      handleClear,
-      handleSuggestionClick,
-      handleSuggestionKeyDown,
-      handleDelete,
-      handleInput
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=index.vue_vue_type_script_lang.mjs.map

package/es/components/cascader/src/index.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/cascader/src/index.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"tooltipRef\"\n    v-model:visible=\"popperVisible\"\n    :append-to-body=\"popperAppendToBody\"\n    :popper-class=\"`el-cascader__dropdown ${popperClass}`\"\n    :popper-options=\"popperOptions\"\n    :fallback-placements=\"[\n      'bottom-start',\n      'bottom',\n      'top-start',\n      'top',\n      'right',\n      'left',\n    ]\"\n    :stop-popper-mouse-event=\"false\"\n    :gpu-acceleration=\"false\"\n    placement=\"bottom-start\"\n    transition=\"el-zoom-in-top\"\n    effect=\"light\"\n    pure\n    persistent\n    @hide=\"hideSuggestionPanel\"\n  >\n    <template #default>\n      <div\n        v-clickoutside:[popperPaneRef]=\"() => togglePopperVisible(false)\"\n        :class=\"[\n          'el-cascader',\n          realSize && `el-cascader--${realSize}`,\n          { 'is-disabled': isDisabled },\n          $attrs.class,\n        ]\"\n        :style=\"$attrs.style\"\n        @click=\"() => togglePopperVisible(readonly ? undefined : true)\"\n        @keydown=\"handleKeyDown\"\n        @mouseenter=\"inputHover = true\"\n        @mouseleave=\"inputHover = false\"\n      >\n        <el-input\n          ref=\"input\"\n          v-model.trim=\"inputValue\"\n          :placeholder=\"inputPlaceholder\"\n          :readonly=\"readonly\"\n          :disabled=\"isDisabled\"\n          :validate-event=\"false\"\n          :size=\"realSize\"\n          :class=\"{ 'is-focus': popperVisible }\"\n          @compositionstart=\"handleComposition\"\n          @compositionupdate=\"handleComposition\"\n          @compositionend=\"handleComposition\"\n          @focus=\"(e) => $emit('focus', e)\"\n          @blur=\"(e) => $emit('blur', e)\"\n          @input=\"handleInput\"\n        >\n          <template #suffix>\n            <el-icon\n              v-if=\"clearBtnVisible\"\n              key=\"clear\"\n              class=\"el-input__icon icon-circle-close\"\n              @click.stop=\"handleClear\"\n            >\n              <circle-close />\n            </el-icon>\n            <el-icon\n              v-else\n              key=\"arrow-down\"\n              :class=\"[\n                'el-input__icon',\n                'icon-arrow-down',\n                popperVisible && 'is-reverse',\n              ]\"\n              @click.stop=\"togglePopperVisible()\"\n            >\n              <arrow-down />\n            </el-icon>\n          </template>\n        </el-input>\n\n        <div v-if=\"multiple\" ref=\"tagWrapper\" class=\"el-cascader__tags\">\n          <el-tag\n            v-for=\"tag in presentTags\"\n            :key=\"tag.key\"\n            type=\"info\"\n            :size=\"tagSize\"\n            :hit=\"tag.hitState\"\n            :closable=\"tag.closable\"\n            disable-transitions\n            @close=\"deleteTag(tag)\"\n          >\n            <span>{{ tag.text }}</span>\n          </el-tag>\n          <input\n            v-if=\"filterable && !isDisabled\"\n            v-model.trim=\"searchInputValue\"\n            type=\"text\"\n            class=\"el-cascader__search-input\"\n            :placeholder=\"presentText ? '' : inputPlaceholder\"\n            @input=\"(e) => handleInput(searchInputValue, e)\"\n            @click.stop=\"togglePopperVisible(true)\"\n            @keydown.delete=\"handleDelete\"\n            @compositionstart=\"handleComposition\"\n            @compositionupdate=\"handleComposition\"\n            @compositionend=\"handleComposition\"\n          />\n        </div>\n      </div>\n    </template>\n\n    <template #content>\n      <el-cascader-panel\n        v-show=\"!filtering\"\n        ref=\"panel\"\n        v-model=\"checkedValue\"\n        :options=\"options\"\n        :props=\"props\"\n        :border=\"false\"\n        :render-label=\"$slots.default\"\n        @expand-change=\"handleExpandChange\"\n        @close=\"$nextTick(() => togglePopperVisible(false))\"\n      />\n      <el-scrollbar\n        v-if=\"filterable\"\n        v-show=\"filtering\"\n        ref=\"suggestionPanel\"\n        tag=\"ul\"\n        class=\"el-cascader__suggestion-panel\"\n        view-class=\"el-cascader__suggestion-list\"\n        @keydown=\"handleSuggestionKeyDown\"\n      >\n        <template v-if=\"suggestions.length\">\n          <li\n            v-for=\"item in suggestions\"\n            :key=\"item.uid\"\n            :class=\"[\n              'el-cascader__suggestion-item',\n              item.checked && 'is-checked',\n            ]\"\n            :tabindex=\"-1\"\n            @click=\"handleSuggestionClick(item)\"\n          >\n            <span>{{ item.text }}</span>\n            <el-icon v-if=\"item.checked\"><check /></el-icon>\n          </li>\n        </template>\n        <slot v-else name=\"empty\">\n          <li class=\"el-cascader__empty-text\">\n            {{ t('el.cascader.noMatch') }}\n          </li>\n        </slot>\n      </el-scrollbar>\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onMounted,\n  onBeforeUnmount,\n  ref,\n  watch,\n} from 'vue'\nimport { isPromise } from '@vue/shared'\nimport debounce from 'lodash/debounce'\n\nimport { isClient } from '@vueuse/core'\nimport ElCascaderPanel, {\n  CommonProps,\n} from '@element-plus/components/cascader-panel'\nimport ElInput from '@element-plus/components/input'\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'\n\nimport { elFormKey, elFormItemKey } from '@element-plus/tokens'\nimport { ClickOutside as Clickoutside } from '@element-plus/directives'\nimport { useLocale, useSize } from '@element-plus/hooks'\n\nimport { EVENT_CODE, focusNode, getSibling } from '@element-plus/utils/aria'\nimport { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/utils/constants'\nimport {\n  addResizeListener,\n  removeResizeListener,\n} from '@element-plus/utils/resize-event'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { isKorean } from '@element-plus/utils/isDef'\nimport { CircleClose, Check, ArrowDown } from '@element-plus/icons-vue'\n\nimport type { Options } from '@element-plus/components/popper'\nimport type { ComputedRef, PropType, Ref } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-plus/tokens'\nimport type {\n  CascaderValue,\n  CascaderNode,\n  Tag,\n} from '@element-plus/components/cascader-panel'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\ntype cascaderPanelType = InstanceType<typeof ElCascaderPanel>\ntype tooltipType = InstanceType<typeof ElTooltip>\ntype inputType = InstanceType<typeof ElInput>\ntype suggestionPanelType = InstanceType<typeof ElScrollbar>\n\nconst DEFAULT_INPUT_HEIGHT = 40\n\nconst INPUT_HEIGHT_MAP = {\n  large: 36,\n  default: 32,\n  small: 28,\n}\n\nconst popperOptions: Partial<Options> = {\n  modifiers: [\n    {\n      name: 'arrowPosition',\n      enabled: true,\n      phase: 'main',\n      fn: ({ state }) => {\n        const { modifiersData, placement } = state as any\n        if (['right', 'left', 'bottom', 'top'].includes(placement)) return\n        modifiersData.arrow.x = 35\n      },\n      requires: ['arrow'],\n    },\n  ],\n}\n\nexport default defineComponent({\n  name: 'ElCascader',\n\n  components: {\n    ElCascaderPanel,\n    ElInput,\n    ElTooltip,\n    ElScrollbar,\n    ElTag,\n    ElIcon,\n    CircleClose,\n    Check,\n    ArrowDown,\n  },\n\n  directives: {\n    Clickoutside,\n  },\n\n  props: {\n    ...CommonProps,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    placeholder: {\n      type: String,\n    },\n    disabled: Boolean,\n    clearable: Boolean,\n    filterable: Boolean,\n    filterMethod: {\n      type: Function as PropType<\n        (node: CascaderNode, keyword: string) => boolean\n      >,\n      default: (node: CascaderNode, keyword: string) =>\n        node.text.includes(keyword),\n    },\n    separator: {\n      type: String,\n      default: ' / ',\n    },\n    showAllLevels: {\n      type: Boolean,\n      default: true,\n    },\n    collapseTags: Boolean,\n    debounce: {\n      type: Number,\n      default: 300,\n    },\n    beforeFilter: {\n      type: Function as PropType<(value: string) => boolean | Promise<any>>,\n      default: () => true,\n    },\n    popperClass: {\n      type: String,\n      default: '',\n    },\n    popperAppendToBody: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    UPDATE_MODEL_EVENT,\n    CHANGE_EVENT,\n    'focus',\n    'blur',\n    'visible-change',\n    'expand-change',\n    'remove-tag',\n  ],\n\n  setup(props, { emit }) {\n    let inputInitialHeight = 0\n    let pressDeleteCount = 0\n\n    const { t } = useLocale()\n    const elForm = inject(elFormKey, {} as ElFormContext)\n    const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n    const tooltipRef: Ref<tooltipType | null> = ref(null)\n    const input: Ref<inputType | null> = ref(null)\n    const tagWrapper = ref(null)\n    const panel: Ref<cascaderPanelType | null> = ref(null)\n    const suggestionPanel: Ref<suggestionPanelType | null> = ref(null)\n    const popperVisible = ref(false)\n    const inputHover = ref(false)\n    const filtering = ref(false)\n    const inputValue = ref('')\n    const searchInputValue = ref('')\n    const presentTags: Ref<Tag[]> = ref([])\n    const suggestions: Ref<CascaderNode[]> = ref([])\n    const isOnComposition = ref(false)\n\n    const isDisabled = computed(() => props.disabled || elForm.disabled)\n    const inputPlaceholder = computed(\n      () => props.placeholder || t('el.cascader.placeholder')\n    )\n    const realSize = useSize()\n    const tagSize = computed(() =>\n      ['small'].includes(realSize.value) ? 'small' : 'default'\n    )\n    const multiple = computed(() => !!props.props.multiple)\n    const readonly = computed(() => !props.filterable || multiple.value)\n    const searchKeyword = computed(() =>\n      multiple.value ? searchInputValue.value : inputValue.value\n    )\n    const checkedNodes: ComputedRef<CascaderNode[]> = computed(\n      () => panel.value?.checkedNodes || []\n    )\n    const clearBtnVisible = computed(() => {\n      if (\n        !props.clearable ||\n        isDisabled.value ||\n        filtering.value ||\n        !inputHover.value\n      )\n        return false\n\n      return !!checkedNodes.value.length\n    })\n    const presentText = computed(() => {\n      const { showAllLevels, separator } = props\n      const nodes = checkedNodes.value\n      return nodes.length\n        ? multiple.value\n          ? ' '\n          : nodes[0].calcText(showAllLevels, separator)\n        : ''\n    })\n\n    const checkedValue = computed<CascaderValue>({\n      get() {\n        return props.modelValue\n      },\n      set(val) {\n        emit(UPDATE_MODEL_EVENT, val)\n        emit(CHANGE_EVENT, val)\n        elFormItem.validate?.('change')\n      },\n    })\n\n    const popperPaneRef = computed(() => {\n      return tooltipRef.value?.popperRef?.contentRef\n    })\n\n    const togglePopperVisible = (visible?: boolean) => {\n      if (isDisabled.value) return\n\n      visible = visible ?? !popperVisible.value\n\n      if (visible !== popperVisible.value) {\n        popperVisible.value = visible\n        input.value?.input?.setAttribute('aria-expanded', `${visible}`)\n\n        if (visible) {\n          updatePopperPosition()\n          nextTick(panel.value?.scrollToExpandingNode)\n        } else if (props.filterable) {\n          const { value } = presentText\n          inputValue.value = value\n          searchInputValue.value = value\n        }\n\n        emit('visible-change', visible)\n      }\n    }\n\n    const updatePopperPosition = () => {\n      nextTick(() => {\n        tooltipRef.value?.updatePopper()\n      })\n    }\n\n    const hideSuggestionPanel = () => {\n      filtering.value = false\n    }\n\n    const genTag = (node: CascaderNode): Tag => {\n      const { showAllLevels, separator } = props\n      return {\n        node,\n        key: node.uid,\n        text: node.calcText(showAllLevels, separator),\n        hitState: false,\n        closable: !isDisabled.value && !node.isDisabled,\n      }\n    }\n\n    const deleteTag = (tag: Tag) => {\n      const node = tag.node as CascaderNode\n      node.doCheck(false)\n      panel.value?.calculateCheckedValue()\n      emit('remove-tag', node.valueByOption)\n    }\n\n    const calculatePresentTags = () => {\n      if (!multiple.value) return\n\n      const nodes = checkedNodes.value\n      const tags: Tag[] = []\n\n      if (nodes.length) {\n        const [first, ...rest] = nodes\n        const restCount = rest.length\n\n        tags.push(genTag(first))\n\n        if (restCount) {\n          if (props.collapseTags) {\n            tags.push({\n              key: -1,\n              text: `+ ${restCount}`,\n              closable: false,\n            })\n          } else {\n            rest.forEach((node) => tags.push(genTag(node)))\n          }\n        }\n      }\n\n      presentTags.value = tags\n    }\n\n    const calculateSuggestions = () => {\n      const { filterMethod, showAllLevels, separator } = props\n      const res = panel.value\n        ?.getFlattedNodes(!props.props.checkStrictly)\n        ?.filter((node) => {\n          if (node.isDisabled) return false\n          node.calcText(showAllLevels, separator)\n          return filterMethod(node, searchKeyword.value)\n        })\n\n      if (multiple.value) {\n        presentTags.value.forEach((tag) => {\n          tag.hitState = false\n        })\n      }\n\n      filtering.value = true\n      suggestions.value = res!\n      updatePopperPosition()\n    }\n\n    const focusFirstNode = () => {\n      let firstNode!: HTMLElement\n\n      if (filtering.value && suggestionPanel.value) {\n        firstNode = suggestionPanel.value.$el.querySelector(\n          '.el-cascader__suggestion-item'\n        )\n      } else {\n        firstNode = panel.value?.$el.querySelector(\n          '.el-cascader-node[tabindex=\"-1\"]'\n        )\n      }\n\n      if (firstNode) {\n        firstNode.focus()\n        !filtering.value && firstNode.click()\n      }\n    }\n\n    const updateStyle = () => {\n      const inputInner = input.value?.input\n      const tagWrapperEl = tagWrapper.value\n      const suggestionPanelEl = suggestionPanel.value?.$el\n\n      if (!isClient || !inputInner) return\n\n      if (suggestionPanelEl) {\n        const suggestionList = suggestionPanelEl.querySelector(\n          '.el-cascader__suggestion-list'\n        )\n        suggestionList.style.minWidth = `${inputInner.offsetWidth}px`\n      }\n\n      if (tagWrapperEl) {\n        const { offsetHeight } = tagWrapperEl\n        const height =\n          presentTags.value.length > 0\n            ? `${Math.max(offsetHeight + 6, inputInitialHeight)}px`\n            : `${inputInitialHeight}px`\n        inputInner.style.height = height\n        updatePopperPosition()\n      }\n    }\n\n    const getCheckedNodes = (leafOnly: boolean) => {\n      return panel.value?.getCheckedNodes(leafOnly)\n    }\n\n    const handleExpandChange = (value: CascaderValue) => {\n      updatePopperPosition()\n      emit('expand-change', value)\n    }\n\n    const handleComposition = (event: CompositionEvent) => {\n      const text = (event.target as HTMLInputElement)?.value\n      if (event.type === 'compositionend') {\n        isOnComposition.value = false\n        nextTick(() => handleInput(text))\n      } else {\n        const lastCharacter = text[text.length - 1] || ''\n        isOnComposition.value = !isKorean(lastCharacter)\n      }\n    }\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (isOnComposition.value) return\n\n      switch (e.code) {\n        case EVENT_CODE.enter:\n          togglePopperVisible()\n          break\n        case EVENT_CODE.down:\n          togglePopperVisible(true)\n          nextTick(focusFirstNode)\n          e.preventDefault()\n          break\n        case EVENT_CODE.esc:\n        case EVENT_CODE.tab:\n          togglePopperVisible(false)\n          break\n      }\n    }\n\n    const handleClear = () => {\n      panel.value?.clearCheckedNodes()\n      togglePopperVisible(false)\n    }\n\n    const handleSuggestionClick = (node: CascaderNode) => {\n      const { checked } = node\n\n      if (multiple.value) {\n        panel.value?.handleCheckChange(node, !checked, false)\n      } else {\n        !checked && panel.value?.handleCheckChange(node, true, false)\n        togglePopperVisible(false)\n      }\n    }\n\n    const handleSuggestionKeyDown = (e: KeyboardEvent) => {\n      const target = e.target as HTMLElement\n      const { code } = e\n\n      switch (code) {\n        case EVENT_CODE.up:\n        case EVENT_CODE.down: {\n          const distance = code === EVENT_CODE.up ? -1 : 1\n          focusNode(\n            getSibling(\n              target,\n              distance,\n              '.el-cascader__suggestion-item[tabindex=\"-1\"]'\n            )\n          )\n          break\n        }\n        case EVENT_CODE.enter:\n          target.click()\n          break\n        case EVENT_CODE.esc:\n        case EVENT_CODE.tab:\n          togglePopperVisible(false)\n          break\n      }\n    }\n\n    const handleDelete = () => {\n      const tags = presentTags.value\n      const lastTag = tags[tags.length - 1]\n      pressDeleteCount = searchInputValue.value ? 0 : pressDeleteCount + 1\n\n      if (!lastTag || !pressDeleteCount) return\n\n      if (lastTag.hitState) {\n        deleteTag(lastTag)\n      } else {\n        lastTag.hitState = true\n      }\n    }\n\n    const handleFilter = debounce(() => {\n      const { value } = searchKeyword\n\n      if (!value) return\n\n      const passed = props.beforeFilter(value)\n\n      if (isPromise(passed)) {\n        passed.then(calculateSuggestions).catch(() => {\n          /* prevent log error */\n        })\n      } else if (passed !== false) {\n        calculateSuggestions()\n      } else {\n        hideSuggestionPanel()\n      }\n    }, props.debounce)\n\n    const handleInput = (val: string, e?: KeyboardEvent) => {\n      !popperVisible.value && togglePopperVisible(true)\n\n      if (e?.isComposing) return\n\n      val ? handleFilter() : hideSuggestionPanel()\n    }\n\n    watch(filtering, updatePopperPosition)\n\n    watch([checkedNodes, isDisabled], calculatePresentTags)\n\n    watch(presentTags, () => {\n      nextTick(() => updateStyle())\n    })\n\n    watch(presentText, (val) => (inputValue.value = val), { immediate: true })\n\n    onMounted(() => {\n      const inputEl = input.value?.$el\n      inputInitialHeight =\n        inputEl?.offsetHeight ||\n        INPUT_HEIGHT_MAP[realSize.value] ||\n        DEFAULT_INPUT_HEIGHT\n      addResizeListener(inputEl, updateStyle)\n    })\n\n    onBeforeUnmount(() => {\n      removeResizeListener(input.value?.$el, updateStyle)\n    })\n\n    return {\n      popperOptions,\n      tooltipRef,\n      popperPaneRef,\n      input,\n      tagWrapper,\n      panel,\n      suggestionPanel,\n      popperVisible,\n      inputHover,\n      inputPlaceholder,\n      filtering,\n      presentText,\n      checkedValue,\n      inputValue,\n      searchInputValue,\n      presentTags,\n      suggestions,\n      isDisabled,\n      isOnComposition,\n      realSize,\n      tagSize,\n      multiple,\n      readonly,\n      clearBtnVisible,\n      t,\n      togglePopperVisible,\n      hideSuggestionPanel,\n      deleteTag,\n      focusFirstNode,\n      getCheckedNodes,\n      handleExpandChange,\n      handleKeyDown,\n      handleComposition,\n      handleClear,\n      handleSuggestionClick,\n      handleSuggestionKeyDown,\n      handleDelete,\n      handleInput,\n    }\n  },\n})\n</script>\n"],"names":["ElCascaderPanel"],"mappings":"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"}