element-plus 1.2.0-beta.3 → 1.2.0-beta.4

package/lib/components/cascader/src/index.vue_vue_type_template_id_0429c2db_lang.js

@@ -0,0 +1,197 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = {
+  key: 0,
+  ref: "tagWrapper",
+  class: "el-cascader__tags"
+};
+const _hoisted_2 = ["placeholder"];
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "el-cascader__empty-text" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_circle_close = vue.resolveComponent("circle-close");
+  const _component_el_icon = vue.resolveComponent("el-icon");
+  const _component_arrow_down = vue.resolveComponent("arrow-down");
+  const _component_el_input = vue.resolveComponent("el-input");
+  const _component_el_tag = vue.resolveComponent("el-tag");
+  const _component_el_cascader_panel = vue.resolveComponent("el-cascader-panel");
+  const _component_check = vue.resolveComponent("check");
+  const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
+  const _component_el_popper = vue.resolveComponent("el-popper");
+  const _directive_clickoutside = vue.resolveDirective("clickoutside");
+  return vue.openBlock(), vue.createBlock(_component_el_popper, {
+    ref: "popper",
+    visible: _ctx.popperVisible,
+    "onUpdate:visible": _cache[17] || (_cache[17] = ($event) => _ctx.popperVisible = $event),
+    "manual-mode": "",
+    "append-to-body": _ctx.popperAppendToBody,
+    placement: "bottom-start",
+    "popper-class": `el-cascader__dropdown ${_ctx.popperClass}`,
+    "popper-options": _ctx.popperOptions,
+    "fallback-placements": ["bottom-start", "top-start", "right", "left"],
+    "stop-popper-mouse-event": false,
+    transition: "el-zoom-in-top",
+    "gpu-acceleration": false,
+    effect: _ctx.Effect.LIGHT,
+    pure: "",
+    onAfterLeave: _ctx.hideSuggestionPanel
+  }, {
+    trigger: vue.withCtx(() => [
+      vue.withDirectives(vue.createElementVNode("div", {
+        class: vue.normalizeClass([
+          "el-cascader",
+          _ctx.realSize && `el-cascader--${_ctx.realSize}`,
+          { "is-disabled": _ctx.isDisabled }
+        ]),
+        onClick: _cache[11] || (_cache[11] = () => _ctx.togglePopperVisible(_ctx.readonly ? void 0 : true)),
+        onKeydown: _cache[12] || (_cache[12] = (...args) => _ctx.handleKeyDown && _ctx.handleKeyDown(...args)),
+        onMouseenter: _cache[13] || (_cache[13] = ($event) => _ctx.inputHover = true),
+        onMouseleave: _cache[14] || (_cache[14] = ($event) => _ctx.inputHover = false)
+      }, [
+        vue.createVNode(_component_el_input, {
+          ref: "input",
+          modelValue: _ctx.inputValue,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.inputValue = $event),
+          modelModifiers: { trim: true },
+          placeholder: _ctx.inputPlaceholder,
+          readonly: _ctx.readonly,
+          disabled: _ctx.isDisabled,
+          "validate-event": false,
+          size: _ctx.realSize,
+          class: vue.normalizeClass({ "is-focus": _ctx.popperVisible }),
+          onCompositionstart: _ctx.handleComposition,
+          onCompositionupdate: _ctx.handleComposition,
+          onCompositionend: _ctx.handleComposition,
+          onFocus: _cache[2] || (_cache[2] = (e) => _ctx.$emit("focus", e)),
+          onBlur: _cache[3] || (_cache[3] = (e) => _ctx.$emit("blur", e)),
+          onInput: _ctx.handleInput
+        }, {
+          suffix: vue.withCtx(() => [
+            _ctx.clearBtnVisible ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+              key: "clear",
+              class: "el-input__icon icon-circle-close",
+              onClick: vue.withModifiers(_ctx.handleClear, ["stop"])
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_circle_close)
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : (vue.openBlock(), vue.createBlock(_component_el_icon, {
+              key: "arrow-down",
+              class: vue.normalizeClass([
+                "el-input__icon",
+                "icon-arrow-down",
+                _ctx.popperVisible && "is-reverse"
+              ]),
+              onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => _ctx.togglePopperVisible(), ["stop"]))
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_arrow_down)
+              ]),
+              _: 1
+            }, 8, ["class"]))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "placeholder", "readonly", "disabled", "size", "class", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput"]),
+        _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.presentTags, (tag) => {
+            return vue.openBlock(), vue.createBlock(_component_el_tag, {
+              key: tag.key,
+              type: "info",
+              size: _ctx.tagSize,
+              hit: tag.hitState,
+              closable: tag.closable,
+              "disable-transitions": "",
+              onClose: ($event) => _ctx.deleteTag(tag)
+            }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("span", null, vue.toDisplayString(tag.text), 1)
+              ]),
+              _: 2
+            }, 1032, ["size", "hit", "closable", "onClose"]);
+          }), 128)),
+          _ctx.filterable && !_ctx.isDisabled ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+            key: 0,
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.searchInputValue = $event),
+            type: "text",
+            class: "el-cascader__search-input",
+            placeholder: _ctx.presentText ? "" : _ctx.inputPlaceholder,
+            onInput: _cache[5] || (_cache[5] = (e) => _ctx.handleInput(_ctx.searchInputValue, e)),
+            onClick: _cache[6] || (_cache[6] = vue.withModifiers(($event) => _ctx.togglePopperVisible(true), ["stop"])),
+            onKeydown: _cache[7] || (_cache[7] = vue.withKeys((...args) => _ctx.handleDelete && _ctx.handleDelete(...args), ["delete"])),
+            onCompositionstart: _cache[8] || (_cache[8] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
+            onCompositionupdate: _cache[9] || (_cache[9] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args)),
+            onCompositionend: _cache[10] || (_cache[10] = (...args) => _ctx.handleComposition && _ctx.handleComposition(...args))
+          }, null, 40, _hoisted_2)), [
+            [
+              vue.vModelText,
+              _ctx.searchInputValue,
+              void 0,
+              { trim: true }
+            ]
+          ]) : vue.createCommentVNode("v-if", true)
+        ], 512)) : vue.createCommentVNode("v-if", true)
+      ], 34), [
+        [_directive_clickoutside, () => _ctx.togglePopperVisible(false), _ctx.popperPaneRef]
+      ])
+    ]),
+    default: vue.withCtx(() => [
+      vue.withDirectives(vue.createVNode(_component_el_cascader_panel, {
+        ref: "panel",
+        modelValue: _ctx.checkedValue,
+        "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => _ctx.checkedValue = $event),
+        options: _ctx.options,
+        props: _ctx.props,
+        border: false,
+        "render-label": _ctx.$slots.default,
+        onExpandChange: _ctx.handleExpandChange,
+        onClose: _cache[16] || (_cache[16] = ($event) => _ctx.togglePopperVisible(false))
+      }, null, 8, ["modelValue", "options", "props", "render-label", "onExpandChange"]), [
+        [vue.vShow, !_ctx.filtering]
+      ]),
+      _ctx.filterable ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_scrollbar, {
+        key: 0,
+        ref: "suggestionPanel",
+        tag: "ul",
+        class: "el-cascader__suggestion-panel",
+        "view-class": "el-cascader__suggestion-list",
+        onKeydown: _ctx.handleSuggestionKeyDown
+      }, {
+        default: vue.withCtx(() => [
+          _ctx.suggestions.length ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.suggestions, (item) => {
+            return vue.openBlock(), vue.createElementBlock("li", {
+              key: item.uid,
+              class: vue.normalizeClass([
+                "el-cascader__suggestion-item",
+                item.checked && "is-checked"
+              ]),
+              tabindex: -1,
+              onClick: ($event) => _ctx.handleSuggestionClick(item)
+            }, [
+              vue.createElementVNode("span", null, vue.toDisplayString(item.text), 1),
+              item.checked ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_check)
+                ]),
+                _: 1
+              })) : vue.createCommentVNode("v-if", true)
+            ], 10, _hoisted_3);
+          }), 128)) : vue.renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
+            vue.createElementVNode("li", _hoisted_4, vue.toDisplayString(_ctx.t("el.cascader.noMatch")), 1)
+          ])
+        ]),
+        _: 3
+      }, 8, ["onKeydown"])), [
+        [vue.vShow, _ctx.filtering]
+      ]) : vue.createCommentVNode("v-if", true)
+    ]),
+    _: 3
+  }, 8, ["visible", "append-to-body", "popper-class", "popper-options", "effect", "onAfterLeave"]);
+}
+
+exports.render = render;
+//# sourceMappingURL=index.vue_vue_type_template_id_0429c2db_lang.js.map

package/lib/components/cascader/src/index.vue_vue_type_template_id_0429c2db_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue_type_template_id_0429c2db_lang.js","sources":["../../../../../../packages/components/cascader/src/index.vue?vue&type=template&id=0429c2db&lang.js"],"sourcesContent":["<template>\n  <el-popper\n    ref=\"popper\"\n    v-model:visible=\"popperVisible\"\n    manual-mode\n    :append-to-body=\"popperAppendToBody\"\n    placement=\"bottom-start\"\n    :popper-class=\"`el-cascader__dropdown ${popperClass}`\"\n    :popper-options=\"popperOptions\"\n    :fallback-placements=\"['bottom-start', 'top-start', 'right', 'left']\"\n    :stop-popper-mouse-event=\"false\"\n    transition=\"el-zoom-in-top\"\n    :gpu-acceleration=\"false\"\n    :effect=\"Effect.LIGHT\"\n    pure\n    @after-leave=\"hideSuggestionPanel\"\n  >\n    <template #trigger>\n      <div\n        v-clickoutside:[popperPaneRef]=\"() => togglePopperVisible(false)\"\n        :class=\"[\n          'el-cascader',\n          realSize && `el-cascader--${realSize}`,\n          { 'is-disabled': isDisabled },\n        ]\"\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 #default>\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=\"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-popper>\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 ElCascaderPanel, {\n  CommonProps,\n} from '@element-plus/components/cascader-panel'\nimport ElInput from '@element-plus/components/input'\nimport ElPopper, { Effect } from '@element-plus/components/popper'\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 { useLocaleInject } 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 isServer from '@element-plus/utils/isServer'\nimport { useGlobalConfig } from '@element-plus/utils/util'\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'\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 popperType = InstanceType<typeof ElPopper>\ntype inputType = InstanceType<typeof ElInput>\ntype suggestionPanelType = InstanceType<typeof ElScrollbar>\n\nconst DEFAULT_INPUT_HEIGHT = 40\n\nconst INPUT_HEIGHT_MAP = {\n  medium: 36,\n  small: 32,\n  mini: 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'].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    ElPopper,\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 } = useLocaleInject()\n    const $ELEMENT = useGlobalConfig()\n    const elForm = inject(elFormKey, {} as ElFormContext)\n    const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n\n    const popper: Ref<popperType | 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: ComputedRef<ComponentSize> = computed(\n      () => props.size || elFormItem.size || $ELEMENT.size\n    )\n    const tagSize = computed(() =>\n      ['small', 'mini'].includes(realSize.value) ? 'mini' : 'small'\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 popper.value?.popperRef\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(popper.value?.update)\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 (isServer || !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      Effect,\n      popperOptions,\n      popper,\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":["_createBlock","_createElementVNode","_createVNode","_createElementBlock","_renderSlot"],"mappings":";;;;;;;;EAsE6B,KAAI;AAAA,EAAa,OAAM;AAAA;;;qBAmEtC,OAAM;;;;;;;;;;;;0BAxIlBA;IACE,KAAI;AAAA,IACI,SAAS;gEAAA;IACjB,eAAA;AAAA,IACC,kBAAgB;IACjB,WAAU;AAAA,IACT,yCAAuC;IACvC,kBAAgB;IAChB,uBAAqB;IACrB,2BAAyB;AAAA,IAC1B,YAAW;AAAA,IACV,oBAAkB;AAAA,IAClB,QAAQ,YAAO;AAAA,IAChB,MAAA;AAAA,IACC,cAAa;;IAEH,qBACT;yBAAAC;QAEG;;;;;QAKA,2CAAa,yBAAoB,gBAAW;QAC5C,oDAAS;QACT,sDAAY;QACZ,sDAAY;;QAEbC;UACE,KAAI;AAAA,sBACU;uEAAA;0BAAd;UACC,aAAa;UACb,UAAU;UACV,UAAU;UACV,kBAAgB;AAAA,UAChB,MAAM;UACN,wCAAqB;UACrB,oBAAkB;UAClB,qBAAmB;UACnB,kBAAgB;UAChB,oCAAQ,MAAM,oBAAe;AAAA,UAC7B,mCAAO,MAAM,mBAAc;AAAA,UAC3B,SAAO;;UAEG,oBACT;YACQ,yCADRF;cAEE,KAAI;AAAA,cACJ,OAAM;AAAA,cACL,2BAAY;;mCAEb;gBAAAE;;;oDAEFF;cAEE,KAAI;AAAA,cACH;;;;;cAKA,iEAAY;;mCAEb;gBAAAE;;;;;;;QAKK,kCAAXC,8BAAA;gCACEA,0DACgB,mBAAP;oCADTH;cAEG,KAAK,IAAI;AAAA,cACV,MAAK;AAAA,cACJ,MAAM;cACN,KAAK,IAAI;AAAA,cACT,UAAU,IAAI;AAAA,cACf,uBAAA;AAAA,cACC,qBAAO,eAAU;AAAA;mCAElB;gBAAAC,yDAAS,IAAI;;;;;UAGP,oBAAe,uDADvBE;;yEAEgB;YACd,MAAK;AAAA,YACL,OAAM;AAAA,YACL,aAAa,wBAAmB;YAChC,oCAAQ,MAAM,iBAAY,uBAAkB;AAAA,YAC5C,iEAAY;YACZ,+DAAgB;YAChB,2DAAkB;YAClB,4DAAmB;YACnB,2DAAgB;;;;cATH;;sBAAd;AAAA;AAAA;;;wCAlEkC,iCAAvB;;;IAiFR,qBACT;yBAAAD;QAEE,KAAI;AAAA,oBACK;uEAAA;QACR,SAAS;QACT,OAAO;QACP,QAAQ;AAAA,QACR,gBAAc,YAAO;AAAA,QACrB,gBAAe;QACf,iDAAO;;qBARC;;MAWH,uDADRF;;QAGE,KAAI;AAAA,QACJ,KAAI;AAAA,QACJ,OAAM;AAAA,QACN,cAAW;AAAA,QACV,WAAS;;6BAEV;UAAgB,iBAAY,+BAC1BG,gEACiB,mBAAR;oCADTA;cAEG,KAAK,KAAK;AAAA,cACV;;;;cAIA,UAAU;AAAA,cACV,qBAAO,2BAAsB;AAAA;cAE9BF,yDAAS,KAAK;cACC,KAAK,4BAApBD;qCAA6B;kBAAAE,gBAAS;AAAA;AAAA;;;sBAG1CE,iDAAA;YACEH,6BAAA,gCACK;;;;;oBAxBC;;;;;;;;;"}

package/lib/components/cascader-panel/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('./src/index.js');
 var types = require('./src/types.js');
 var config = require('./src/config.js');
-var index_vue_vue_type_script_lang = require('./src/index.vue_vue&type=script&lang.js');
+var index_vue_vue_type_script_lang = require('./src/index.vue_vue_type_script_lang.js');
 
 index_vue_vue_type_script_lang["default"].install = (app) => {
   app.component(index_vue_vue_type_script_lang["default"].name, index_vue_vue_type_script_lang["default"]);
@@ -14,10 +14,7 @@ const _CascaderPanel = index_vue_vue_type_script_lang["default"];
 const ElCascaderPanel = _CascaderPanel;
 
 exports.CASCADER_PANEL_INJECTION_KEY = types.CASCADER_PANEL_INJECTION_KEY;
-Object.defineProperty(exports, 'ExpandTrigger', {
-  enumerable: true,
-  get: function () { return types.ExpandTrigger; }
-});
+exports.ExpandTrigger = types.ExpandTrigger;
 exports.CommonProps = config.CommonProps;
 exports.DefaultProps = config.DefaultProps;
 exports.useCascaderConfig = config.useCascaderConfig;

package/lib/components/cascader-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/cascader-panel/index.ts"],"sourcesContent":["import CascaderPanel from './src/index.vue'\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nCascaderPanel.install = (app: App): void => {\n  app.component(CascaderPanel.name, CascaderPanel)\n}\n\nconst _CascaderPanel = CascaderPanel as SFCWithInstall<typeof CascaderPanel>\n\nexport default _CascaderPanel\nexport const ElCascaderPanel = _CascaderPanel\nexport * from './src/types'\nexport * from './src/config'\n"],"names":["CascaderPanel"],"mappings":";;;;;;;;;AAIAA,0CAAc,UAAU,CAAC,QAAmB;AAC1C,MAAI,UAAUA,0CAAc,MAAMA;AAAA;MAG9B,iBAAiBA;MAGV,kBAAkB;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/cascader-panel/index.ts"],"sourcesContent":["import CascaderPanel from './src/index.vue'\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nCascaderPanel.install = (app: App): void => {\n  app.component(CascaderPanel.name, CascaderPanel)\n}\n\nconst _CascaderPanel = CascaderPanel as SFCWithInstall<typeof CascaderPanel>\n\nexport default _CascaderPanel\nexport const ElCascaderPanel = _CascaderPanel\nexport * from './src/types'\nexport * from './src/config'\n"],"names":["CascaderPanel"],"mappings":";;;;;;;;;AAIAA,0CAAc,UAAU,CAAC,QAAmB;AAC1C,MAAI,UAAUA,0CAAc,MAAMA;AAAA;MAG9B,iBAAiBA;MAGV,kBAAkB;;;;;;;;;;"}

package/lib/components/cascader-panel/src/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_vue_vue_type_script_lang = require('./index.vue_vue&type=script&lang.js');
-var index_vue_vue_type_template_id_97c48f5c_lang = require('./index.vue_vue&type=template&id=97c48f5c&lang.js');
+var index_vue_vue_type_script_lang = require('./index.vue_vue_type_script_lang.js');
+var index_vue_vue_type_template_id_97c48f5c_lang = require('./index.vue_vue_type_template_id_97c48f5c_lang.js');
 
 index_vue_vue_type_script_lang["default"].render = index_vue_vue_type_template_id_97c48f5c_lang.render;
 index_vue_vue_type_script_lang["default"].__file = "packages/components/cascader-panel/src/index.vue";

package/lib/components/cascader-panel/src/index.vue_vue_type_script_lang.js

@@ -0,0 +1,269 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var isEqual = require('lodash/isEqual');
+var aria = require('../../../utils/aria.js');
+var constants = require('../../../utils/constants.js');
+var isServer = require('../../../utils/isServer.js');
+var scrollIntoView = require('../../../utils/scroll-into-view.js');
+var util = require('../../../utils/util.js');
+require('./menu.js');
+var store = require('./store.js');
+var node = require('./node.js');
+var config = require('./config.js');
+var utils = require('./utils.js');
+var types = require('./types.js');
+var menu_vue_vue_type_script_lang = require('./menu.vue_vue_type_script_lang.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
+
+var script = vue.defineComponent({
+  name: "ElCascaderPanel",
+  components: {
+    ElCascaderMenu: menu_vue_vue_type_script_lang["default"]
+  },
+  props: {
+    ...config.CommonProps,
+    border: {
+      type: Boolean,
+      default: true
+    },
+    renderLabel: Function
+  },
+  emits: [constants.UPDATE_MODEL_EVENT, constants.CHANGE_EVENT, "close", "expand-change"],
+  setup(props, { emit, slots }) {
+    let initialLoaded = true;
+    let manualChecked = false;
+    const config$1 = config.useCascaderConfig(props);
+    const store$1 = vue.ref(null);
+    const menuList = vue.ref([]);
+    const checkedValue = vue.ref(null);
+    const menus = vue.ref([]);
+    const expandingNode = vue.ref(null);
+    const checkedNodes = vue.ref([]);
+    const isHoverMenu = vue.computed(() => config$1.value.expandTrigger === node.ExpandTrigger.HOVER);
+    const renderLabelFn = vue.computed(() => props.renderLabel || slots.default);
+    const initStore = () => {
+      const { options } = props;
+      const cfg = config$1.value;
+      manualChecked = false;
+      store$1.value = new store["default"](options, cfg);
+      menus.value = [store$1.value.getNodes()];
+      if (cfg.lazy && util.isEmpty(props.options)) {
+        initialLoaded = false;
+        lazyLoad(void 0, () => {
+          initialLoaded = true;
+          syncCheckedValue(false, true);
+        });
+      } else {
+        syncCheckedValue(false, true);
+      }
+    };
+    const lazyLoad = (node$1, cb) => {
+      const cfg = config$1.value;
+      node$1 = node$1 || new node["default"]({}, cfg, void 0, true);
+      node$1.loading = true;
+      const resolve = (dataList) => {
+        var _a;
+        const _node = node$1;
+        const parent = _node.root ? null : _node;
+        dataList && ((_a = store$1.value) == null ? void 0 : _a.appendNodes(dataList, parent));
+        _node.loading = false;
+        _node.loaded = true;
+        _node.childrenData = _node.childrenData || [];
+        cb && cb(dataList);
+      };
+      cfg.lazyLoad(node$1, resolve);
+    };
+    const expandNode = (node, silent) => {
+      var _a;
+      const { level } = node;
+      const newMenus = menus.value.slice(0, level);
+      let newExpandingNode;
+      if (node.isLeaf) {
+        newExpandingNode = node.pathNodes[level - 2];
+      } else {
+        newExpandingNode = node;
+        newMenus.push(node.children);
+      }
+      if (((_a = expandingNode.value) == null ? void 0 : _a.uid) !== (newExpandingNode == null ? void 0 : newExpandingNode.uid)) {
+        expandingNode.value = node;
+        menus.value = newMenus;
+        !silent && emit("expand-change", (node == null ? void 0 : node.pathValues) || []);
+      }
+    };
+    const handleCheckChange = (node, checked, emitClose = true) => {
+      const { checkStrictly, multiple } = config$1.value;
+      const oldNode = checkedNodes.value[0];
+      manualChecked = true;
+      !multiple && (oldNode == null ? void 0 : oldNode.doCheck(false));
+      node.doCheck(checked);
+      calculateCheckedValue();
+      emitClose && !multiple && !checkStrictly && emit("close");
+      !emitClose && !multiple && !checkStrictly && expandParentNode(node);
+    };
+    const expandParentNode = (node) => {
+      if (!node)
+        return;
+      node = node.parent;
+      expandParentNode(node);
+      node && expandNode(node);
+    };
+    const getFlattedNodes = (leafOnly) => {
+      var _a;
+      return (_a = store$1.value) == null ? void 0 : _a.getFlattedNodes(leafOnly);
+    };
+    const getCheckedNodes = (leafOnly) => {
+      var _a;
+      return (_a = getFlattedNodes(leafOnly)) == null ? void 0 : _a.filter((node) => node.checked !== false);
+    };
+    const clearCheckedNodes = () => {
+      checkedNodes.value.forEach((node) => node.doCheck(false));
+      calculateCheckedValue();
+    };
+    const calculateCheckedValue = () => {
+      var _a;
+      const { checkStrictly, multiple } = config$1.value;
+      const oldNodes = checkedNodes.value;
+      const newNodes = getCheckedNodes(!checkStrictly);
+      const nodes = utils.sortByOriginalOrder(oldNodes, newNodes);
+      const values = nodes.map((node) => node.valueByOption);
+      checkedNodes.value = nodes;
+      checkedValue.value = multiple ? values : (_a = values[0]) != null ? _a : null;
+    };
+    const syncCheckedValue = (loaded = false, forced = false) => {
+      const { modelValue } = props;
+      const { lazy, multiple, checkStrictly } = config$1.value;
+      const leafOnly = !checkStrictly;
+      if (!initialLoaded || manualChecked || !forced && isEqual__default["default"](modelValue, checkedValue.value))
+        return;
+      if (lazy && !loaded) {
+        const values = util.deduplicate(util.arrayFlat(util.coerceTruthyValueToArray(modelValue)));
+        const nodes = values.map((val) => {
+          var _a;
+          return (_a = store$1.value) == null ? void 0 : _a.getNodeByValue(val);
+        }).filter((node) => !!node && !node.loaded && !node.loading);
+        if (nodes.length) {
+          nodes.forEach((node) => {
+            lazyLoad(node, () => syncCheckedValue(false, forced));
+          });
+        } else {
+          syncCheckedValue(true, forced);
+        }
+      } else {
+        const values = multiple ? util.coerceTruthyValueToArray(modelValue) : [modelValue];
+        const nodes = util.deduplicate(values.map((val) => {
+          var _a;
+          return (_a = store$1.value) == null ? void 0 : _a.getNodeByValue(val, leafOnly);
+        }));
+        syncMenuState(nodes, false);
+        checkedValue.value = modelValue;
+      }
+    };
+    const syncMenuState = (newCheckedNodes, reserveExpandingState = true) => {
+      var _a;
+      const { checkStrictly } = config$1.value;
+      const oldNodes = checkedNodes.value;
+      const newNodes = newCheckedNodes.filter((node) => !!node && (checkStrictly || node.isLeaf));
+      const oldExpandingNode = (_a = store$1.value) == null ? void 0 : _a.getSameNode(expandingNode.value);
+      const newExpandingNode = reserveExpandingState && oldExpandingNode || newNodes[0];
+      if (newExpandingNode) {
+        newExpandingNode.pathNodes.forEach((node) => expandNode(node, true));
+      } else {
+        expandingNode.value = null;
+      }
+      oldNodes.forEach((node) => node.doCheck(false));
+      newNodes.forEach((node) => node.doCheck(true));
+      checkedNodes.value = newNodes;
+      vue.nextTick(scrollToExpandingNode);
+    };
+    const scrollToExpandingNode = () => {
+      if (isServer["default"])
+        return;
+      menuList.value.forEach((menu) => {
+        const menuElement = menu == null ? void 0 : menu.$el;
+        if (menuElement) {
+          const container = menuElement.querySelector(".el-scrollbar__wrap");
+          const activeNode = menuElement.querySelector(".el-cascader-node.is-active") || menuElement.querySelector(".el-cascader-node.in-active-path");
+          scrollIntoView["default"](container, activeNode);
+        }
+      });
+    };
+    const handleKeyDown = (e) => {
+      const target = e.target;
+      const { code } = e;
+      switch (code) {
+        case aria.EVENT_CODE.up:
+        case aria.EVENT_CODE.down: {
+          const distance = code === aria.EVENT_CODE.up ? -1 : 1;
+          aria.focusNode(aria.getSibling(target, distance, '.el-cascader-node[tabindex="-1"]'));
+          break;
+        }
+        case aria.EVENT_CODE.left: {
+          const preMenu = menuList.value[utils.getMenuIndex(target) - 1];
+          const expandedNode = preMenu == null ? void 0 : preMenu.$el.querySelector('.el-cascader-node[aria-expanded="true"]');
+          aria.focusNode(expandedNode);
+          break;
+        }
+        case aria.EVENT_CODE.right: {
+          const nextMenu = menuList.value[utils.getMenuIndex(target) + 1];
+          const firstNode = nextMenu == null ? void 0 : nextMenu.$el.querySelector('.el-cascader-node[tabindex="-1"]');
+          aria.focusNode(firstNode);
+          break;
+        }
+        case aria.EVENT_CODE.enter:
+          utils.checkNode(target);
+          break;
+        case aria.EVENT_CODE.esc:
+        case aria.EVENT_CODE.tab:
+          emit("close");
+          break;
+      }
+    };
+    vue.provide(types.CASCADER_PANEL_INJECTION_KEY, vue.reactive({
+      config: config$1,
+      expandingNode,
+      checkedNodes,
+      isHoverMenu,
+      renderLabelFn,
+      lazyLoad,
+      expandNode,
+      handleCheckChange
+    }));
+    vue.watch([config$1, () => props.options], initStore, {
+      deep: true,
+      immediate: true
+    });
+    vue.watch(() => props.modelValue, () => {
+      manualChecked = false;
+      syncCheckedValue();
+    });
+    vue.watch(checkedValue, (val) => {
+      if (!isEqual__default["default"](val, props.modelValue)) {
+        emit(constants.UPDATE_MODEL_EVENT, val);
+        emit(constants.CHANGE_EVENT, val);
+      }
+    });
+    vue.onBeforeUpdate(() => menuList.value = []);
+    vue.onMounted(() => !util.isEmpty(props.modelValue) && syncCheckedValue());
+    return {
+      menuList,
+      menus,
+      checkedNodes,
+      handleKeyDown,
+      handleCheckChange,
+      getFlattedNodes,
+      getCheckedNodes,
+      clearCheckedNodes,
+      calculateCheckedValue,
+      scrollToExpandingNode
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=index.vue_vue_type_script_lang.js.map

package/lib/components/cascader-panel/src/index.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/cascader-panel/src/index.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"['el-cascader-panel', border && 'is-bordered']\"\n    @keydown=\"handleKeyDown\"\n  >\n    <el-cascader-menu\n      v-for=\"(menu, index) in menus\"\n      :key=\"index\"\n      :ref=\"(item) => (menuList[index] = item)\"\n      :index=\"index\"\n      :nodes=\"menu\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  nextTick,\n  onBeforeUpdate,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport isEqual from 'lodash/isEqual'\nimport { EVENT_CODE, focusNode, getSibling } from '@element-plus/utils/aria'\nimport { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/utils/constants'\nimport isServer from '@element-plus/utils/isServer'\nimport scrollIntoView from '@element-plus/utils/scroll-into-view'\nimport {\n  arrayFlat,\n  coerceTruthyValueToArray,\n  deduplicate,\n  isEmpty,\n} from '@element-plus/utils/util'\n\nimport ElCascaderMenu from './menu.vue'\nimport Store from './store'\nimport Node, { ExpandTrigger } from './node'\nimport { CommonProps, useCascaderConfig } from './config'\nimport { checkNode, getMenuIndex, sortByOriginalOrder } from './utils'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\n\nimport type { PropType } from 'vue'\nimport type { Nullable } from '@element-plus/utils/types'\nimport type {\n  CascaderValue,\n  CascaderNodeValue,\n  CascaderOption,\n  RenderLabel,\n  default as CascaderNode,\n} from './node'\n\nimport type { ElCascaderPanelContext } from './types'\n\nexport default defineComponent({\n  name: 'ElCascaderPanel',\n\n  components: {\n    ElCascaderMenu,\n  },\n\n  props: {\n    ...CommonProps,\n    border: {\n      type: Boolean,\n      default: true,\n    },\n    renderLabel: Function as PropType<RenderLabel>,\n  },\n\n  emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT, 'close', 'expand-change'],\n\n  setup(props, { emit, slots }) {\n    let initialLoaded = true\n    // for interrupt sync check status in lazy mode\n    let manualChecked = false\n\n    const config = useCascaderConfig(props)\n\n    const store = ref<Nullable<Store>>(null)\n    const menuList = ref<any[]>([])\n    const checkedValue = ref<Nullable<CascaderValue>>(null)\n    const menus = ref<CascaderNode[][]>([])\n    const expandingNode = ref<Nullable<CascaderNode>>(null)\n    const checkedNodes = ref<CascaderNode[]>([])\n\n    const isHoverMenu = computed(\n      () => config.value.expandTrigger === ExpandTrigger.HOVER\n    )\n    const renderLabelFn = computed(() => props.renderLabel || slots.default)\n\n    const initStore = () => {\n      const { options } = props\n      const cfg = config.value\n\n      manualChecked = false\n      store.value = new Store(options, cfg)\n      menus.value = [store.value.getNodes()]\n\n      if (cfg.lazy && isEmpty(props.options)) {\n        initialLoaded = false\n        lazyLoad(undefined, () => {\n          initialLoaded = true\n          syncCheckedValue(false, true)\n        })\n      } else {\n        syncCheckedValue(false, true)\n      }\n    }\n\n    const lazyLoad: ElCascaderPanelContext['lazyLoad'] = (node, cb) => {\n      const cfg = config.value\n      node! = node || new Node({}, cfg, undefined, true)\n      node.loading = true\n\n      const resolve = (dataList: CascaderOption[]) => {\n        const _node = node as Node\n        const parent = _node.root ? null : _node\n        dataList && store.value?.appendNodes(dataList, parent as any)\n        _node.loading = false\n        _node.loaded = true\n        _node.childrenData = _node.childrenData || []\n        cb && cb(dataList)\n      }\n\n      cfg.lazyLoad(node, resolve as any)\n    }\n\n    const expandNode: ElCascaderPanelContext['expandNode'] = (node, silent) => {\n      const { level } = node\n      const newMenus = menus.value.slice(0, level)\n      let newExpandingNode: Nullable<CascaderNode>\n\n      if (node.isLeaf) {\n        newExpandingNode = node.pathNodes[level - 2]\n      } else {\n        newExpandingNode = node\n        newMenus.push(node.children)\n      }\n\n      if (expandingNode.value?.uid !== newExpandingNode?.uid) {\n        expandingNode.value = node\n        menus.value = newMenus\n        !silent && emit('expand-change', node?.pathValues || [])\n      }\n    }\n\n    const handleCheckChange: ElCascaderPanelContext['handleCheckChange'] = (\n      node,\n      checked,\n      emitClose = true\n    ) => {\n      const { checkStrictly, multiple } = config.value\n      const oldNode = checkedNodes.value[0]\n      manualChecked = true\n\n      !multiple && oldNode?.doCheck(false)\n      node.doCheck(checked)\n      calculateCheckedValue()\n      emitClose && !multiple && !checkStrictly && emit('close')\n      !emitClose && !multiple && !checkStrictly && expandParentNode(node)\n    }\n\n    const expandParentNode = (node) => {\n      if (!node) return\n      node = node.parent\n      expandParentNode(node)\n      node && expandNode(node)\n    }\n\n    const getFlattedNodes = (leafOnly: boolean) => {\n      return store.value?.getFlattedNodes(leafOnly)\n    }\n\n    const getCheckedNodes = (leafOnly: boolean) => {\n      return getFlattedNodes(leafOnly)?.filter((node) => node.checked !== false)\n    }\n\n    const clearCheckedNodes = () => {\n      checkedNodes.value.forEach((node) => node.doCheck(false))\n      calculateCheckedValue()\n    }\n\n    const calculateCheckedValue = () => {\n      const { checkStrictly, multiple } = config.value\n      const oldNodes = checkedNodes.value\n      const newNodes = getCheckedNodes(!checkStrictly)!\n      // ensure the original order\n      const nodes = sortByOriginalOrder(oldNodes, newNodes)\n      const values = nodes.map((node) => node.valueByOption)\n      checkedNodes.value = nodes\n      checkedValue.value = multiple ? values : values[0] ?? null\n    }\n\n    const syncCheckedValue = (loaded = false, forced = false) => {\n      const { modelValue } = props\n      const { lazy, multiple, checkStrictly } = config.value\n      const leafOnly = !checkStrictly\n\n      if (\n        !initialLoaded ||\n        manualChecked ||\n        (!forced && isEqual(modelValue, checkedValue.value))\n      )\n        return\n\n      if (lazy && !loaded) {\n        const values: CascaderNodeValue[] = deduplicate(\n          arrayFlat(coerceTruthyValueToArray(modelValue))\n        )\n        const nodes = values\n          .map((val) => store.value?.getNodeByValue(val))\n          .filter((node) => !!node && !node.loaded && !node.loading) as Node[]\n\n        if (nodes.length) {\n          nodes.forEach((node) => {\n            lazyLoad(node, () => syncCheckedValue(false, forced))\n          })\n        } else {\n          syncCheckedValue(true, forced)\n        }\n      } else {\n        const values = multiple\n          ? coerceTruthyValueToArray(modelValue)\n          : [modelValue]\n        const nodes = deduplicate(\n          values.map((val) => store.value?.getNodeByValue(val, leafOnly))\n        ) as Node[]\n        syncMenuState(nodes, false)\n        checkedValue.value = modelValue!\n      }\n    }\n\n    const syncMenuState = (\n      newCheckedNodes: CascaderNode[],\n      reserveExpandingState = true\n    ) => {\n      const { checkStrictly } = config.value\n      const oldNodes = checkedNodes.value\n      const newNodes = newCheckedNodes.filter(\n        (node) => !!node && (checkStrictly || node.isLeaf)\n      )\n      const oldExpandingNode = store.value?.getSameNode(expandingNode.value!)\n      const newExpandingNode =\n        (reserveExpandingState && oldExpandingNode) || newNodes[0]\n\n      if (newExpandingNode) {\n        newExpandingNode.pathNodes.forEach((node) => expandNode(node, true))\n      } else {\n        expandingNode.value = null\n      }\n\n      oldNodes.forEach((node) => node.doCheck(false))\n      newNodes.forEach((node) => node.doCheck(true))\n\n      checkedNodes.value = newNodes\n      nextTick(scrollToExpandingNode)\n    }\n\n    const scrollToExpandingNode = () => {\n      if (isServer) return\n\n      menuList.value.forEach((menu) => {\n        const menuElement = menu?.$el\n        if (menuElement) {\n          const container = menuElement.querySelector('.el-scrollbar__wrap')\n          const activeNode =\n            menuElement.querySelector('.el-cascader-node.is-active') ||\n            menuElement.querySelector('.el-cascader-node.in-active-path')\n          scrollIntoView(container, activeNode)\n        }\n      })\n    }\n\n    const handleKeyDown = (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(target, distance, '.el-cascader-node[tabindex=\"-1\"]')\n          )\n          break\n        }\n        case EVENT_CODE.left: {\n          const preMenu = menuList.value[getMenuIndex(target) - 1]\n          const expandedNode = preMenu?.$el.querySelector(\n            '.el-cascader-node[aria-expanded=\"true\"]'\n          )\n          focusNode(expandedNode)\n          break\n        }\n        case EVENT_CODE.right: {\n          const nextMenu = menuList.value[getMenuIndex(target) + 1]\n          const firstNode = nextMenu?.$el.querySelector(\n            '.el-cascader-node[tabindex=\"-1\"]'\n          )\n          focusNode(firstNode)\n          break\n        }\n        case EVENT_CODE.enter:\n          checkNode(target)\n          break\n        case EVENT_CODE.esc:\n        case EVENT_CODE.tab:\n          emit('close')\n          break\n      }\n    }\n\n    provide(\n      CASCADER_PANEL_INJECTION_KEY,\n      reactive({\n        config,\n        expandingNode,\n        checkedNodes,\n        isHoverMenu,\n        renderLabelFn,\n        lazyLoad,\n        expandNode,\n        handleCheckChange,\n      })\n    )\n\n    watch([config, () => props.options], initStore, {\n      deep: true,\n      immediate: true,\n    })\n\n    watch(\n      () => props.modelValue,\n      () => {\n        manualChecked = false\n        syncCheckedValue()\n      }\n    )\n\n    watch(checkedValue, (val) => {\n      if (!isEqual(val, props.modelValue)) {\n        emit(UPDATE_MODEL_EVENT, val)\n        emit(CHANGE_EVENT, val)\n      }\n    })\n\n    onBeforeUpdate(() => (menuList.value = []))\n\n    onMounted(() => !isEmpty(props.modelValue) && syncCheckedValue())\n\n    return {\n      menuList,\n      menus,\n      checkedNodes,\n      handleKeyDown,\n      handleCheckChange,\n      getFlattedNodes,\n      getCheckedNodes,\n      clearCheckedNodes,\n      calculateCheckedValue,\n      scrollToExpandingNode,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElCascaderMenu","CommonProps","UPDATE_MODEL_EVENT","CHANGE_EVENT","config","useCascaderConfig","store","ref","computed","ExpandTrigger","Store","isEmpty","node","Node","sortByOriginalOrder","isEqual","deduplicate","arrayFlat","coerceTruthyValueToArray","isServer","EVENT_CODE","getSibling","getMenuIndex","CASCADER_PANEL_INJECTION_KEY","reactive"],"mappings":"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"}

package/lib/components/cascader-panel/src/index.vue_vue_type_template_id_97c48f5c_lang.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_cascader_menu = vue.resolveComponent("el-cascader-menu");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(["el-cascader-panel", _ctx.border && "is-bordered"]),
+    onKeydown: _cache[0] || (_cache[0] = (...args) => _ctx.handleKeyDown && _ctx.handleKeyDown(...args))
+  }, [
+    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menus, (menu, index) => {
+      return vue.openBlock(), vue.createBlock(_component_el_cascader_menu, {
+        key: index,
+        ref: (item) => _ctx.menuList[index] = item,
+        index,
+        nodes: menu
+      }, null, 8, ["index", "nodes"]);
+    }), 128))
+  ], 34);
+}
+
+exports.render = render;
+//# sourceMappingURL=index.vue_vue_type_template_id_97c48f5c_lang.js.map